@since2006/pages 2026.4.2 → 2026.4.4

package/dist/es/packages/pages/src/app/workflow/design/editor/js/WFObject.js

@@ -0,0 +1,82 @@
+import i from "./WFHelper.js";
+import n from "../../../../../../../../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.js";
+class m {
+  constructor(t) {
+    this.workflow = t, this.sUuid = n(), this.dSvg = null, this.dContainer = null, this.dText = null, this.sAttrName = null, this.bSrc = !1;
+  }
+  isSrc() {
+    return this.bSrc;
+  }
+  uuid() {
+    return this.sUuid;
+  }
+  getName() {
+    return this.sAttrName;
+  }
+  setName(t) {
+    this.sAttrName = t, this.dText.tspan(this.sAttrName);
+  }
+  remove() {
+  }
+  create() {
+    const t = this.workflow.getSvgJs();
+    this.dSvg = t.group(), this.dSvg.attr("transform", "translate(50,10)"), this.serial(), this.dContainer = t.rect(), this.dContainer.attr("width", 100), this.dContainer.attr("height", 20), this.dContainer.attr("fill", "white"), this.dContainer.attr("stroke", "gray"), this.dContainer.attr("stroke-width", "1"), this.dContainer.attr("uuid", this.sUuid), this.dContainer.attr("x", 0), this.dContainer.attr("y", 0), this.dSvg.add(this.dContainer), this.sAttrName = i.getWorkFlowName(), this.dText = t.text(""), this.dText.attr("uuid", this.sUuid), this.dText.attr("x", 5), this.dText.attr("y", 15), this.dText.tspan(this.sAttrName), this.dSvg.add(this.dText);
+    const s = this;
+    this.dSvg.mousedown((r) => s.workflow.onMouseDown(r)), t.add(this.dSvg), this.fixLayout(), this.workflow.registerElement(this);
+  }
+  serial() {
+    this.dSvg.attr("uuid", this.sUuid), this.dSvg.attr("wf-class", "WFObject");
+  }
+  /**
+   * 修正外观，主要是描述改变时其包围框的大小
+   */
+  fixLayout() {
+    const t = i.getRect(this.dText);
+    this.dContainer.attr("width", t.width + 15);
+  }
+  getXmlNode(t) {
+    let e = t.createElement("define");
+    return e.setAttribute("name", this.sAttrName), e.setAttribute("uuid", this.sUuid), e;
+  }
+  updateXmlNode() {
+    this.workflow.getWfXml().getNode(this.sUuid).setAttribute("name", this.sAttrName);
+  }
+  setWFAttributes(t, e) {
+    const s = this.workflow.getWfXml();
+    if (t === "FORM") {
+      const r = s.getXml();
+      let h = i.createWFFormAttributesNode(e, r), d = s.getNode(this.sUuid);
+      i.removeWFFormAttributes(d);
+      for (let o = 0; o < h.length; o++)
+        d.appendChild(h[o]);
+    }
+    t === "COMMENTS" && s.setComments(e);
+  }
+  pushWFAttributes(t) {
+    const e = this.workflow.getWfXml();
+    i.pushWFFormAttributes(t, e.getNode(this.sUuid));
+  }
+  onSelect() {
+    this.dContainer.attr("stroke", "black");
+  }
+  onUnSelect() {
+    this.dContainer.attr("stroke", "gray");
+  }
+  onMouseDblClick() {
+    this.workflow.getParent().onEditObjectNode(this);
+  }
+  onMove() {
+  }
+  onUp() {
+  }
+  onToolbarChange() {
+  }
+  unSerial(t) {
+    this.bSrc = !0, this.dSvg = t, this.sUuid = this.dSvg.attr("uuid");
+    let e = this.dSvg.children();
+    this.dContainer = e[0], this.dText = e[1], this.sAttrName = this.dText.text(), this.workflow.registerElement(this), this.workflow.setWFObject(this);
+  }
+}
+export {
+  m as default
+};

package/dist/es/packages/pages/src/app/workflow/design/editor/js/WFRepeat.js

