@web-utils/component 4.0.16 → 5.0.0-beta02

package/flow-node/index.mjs

@@ -1,64 +1,56 @@
-import { s as o } from "../chunks/util.DqFv_pWg.mjs";
-import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  name: "FlowNode",
-  props: {
-    active: [String, Number],
-    index: [String, Number],
-    node: Object
-  },
-  data() {
-    return {
-      // 控制节点操作显示
-      mouseEnter: !1
-    };
-  },
-  computed: {
-    // 节点容器样式
-    flowNodeContainer: {
-      get() {
-        return {
-          position: "absolute",
-          width: "200px",
-          top: o(this.node.top),
-          left: o(this.node.left),
-          boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
-          backgroundColor: "transparent"
-        };
-      }
-    }
-  },
-  methods: {
-    // 鼠标进入
-    showDelete() {
-      this.mouseEnter = !0;
-    },
-    // 鼠标离开
-    hideDelete() {
-      this.mouseEnter = !1;
-    },
-    // 鼠标移动后抬起
-    changeNodeSite() {
-      this.node.left === this.$refs.node.style.left && this.node.top === this.$refs.node.style.top || this.$emit("changeNodeSite", {
-        index: this.index,
-        left: Number(this.$refs.node.style.left.replace("px", "")),
-        top: Number(this.$refs.node.style.top.replace("px", ""))
-      });
-    }
-  }
-};
-var d = function() {
-  var e = this, t = e._self._c;
-  return t("div", { ref: "node", style: e.flowNodeContainer, attrs: { left: e.node.left, top: e.node.top, disabled: "", mask: !1 }, on: { mouseenter: e.showDelete, mouseleave: e.hideDelete, mouseup: e.changeNodeSite } }, [t("div", { class: ["avue-flow__node", { active: e.active === e.node.id }] }, [t("div", { staticClass: "avue-flow__node-header" }, [t("i", { staticClass: "el-icon-rank", class: e.b("node-drag") }), e._t("header", null, { node: e.node })], 2), t("div", { staticClass: "avue-flow__node-body" }, [e._t("default", null, { node: e.node })], 2)])]);
-}, r = [], a = /* @__PURE__ */ s(
-  n,
-  d,
-  r,
-  !1,
-  null,
-  null
-);
-const u = a.exports;
-export {
-  u as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { x as t } from "../chunks/util.g-WQEec9.mjs";
+import { createElementBlock as n, createElementVNode as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s } from "vue";
+//#region src/components/flow/FlowNode.vue
+var c = {
+	name: "FlowNode",
+	props: {
+		active: [String, Number],
+		index: [String, Number],
+		node: Object
+	},
+	data() {
+		return { mouseEnter: !1 };
+	},
+	computed: { flowNodeContainer: { get() {
+		return {
+			position: "absolute",
+			width: "200px",
+			top: t(this.node.top),
+			left: t(this.node.left),
+			boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
+			backgroundColor: "transparent"
+		};
+	} } },
+	methods: {
+		showDelete() {
+			this.mouseEnter = !0;
+		},
+		hideDelete() {
+			this.mouseEnter = !1;
+		},
+		changeNodeSite() {
+			this.node.left === this.$refs.node.style.left && this.node.top === this.$refs.node.style.top || this.$emit("changeNodeSite", {
+				index: this.index,
+				left: Number(this.$refs.node.style.left.replace("px", "")),
+				top: Number(this.$refs.node.style.top.replace("px", ""))
+			});
+		}
+	}
+}, l = ["left", "top"], u = { class: "avue-flow__node-header" }, d = { class: "avue-flow__node-body" };
+function f(e, t, c, f, p, m) {
+	return o(), n("div", {
+		ref: "node",
+		style: a(m.flowNodeContainer),
+		left: c.node.left,
+		top: c.node.top,
+		disabled: "",
+		mask: !1,
+		onMouseenter: t[0] || (t[0] = (...e) => m.showDelete && m.showDelete(...e)),
+		onMouseleave: t[1] || (t[1] = (...e) => m.hideDelete && m.hideDelete(...e)),
+		onMouseup: t[2] || (t[2] = (...e) => m.changeNodeSite && m.changeNodeSite(...e))
+	}, [r("div", { class: i(["avue-flow__node", { active: c.active === c.node.id }]) }, [r("div", u, [r("i", { class: i(["el-icon-rank", e.b("node-drag")]) }, null, 2), s(e.$slots, "header", { node: c.node })]), r("div", d, [s(e.$slots, "default", { node: c.node })])], 2)], 44, l);
+}
+var p = /* @__PURE__ */ e(c, [["render", f]]);
+//#endregion
+export { p as default };

package/flow-viewer/index.mjs

@@ -1,158 +1,160 @@
-import u from "bpmn-js/lib/NavigatedViewer";
-import c from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
-import { create as l, attr as a, append as p } from "tiny-svg";
-import { query as w } from "min-dom";
-import y from "../easy-popup/index.mjs";
-import "../easy-popup/style.css";
-import { n as v } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const m = c.prototype._handleWheel, k = {
-  __init__: ["zoomScroll"],
-  zoomScroll: ["type", c]
-}, _ = {
-  name: "FlowViewer",
-  components: {
-    EasyPopup: y
-  },
-  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
-  },
-  data() {
-    return {
-      element: null
-    };
-  },
-  watch: {
-    xml(i) {
-      var e;
-      (e = this.bpmnViewer) == null || e.importXML(i);
-    }
-  },
-  mounted() {
-    c.prototype._handleWheel = this.ctrlKey ? m : function(i) {
-      const { target: e, deltaMode: t, clientX: o, clientY: n, deltaX: h, deltaY: s } = i;
-      m.call(this, {
-        target: e,
-        deltaMode: t,
-        clientX: o,
-        clientY: n,
-        deltaX: h,
-        deltaY: s,
-        preventDefault() {
-          i.preventDefault();
-        },
-        ctrlKey: !0
-      });
-    }, this.bpmnViewer = new u({
-      ...this.options,
-      container: this.$refs.container,
-      additionalModules: [k]
-    }), this.bpmnViewer.on("import.done", (i) => {
-      const e = i.error, t = i.warnings;
-      e ? this.$emit("error", e) : this.$emit("shown", t), this.canvas = this.bpmnViewer.get("canvas"), this.fitViewportCenter(), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
-      const o = this.bpmnViewer.get("eventBus");
-      this.events && this.events.forEach((r) => {
-        o.on(r, (g) => {
-          this.$emit(r.replace(".", "-"), g.element);
-        });
-      }), this.nodePopup && o.on("element.mousemove", (r) => {
-        r.element.type === "bpmn:UserTask" && requestAnimationFrame(async () => {
-          this.element = r.element, await this.$nextTick(), this.$refs.popup.show(r.originalEvent);
-        });
-      }), this.nodePopup && o.on("element.out", () => {
-        this.$refs.popup.hide(), this.element = {};
-      }), this.highlightFlow(this.historicActivities, this.activities);
-      const n = l("marker");
-      a(n, {
-        id: "sequenceflow-arrow-green",
-        viewBox: "0 0 20 20",
-        refX: "11",
-        refY: "10",
-        markerWidth: "10",
-        markerHeight: "10",
-        orient: "auto"
-      });
-      const h = l("path");
-      a(h, {
-        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);"
-      }), p(n, h);
-      const s = l("marker");
-      a(s, {
-        id: "conditional-default-flow-marker-green",
-        viewBox: "0 0 20 20",
-        refX: "0",
-        refY: "10",
-        markerWidth: "10",
-        markerHeight: "10",
-        orient: "auto"
-      });
-      const d = l("path");
-      a(d, {
-        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);"
-      }), p(s, d);
-      const f = w("defs", this.$el);
-      p(f, n), p(f, s);
-    }), this.bpmnViewer.importXML(this.xml), this.$watch(
-      () => ({
-        activities: this.activities,
-        historicActivities: this.historicActivities
-      }),
-      ({ activities: i, historicActivities: e }) => {
-        this.highlightFlow(e, i);
-      }
-    );
-  },
-  beforeDestroy() {
-    var i;
-    c.prototype._handleWheel = m, (i = this.bpmnViewer) == null || i.destroy();
-  },
-  methods: {
-    fitViewportCenter(i = "center") {
-      this.canvas.zoom("fit-viewport", i);
-    },
-    highlightFlow(i, e) {
-      this.elementRegistry.getAll().forEach((t) => {
-        ["bpmn:StartEvent", "bpmn:UserTask", "bpmn:ExclusiveGateway", "bpmn:ParallelGateway", "bpmn:EndEvent"].includes(t.type) && (i.includes(t.id) && !e.includes(t.id) ? this.canvas.addMarker(t, "highlight") : this.canvas.removeMarker(t, "highlight")), t.type === "bpmn:SequenceFlow" && (i.includes(t.id) ? this.canvas.addMarker(t, "highlight-line") : this.canvas.removeMarker(t, "highlight-line")), t.type === "bpmn:UserTask" && (e.includes(t.id) ? this.canvas.addMarker(t, "highlight-current") : this.canvas.removeMarker(t, "highlight-current"));
-      });
-    }
-  }
-};
-var b = function() {
-  var e = this, t = e._self._c;
-  return t("div", { ref: "container", staticClass: "flow-viewer flow-background-image", style: { "--highlight-color": e.highlightColor } }, [t("EasyPopup", { ref: "popup", attrs: { "append-to-body": "", "flex-column": "", offset: { x: 6, y: 6 } } }, [e._t("default", function() {
-    return [e._v(" " + e._s(e.element) + " ")];
-  }, { element: e.element })], 2)], 1);
-}, x = [], M = /* @__PURE__ */ v(
-  _,
-  b,
-  x,
-  !1,
-  null,
-  null
-);
-const C = M.exports;
-export {
-  C as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.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, resolveComponent as c, toDisplayString as l, withCtx as u } from "vue";
+import d from "bpmn-js/lib/NavigatedViewer";
+import f from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
+import { append as p, attr as m, create as h } from "tiny-svg";
+import { query as g } from "min-dom";
+//#region src/components/bpmn-process-designer/FlowViewer.vue
+var _ = f.prototype._handleWheel, v = {
+	__init__: ["zoomScroll"],
+	zoomScroll: ["type", f]
+}, y = {
+	name: "FlowViewer",
+	components: { EasyPopup: t },
+	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() {
+		f.prototype._handleWheel = this.ctrlKey ? _ : function(e) {
+			let { target: t, deltaMode: n, clientX: r, clientY: i, deltaX: a, deltaY: o } = e;
+			_.call(this, {
+				target: t,
+				deltaMode: n,
+				clientX: r,
+				clientY: i,
+				deltaX: a,
+				deltaY: o,
+				preventDefault() {
+					e.preventDefault();
+				},
+				ctrlKey: !0
+			});
+		}, this.bpmnViewer = new d({
+			...this.options,
+			container: this.$refs.container,
+			additionalModules: [v]
+		}), 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 = h("marker");
+			m(i, {
+				id: "sequenceflow-arrow-green",
+				viewBox: "0 0 20 20",
+				refX: "11",
+				refY: "10",
+				markerWidth: "10",
+				markerHeight: "10",
+				orient: "auto"
+			});
+			let a = h("path");
+			m(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);"
+			}), p(i, a);
+			let o = h("marker");
+			m(o, {
+				id: "conditional-default-flow-marker-green",
+				viewBox: "0 0 20 20",
+				refX: "0",
+				refY: "10",
+				markerWidth: "10",
+				markerHeight: "10",
+				orient: "auto"
+			});
+			let s = h("path");
+			m(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);"
+			}), p(o, s);
+			let c = g("defs", this.$el);
+			p(c, i), p(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;
+		f.prototype._handleWheel = _, (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 b(e, t, d, f, p, m) {
+	let h = c("EasyPopup");
+	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: u(() => [s(e.$slots, "default", { element: p.element }, () => [r(l(p.element), 1)])]),
+		_: 3
+	}, 512)], 4);
+}
+var x = /* @__PURE__ */ e(y, [["render", b]]);
+//#endregion
+export { x as default };

