@web-utils/component 2.8.17 → 2.8.19

package/flow-designer/index.mjs

@@ -44,6 +44,8 @@ import Ye from "x2js";
 import Se from "highlight.js/lib/core";
 import Qe from "highlight.js/lib/languages/xml";
 import et from "highlight.js/lib/languages/json";
+import tt from "@web-utils/component/highlight-j-s";
+import "@web-utils/component/highlight-j-s/style.css";
 function J(e, i, t, n, s, r, a, o, m, F, p, l, c) {
   e = e || {}, n.registerProvider(this), this._contextPad = n, this._modeling = s, this._elementFactory = r, this._connect = a, this._create = o, this._popupMenu = m, this._canvas = F, this._rules = p, this._translate = l, e.autoPlace !== !1 && (this._autoPlace = i.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
     const C = E.context.shape;
@@ -253,7 +255,7 @@ function te(e, i, t) {
     a.$type === t && (s = !0);
   }), n && s;
 }
-const tt = {
+const nt = {
   __init__: ["contextPadProvider"],
   contextPadProvider: ["type", J]
 };
@@ -379,14 +381,14 @@ Z.prototype.getPaletteEntries = function() {
 L.$inject = ["palette", "create", "elementFactory", "spaceTool", "lassoTool", "handTool", "globalConnect", "moddle", "translate"];
 L.prototype = new Z();
 L.prototype.constructor = L;
-const nt = {
+const it = {
   __init__: ["customPalette"],
   customPalette: ["type", L]
 };
 function Te(e, i) {
   K.call(this, e, i, 3e3), e.on("autoPlace", 3e3, function(t) {
     const n = t.shape, s = t.source;
-    return at(s, n);
+    return ot(s, n);
   }), this.append = function(t, n, s) {
     e.fire("autoPlace.start", {
       source: t,
@@ -404,7 +406,7 @@ function Te(e, i) {
     }), a;
   };
 }
-function it(e) {
+function st(e) {
   return {
     top: e.y,
     right: e.x + (e.width || 0),
@@ -412,21 +414,21 @@ function it(e) {
     left: e.x
   };
 }
-function st(e) {
+function rt(e) {
   return {
     x: Math.round(e.x),
     y: Math.round(e.y)
   };
 }
-function rt(e) {
-  return st({
+function at(e) {
+  return rt({
     x: e.x + (e.width || 0) / 2,
     y: e.y + (e.height || 0) / 2
   });
 }
-function at(e, i, t) {
+function ot(e, i, t) {
   t || (t = {});
-  const n = t.defaultDistance || 50, s = rt(e), r = it(e);
+  const n = t.defaultDistance || 50, s = at(e), r = st(e);
   return {
     x: s.x,
     y: r.bottom + n + i.height / 2
@@ -437,11 +439,11 @@ const Ce = function() {
 Ce.prototype = K.prototype;
 Te.prototype = new Ce();
 Te.prototype.constructor = K;
-const ot = 200, lt = 100;
+const lt = 200, pt = 100;
 function _e(e, i, t) {
-  e.on("autoPlace", lt, function(n) {
+  e.on("autoPlace", pt, function(n) {
     const s = n.shape, r = n.source;
-    return pt(r, s);
+    return mt(r, s);
   }), e.on("autoPlace.end", function(n) {
     t.scrollToElement(n.shape);
   }), this.append = function(n, s, r) {
@@ -460,18 +462,18 @@ function _e(e, i, t) {
   };
 }
 _e.$inject = ["eventBus", "modeling", "canvas"];
-function pt(e, i) {
-  const t = ot, n = Ke(e);
+function mt(e, i) {
+  const t = lt, n = Ke(e);
   return {
     x: Je(e).right + t + i.width / 2,
     y: n.y
   };
 }
-const mt = {
+const ct = {
   __init__: ["autoPlaceSelectionBehavior"],
   autoPlace: ["type", _e]
 };
-var ct = function() {
+var ut = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -589,8 +591,8 @@ var ct = function() {
       expression: "businessObject.isExpanded"
     }
   })], 1) : e._e()], 2)], 1);
-}, ut = [];
-const dt = {
+}, dt = [];
+const ft = {
   name: "ElementBaseInfo",
   props: {
     id: String,
@@ -630,24 +632,24 @@ const dt = {
     }
   }
 }, ne = {};
-var ft = /* @__PURE__ */ h(
-  dt,
-  ct,
+var bt = /* @__PURE__ */ h(
+  ft,
   ut,
+  dt,
   !1,
-  bt,
+  yt,
   null,
   null,
   null
 );
-function bt(e) {
+function yt(e) {
   for (let i in ne)
     this[i] = ne[i];
 }
-const yt = /* @__PURE__ */ function() {
-  return ft.exports;
+const ht = /* @__PURE__ */ function() {
+  return bt.exports;
 }();
-var ht = function() {
+var vt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -678,8 +680,8 @@ var ht = function() {
       expression: "documentation"
     }
   })], 1)])]);
-}, vt = [];
-const gt = {
+}, gt = [];
+const Et = {
   name: "ElementOtherConfig",
   props: {
     id: String,
@@ -716,24 +718,24 @@ const gt = {
     }
   }
 }, ie = {};
-var Et = /* @__PURE__ */ h(
-  gt,
-  ht,
+var Ft = /* @__PURE__ */ h(
+  Et,
   vt,
+  gt,
   !1,
-  Ft,
+  xt,
   null,
   null,
   null
 );
-function Ft(e) {
+function xt(e) {
   for (let i in ie)
     this[i] = ie[i];
 }
-const xt = /* @__PURE__ */ function() {
-  return Et.exports;
+const St = /* @__PURE__ */ function() {
+  return Ft.exports;
 }();
-var St = function() {
+var Tt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticStyle: {
@@ -883,8 +885,8 @@ var St = function() {
       expression: "userTaskForm.priority"
     }
   })], 1)], 1);
-}, Tt = [];
-const Ct = {
+}, Ct = [];
+const _t = {
   name: "UserTask",
   props: {
     id: String,
@@ -927,24 +929,24 @@ const Ct = {
     }
   }
 }, se = {};
-var _t = /* @__PURE__ */ h(
-  Ct,
-  St,
+var It = /* @__PURE__ */ h(
+  _t,
   Tt,
+  Ct,
   !1,
-  It,
+  kt,
   null,
   null,
   null
 );
-function It(e) {
+function kt(e) {
   for (let i in se)
     this[i] = se[i];
 }
-const kt = /* @__PURE__ */ function() {
-  return _t.exports;
+const At = /* @__PURE__ */ function() {
+  return It.exports;
 }();
-var At = function() {
+var wt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticStyle: {
@@ -1083,8 +1085,8 @@ var At = function() {
       expression: "scriptTaskForm.resultVariable"
     }
   })], 1)], 1);
-}, wt = [];
-const $t = {
+}, $t = [];
+const Lt = {
   name: "ScriptTask",
   props: {
     id: String,
@@ -1125,24 +1127,24 @@ const $t = {
     }
   }
 }, re = {};
-var Lt = /* @__PURE__ */ h(
-  $t,
-  At,
+var Mt = /* @__PURE__ */ h(
+  Lt,
   wt,
+  $t,
   !1,
-  Mt,
+  Ot,
   null,
   null,
   null
 );
-function Mt(e) {
+function Ot(e) {
   for (let i in re)
     this[i] = re[i];
 }
-const Ot = /* @__PURE__ */ function() {
-  return Lt.exports;
+const Pt = /* @__PURE__ */ function() {
+  return Mt.exports;
 }();
-var Pt = function() {
+var Dt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticStyle: {
@@ -1261,8 +1263,8 @@ var Pt = function() {
       expression: "newMessageForm.name"
     }
   })], 1)], 1)], 1)], 1);