@@ -0,0 +1,191 @@
+import d from "./WFHelper.js";
+import o from "../../../../../../../../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.js";
+class g {
+  constructor(t) {
+    this.parent = t;
+  }
+  attr(t) {
+    if (t === "d") {
+      let i = this.parent.dSvg, e = this.parent.dPath, s = i.attr("transform"), h = s.substring(s.indexOf("(") + 1, s.indexOf(",")), r = s.substring(s.indexOf(",") + 1, s.indexOf(")")), a = e.attr(t), n = a.split(" ");
+      return n[1] = n[1] * 1 + h * 1, n[2] = n[2] * 1 + r * 1, n[9] = n[9] * 1 + h * 1, n[10] = n[10] * 1 + r * 1, a = n.join(" "), a;
+    }
+  }
+}
+class f {
+  _init() {
+    this.sUuid = o(), this.dSvg = null, this.dContainer = null, this.defaultWidth = null, this.dPath = null, this.dText = null, this.textNode = null, this.fixY = 22, this.fixContainerHeight = 40, this.sAttrName = null, this.sOwnerId = null, this.bKilled = !1, this.iOrder = null, this.bSrc = !1, this.dLine = new g(this);
+  }
+  constructor(t) {
+    this._init(), this.workflow = t;
+  }
+  uuid() {
+    return this.sUuid;
+  }
+  getSvg() {
+    return this.dSvg;
+  }
+  setOrder(t) {
+    this.iOrder = t, this.dSvg.attr("wf-link-order", this.iOrder);
+  }
+  /**
+   * 获得连接的线条，这是接口方法
+   */
+  getLine() {
+    return this.dLine;
+  }
+  /**
+   * 设置途径路过的风格
+   */
+  onTrackStyle() {
+    this.dPath.attr("style", "fill:none;stroke:red;stroke-width:1.3;"), this.dPath.attr("marker-end", "url(#redArrow)");
+  }
+  /**
+   * 生成循环器，此Create方法与其它不同，其必须提供一个实体
+   * 此实体由ToolBar控制器提供
+   */
+  create(t, i) {
+    const e = this.workflow.getSvgJs();
+    this.sOwnerId = i.uuid(), i.setRepeater(this.sUuid);
+    let s = d.getRect(i.getSvg());
+    this.dSvg = e.group();
+    let h = "translate(" + s.x + ", " + (s.y - this.fixContainerHeight) + ")";
+    this.dSvg.attr("transform", h), this.dContainer = e.rect(), this.defaultWidth = s.width, this.serial(), this.dContainer.attr("width", this.defaultWidth), this.dContainer.attr("height", "40"), this.dContainer.attr("fill", "white"), this.dContainer.attr("stroke", "black"), this.dContainer.attr("stroke-width", "0"), this.dContainer.attr("style", "opacity:0"), this.dContainer.attr("stroke-dasharray", "3,3"), this.dSvg.add(this.dContainer), this.dPath = e.path();
+    let r = "M " + parseInt(s.width / 2 - 15) + " " + this.fixContainerHeight + " ";
+    r += "A 16 12 0 1 1 ", r += parseInt(s.width / 2 + 15) + " " + parseInt("" + (this.fixContainerHeight - 6)), this.dPath.attr("id", this.sUuid), this.dPath.attr("d", r), this.dPath.attr("style", "fill:none;stroke:black;stroke-width:1.3;"), this.dPath.attr("marker-end", "url(#arrow)"), this.dSvg.add(this.dPath);
+    let a = e.group();
+    this.sAttrName = d.getNextLinkName(), this.dText = e.text(""), this.dText.tspan(this.sAttrName).dx(0).dy(0), a.attr("transform", "translate(0, 15)"), a.add(this.dText), this.dSvg.add(a), e.add(this.dSvg), this.workflow.setActiveElement(this, t), this.fixLayout(), this.workflow.registerElement(this);
+  }
+  /**
+   * 修正位置，循环器的位置与其Node是一起变化的，当Node的模子发生改变时会影响
+   * 自循环的位置，因此需要修正
+   */
+  fixLayout() {
+    let t = d.getRect(this.workflow.getElement(this.sOwnerId).getSvg()), i = t.width, e = d.getRect(this.dText);
+    if (e.width < i) {
+      this.dContainer.attr("width", i), d.getRect(this.dContainer);
+      let s = "translate(" + t.x + ", " + (t.y - this.fixContainerHeight) + ")";
+      this.dSvg.attr("transform", s);
+      let h = (i - e.width) / 2;
+      this.dText.attr("x", h);
+      let r = "M " + parseInt(t.width / 2 - 15) + " " + this.fixContainerHeight + " ";
+      r += "A 16 12 0 1 1 ", r += parseInt(t.width / 2 + 15) + " " + parseInt("" + (this.fixContainerHeight - 6)), this.dPath.attr("d", r);
+    } else {
+      this.dContainer.attr("width", e.width + 4);
+      let s = d.getRect(this.dContainer), r = "translate(" + (t.x - (s.width - i) / 2) + ", " + (t.y - this.fixContainerHeight) + ")";
+      this.dSvg.attr("transform", r);
+      let a = (s.width - e.width) / 2;
+      this.dText.attr("x", a);
+      let n = "M " + parseInt(s.width / 2 - 15) + " " + this.fixContainerHeight + " ";
+      n += "A 16 12 0 1 1 ", n += parseInt(s.width / 2 + 15) + " " + parseInt("" + (this.fixContainerHeight - 6)), this.dPath.attr("d", n);
+    }
+  }
+  /**
+   * 当鼠标移动时，此事件由其宿主Node触发
+   */
+  onMove(t, i) {
+    let e = d.getRect(i.getSvg()), s = d.getRect(this.dContainer), h = null;
+    s.width > e.width ? h = "translate(" + (e.x - (s.width - e.width) / 2) + ", " + (e.y - this.fixContainerHeight) + ")" : h = "translate(" + e.x + ", " + (e.y - this.fixContainerHeight) + ")", this.dSvg.attr("transform", h);
+  }
+  /**
+   * 被选中
+   */
+  onSelect(t) {
+    this.dContainer.attr("stroke-width", "1"), this.dContainer.attr("style", "opacity:0.8");
+  }
+  /**
+   * 取消选中
+   */
+  onUnSelect(t) {
+    this.dContainer.attr("stroke-width", "0"), this.dContainer.attr("style", "opacity:0");
+  }
+  /**
+   * 鼠标松开
+   */
+  onUp(t) {
+  }
+  /**
+   * 双击时执行的操作
+   */
+  onMouseDblClick(t) {
+    this.workflow.getParent().onEditLinkNode(this);
+  }
+  /**
+   * 设置SVG上显示的名字
+   */
+  setName(t) {
+    this.sAttrName = t, this.dText.tspan(this.sAttrName);
+  }
+  /**
+   * 获得名字
+   */
+  getName() {
+    return this.sAttrName;
+  }
+  /**
+   * 工具条改变时的回调方法
+   */
+  onToolbarChange(t) {
+  }
+  /**
+   * 移除自己
+   */
+  remove() {
+    if (!this.bKilled)
+      return this.dSvg.remove(), this.bKilled = !0, this.workflow.getElement(this.sOwnerId).setRepeater(null), this.workflow.unregisterElement(this), !0;
+  }
+  /**
+   * 序列化自己的标记位设置
+   */
+  serial() {
+    this.dSvg.attr("uuid", this.sUuid), this.dSvg.attr("wf-class", "WFRepeat"), this.dSvg.attr("wf-default-width", this.defaultWidth), this.dSvg.attr("wf-owner", this.sOwnerId);
+  }
+  // 是否原始对象
+  // 在非编辑模式要判断是否原始对象，原始对象默认是不能删除的
+  isSrc() {
+    return this.bSrc;
+  }
+  /**
+   * 从SVG上恢复为JS封装类实现的方法
+   */
+  unSerial(t) {
+    this.bSrc = !0, this.dSvg = t, this.sUuid = this.dSvg.attr("uuid"), this.sOwnerId = this.dSvg.attr("wf-owner"), this.defaultWidth = this.dSvg.attr("wf-default-width"), this.dContainer = this.dSvg.children()[0], this.dPath = this.dSvg.children()[1], this.dText = this.dSvg.children()[2].children()[0], this.sAttrName = this.dText.text(), this.iOrder = this.dSvg.attr("wf-link-order"), this.workflow.registerElement(this);
+  }
+  /**
+   * 获得xml描述节点
+   */
+  getXmlNode(t) {
+    let i = t.createElement("repeat");
+    i.setAttribute("uuid", this.sUuid), i.setAttribute("name", this.sAttrName), i.setAttribute("owner", this.sOwnerId);
+    let e = this.iOrder == null ? "" : this.iOrder;
+    return i.setAttribute("order", e), i;
+  }
+  /**
+   * 更新节点的描述信息
+   */
+  updateXmlNode() {
+    this.workflow.getWfXml().getNode(this.sUuid).setAttribute("name", this.sAttrName);
+  }
+  /**
+   * 将数据放回表单当中
+   */
+  pushWFAttributes(t) {
+    const i = this.workflow.getWfXml();
+    d.pushWFFormAttributes(t, i.getNode(this.sUuid));
+  }
+  /**
+   * 设置于工作流相关的属性
+   */
+  setWFAttributes(t, i) {
+    const e = this.workflow.getWfXml();
+    if (t === "FORM") {
+      const s = e.getXml();
+      let h = d.createWFFormAttributesNode(i, s), r = e.getNode(this.sUuid);
+      d.removeWFFormAttributes(r);
+      for (let a = 0; a < h.length; a++)
+        r.appendChild(h[a]);
+    }
+  }
+}
+export {
+  f as default
+};

