@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta71

package/flow-designer/index.d.ts

@@ -0,0 +1,353 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    /**
+     * bpmnXML
+     */
+    modelValue: StringConstructor;
+    /**
+     * 是否使用侧栏
+     */
+    usePanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 使用的配置面板
+     */
+    useTabs: ArrayConstructor;
+    /**
+     * 拓展类型
+     */
+    extendTypes: ArrayConstructor;
+    /**
+     * 配置上下文信息
+     */
+    context: ObjectConstructor;
+    panelType: {
+        type: StringConstructor;
+    };
+}>, {}, {
+    modeler: null;
+    reloadIndex: number;
+    controlForm: {
+        processId: string;
+        processName: string;
+        simulation: boolean;
+        labelEditing: boolean;
+        labelVisible: boolean;
+        prefix: string;
+        headerButtonSize: string;
+        additionalModel: import('vue').Raw<({
+            __init__: string[];
+            contextPadProvider: (string | typeof import('./plugins/content-pad/contentPadProvider.js').default)[];
+        } | {
+            __init__: string[];
+            customPalette: (string | typeof import('./plugins/palette/CustomPalette.js').default)[];
+        } | {
+            __init__: string[];
+            autoPlace: (string | typeof import('./modules/auto-place/rewriteAutoPlace.js').default)[];
+        })[]>;
+    };
+}, {}, {
+    initModeler(modeler: any): void;
+    refresh(): Promise<void>;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * bpmnXML
+     */
+    modelValue: StringConstructor;
+    /**
+     * 是否使用侧栏
+     */
+    usePanel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 使用的配置面板
+     */
+    useTabs: ArrayConstructor;
+    /**
+     * 拓展类型
+     */
+    extendTypes: ArrayConstructor;
+    /**
+     * 配置上下文信息
+     */
+    context: ObjectConstructor;
+    panelType: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    usePanel: boolean;
+}, {}, {
+    PropertiesPanel: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+        activeTabs: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        useTabs: ArrayConstructor;
+        bpmnModeler: ObjectConstructor;
+        context: ObjectConstructor;
+        prefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: NumberConstructor;
+            default: number;
+        };
+        idEditDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        panelType: {
+            type: StringConstructor;
+        };
+    }>, {}, {
+        element: {};
+        bpmnInstances: {};
+        activeTab: string | string[];
+        elementId: string;
+        elementType: string;
+        conditionFormVisible: boolean;
+        formVisible: boolean;
+        isPanelVisible: boolean;
+    }, {
+        isArray(): boolean;
+        isNullOrUndefined(): boolean;
+        isTab(): boolean;
+    }, {
+        initModels(): void;
+        getActiveElement(): void;
+        initFormOnChanged(element: any): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "initModels"[], "initModels", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        activeTabs: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        useTabs: ArrayConstructor;
+        bpmnModeler: ObjectConstructor;
+        context: ObjectConstructor;
+        prefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        width: {
+            type: NumberConstructor;
+            default: number;
+        };
+        idEditDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        panelType: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
+        onInitModels?: ((...args: any[]) => any) | undefined;
+    }>, {
+        width: number;
+        prefix: string;
+        idEditDisabled: boolean;
+        activeTabs: unknown[];
+    }, {}, {
+        UserTaskListeners: () => Promise<typeof import("./components/penal/listeners/UserTaskListeners.vue")>;
+        ElementForm: () => Promise<typeof import("./components/penal/form/ElementForm.vue")>;
+        ElementProperties: () => Promise<typeof import("./components/penal/properties/ElementProperties.vue")>;
+        ElementListeners: () => Promise<typeof import("./components/penal/listeners/ElementListeners.vue")>;
+        SignalAndMassage: () => Promise<typeof import("./components/penal/signal-message/SignalAndMessage.vue")>;
+        FlowCondition: () => Promise<typeof import("./components/penal/flow-condition/FlowCondition.vue")>;
+        ElementMultiInstance: () => Promise<typeof import("./components/penal/multi-instance/ElementMultiInstance.vue")>;
+        ElementTask: () => Promise<typeof import("./components/penal/task/ElementTaskConfig.vue")>;
+        ElementOtherConfig: () => Promise<typeof import("./components/penal/other/ElementOtherConfig.vue")>;
+        ElementBaseInfo: () => Promise<typeof import("./components/penal/base/ElementBaseInfo.vue")>;
+    }, {}, string, () => {
+        prefix: string;
+        width: number;
+        context: Record<string, any> | undefined;
+        bpmnInstances: {};
+    }, true, {}, any>;
+    ProcessDesigner: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+        modelValue: StringConstructor;
+        processId: StringConstructor;
+        processName: StringConstructor;
+        translations: ObjectConstructor;
+        options: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        additionalModel: (ArrayConstructor | ObjectConstructor)[];
+        moddleExtension: ObjectConstructor;
+        onlyCustomizeAddi: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onlyCustomizeModdle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        simulation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        events: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        headerButtonSize: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        headerButtonType: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        extendTypes: ArrayConstructor;
+    }>, {}, {
+        defaultZoom: number;
+        previewModelVisible: boolean;
+        simulationStatus: boolean;
+        previewResult: string;
+        previewType: string;
+        recoverable: boolean;
+        revocable: boolean;
+    }, {
+        additionalModules(): Record<string, any> | any[];
+        moddleExtensions(): Record<string, any> | {
+            activiti: {
+                types: unknown[];
+                name: string;
+                uri: string;
+                prefix: string;
+                xml: {
+                    tagAlias: string;
+                };
+                associations: never[];
+                emumerations: never[];
+            };
+            flowable: {
+                types: unknown[];
+                name: string;
+                uri: string;
+                prefix: string;
+                xml: {
+                    tagAlias: string;
+                };
+                associations: never[];
+                emumerations: never[];
+            };
+            camunda: {
+                types: unknown[];
+                name: string;
+                uri: string;
+                prefix: string;
+                xml: {
+                    tagAlias: string;
+                };
+                associations: never[];
+                emumerations: never[];
+            };
+        } | null;
+    }, {
+        initBpmnModeler(): void;
+        initModelListeners(): void;
+        createNewDiagram(xml: any): Promise<void>;
+        downloadProcess(type: string, name?: any): Promise<void>;
+        setEncoded(type: any, filename: string | undefined, data: any): {
+            filename: string;
+            href: string;
+            data: any;
+        };
+        importLocalFile(): void;
+        downloadProcessAsXml(): void;
+        downloadProcessAsBpmn(): void;
+        downloadProcessAsSvg(): void;
+        processSimulation(): void;
+        processRedo(): void;
+        processUndo(): void;
+        processZoomIn(zoomStep?: number): void;
+        processZoomOut(zoomStep?: number): void;
+        processZoomTo(newZoom?: number): void;
+        processReZoom(): void;
+        processRestart(): void;
+        elementsAlign(align: any): void;
+        previewProcessXML(): void;
+        previewProcessJson(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "change" | "destroy" | "init-finished" | "commandStack-changed" | "canvas-viewbox-changed")[], "update:modelValue" | "change" | "destroy" | "init-finished" | "commandStack-changed" | "canvas-viewbox-changed", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        modelValue: StringConstructor;
+        processId: StringConstructor;
+        processName: StringConstructor;
+        translations: ObjectConstructor;
+        options: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        additionalModel: (ArrayConstructor | ObjectConstructor)[];
+        moddleExtension: ObjectConstructor;
+        onlyCustomizeAddi: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onlyCustomizeModdle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        simulation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        prefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        events: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        headerButtonSize: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        headerButtonType: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: unknown) => boolean;
+        };
+        extendTypes: ArrayConstructor;
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onDestroy?: ((...args: any[]) => any) | undefined;
+        "onInit-finished"?: ((...args: any[]) => any) | undefined;
+        "onCommandStack-changed"?: ((...args: any[]) => any) | undefined;
+        "onCanvas-viewbox-changed"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        options: Record<string, any>;
+        prefix: string;
+        onlyCustomizeAddi: boolean;
+        onlyCustomizeModdle: boolean;
+        simulation: boolean;
+        keyboard: boolean;
+        events: unknown[];
+        headerButtonSize: string;
+        headerButtonType: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flow-designer/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/CaRunrOV2.mjs";
+export { e as default };