package/form-block/index.mjs

@@ -1,147 +1,2 @@
-import { h as o } from "vue";
-import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], n = ["$emit", "validate", "clearValidate"], d = {
-  name: "FormBlock",
-  inject: {
-    elForm: {
-      default: {}
-    }
-  },
-  provide() {
-    return {
-      elForm: this.formConfig
-    };
-  },
-  props: {
-    blockTitle: String,
-    active: Boolean,
-    enabled: Boolean,
-    disabled: Boolean,
-    wrapRow: {
-      type: Boolean,
-      default: !0
-    },
-    gutter: {
-      type: Number,
-      default: 20
-    },
-    collapse: Boolean
-  },
-  data() {
-    const e = {};
-    return r.forEach((i) => {
-      e[i] = null;
-    }), {
-      expand: !0,
-      formConfig: e
-    };
-  },
-  computed: {
-    formCfg() {
-      const e = {
-        enabled: this.enabled,
-        forbidden: this.disabled
-      };
-      return r.forEach((i) => {
-        e[i] = this.elForm[i];
-      }), e;
-    }
-  },
-  watch: {
-    collapse: {
-      immediate: !0,
-      handler(e) {
-        this.expand = !e;
-      }
-    },
-    formCfg: {
-      immediate: !0,
-      handler() {
-        this.formConfig.disabled = this.available(), r.forEach((e) => {
-          var i;
-          e !== "disabled" && (n.includes(e) ? this.formConfig[e] = (i = this.elForm[e]) == null ? void 0 : i.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
-        });
-      }
-    }
-  },
-  mounted() {
-    this.dispatch("FormView", "FormView.addTab", [this]);
-  },
-  beforeDestroy() {
-    this.dispatch("FormView", "FormView.removeTab", [this]);
-  },
-  methods: {
-    available() {
-      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
-    },
-    dispatch(e, i, a) {
-      let t = this.$parent || this.$root, l = t.$options.name;
-      for (; t && (!l || l !== e); )
-        t = t.$parent, t && (l = t.$options.name);
-      t && t.$emit.apply(t, [i].concat(a));
-    },
-    renderDefault() {
-      const {
-        wrapRow: e,
-        gutter: i,
-        formConfig: a,
-        $scopedSlots: t
-      } = this;
-      return e ? o("ElRow", {
-        attrs: {
-          gutter: i
-        }
-      }, [t.default({
-        disabled: a.disabled
-      })]) : t.default({
-        disabled: a.disabled
-      });
-    },
-    toggle() {
-      this.expand = !this.expand;
-    },
-    open() {
-      this.expand = !0;
-    }
-  },
-  render() {
-    const {
-      renderDefault: e,
-      blockTitle: i,
-      active: a,
-      expand: t,
-      toggle: l
-    } = this;
-    return o("div", {
-      class: ["form-block", {
-        "default-active": a
-      }]
-    }, [o("div", {
-      class: "form-block-title",
-      on: {
-        click: l
-      }
-    }, [o("span", {
-      class: "flex-item"
-    }, [i]), " ", o("i", {
-      class: t ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), o("ElCollapseTransition", [o("div", {
-      directives: [{
-        name: "show",
-        value: t
-      }]
-    }, [e()])])]);
-  }
-}, m = null, c = null;
-var f = /* @__PURE__ */ s(
-  d,
-  m,
-  c,
-  !1,
-  null,
-  null
-);
-const u = f.exports;
-export {
-  u as default
-};
+import { t as e } from "../chunks/FormBlock.Co7l6USP.mjs";
+export { e as default };