package/dist/es/packages/pages/src/app/workflow/design/editor/js/WFToolBar.js

@@ -0,0 +1,40 @@
+import { iToolbarHeight as C } from "./WFConstants.js";
+import p from "./WFHelper.js";
+function B() {
+  var t = null, d = null, s = null, a = null, r = null, e = null, u = 44, g = 24, m = 24, l = "0", k = l, n = "rgb(220,220,220)", w = n;
+  this.getController = function() {
+    return e;
+  }, this.create = function(i, f, y, b, x) {
+    this.workflow = i;
+    let o = this.workflow.getSvgJs();
+    e = y, t = o.group(), t.attr("tbType", f), t.attr("nodeId", "ToolBar");
+    var c = "translate(" + b + ", " + x + ")";
+    t.attr("transform", c), a = o.rect(), a.attr("width", u), a.attr("height", C), a.attr("fill", n), a.attr("stroke", "black"), a.attr("stroke-width", "0"), t.add(a);
+    var v = o.group(), S = "translate(2, 2)";
+    v.attr("transform", S);
+    var T = e.getIcon();
+    d = o.image(T).size(g, m), v.add(d), t.add(v);
+    var h = o.group();
+    c = "translate(0, " + (m + 0) + ")", h.attr("transform", c), s = o.text(e.getName()), s.attr({
+      "font-size": 12
+    }), e.getName(), h.add(s), t.add(h), r = o.rect(), r.attr("width", "50"), r.attr("height", "42"), r.attr("fill", "white"), r.attr("stroke", "black"), r.attr("stroke-width", "0"), r.attr("style", "opacity:" + l), t.add(r), t.mousedown((I) => this.workflow.selectToolBar(I)), t.mouseover(this.mOver), t.mouseout(this.mOut), o.find("#ToolBarContainer").add(t), this.fixLayout();
+  }, this.fixLayout = function() {
+    var i = p.getRect(s);
+    p.getRect(d);
+    var f = (u - i.width) / 2;
+    s.attr("x", f), f = (u - g) / 2, d.attr("x", f);
+  }, this.onSelect = function(i) {
+    l = "0", r.attr("style", "cursor:pointer;opacity:" + l), n = "rgb(251,201,66)", a.attr("fill", n), typeof e.onSelect < "u" && e.onSelect();
+  }, this.onUnSelect = function(i) {
+    l = k, r.attr("style", "opacity:" + l), n = w, a.attr("fill", n), typeof e.onUnSelect < "u" && e.onUnSelect();
+  }, this.mOver = function(i) {
+    this.parent.bDrawLink || (r.attr("style", "opacity:0;cursor:pointer"), a.attr("fill", "rgb(168,209,120)"));
+  }, this.mOut = function(i) {
+    this.parent.bDrawLink || (r.attr("style", "opacity:" + l), a.attr("fill", n));
+  }, this.mDbClick = function(i) {
+    alert("double click");
+  };
+}
+export {
+  B as default
+};