-}, Dt = [];
-const Bt = {
+}, Bt = [];
+const jt = {
   name: "ReceiveTask",
   props: {
     id: String,
@@ -1315,24 +1317,24 @@ const Bt = {
     }
   }
 }, ae = {};
-var jt = /* @__PURE__ */ h(
-  Bt,
-  Pt,
+var Vt = /* @__PURE__ */ h(
+  jt,
   Dt,
+  Bt,
   !1,
-  Vt,
+  Rt,
   null,
   null,
   null
 );
-function Vt(e) {
+function Rt(e) {
   for (let i in ae)
     this[i] = ae[i];
 }
-const Rt = /* @__PURE__ */ function() {
-  return jt.exports;
+const zt = /* @__PURE__ */ function() {
+  return Vt.exports;
 }();
-var zt = function() {
+var Ut = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -1395,10 +1397,10 @@ var zt = function() {
   }) : e._e()], 1), t(e.witchTaskComponent, e._b({
     tag: "Component"
   }, "Component", e.$props, !1))], 1)], 1);
-}, Ut = [];
-const Nt = {
+}, Nt = [];
+const Gt = {
   name: "ElementTaskConfig",
-  components: { UserTask: kt, ScriptTask: Ot, ReceiveTask: Rt },
+  components: { UserTask: At, ScriptTask: Pt, ReceiveTask: zt },
   props: {
     id: String,
     element: Object,
@@ -1447,24 +1449,24 @@ const Nt = {
     }
   }
 }, oe = {};