package/flow-designer/style.css

@@ -0,0 +1 @@
+.process-panel__container{box-sizing:border-box;border-left:1px solid #eee;max-height:100%;padding:0 8px;transition:width .25s ease-in;overflow:hidden auto;box-shadow:0 0 8px #ccc}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{color:#606266;text-align:center;cursor:pointer;font-size:20px}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{align-items:flex-start;width:100%;margin:8px 0;display:flex}.process-panel__container .element-property .element-property__label{box-sizing:border-box;text-align:right;width:90px;padding-right:12px;font-size:14px;line-height:32px;display:block;overflow:hidden}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%;display:inline-grid}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.process-panel__container .el-select{display:block}.panel-tab__title{padding:0 8px;font-size:1.1em;font-weight:600;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;border-top:1px solid #eee;width:100%;padding:8px 16px}.panel-tab__content .panel-tab__content--title{justify-content:space-between;padding-bottom:8px;display:flex}.panel-tab__content .panel-tab__content--title span{text-align:left;flex:1}.listener-filed__title{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:inline-flex}.listener-filed__title span{text-align:left;width:200px;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{justify-content:space-around;width:100%;margin-top:8px;display:inline-flex}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.flow-drawer .listener-filed__title{justify-content:normal;padding-bottom:6px}.flow-drawer .el-select,.flow-dialog .el-select{display:block}.my-process-designer{box-sizing:border-box;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{z-index:100;box-sizing:border-box;font-variant:normal;text-transform:none;width:max-content;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:text-bottom;content:attr(title);background:#fafafa;border:1px solid #ccc;border-radius:4px;padding:0 16px;font-size:.5em;display:inline-block;position:absolute;top:0;bottom:0;right:-10px;overflow:hidden;transform:translate(100%);box-shadow:0 0 6px #eee}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{text-align:left;width:100%;padding-left:8px;padding-right:8px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:#409effcc}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align .el-icon i:after{content:"|";position:absolute;transform:rotate(90deg)translate(200%,60%)}.my-process-designer .my-process-designer__header .align.align-left .el-icon i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right .el-icon i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top .el-icon i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom .el-icon i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center .el-icon i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center .el-icon i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle .el-icon i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle .el-icon i:after{transform:rotate(90deg)translateY(60%)}.my-process-designer .my-process-designer__container{flex:1;width:100%;display:inline-flex}.my-process-designer .my-process-designer__container .my-process-designer__canvas{flex:1;height:100%;position:relative}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow:scroll auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{background-color:#fff;width:100%;height:100%;display:flex}

package/flow-viewer/index.d.ts

@@ -0,0 +1,62 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    xml: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+    activities: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    historicActivities: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    highlightColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    ctrlKey: BooleanConstructor;
+    nodePopup: BooleanConstructor;
+    events: ArrayConstructor;
+}>, {}, {
+    element: null;
+}, {}, {
+    fitViewportCenter(position?: string): void;
+    highlightFlow(historicActivities: any, activities: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("error" | "shown")[], "error" | "shown", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    xml: {
+        type: StringConstructor;
+        required: true;
+    };
+    options: {
+        type: ObjectConstructor;
+    };
+    activities: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    historicActivities: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    highlightColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    ctrlKey: BooleanConstructor;
+    nodePopup: BooleanConstructor;
+    events: ArrayConstructor;
+}>> & Readonly<{
+    onError?: ((...args: any[]) => any) | undefined;
+    onShown?: ((...args: any[]) => any) | undefined;
+}>, {
+    ctrlKey: boolean;
+    nodePopup: boolean;
+    activities: unknown[];
+    historicActivities: unknown[];
+    highlightColor: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flow-viewer/index.mjs

@@ -0,0 +1,159 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import t from "../easy-popup/index.mjs";
+import { createElementBlock as n, createTextVNode as r, createVNode as i, normalizeStyle as a, openBlock as o, renderSlot as s, toDisplayString as c, withCtx as l } from "vue";
+import u from "bpmn-js/lib/NavigatedViewer";
+import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { append as f, attr as p, create as m } from "tiny-svg";
+import { query as h } from "min-dom";
+//#region src/components/bpmn-process-designer/FlowViewer.vue
+var g = d.prototype._handleWheel, _ = {
+	__init__: ["zoomScroll"],
+	zoomScroll: ["type", d]
+}, v = {
+	name: "FlowViewer",
+	props: {
+		xml: {
+			type: String,
+			required: !0
+		},
+		options: { type: Object },
+		activities: {
+			type: Array,
+			default: () => []
+		},
+		historicActivities: {
+			type: Array,
+			default: () => []
+		},
+		highlightColor: {
+			type: String,
+			default: "rgb(0 190 0 / 100%)"
+		},
+		ctrlKey: Boolean,
+		nodePopup: Boolean,
+		events: Array
+	},
+	emits: ["error", "shown"],
+	data() {
+		return { element: null };
+	},
+	watch: { xml(e) {
+		var t;
+		(t = this.bpmnViewer) == null || t.importXML(e);
+	} },
+	mounted() {
+		d.prototype._handleWheel = this.ctrlKey ? g : function(e) {
+			let { target: t, deltaMode: n, clientX: r, clientY: i, deltaX: a, deltaY: o } = e;
+			g.call(this, {
+				target: t,
+				deltaMode: n,
+				clientX: r,
+				clientY: i,
+				deltaX: a,
+				deltaY: o,
+				preventDefault() {
+					e.preventDefault();
+				},
+				ctrlKey: !0
+			});
+		}, this.bpmnViewer = new u({
+			...this.options,
+			container: this.$refs.container,
+			additionalModules: [_]
+		}), this.bpmnViewer.on("import.done", (e) => {
+			let t = e.error, n = e.warnings;
+			t ? this.$emit("error", t) : this.$emit("shown", n), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
+			let r = this.bpmnViewer.get("eventBus");
+			this.events && this.events.forEach((e) => {
+				r.on(e, (t) => {
+					this.$emit(e.replace(".", "-"), t.element);
+				});
+			}), this.nodePopup && r.on("element.mousemove", (e) => {
+				e.element.type === "bpmn:UserTask" && requestAnimationFrame(async () => {
+					this.element = e.element, await this.$nextTick(), this.$refs.popup.show(e.originalEvent);
+				});
+			}), this.nodePopup && r.on("element.out", () => {
+				this.$refs.popup.hide(), this.element = {};
+			}), this.highlightFlow(this.historicActivities, this.activities);
+			let i = m("marker");
+			p(i, {
+				id: "sequenceflow-arrow-green",
+				viewBox: "0 0 20 20",
+				refX: "11",
+				refY: "10",
+				markerWidth: "10",
+				markerHeight: "10",
+				orient: "auto"
+			});
+			let a = m("path");
+			p(a, {
+				d: "M 1 5 L 11 10 L 1 15 Z",
+				style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 1px; fill: var(--highlight-color);"
+			}), f(i, a);
+			let o = m("marker");
+			p(o, {
+				id: "conditional-default-flow-marker-green",
+				viewBox: "0 0 20 20",
+				refX: "0",
+				refY: "10",
+				markerWidth: "10",
+				markerHeight: "10",
+				orient: "auto"
+			});
+			let s = m("path");
+			p(s, {
+				d: "M 6 4 L 10 16",
+				style: "stroke-linecap: round; stroke-linejoin: round; stroke: var(--highlight-color); stroke-width: 2px; fill: var(--highlight-color);"
+			}), f(o, s);
+			let c = h("defs", this.$el);
+			f(c, i), f(c, o);
+		}), this.bpmnViewer.importXML(this.xml), this.$watch(() => ({
+			activities: this.activities,
+			historicActivities: this.historicActivities
+		}), ({ activities: e, historicActivities: t }) => {
+			this.highlightFlow(t, e);
+		});
+	},
+	beforeUnmount() {
+		var e;
+		d.prototype._handleWheel = g, (e = this.bpmnViewer) == null || e.destroy();
+	},
+	methods: {
+		fitViewportCenter(e = "center") {
+			this.canvas.zoom("fit-viewport", e);
+		},
+		highlightFlow(e, t) {
+			this.elementRegistry.getAll().forEach((n) => {
+				[
+					"bpmn:StartEvent",
+					"bpmn:UserTask",
+					"bpmn:ExclusiveGateway",
+					"bpmn:ParallelGateway",
+					"bpmn:EndEvent"
+				].includes(n.type) && (e.includes(n.id) && !t.includes(n.id) ? this.canvas.addMarker(n, "highlight") : this.canvas.removeMarker(n, "highlight")), n.type === "bpmn:SequenceFlow" && (e.includes(n.id) ? this.canvas.addMarker(n, "highlight-line") : this.canvas.removeMarker(n, "highlight-line")), n.type === "bpmn:UserTask" && (t.includes(n.id) ? this.canvas.addMarker(n, "highlight-current") : this.canvas.removeMarker(n, "highlight-current"));
+			});
+		}
+	}
+};
+function y(e, u, d, f, p, m) {
+	let h = t;
+	return o(), n("div", {
+		ref: "container",
+		style: a({ "--highlight-color": d.highlightColor }),
+		class: "flow-viewer flow-background-image"
+	}, [i(h, {
+		ref: "popup",
+		"append-to-body": "",
+		"flex-column": "",
+		offset: {
+			x: 6,
+			y: 6
+		}
+	}, {
+		default: l(() => [s(e.$slots, "default", { element: p.element }, () => [r(c(p.element), 1)])]),
+		_: 3
+	}, 512)], 4);
+}
+var b = /* @__PURE__ */ e(v, [["render", y]]);
+//#endregion
+export { b as default };

package/flow-viewer/style.css

@@ -0,0 +1 @@
+.flow-viewer{background-color:#fff;width:100%;height:400px}.flow-viewer .highlight g.djs-visual rect,.flow-viewer .highlight g.djs-visual circle,.flow-viewer .highlight g.djs-visual polygon,.flow-viewer .highlight g.djs-visual path{stroke:var(--highlight-color)!important}.flow-viewer .highlight g.djs-visual polygon+path{fill:var(--highlight-color)!important}@keyframes dashoffset{to{stroke-dashoffset:100%}}.flow-viewer .highlight-current g.djs-visual rect{stroke-dasharray:8;animation:40s linear infinite forwards dashoffset;fill:#fbe9d1!important;stroke:#d67e7d!important}.flow-viewer .highlight-line g.djs-visual path{stroke:var(--highlight-color)!important;stroke-width:2px!important;marker-end:url(#sequenceflow-arrow-green)!important}

package/form-advice/index.mjs

@@ -1,28 +1,29 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, inject as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+import { columnSizeContextKey as e, flowContextKey as t } from "../constants/index.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, inject as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
 //#region src/components/red-form/FormAdvice.vue
-var d = ["colspan"], f = ["colspan"], p = { style: { "text-align": "right" } }, m = { style: { "margin-left": "20px" } }, h = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
+var p = ["colspan"], m = ["colspan"], h = { style: { "text-align": "right" } }, g = { style: { "margin-left": "20px" } }, _ = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
 	__name: "FormAdvice",
 	props: {
 		valueColspan: Number,
 		labelColspan: Number
 	},
-	setup(h) {
-		let g = h, _ = o("columnSize", 0), v = o("flowContext", null), y = t(() => g.labelColspan && g.valueColspan || g.labelColspan && !g.valueColspan ? g.labelColspan : !g.labelColspan && g.valueColspan && _.value ? _.value - g.valueColspan : 0), b = t(() => g.labelColspan && g.valueColspan ? g.valueColspan : g.labelColspan && !g.valueColspan ? _.value ? _.value - g.labelColspan : 0 : !g.labelColspan && g.valueColspan ? g.valueColspan : _.value ? _.value - 1 : 0);
-		return (t, o) => {
-			var h;
-			return s(), r("tbody", null, [(s(!0), r(e, null, c((h = u(v)) == null ? void 0 : h.formComments, (t) => (s(), r(e, null, [t.comments.length ? (s(), r("tr", { key: t.id }, [i("td", {
+	setup(_) {
+		let v = _, y = c(e, 0), b = c(t, null), x = r(() => v.labelColspan && v.valueColspan || v.labelColspan && !v.valueColspan ? v.labelColspan : !v.labelColspan && v.valueColspan && y.value ? y.value - v.valueColspan : 0), S = r(() => v.labelColspan && v.valueColspan ? v.valueColspan : v.labelColspan && !v.valueColspan ? y.value ? y.value - v.labelColspan : 0 : !v.labelColspan && v.valueColspan ? v.valueColspan : y.value ? y.value - 1 : 0);
+		return (e, t) => {
+			var r;
+			return l(), a("tbody", null, [(l(!0), a(n, null, u((r = f(b)) == null ? void 0 : r.formComments, (e) => (l(), a(n, null, [e.comments.length ? (l(), a("tr", { key: e.id }, [o("td", {
 				class: "label",
 				style: {
 					height: "100px",
 					"line-height": "24px"
 				},
-				colspan: y.value
-			}, l(t.name), 9, d), i("td", {
+				colspan: x.value
+			}, d(e.name), 9, p), o("td", {
 				class: "input",
-				colspan: b.value
-			}, [i("ul", null, [(s(!0), r(e, null, c(t.comments, (e) => (s(), r("li", { key: e.id }, [i("p", null, l(e.message), 1), i("p", p, [a(l(e.personalName) + " ", 1), i("span", m, l(e.time.substring(0, 10)), 1)])]))), 128))])], 8, f)])) : n("v-if", !0)], 64))), 256))]);
+				colspan: S.value
+			}, [o("ul", null, [(l(!0), a(n, null, u(e.comments, (e) => (l(), a("li", { key: e.id }, [o("p", null, d(e.message), 1), o("p", h, [s(d(e.personalName) + " ", 1), o("span", g, d(e.time.substring(0, 10)), 1)])]))), 128))])], 8, m)])) : i("v-if", !0)], 64))), 256))]);
 		};
 	}
 });
 //#endregion
-export { h as default };
+export { _ as default };