package/dist/es/packages/pages/src/app/workflow/design/editor/js/WFTracker.js

@@ -0,0 +1,114 @@
+import { NODE_TYPE_COMMON_NODE as m } from "./WFConstants.js";
+import w from "./WFHelper.js";
+class S {
+  constructor(e) {
+    this.workflow = e, this.oSvgJs = this.workflow.getSvgJs(), this.history = this.workflow.parent.getHistory(), this.trackedList = [], this.nodeUsers = [], this.lastTrackLink = null;
+  }
+  onLoad() {
+    let e = this.oSvgJs.defs().marker(20, 6);
+    e.attr("markerUnits", "strokeWidth"), e.attr("refY", 5), e.attr("refX", 0), e.attr("viewBox", "0 0 10 10"), e.attr("id", "redArrow"), e.attr("preserveAspectRatio", "xMidYMid meet"), e.attr("orient", "auto"), e.path("M 0 0 L 10 5 L 0 10 z").attr({
+      stroke: "red",
+      fill: "red"
+    });
+    let s = [], t = null, r = null, l = null, n = null;
+    this.history.forEach((d) => {
+      t = d.pass_route, r = this.workflow.getElement(t), r != null && l !== t && (n = r.getLine().attr("d"), s.push(n), r.onTrackStyle(), l = t);
+    }), this.doPushWFRunnerX(), this.dGImg = this.oSvgJs.group(), this.dGImg.attr("transform", "translate(0, 0)");
+    const c = this.workflow.parent.$_images;
+    let i = this.oSvgJs.image(c["app/workflow/img/design/go.png"]).size(16, 16);
+    this.dGImg.add(i);
+    const o = this.oSvgJs.path(s.join(" "));
+    o.attr("fill", "none");
+    const u = o.length();
+    let f = 1100 * s.length;
+    i.animate(f).ease("<>").during(function(d) {
+      let g = o.pointAt(d * u);
+      i.center(g.x, g.y);
+    }).loop(!0);
+  }
+  locate(e, s) {
+    console.log("locate: " + e + ", " + s);
+    let t = null, r = null;
+    e ? t = this.workflow.getElement(e) : t = this.workflow.getStartNode(), r = this.workflow.getElement(s), this.clearLocate();
+    let l = this.workflow.getRoad(t.uuid(), r.uuid());
+    if (l == null) {
+      this.clearLocate();
+      return;
+    }
+    l.onSelect(), this.lastTrackLink = l;
+  }
+  clearLocate() {
+    this.lastTrackLink != null && (this.lastTrackLink.onUnSelect(), this.lastTrackLink = null);
+  }
+  doPushWFRunnerX() {
+    let e = null, s = null;
+    this.history.forEach((t) => {
+      if (e = t.pass_route, this.trackedList[e] == null) {
+        if (s = this.workflow.getElement(e), s == null)
+          return;
+        s.onTrackStyle(), this.trackedList[e] = "";
+      }
+      const r = t.act_id;
+      this.nodeUsers[r] == null && (this.nodeUsers[r] = []);
+      let l = [];
+      l.id = t.handler_id, l.name = t.handler, l.signed = !!t.sign_date, l.flowType = t.flow_type, this.nodeUsers[r].push(l);
+    });
+    for (let t in this.nodeUsers) {
+      const r = this.nodeUsers[t];
+      this.createNodeHandler(t, r);
+    }
+  }
+  createNodeHandler(e, s) {
+    let t = this.workflow.getElement(e);
+    if (t.getType() !== m)
+      return;
+    const r = this.getElPos(t), l = w.getRect(t.getSvg()), n = "HD" + e;
+    let h = this.oSvgJs.group(), c = "translate(" + (r.x * 1 + l.width - l.width / 2 + 20) + "," + (r.y * 1 - 5) + ")";
+    h.attr("transform", c), h.attr("id", n);
+    let i = h.polygon();
+    i.attr("stroke", "#000000"), i.attr("stroke-width", "1"), i.attr("fill", "#ffcc00"), i.attr("points", "0,0"), i.attr("shape-rendering", "optimizeSpeed");
+    let o = [], u = [], f = !1;
+    for (let a = 0; a < s.length; a++) {
+      let p = s[a];
+      if (u[p.id] != null)
+        return;
+      if (a === 2) {
+        f = !0, o.push("(共"), o.push(this.calcTaskUserCount(s)), o.push("人)");
+        break;
+      }
+      a !== 0 && o.push(","), o.push(p.name), u[p.id] = "";
+    }
+    let d = h.text(function(a) {
+      a.tspan(o.join("")).dx(5).dy(12);
+    }), k = w.getRect(d).width + 8;
+    i.attr("points", "0,-2 " + k + ",-2 " + k + ",16 6,16 -4,20 0,12 0,0"), f && (d.attr("style", "cursor:pointer"), h.click(() => {
+      this.showMoreNodeUsers(e);
+    }));
+  }
+  getElPos(e) {
+    let s = e.getSvg().attr("transform"), t = [], r = s.indexOf("(") + 1, l = s.indexOf(")");
+    return s = s.substring(r, l), s = s.split(","), t.x = s[0], t.y = s[1], t;
+  }
+  calcTaskUserCount(e) {
+    let s = [], t = 0;
+    for (let r = 0; r < e.length; r++) {
+      let l = e[r];
+      s[l.id] == null && (t++, s[l.id] = "");
+    }
+    return t;
+  }
+  showMoreNodeUsers(e) {
+    let s = this.nodeUsers[e], t = [], r = [];
+    for (let l = 0; l < s.length; l++) {
+      let n = s[l];
+      r[n.id] == null && (t.push(n.name), r[n.id] = "");
+    }
+    this.workflow.parent.$info({
+      title: "该点办理用户[" + t.length + "]人，列表如下：",
+      content: t.join(",")
+    });
+  }
+}
+export {
+  S as default
+};