-var Gt = /* @__PURE__ */ h(
-  Nt,
-  zt,
+var qt = /* @__PURE__ */ h(
+  Gt,
   Ut,
+  Nt,
   !1,
-  qt,
+  Kt,
   null,
   null,
   null
 );
-function qt(e) {
+function Kt(e) {
   for (let i in oe)
     this[i] = oe[i];
 }
-const Kt = /* @__PURE__ */ function() {
-  return Gt.exports;
+const Jt = /* @__PURE__ */ function() {
+  return qt.exports;
 }();
-var Jt = function() {
+var Zt = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -1663,8 +1665,8 @@ var Jt = function() {
       expression: "loopInstanceForm.timeCycle"
     }
   })], 1) : e._e()] : e._e()], 2)], 1);
-}, Zt = [];
-const Ht = {
+}, Ht = [];
+const Wt = {
   name: "ElementMultiInstance",
   inject: {
     prefix: "prefix"
@@ -1776,24 +1778,24 @@ const Ht = {
     }
   }
 }, le = {};
-var Wt = /* @__PURE__ */ h(
-  Ht,
-  Jt,
+var Xt = /* @__PURE__ */ h(
+  Wt,
   Zt,
+  Ht,
   !1,
-  Xt,
+  Yt,
   null,
   null,
   null
 );
-function Xt(e) {
+function Yt(e) {
   for (let i in le)
     this[i] = le[i];
 }
-const Yt = /* @__PURE__ */ function() {
-  return Wt.exports;
+const Qt = /* @__PURE__ */ function() {
+  return Xt.exports;
 }();
-var Qt = function() {
+var en = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -1962,8 +1964,8 @@ var Qt = function() {
       expression: "flowConditionForm.resource"
     }
   })], 1) : e._e()] : e._e()], 2)], 1);
-}, en = [];
-const tn = {
+}, tn = [];
+const nn = {
   name: "FlowCondition",
   props: {
     id: String,
@@ -2035,24 +2037,24 @@ const tn = {
     }
   }
 }, pe = {};
-var nn = /* @__PURE__ */ h(
-  tn,
-  Qt,
+var sn = /* @__PURE__ */ h(
+  nn,
   en,
+  tn,
   !1,
-  sn,
+  rn,
   null,
   null,
   null
 );
-function sn(e) {
+function rn(e) {
   for (let i in pe)
     this[i] = pe[i];
 }
-const rn = /* @__PURE__ */ function() {
-  return nn.exports;
+const an = /* @__PURE__ */ function() {
+  return sn.exports;
 }();
-var an = function() {
+var on = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -2219,7 +2221,7 @@ var an = function() {
       expression: "modelObjectForm.name"
     }
   })], 1)], 1)], 1)], 1);
-}, on = [function() {
+}, ln = [function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("span", [t("i", {
     staticClass: "el-icon-menu",
@@ -2238,7 +2240,7 @@ var an = function() {
     }
   }), e._v("信号列表")]);
 }];
