@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/flex-box/index.d.ts

@@ -0,0 +1,44 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    flexColumn: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-box/index.mjs

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

package/flex-column/index.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-column/index.mjs

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

package/flex-item/index.d.ts

@@ -0,0 +1,77 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    flexRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    relative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    absolute: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    flexRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    flexColumn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    relative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    absolute: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    flexRow: boolean;
+    flexColumn: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+    relative: boolean;
+    absolute: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-item/index.mjs

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

package/flex-row/index.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    verticalCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    horizonCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    center: boolean;
+    verticalCenter: boolean;
+    horizonCenter: boolean;
+    textCenter: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-row/index.mjs

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

package/flex-scroll-area/index.d.ts

@@ -4,7 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    scroller: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    scroller: Readonly<globalThis.ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
     computeScrollbar: () => void;
     $emit: (event: "scroll" | "scrollbar", ...args: any[]) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {

package/flex-scroll-area/index.mjs

@@ -1,5 +1,5 @@
 import { createElementBlock as e, createElementVNode as t, onMounted as n, onUnmounted as r, openBlock as i, renderSlot as a, useTemplateRef as o } from "vue";
-//#region src/components/FlexScrollArea.vue
+//#region src/components/flex-scroll-area/FlexScrollArea.vue
 var s = { class: "flex-item-relative" }, c = /* @__PURE__ */ Object.assign({ name: "FlexScrollArea" }, {
 	__name: "FlexScrollArea",
 	emits: ["scrollbar", "scroll"],

package/flex-scroller/index.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    contentClass: {
+        type: StringConstructor;
+    };
+    contentScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    flexColumn: BooleanConstructor;
+    flexRow: BooleanConstructor;
+    contentClass: {
+        type: StringConstructor;
+    };
+    contentScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    flexRow: boolean;
+    flexColumn: boolean;
+    contentScroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/flex-scroller/index.mjs

@@ -0,0 +1,29 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/flex-scroller/FlexScroller.vue
+var o = {
+	name: "FlexScroller",
+	props: {
+		flexColumn: Boolean,
+		flexRow: Boolean,
+		contentClass: { type: String },
+		contentScroll: {
+			type: Boolean,
+			default: !0
+		}
+	}
+}, s = { class: "flex-scroller-wrapper" };
+function c(e, o, c, l, u, d) {
+	return i(), t("div", s, [n("div", { class: r([
+		"flex-scroller",
+		{
+			"flex-column": c.flexColumn,
+			"flex-row": c.flexRow,
+			"content-scroll": c.contentScroll
+		},
+		c.contentClass
+	]) }, [a(e.$slots, "default")], 2)]);
+}
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };

package/flex-scroller/style.css

@@ -0,0 +1 @@
+.flex-scroller-wrapper{flex:auto;position:relative}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;bottom:0;left:0;right:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}

package/flow-designer/index.d.ts

@@ -0,0 +1,286 @@
+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;
+    };
+}>, () => any, {}, {}, {}, 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;
+        };
+    }>, () => any, {}, {}, {}, 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[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, 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;
+        };
+        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;
+        };
+        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;
+        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/CUaecRXx.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;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;