-const ln = {
+const pn = {
   name: "SignalAndMessage",
   props: {
     bpmnInstances: Object
@@ -2285,28 +2287,28 @@ const ln = {
     }
   }
 }, me = {};
-var pn = /* @__PURE__ */ h(
-  ln,
-  an,
+var mn = /* @__PURE__ */ h(
+  pn,
   on,
+  ln,
   !1,
-  mn,
+  cn,
   null,
   null,
   null
 );
-function mn(e) {
+function cn(e) {
   for (let i in me)
     this[i] = me[i];
 }
-const cn = /* @__PURE__ */ function() {
-  return pn.exports;
+const un = /* @__PURE__ */ function() {
+  return mn.exports;
 }();
 function Ie(e, i, t, n) {
   const s = /* @__PURE__ */ Object.create(null);
   switch (s.event = i.event, t && (s.id = i.id), i.listenerType) {
     case "scriptListener":
-      s.script = dn(e, i, n);
+      s.script = fn(e, i, n);
       break;
     case "expressionListener":
       s.expression = i.expression;
@@ -2317,22 +2319,22 @@ function Ie(e, i, t, n) {
     default:
       s.class = i.class;
   }
-  if (i.fields && (s.fields = i.fields.map((r) => un(e, r, n))), t && i.event === "timeout" && i.eventDefinitionType) {
+  if (i.fields && (s.fields = i.fields.map((r) => dn(e, r, n))), t && i.event === "timeout" && i.eventDefinitionType) {
     const r = e.moddle.create("bpmn:FormalExpression", {
       body: i.eventTimeDefinitions
     }), a = e.moddle.create("bpmn:TimerEventDefinition", {
-      id: `TimerEventDefinition_${fn(8)}`,
+      id: `TimerEventDefinition_${bn(8)}`,
       [`time${i.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: r
     });
     s.eventDefinitions = [a];
   }
   return e.moddle.create(`${n}:${t ? "TaskListener" : "ExecutionListener"}`, s);
 }
-function un(e, i, t) {
+function dn(e, i, t) {
   const { name: n, fieldType: s, string: r, expression: a } = i, o = s === "string" ? { name: n, string: r } : { name: n, expression: a };
   return e.moddle.create(`${t}:Field`, o);
 }
-function dn(e, i, t) {
+function fn(e, i, t) {
   const { scriptType: n, scriptFormat: s, value: r, resource: a } = i, o = n === "inlineScript" ? { scriptFormat: s, value: r } : { scriptFormat: s, resource: a };
   return e.moddle.create(`${t}:Script`, o);
 }
@@ -2344,7 +2346,7 @@ function U(e, i, t) {
     extensionElements: n
   });
 }
-function fn(e = 8, i) {
+function bn(e = 8, i) {
   let t = "";
   const n = i || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
   for (let s = e; s > 0; --s)
@@ -2375,7 +2377,7 @@ const we = {
   expressionListener: "表达式",
   delegateExpressionListener: "代理表达式",
   scriptListener: "脚本"
-}, bn = {
+}, yn = {
   create: "创建",
   assignment: "指派",
   complete: "完成",
@@ -2386,7 +2388,7 @@ const we = {
   string: "字符串",
   expression: "表达式"
 };
-var yn = function() {
+var hn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -2961,8 +2963,8 @@ var yn = function() {
       expression: "listenerFieldForm.expression"
     }
   })], 1) : e._e()], 1)], 1)], 1);
-}, hn = [];
-const vn = {
+}, vn = [];
+const gn = {
   name: "ElementListeners",
   inject: {
     prefix: "prefix",
@@ -3060,24 +3062,24 @@ const vn = {
     }
   }
 }, ce = {};
-var gn = /* @__PURE__ */ h(
-  vn,
-  yn,
+var En = /* @__PURE__ */ h(
+  gn,
   hn,
+  vn,
   !1,
-  En,
+  Fn,
   null,
   null,
   null
 );
-function En(e) {
+function Fn(e) {
   for (let i in ce)
     this[i] = ce[i];
 }
-const Fn = /* @__PURE__ */ function() {
-  return gn.exports;
+const xn = /* @__PURE__ */ function() {
+  return En.exports;
 }();
-var xn = function() {
+var Sn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -3243,8 +3245,8 @@ var xn = function() {
       expression: "propertyForm.value"
     }
   })], 1)], 1)], 1)], 1);
-}, Sn = [];
-const Tn = {
+}, Tn = [];
+const Cn = {
   name: "ElementProperties",
   inject: {
     prefix: "prefix",
@@ -3319,24 +3321,24 @@ const Tn = {
     }
   }
 }, ue = {};
-var Cn = /* @__PURE__ */ h(
-  Tn,
-  xn,
+var _n = /* @__PURE__ */ h(
+  Cn,
   Sn,
+  Tn,
   !1,
-  _n,
+  In,
   null,
   null,
   null
 );
-function _n(e) {
+function In(e) {
   for (let i in ue)
     this[i] = ue[i];
 }
-const In = /* @__PURE__ */ function() {
-  return Cn.exports;
+const kn = /* @__PURE__ */ function() {
+  return _n.exports;
 }();
-var kn = function() {
+var An = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -4005,8 +4007,8 @@ var kn = function() {
       expression: "fieldOptionForm.value"
     }
   })], 1) : e._e()], 1)], 1)], 1);
-}, An = [];
-const wn = {
+}, wn = [];
+const $n = {
   name: "ElementForm",
   inject: {
     prefix: "prefix",
@@ -4138,24 +4140,24 @@ const wn = {
     }
   }
 }, de = {};
-var $n = /* @__PURE__ */ h(
-  wn,
-  kn,
+var Ln = /* @__PURE__ */ h(
+  $n,
   An,
+  wn,
   !1,
-  Ln,
+  Mn,
   null,
   null,
   null
 );
-function Ln(e) {
+function Mn(e) {
   for (let i in de)
     this[i] = de[i];
 }
-const Mn = /* @__PURE__ */ function() {
-  return $n.exports;
+const On = /* @__PURE__ */ function() {
+  return Ln.exports;
 }();
-var On = function() {
+var Pn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "panel-tab__content"
@@ -4814,8 +4816,8 @@ var On = function() {
       expression: "listenerFieldForm.expression"
     }
   })], 1) : e._e()], 1)], 1)], 1);
-}, Pn = [];
-const Dn = {
+}, Dn = [];
+const Bn = {
   name: "UserTaskListeners",
   inject: {
     prefix: "prefix",
@@ -4829,7 +4831,7 @@ const Dn = {
   data() {
     return {
       elementListenersList: [],
-      listenerEventTypeObject: bn,
+      listenerEventTypeObject: yn,
       listenerTypeObject: we,
       listenerFormModelVisible: !1,
       listenerForm: {},
@@ -4911,24 +4913,24 @@ const Dn = {
     }
   }
 }, fe = {};
-var Bn = /* @__PURE__ */ h(
-  Dn,
-  On,
+var jn = /* @__PURE__ */ h(
+  Bn,
   Pn,
+  Dn,
   !1,
-  jn,
+  Vn,
   null,
   null,
   null
 );
-function jn(e) {
+function Vn(e) {
   for (let i in fe)
     this[i] = fe[i];
 }
-const Vn = /* @__PURE__ */ function() {
-  return Bn.exports;
+const Rn = /* @__PURE__ */ function() {
+  return jn.exports;
 }();
-var Rn = function() {
+var zn = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     class: ["process-panel__container", {
@@ -5203,20 +5205,20 @@ var Rn = function() {
       "bpmn-instances": e.bpmnInstances
     }
   })], 1)], 2)], 1);
-}, zn = [];
-const be = "test", Un = {
+}, Un = [];
+const be = "test", Nn = {
   name: "PropertiesPanel",
   components: {
-    UserTaskListeners: Vn,
-    ElementForm: Mn,
-    ElementProperties: In,
-    ElementListeners: Fn,
-    SignalAndMassage: cn,
-    FlowCondition: rn,
-    ElementMultiInstance: Yt,
-    ElementTask: Kt,
-    ElementOtherConfig: xt,
-    ElementBaseInfo: yt
+    UserTaskListeners: Rn,
+    ElementForm: On,
+    ElementProperties: kn,
+    ElementListeners: xn,
+    SignalAndMassage: un,
+    FlowCondition: an,
+    ElementMultiInstance: Qt,
+    ElementTask: Jt,
+    ElementOtherConfig: St,
+    ElementBaseInfo: ht
   },
   componentName: "MyPropertiesPanel",
   provide() {
@@ -5300,23 +5302,23 @@ const be = "test", Un = {
     }
   }
 }, ye = {};
-var Nn = /* @__PURE__ */ h(
-  Un,
-  Rn,
+var Gn = /* @__PURE__ */ h(
+  Nn,
   zn,
+  Un,
   !1,
-  Gn,
+  qn,
   null,
   null,
   null
 );
-function Gn(e) {
+function qn(e) {
   for (let i in ye)
     this[i] = ye[i];
 }
-const qn = /* @__PURE__ */ function() {
-  return Nn.exports;
-}(), Kn = (e, i, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
+const Kn = /* @__PURE__ */ function() {
+  return Gn.exports;
+}(), Jn = (e, i, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
 <bpmn2:definitions
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL"
@@ -5336,7 +5338,7 @@ const qn = /* @__PURE__ */ function() {
     </bpmndi:BPMNPlane>
   </bpmndi:BPMNDiagram>
 </bpmn2:definitions>`);
-function Jn(e) {
+function Zn(e) {
   return function(i, t) {
     return t = t || {}, i = e[i] || i, i.replace(/{([^}]+)}/g, function(n, s) {
       let r = t[s];
@@ -5344,7 +5346,7 @@ function Jn(e) {
     });
   };
 }
-const Zn = {
+const Hn = {
   // 添加部分
   "Append EndEvent": "追加结束事件",
   "Append Gateway": "追加网关",
@@ -5579,9 +5581,9 @@ const Zn = {
   "Tasklist Configuration": "Tasklist配置",
   Startable: "启动",
   "Specify more than one group as a comma separated list.": "指定多个组作为逗号分隔的列表。"
-}, Hn = "Camunda", Wn = "http://camunda.org/schema/1.0/bpmn", Xn = "camunda", Yn = {
+}, Wn = "Camunda", Xn = "http://camunda.org/schema/1.0/bpmn", Yn = "camunda", Qn = {
   tagAlias: "lowerCase"
-}, Qn = [], ei = [
+}, ei = [], ti = [
   {
     name: "Definitions",
     isAbstract: !0,
@@ -6697,17 +6699,17 @@ const Zn = {
       }
     ]
   }
-], ti = [], he = {
-  name: Hn,
-  uri: Wn,
-  prefix: Xn,
-  xml: Yn,
-  associations: Qn,
-  types: ei,
-  emumerations: ti
-}, ni = "Activiti", ii = "http://activiti.org/bpmn", si = "activiti", ri = {
+], ni = [], he = {
+  name: Wn,
+  uri: Xn,
+  prefix: Yn,
+  xml: Qn,
+  associations: ei,
+  types: ti,
+  emumerations: ni
+}, ii = "Activiti", si = "http://activiti.org/bpmn", ri = "activiti", ai = {
   tagAlias: "lowerCase"
-}, ai = [], oi = [
+}, oi = [], li = [
   {
     name: "Definitions",
     isAbstract: !0,
@@ -7805,17 +7807,17 @@ const Zn = {
       }
     ]
   }
-], li = [], ve = {
-  name: ni,
-  uri: ii,
-  prefix: si,
-  xml: ri,
-  associations: ai,
-  types: oi,
-  emumerations: li
-}, pi = "Flowable", mi = "http://flowable.org/bpmn", ci = "flowable", ui = {
+], pi = [], ve = {
+  name: ii,
+  uri: si,
+  prefix: ri,
+  xml: ai,
+  associations: oi,
+  types: li,
+  emumerations: pi
+}, mi = "Flowable", ci = "http://flowable.org/bpmn", ui = "flowable", di = {
   tagAlias: "lowerCase"
-}, di = [], fi = [], bi = [
+}, fi = [], bi = [], yi = [
   {
     name: "InOutBinding",
     superClass: [
@@ -9178,14 +9180,14 @@ const Zn = {
     ]
   }
 ], ge = {
-  name: pi,
-  uri: mi,
-  prefix: ci,
-  xml: ui,
-  associations: di,
-  emumerations: fi,
-  types: bi
-}, yi = "*";
+  name: mi,
+  uri: ci,
+  prefix: ui,
+  xml: di,
+  associations: fi,
+  emumerations: bi,
+  types: yi
+}, hi = "*";
 function A(e) {
   const i = this;
   e.on("moddleCopy.canCopyProperty", function(t) {
@@ -9195,7 +9197,7 @@ function A(e) {
 }
 A.$inject = ["eventBus"];
 A.prototype.canCopyProperty = function(e, i) {
-  if (Re(e) && !hi(e, i) || I(e, "camunda:InputOutput") && !this.canHostInputOutput(i) || Le(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(i) || I(e, "camunda:In") && !this.canHostIn(i))
+  if (Re(e) && !vi(e, i) || I(e, "camunda:InputOutput") && !this.canHostInputOutput(i) || Le(e, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(i) || I(e, "camunda:In") && !this.canHostIn(i))
     return !1;
 };
 A.prototype.canHostInputOutput = function(e) {
@@ -9227,19 +9229,19 @@ function x(e, i) {
   if (e.$parent)
     return x(e.$parent, i);
 }
-function hi(e, i) {
+function vi(e, i) {
   const t = e.$type && e.$model.getTypeDescriptor(e.$type), n = t && t.meta && t.meta.allowedIn;
-  return !n || vi(n) ? !0 : k(n, function(s) {
+  return !n || gi(n) ? !0 : k(n, function(s) {
     return x(i, s);
   });
 }
-function vi(e) {
-  return e.indexOf(yi) !== -1;
+function gi(e) {
+  return e.indexOf(hi) !== -1;
 }
-const gi = {
+const Ei = {
   __init__: ["camundaModdleExtension"],
   camundaModdleExtension: ["type", A]
-}, Ei = {
+}, Fi = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
@@ -9247,22 +9249,22 @@ const gi = {
 function H(e, i) {
   return e && typeof e.$instanceOf == "function" && e.$instanceOf(i);
 }
-function Fi(e) {
+function xi(e) {
   return e && e.length;
 }
 function R(e, i) {
-  return Fi(e) && k(e, function(t) {
+  return xi(e) && k(e, function(t) {
     return H(t, i);
   });
 }
-function xi(e, i) {
+function Si(e, i) {
   return k(i, function(t) {
     return H(e, t);
   });
 }
 function G(e, i, t) {
-  const n = i.name, s = Ei[n.replace(/activiti:/, "")];
-  return n === e && xi(t, s);
+  const n = i.name, s = Fi[n.replace(/activiti:/, "")];
+  return n === e && Si(t, s);
 }
 function W(e) {
   e.on(
@@ -9281,10 +9283,10 @@ W.prototype.canCloneProperty = function(e, i) {
   if (G("activiti:Connector", i, e) || G("activiti:Field", i, e))
     return R(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const Si = {
+const Ti = {
   __init__: ["ActivitiModdleExtension"],
   ActivitiModdleExtension: ["type", W]
-}, Ti = {
+}, Ci = {
   FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
   Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
   Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
@@ -9292,22 +9294,22 @@ const Si = {
 function X(e, i) {
   return e && typeof e.$instanceOf == "function" && e.$instanceOf(i);
 }
-function Ci(e) {
+function _i(e) {
   return e && e.length;
 }
 function z(e, i) {
-  return Ci(e) && k(e, function(t) {
+  return _i(e) && k(e, function(t) {
     return X(t, i);
   });
 }
-function _i(e, i) {
+function Ii(e, i) {
   return k(i, function(t) {
     return X(e, t);
   });
 }
 function q(e, i, t) {
-  const n = i.name, s = Ti[n.replace(/flowable:/, "")];
-  return n === e && _i(t, s);
+  const n = i.name, s = Ci[n.replace(/flowable:/, "")];
+  return n === e && Ii(t, s);
 }
 function Y(e) {
   e.on(
@@ -9326,11 +9328,11 @@ Y.prototype.canCloneProperty = function(e, i) {
   if (q("flowable:Connector", i, e) || q("flowable:Field", i, e))
     return z(e.eventDefinitions, "bpmn:MessageEventDefinition");
 };
-const Ii = {
+const ki = {
   __init__: ["FlowableModdleExtension"],
   FlowableModdleExtension: ["type", Y]
 };
-var ki = function() {
+var Ai = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "my-process-designer"
@@ -9338,23 +9340,7 @@ var ki = function() {
     staticClass: "my-process-designer__header"
   }, [e._t("control-header"), e.$slots["control-header"] ? e._e() : [t("ElButtonGroup", {
     key: "file-control"
-  }, [e.simulation ? t("ElTooltip", {
-    attrs: {
-      effect: "light",
-      content: "保存流程"
-    }
-  }, [t("ElButton", {
-    attrs: {
-      size: e.headerButtonSize,
-      type: e.headerButtonType,
-      icon: "el-icon-save"
-    },
-    on: {
-      click: function(n) {
-        return e.$refs.refFile.click();
-      }
-    }
-  }, [e._v(" 保存 ")])], 1) : e._e(), e.simulation ? t("ElTooltip", {
+  }, [e._t("toolbar-buttons"), e.simulation ? t("ElTooltip", {
     attrs: {
       effect: "light",
       content: "导入流程"
@@ -9464,7 +9450,7 @@ var ki = function() {
     on: {
       click: e.processSimulation
     }
-  }, [e._v(" 模拟 ")])], 1) : e._e()], 1), t("ElButtonGroup", {
+  }, [e._v(" 模拟 ")])], 1) : e._e()], 2), t("ElButtonGroup", {
     key: "align-control"
   }, [t("ElTooltip", {
     attrs: {
@@ -9700,11 +9686,14 @@ var ki = function() {
       code: e.previewResult
     }
   })], 1)], 1);
-}, Ai = [];
+}, wi = [];
 Se.registerLanguage("xml", Qe);
 Se.registerLanguage("json", et);
-const wi = {
+const $i = {
   name: "ProcessDesigner",
+  components: {
+    HighlightJS: tt
+  },
   componentName: "MyProcessDesigner",
   props: {
     value: String,
@@ -9776,9 +9765,9 @@ const wi = {
         return Object.prototype.toString.call(this.additionalModel) === "[object Array]" ? this.additionalModel || [] : [this.additionalModel];
       Object.prototype.toString.call(this.additionalModel) === "[object Array]" ? e.push(...this.additionalModel) : this.additionalModel && e.push(this.additionalModel);
       const i = {
-        translate: ["value", Jn(this.translations || Zn)]
+        translate: ["value", Zn(this.translations || Hn)]
       };
-      return e.push(i), this.simulation && e.push(We), e.push(Xe), this.prefix === "camunda" && e.push(gi), this.prefix === "flowable" && e.push(Ii), this.prefix === "activiti" && e.push(Si), e;
+      return e.push(i), this.simulation && e.push(We), e.push(Xe), this.prefix === "camunda" && e.push(Ei), this.prefix === "flowable" && e.push(ki), this.prefix === "activiti" && e.push(Ti), e;
     },
     moddleExtensions() {
       const e = {};
@@ -9834,7 +9823,7 @@ const wi = {
     /* 创建新的流程图 */
     createNewDiagram(e) {
       return u(this, null, function* () {
-        const i = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, n = e || Kn(i, t, this.prefix);
+        const i = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, n = e || Jn(i, t, this.prefix);
         try {
           const { warnings: s } = yield this.bpmnModeler.importXML(n);
           this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), s != null && s.length;
@@ -9848,33 +9837,20 @@ const wi = {
      * @param {string} type
      * @param {*} name
      */
-    downloadProcess(e, i) {
+    downloadProcess(e, i = "diagram") {
       return u(this, null, function* () {
         try {
-          const n = this;
           if (e === "xml" || e === "bpmn") {
-            const {
-              err: s,
-              xml: r
-            } = yield this.bpmnModeler.saveXML();
-            s && console.error(`[Process Designer Warn ]: ${s.message || s}`);
-            const {
-              href: a,
-              filename: o
-            } = n.setEncoded(e.toUpperCase(), i, r);
-            t(a, o);
+            const { err: n, xml: s } = yield this.bpmnModeler.saveXML();
+            n && console.error(`[Process Designer Warn ]: ${n.message || n}`);
+            const { href: r, filename: a } = this.setEncoded(e.toUpperCase(), i, s);
+            t(r, a);
           } else {
-            const {
-              err: s,
-              svg: r
-            } = yield this.bpmnModeler.saveSVG();
-            if (s)
-              return console.error(s);
-            const {
-              href: a,
-              filename: o
-            } = n.setEncoded("SVG", i, r);
-            t(a, o);
+            const { err: n, svg: s } = yield this.bpmnModeler.saveSVG();
+            if (n)
+              return console.error(n);
+            const { href: r, filename: a } = this.setEncoded("SVG", i, s);
+            t(r, a);
           }
         } catch (n) {
           console.error(`[Process Designer Warn ]: ${n.message || n}`);
@@ -9975,24 +9951,24 @@ const wi = {
     }
   }
 }, Ee = {};
-var $i = /* @__PURE__ */ h(
-  wi,
-  ki,
+var Li = /* @__PURE__ */ h(
+  $i,
   Ai,
+  wi,
   !1,
-  Li,
+  Mi,
   null,
   null,
   null
 );
-function Li(e) {
+function Mi(e) {
   for (let i in Ee)
     this[i] = Ee[i];
 }
-const Mi = /* @__PURE__ */ function() {
-  return $i.exports;
+const Oi = /* @__PURE__ */ function() {
+  return Li.exports;
 }();
-var Oi = function() {
+var Pi = function() {
   var e = this, i = e.$createElement, t = e._self._c || i;
   return t("div", {
     staticClass: "flow-designer"
@@ -10013,7 +9989,16 @@ var Oi = function() {
         return e.$emit("input", n);
       },
       "init-finished": e.initModeler
-    }
+    },
+    scopedSlots: e._u([{
+      key: "toolbar-buttons",
+      fn: function() {
+        return [e._t("toolbar-buttons", null, {
+          modeler: e.modeler
+        })];
+      },
+      proxy: !0
+    }], null, !0)
   }, "ProcessDesigner", e.controlForm, !1)), t("PropertiesPanel", {
     key: `penal-${e.reloadIndex}`,
     staticClass: "process-panel",
@@ -10034,12 +10019,12 @@ var Oi = function() {
       }
     }], null, !0)
   })], 1);
-}, Pi = [];
-const Di = {
+}, Di = [];
+const Bi = {
   name: "FlowDesigner",
   components: {
-    PropertiesPanel: qn,
-    ProcessDesigner: Mi
+    PropertiesPanel: Kn,
+    ProcessDesigner: Oi
   },
   props: {
     value: String,
@@ -10058,9 +10043,9 @@ const Di = {
         prefix: "flowable",
         headerButtonSize: "mini",
         additionalModel: [
-          tt,
           nt,
-          mt
+          it,
+          ct
         ]
       }
     };
@@ -10071,23 +10056,23 @@ const Di = {
     }
   }
 }, Fe = {};
-var Bi = /* @__PURE__ */ h(
-  Di,
-  Oi,
+var ji = /* @__PURE__ */ h(
+  Bi,
   Pi,
+  Di,
   !1,
-  ji,
+  Vi,
   null,
   null,
   null
 );
-function ji(e) {
+function Vi(e) {
   for (let i in Fe)
     this[i] = Fe[i];
 }
-const ss = /* @__PURE__ */ function() {
-  return Bi.exports;
+const os = /* @__PURE__ */ function() {
+  return ji.exports;
 }();
 export {
-  ss as default
+  os as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.8.17",
+  "version": "2.8.19",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.8.17",
+  "version": "2.8.19",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -2470,6 +2470,9 @@
             }
           ],
           "slots": [
+            {
+              "name": "toolbar-buttons"
+            },
             {
               "name": "task"
             }