@web-utils/component 3.3.3 → 3.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/flow-designer/index.mjs +1077 -997
  2. package/flow-designer/style.css +1 -1
  3. package/package.json +1 -1
  4. package/web-types.json +9 -1
package/flow-designer/index.mjs CHANGED
@@ -1,61 +1,61 @@
1
- var ge = Object.defineProperty, ve = Object.defineProperties;
1
+ var ve = Object.defineProperty, ge = Object.defineProperties;
2
2
  var Ee = Object.getOwnPropertyDescriptors;
3
3
  var Q = Object.getOwnPropertySymbols;
4
4
  var Fe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable;
5
- var ee = (i, e, t) => e in i ? ge(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, u = (i, e) => {
5
+ var ee = (n, e, t) => e in n ? ve(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, u = (n, e) => {
6
6
  for (var t in e || (e = {}))
7
- Fe.call(e, t) && ee(i, t, e[t]);
7
+ Fe.call(e, t) && ee(n, t, e[t]);
8
8
  if (Q)
9
9
  for (var t of Q(e))
10
- xe.call(e, t) && ee(i, t, e[t]);
11
- return i;
12
- }, T = (i, e) => ve(i, Ee(e));
13
- var d = (i, e, t) => new Promise((n, s) => {
14
- var r = (m) => {
10
+ xe.call(e, t) && ee(n, t, e[t]);
11
+ return n;
12
+ }, T = (n, e) => ge(n, Ee(e));
13
+ var d = (n, e, t) => new Promise((i, s) => {
14
+ var a = (p) => {
15
15
  try {
16
- o(t.next(m));
16
+ o(t.next(p));
17
17
  } catch (F) {
18
18
  s(F);
19
19
  }
20
- }, a = (m) => {
20
+ }, r = (p) => {
21
21
  try {
22
- o(t.throw(m));
22
+ o(t.throw(p));
23
23
  } catch (F) {
24
24
  s(F);
25
25
  }
26
- }, o = (m) => m.done ? n(m.value) : Promise.resolve(m.value).then(r, a);
27
- o((t = t.apply(i, e)).next());
26
+ }, o = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(a, r);
27
+ o((t = t.apply(n, e)).next());
28
28
  });
29
- import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction as Ie, some as A } from "min-dash";
30
- import { is as V } from "bpmn-js/lib/util/ModelUtil";
31
- import { isExpanded as ke, isEventSubProcess as Ae } from "bpmn-js/lib/util/DiUtil";
29
+ import { assign as y, isArray as Se, forEach as Te, isObject as Ce, isFunction as ke, some as _ } from "min-dash";
30
+ import { is as R } from "bpmn-js/lib/util/ModelUtil";
31
+ import { isExpanded as Ie, isEventSubProcess as _e } from "bpmn-js/lib/util/DiUtil";
32
32
  import { isAny as N } from "bpmn-js/lib/features/modeling/util/ModelingUtil";
33
- import { getChildLanes as _e } from "bpmn-js/lib/features/modeling/util/LaneUtil";
34
- import { hasPrimaryModifier as we } from "diagram-js/lib/util/Mouse";
33
+ import { getChildLanes as we } from "bpmn-js/lib/features/modeling/util/LaneUtil";
34
+ import { hasPrimaryModifier as Ae } from "diagram-js/lib/util/Mouse";
35
35
  import oe from "bpmn-js/lib/features/palette/PaletteProvider";
36
36
  import K from "diagram-js/lib/features/auto-place/AutoPlace";
37
37
  import { getMid as $e, asTRBL as Le } from "diagram-js/lib/layout/LayoutUtil";
38
- import { fastClone as v, isBlank as Oe, isArray as te } from "@web-utils/core";
38
+ import { fastClone as g, isBlank as Oe, capitalize as Pe, isArray as te } from "@web-utils/core";
39
39
  import { n as h } from "../chunks/_plugin-vue2_normalizer.JwmUNtgn.mjs";
40
40
  import "bpmn-js/dist/assets/bpmn-js.css";
41
41
  import "bpmn-js/dist/assets/diagram-js.css";
42
42
  import "bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css";
43
43
  import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
44
- import Pe from "bpmn-js/lib/Modeler";
45
- import Me from "bpmn-js/lib/features/drilldown/index.js";
46
- import De from "bpmn-js-token-simulation";
47
- import Be from "x2js";
44
+ import Me from "bpmn-js/lib/Modeler";
45
+ import De from "bpmn-js/lib/features/drilldown/index.js";
46
+ import Be from "bpmn-js-token-simulation";
47
+ import Ve from "x2js";
48
48
  import le from "highlight.js/lib/core";
49
49
  import Re from "highlight.js/lib/languages/xml";
50
- import Ve from "highlight.js/lib/languages/json";
50
+ import ze from "highlight.js/lib/languages/json";
51
51
  import je from "../highlight-j-s/index.mjs";
52
52
  import "../highlight-j-s/style.css";
53
- function J(i, e, t, n, s, r, a, o, m, F, p, l, c) {
54
- i = i || {}, 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, i.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
53
+ function J(n, e, t, i, s, a, r, o, p, F, m, l, c) {
54
+ n = n || {}, i.registerProvider(this), this._contextPad = i, this._modeling = s, this._elementFactory = a, this._connect = r, this._create = o, this._popupMenu = p, this._canvas = F, this._rules = m, this._translate = l, n.autoPlace !== !1 && (this._autoPlace = e.get("autoPlace", !1)), t.on("create.end", 250, function(E) {
55
55
  const C = E.context.shape;
56
- if (!we(E) || !n.isOpen(C))
56
+ if (!Ae(E) || !i.isOpen(C))
57
57
  return;
58
- const f = n.getEntries(C);
58
+ const f = i.getEntries(C);
59
59
  f.replace && f.replace.action.click(E, C);
60
60
  });
61
61
  }
@@ -74,77 +74,77 @@ J.$inject = [
74
74
  "translate",
75
75
  "elementRegistry"
76
76
  ];
77
- J.prototype.getContextPadEntries = function(i) {
78
- const e = this._contextPad, t = this._modeling, n = this._elementFactory, s = this._connect, r = this._create, a = this._popupMenu, o = this._canvas, m = this._rules, F = this._autoPlace, p = this._translate, l = {};
79
- if (i.type === "label")
77
+ J.prototype.getContextPadEntries = function(n) {
78
+ const e = this._contextPad, t = this._modeling, i = this._elementFactory, s = this._connect, a = this._create, r = this._popupMenu, o = this._canvas, p = this._rules, F = this._autoPlace, m = this._translate, l = {};
79
+ if (n.type === "label")
80
80
  return l;
81
- const c = i.businessObject;
81
+ const c = n.businessObject;
82
82
  function E(b, S) {
83
83
  s.start(b, S);
84
84
  }
85
85
  function O() {
86
- t.removeElements([i]);
86
+ t.removeElements([n]);
87
87
  }
88
88
  function C(b) {
89
- const g = o.getContainer(), w = e.getPad(b).html, $ = g.getBoundingClientRect(), M = w.getBoundingClientRect(), D = M.top - $.top;
89
+ const v = o.getContainer(), A = e.getPad(b).html, $ = v.getBoundingClientRect(), M = A.getBoundingClientRect(), D = M.top - $.top;
90
90
  return {
91
91
  x: M.left - $.left,
92
92
  y: D + M.height + 5
93
93
  };
94
94
  }
95
- function f(b, S, g, w) {
96
- typeof g != "string" && (w = g, g = p("Append {type}", { type: b.replace(/^bpmn:/, "") }));
95
+ function f(b, S, v, A) {
96
+ typeof v != "string" && (A = v, v = m("Append {type}", { type: b.replace(/^bpmn:/, "") }));
97
97
  function $(D, B) {
98
- const R = n.createShape(y({ type: b }, w));
99
- r.start(D, R, {
98
+ const V = i.createShape(y({ type: b }, A));
99
+ a.start(D, V, {
100
100
  source: B
101
101
  });
102
102
  }
103
103
  return {
104
104
  group: "model",
105
105
  className: S,
106
- title: g,
106
+ title: v,
107
107
  action: {
108
108
  dragstart: $,
109
109
  click: F ? function(D, B) {
110
- const R = n.createShape(y({ type: b }, w));
111
- F.append(B, R);
110
+ const V = i.createShape(y({ type: b }, A));
111
+ F.append(B, V);
112
112
  } : $
113
113
  }
114
114
  };
115
115
  }
116
116
  function P(b) {
117
- return function(S, g) {
118
- t.splitLane(g, b), e.open(g, !0);
117
+ return function(S, v) {
118
+ t.splitLane(v, b), e.open(v, !0);
119
119
  };
120
120
  }
121
- if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && ke(c)) {
122
- const b = _e(i);
121
+ if (N(c, ["bpmn:Lane", "bpmn:Participant"]) && Ie(c)) {
122
+ const b = we(n);
123
123
  y(l, {
124
124
  "lane-insert-above": {
125
125
  group: "lane-insert-above",
126
126
  className: "bpmn-icon-lane-insert-above",
127
- title: p("Add Lane above"),
127
+ title: m("Add Lane above"),
128
128
  action: {
129
- click: function(S, g) {
130
- t.addLane(g, "top");
129
+ click: function(S, v) {
130
+ t.addLane(v, "top");
131
131
  }
132
132
  }
133
133
  }
134
- }), b.length < 2 && (i.height >= 120 && y(l, {
134
+ }), b.length < 2 && (n.height >= 120 && y(l, {
135
135
  "lane-divide-two": {
136
136
  group: "lane-divide",
137
137
  className: "bpmn-icon-lane-divide-two",
138
- title: p("Divide into two Lanes"),
138
+ title: m("Divide into two Lanes"),
139
139
  action: {
140
140
  click: P(2)
141
141
  }
142
142
  }
143
- }), i.height >= 180 && y(l, {
143
+ }), n.height >= 180 && y(l, {
144
144
  "lane-divide-three": {
145
145
  group: "lane-divide",
146
146
  className: "bpmn-icon-lane-divide-three",
147
- title: p("Divide into three Lanes"),
147
+ title: m("Divide into three Lanes"),
148
148
  action: {
149
149
  click: P(3)
150
150
  }
@@ -153,74 +153,74 @@ J.prototype.getContextPadEntries = function(i) {
153
153
  "lane-insert-below": {
154
154
  group: "lane-insert-below",
155
155
  className: "bpmn-icon-lane-insert-below",
156
- title: p("Add Lane below"),
156
+ title: m("Add Lane below"),
157
157
  action: {
158
- click: function(S, g) {
159
- t.addLane(g, "bottom");
158
+ click: function(S, v) {
159
+ t.addLane(v, "bottom");
160
160
  }
161
161
  }
162
162
  }
163
163
  });
164
164
  }
165
- V(c, "bpmn:FlowNode") && (V(c, "bpmn:EventBasedGateway") ? y(l, {
165
+ R(c, "bpmn:FlowNode") && (R(c, "bpmn:EventBasedGateway") ? y(l, {
166
166
  "append.receive-task": f(
167
167
  "bpmn:ReceiveTask",
168
168
  "bpmn-icon-receive-task",
169
- p("Append ReceiveTask")
169
+ m("Append ReceiveTask")
170
170
  ),
171
171
  "append.message-intermediate-event": f(
172
172
  "bpmn:IntermediateCatchEvent",
173
173
  "bpmn-icon-intermediate-event-catch-message",
174
- p("Append MessageIntermediateCatchEvent"),
174
+ m("Append MessageIntermediateCatchEvent"),
175
175
  { eventDefinitionType: "bpmn:MessageEventDefinition" }
176
176
  ),
177
177
  "append.timer-intermediate-event": f(
178
178
  "bpmn:IntermediateCatchEvent",
179
179
  "bpmn-icon-intermediate-event-catch-timer",
180
- p("Append TimerIntermediateCatchEvent"),
180
+ m("Append TimerIntermediateCatchEvent"),
181
181
  { eventDefinitionType: "bpmn:TimerEventDefinition" }
182
182
  ),
183
183
  "append.condition-intermediate-event": f(
184
184
  "bpmn:IntermediateCatchEvent",
185
185
  "bpmn-icon-intermediate-event-catch-condition",
186
- p("Append ConditionIntermediateCatchEvent"),
186
+ m("Append ConditionIntermediateCatchEvent"),
187
187
  { eventDefinitionType: "bpmn:ConditionalEventDefinition" }
188
188
  ),
189
189
  "append.signal-intermediate-event": f(
190
190
  "bpmn:IntermediateCatchEvent",
191
191
  "bpmn-icon-intermediate-event-catch-signal",
192
- p("Append SignalIntermediateCatchEvent"),
192
+ m("Append SignalIntermediateCatchEvent"),
193
193
  { eventDefinitionType: "bpmn:SignalEventDefinition" }
194
194
  )
195
195
  }) : ne(c, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition") ? y(l, {
196
196
  "append.compensation-activity": f(
197
197
  "bpmn:Task",
198
198
  "bpmn-icon-task",
199
- p("Append compensation activity"),
199
+ m("Append compensation activity"),
200
200
  {
201
201
  isForCompensation: !0
202
202
  }
203
203
  )
204
- }) : !V(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !Ae(c) && y(l, {
205
- "append.end-event": f("bpmn:EndEvent", "bpmn-icon-end-event-none", p("Append EndEvent")),
206
- "append.gateway": f("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", p("Append Gateway")),
207
- "append.append-task": f("bpmn:UserTask", "bpmn-icon-user-task", p("Append Task")),
204
+ }) : !R(c, "bpmn:EndEvent") && !c.isForCompensation && !ne(c, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !_e(c) && y(l, {
205
+ "append.end-event": f("bpmn:EndEvent", "bpmn-icon-end-event-none", m("Append EndEvent")),
206
+ "append.gateway": f("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", m("Append Gateway")),
207
+ "append.append-task": f("bpmn:UserTask", "bpmn-icon-user-task", m("Append Task")),
208
208
  "append.intermediate-event": f(
209
209
  "bpmn:IntermediateThrowEvent",
210
210
  "bpmn-icon-intermediate-event-none",
211
- p("Append Intermediate/Boundary Event")
211
+ m("Append Intermediate/Boundary Event")
212
212
  )
213
- })), a.isEmpty(i, "bpmn-replace") || y(l, {
213
+ })), r.isEmpty(n, "bpmn-replace") || y(l, {
214
214
  replace: {
215
215
  group: "edit",
216
216
  className: "bpmn-icon-screw-wrench",
217
- title: p("Change type"),
217
+ title: m("Change type"),
218
218
  action: {
219
219
  click: function(b, S) {
220
- const g = y(C(S), {
220
+ const v = y(C(S), {
221
221
  cursor: { x: b.x, y: b.y }
222
222
  });
223
- a.open(S, "bpmn-replace", g);
223
+ r.open(S, "bpmn-replace", v);
224
224
  }
225
225
  }
226
226
  }
@@ -234,7 +234,7 @@ J.prototype.getContextPadEntries = function(i) {
234
234
  connect: {
235
235
  group: "connect",
236
236
  className: "bpmn-icon-connection-multi",
237
- title: p(
237
+ title: m(
238
238
  `Connect using ${c.isForCompensation ? "" : "Sequence/MessageFlow or "}Association`
239
239
  ),
240
240
  action: {
@@ -246,63 +246,63 @@ J.prototype.getContextPadEntries = function(i) {
246
246
  connect: {
247
247
  group: "connect",
248
248
  className: "bpmn-icon-connection-multi",
249
- title: p("Connect using DataInputAssociation"),
249
+ title: m("Connect using DataInputAssociation"),
250
250
  action: {
251
251
  click: E,
252
252
  dragstart: E
253
253
  }
254
254
  }
255
- }), V(c, "bpmn:Group") && y(l, {
255
+ }), R(c, "bpmn:Group") && y(l, {
256
256
  "append.text-annotation": f("bpmn:TextAnnotation", "bpmn-icon-text-annotation")
257
257
  });
258
- let I = m.allowed("elements.delete", { elements: [i] });
259
- return Se(I) && (I = I[0] === i), I && y(l, {
258
+ let k = p.allowed("elements.delete", { elements: [n] });
259
+ return Se(k) && (k = k[0] === n), k && y(l, {
260
260
  delete: {
261
261
  group: "edit",
262
262
  className: "bpmn-icon-trash",
263
- title: p("Remove"),
263
+ title: m("Remove"),
264
264
  action: {
265
265
  click: O
266
266
  }
267
267
  }
268
268
  }), l;
269
269
  };
270
- function ne(i, e, t) {
271
- const n = i.$instanceOf(e);
270
+ function ne(n, e, t) {
271
+ const i = n.$instanceOf(e);
272
272
  let s = !1;
273
- const r = i.eventDefinitions || [];
274
- return Te(r, function(a) {
275
- a.$type === t && (s = !0);
276
- }), n && s;
273
+ const a = n.eventDefinitions || [];
274
+ return Te(a, function(r) {
275
+ r.$type === t && (s = !0);
276
+ }), i && s;
277
277
  }
278
- const ze = {
278
+ const Ue = {
279
279
  __init__: ["contextPadProvider"],
280
280
  contextPadProvider: ["type", J]
281
281
  };
282
- function L(i, e, t, n, s, r, a, o, m) {
282
+ function L(n, e, t, i, s, a, r, o, p) {
283
283
  oe.call(
284
284
  this,
285
- i,
285
+ n,
286
286
  e,
287
287
  t,
288
- n,
288
+ i,
289
289
  s,
290
- r,
291
290
  a,
291
+ r,
292
292
  o,
293
- m,
293
+ p,
294
294
  2e3
295
- ), this._create = e, this._elementFactory = t, this._spaceTool = n, this._lassoTool = s, this._handTool = r, this._globalConnect = a, this._moddle = o, this._translate = m;
295
+ ), this._create = e, this._elementFactory = t, this._spaceTool = i, this._lassoTool = s, this._handTool = a, this._globalConnect = r, this._moddle = o, this._translate = p;
296
296
  }
297
297
  const Z = function() {
298
298
  };
299
299
  Z.prototype = oe.prototype;
300
300
  Z.prototype.getPaletteEntries = function() {
301
- const i = {}, e = this._create, t = this._elementFactory, n = this._spaceTool, s = this._lassoTool, r = this._handTool, a = this._globalConnect, o = this._translate;
302
- function m(l, c, E, O, C) {
303
- function f(I) {
301
+ const n = {}, e = this._create, t = this._elementFactory, i = this._spaceTool, s = this._lassoTool, a = this._handTool, r = this._globalConnect, o = this._translate;
302
+ function p(l, c, E, O, C) {
303
+ function f(k) {
304
304
  const b = t.createShape(y({ type: l }, C));
305
- C && (b.businessObject.di.isExpanded = C.isExpanded), e.start(I, b);
305
+ l === "bpmn:UserTask" && (b.businessObject.candidateUsers = "${handlers}"), C && (b.businessObject.di.isExpanded = C.isExpanded), e.start(k, b);
306
306
  }
307
307
  const P = l.replace(/^bpmn:/, "");
308
308
  return {
@@ -333,17 +333,17 @@ Z.prototype.getPaletteEntries = function() {
333
333
  }
334
334
  });
335
335
  }
336
- function p(l) {
336
+ function m(l) {
337
337
  e.start(l, t.createParticipantShape());
338
338
  }
339
- return y(i, {
339
+ return y(n, {
340
340
  "hand-tool": {
341
341
  group: "tools",
342
342
  className: "bpmn-icon-hand-tool",
343
343
  title: o("Activate the hand tool"),
344
344
  action: {
345
345
  click: function(l) {
346
- r.activateHand(l);
346
+ a.activateHand(l);
347
347
  }
348
348
  }
349
349
  },
@@ -363,7 +363,7 @@ Z.prototype.getPaletteEntries = function() {
363
363
  title: o("Activate the create/remove space tool"),
364
364
  action: {
365
365
  click: function(l) {
366
- n.activateSelection(l);
366
+ i.activateSelection(l);
367
367
  }
368
368
  }
369
369
  },
@@ -373,31 +373,31 @@ Z.prototype.getPaletteEntries = function() {
373
373
  title: o("Activate the global connect tool"),
374
374
  action: {
375
375
  click: function(l) {
376
- a.toggle(l);
376
+ r.toggle(l);
377
377
  }
378
378
  }
379
379
  },
380
380
  "tool-separator": { group: "tools", separator: !0 },
381
- "create.start-event": m(
381
+ "create.start-event": p(
382
382
  "bpmn:StartEvent",
383
383
  "event",
384
384
  "bpmn-icon-start-event-none",
385
385
  o("Create StartEvent")
386
386
  ),
387
- "create.intermediate-event": m(
387
+ "create.intermediate-event": p(
388
388
  "bpmn:IntermediateThrowEvent",
389
389
  "event",
390
390
  "bpmn-icon-intermediate-event-none",
391
391
  o("Create Intermediate/Boundary Event")
392
392
  ),
393
- "create.user-task": m("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
394
- "create.exclusive-gateway": m(
393
+ "create.user-task": p("bpmn:UserTask", "activity", "bpmn-icon-user-task", o("Create User Task")),
394
+ "create.exclusive-gateway": p(
395
395
  "bpmn:ExclusiveGateway",
396
396
  "activity",
397
397
  "bpmn-icon-gateway-none",
398
398
  o("Create Gateway")
399
399
  ),
400
- "create.end-event": m(
400
+ "create.end-event": p(
401
401
  "bpmn:EndEvent",
402
402
  "activity",
403
403
  "bpmn-icon-end-event-none",
@@ -421,12 +421,12 @@ Z.prototype.getPaletteEntries = function() {
421
421
  className: "bpmn-icon-participant",
422
422
  title: o("Create Pool/Participant"),
423
423
  action: {
424
- dragstart: p,
425
- click: p
424
+ dragstart: m,
425
+ click: m
426
426
  }
427
427
  }
428
428
  // 'create.group': createAction('bpmn:Group', 'artifact', 'bpmn-icon-group', translate('Create Group'))
429
- }), i;
429
+ }), n;
430
430
  };
431
431
  L.$inject = [
432
432
  "palette",
@@ -441,57 +441,57 @@ L.$inject = [
441
441
  ];
442
442
  L.prototype = new Z();
443
443
  L.prototype.constructor = L;
444
- const Ue = {
444
+ const Ne = {
445
445
  __init__: ["customPalette"],
446
446
  customPalette: ["type", L]
447
447
  };
448
- function pe(i, e) {
449
- K.call(this, i, e, 3e3), i.on("autoPlace", 3e3, function(t) {
450
- const n = t.shape, s = t.source;
451
- return Ke(s, n);
452
- }), this.append = function(t, n, s) {
453
- i.fire("autoPlace.start", {
448
+ function pe(n, e) {
449
+ K.call(this, n, e, 3e3), n.on("autoPlace", 3e3, function(t) {
450
+ const i = t.shape, s = t.source;
451
+ return Je(s, i);
452
+ }), this.append = function(t, i, s) {
453
+ n.fire("autoPlace.start", {
454
454
  source: t,
455
- shape: n
455
+ shape: i
456
456
  });
457
- const r = i.fire("autoPlace", {
457
+ const a = n.fire("autoPlace", {
458
458
  source: t,
459
- shape: n
459
+ shape: i
460
460
  });
461
- console.log("hints", s, "position", r);
462
- const a = e.appendShape(t, n, r, t.parent, s);
463
- return i.fire("autoPlace.end", {
461
+ console.log("hints", s, "position", a);
462
+ const r = e.appendShape(t, i, a, t.parent, s);
463
+ return n.fire("autoPlace.end", {
464
464
  source: t,
465
- shape: a
466
- }), a;
465
+ shape: r
466
+ }), r;
467
467
  };
468
468
  }
469
- function Ne(i) {
469
+ function Ge(n) {
470
470
  return {
471
- top: i.y,
472
- right: i.x + (i.width || 0),
473
- bottom: i.y + (i.height || 0),
474
- left: i.x
471
+ top: n.y,
472
+ right: n.x + (n.width || 0),
473
+ bottom: n.y + (n.height || 0),
474
+ left: n.x
475
475
  };
476
476
  }
477
- function Ge(i) {
477
+ function qe(n) {
478
478
  return {
479
- x: Math.round(i.x),
480
- y: Math.round(i.y)
479
+ x: Math.round(n.x),
480
+ y: Math.round(n.y)
481
481
  };
482
482
  }
483
- function qe(i) {
484
- return Ge({
485
- x: i.x + (i.width || 0) / 2,
486
- y: i.y + (i.height || 0) / 2
483
+ function Ke(n) {
484
+ return qe({
485
+ x: n.x + (n.width || 0) / 2,
486
+ y: n.y + (n.height || 0) / 2
487
487
  });
488
488
  }
489
- function Ke(i, e, t) {
489
+ function Je(n, e, t) {
490
490
  t || (t = {});
491
- const n = t.defaultDistance || 50, s = qe(i), r = Ne(i);
491
+ const i = t.defaultDistance || 50, s = Ke(n), a = Ge(n);
492
492
  return {
493
493
  x: s.x,
494
- y: r.bottom + n + e.height / 2
494
+ y: a.bottom + i + e.height / 2
495
495
  };
496
496
  }
497
497
  const me = function() {
@@ -499,45 +499,45 @@ const me = function() {
499
499
  me.prototype = K.prototype;
500
500
  pe.prototype = new me();
501
501
  pe.prototype.constructor = K;
502
- const Je = 200, Ze = 100;
503
- function ce(i, e, t) {
504
- i.on("autoPlace", Ze, function(n) {
505
- const s = n.shape, r = n.source;
506
- return He(r, s);
507
- }), i.on("autoPlace.end", function(n) {
508
- t.scrollToElement(n.shape);
509
- }), this.append = function(n, s, r) {
510
- i.fire("autoPlace.start", {
511
- source: n,
502
+ const Ze = 200, He = 100;
503
+ function ce(n, e, t) {
504
+ n.on("autoPlace", He, function(i) {
505
+ const s = i.shape, a = i.source;
506
+ return We(a, s);
507
+ }), n.on("autoPlace.end", function(i) {
508
+ t.scrollToElement(i.shape);
509
+ }), this.append = function(i, s, a) {
510
+ n.fire("autoPlace.start", {
511
+ source: i,
512
512
  shape: s
513
513
  });
514
- const a = i.fire("autoPlace", {
515
- source: n,
514
+ const r = n.fire("autoPlace", {
515
+ source: i,
516
516
  shape: s
517
- }), o = e.appendShape(n, s, a, n.parent, r);
518
- return i.fire("autoPlace.end", {
519
- source: n,
517
+ }), o = e.appendShape(i, s, r, i.parent, a);
518
+ return n.fire("autoPlace.end", {
519
+ source: i,
520
520
  shape: o
521
521
  }), o;
522
522
  };
523
523
  }
524
524
  ce.$inject = ["eventBus", "modeling", "canvas"];
525
- function He(i, e) {
526
- const t = Je, n = $e(i);
525
+ function We(n, e) {
526
+ const t = Ze, i = $e(n);
527
527
  return {
528
- x: Le(i).right + t + e.width / 2,
529
- y: n.y
528
+ x: Le(n).right + t + e.width / 2,
529
+ y: i.y
530
530
  };
531
531
  }
532
- const We = {
532
+ const Xe = {
533
533
  __init__: ["autoPlaceSelectionBehavior"],
534
534
  autoPlace: ["type", ce]
535
535
  };
536
- function ue(i, e, t, n) {
536
+ function ue(n, e, t, i) {
537
537
  const s = /* @__PURE__ */ Object.create(null);
538
538
  switch (s.event = e.event, t && (s.id = e.id), e.listenerType) {
539
539
  case "scriptListener":
540
- s.script = Ye(i, e, n);
540
+ s.script = Qe(n, e, i);
541
541
  break;
542
542
  case "expressionListener":
543
543
  s.expression = e.expression;
@@ -548,45 +548,45 @@ function ue(i, e, t, n) {
548
548
  default:
549
549
  s.class = e.class;
550
550
  }
551
- if (e.fields && (s.fields = e.fields.map((r) => Xe(i, r, n))), t && e.event === "timeout" && e.eventDefinitionType) {
552
- const r = i.moddle.create("bpmn:FormalExpression", {
551
+ if (e.fields && (s.fields = e.fields.map((a) => Ye(n, a, i))), t && e.event === "timeout" && e.eventDefinitionType) {
552
+ const a = n.moddle.create("bpmn:FormalExpression", {
553
553
  body: e.eventTimeDefinitions
554
- }), a = i.moddle.create("bpmn:TimerEventDefinition", {
555
- id: `TimerEventDefinition_${Qe(8)}`,
556
- [`time${e.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: r
554
+ }), r = n.moddle.create("bpmn:TimerEventDefinition", {
555
+ id: `TimerEventDefinition_${et(8)}`,
556
+ [`time${e.eventDefinitionType.replace(/^\S/, (o) => o.toUpperCase())}`]: a
557
557
  });
558
- s.eventDefinitions = [a];
558
+ s.eventDefinitions = [r];
559
559
  }
560
- return i.moddle.create(`${n}:${t ? "TaskListener" : "ExecutionListener"}`, s);
560
+ return n.moddle.create(`${i}:${t ? "TaskListener" : "ExecutionListener"}`, s);
561
561
  }
562
- function Xe(i, e, t) {
563
- const { name: n, fieldType: s, string: r, expression: a } = e, o = s === "string" ? { name: n, string: r } : { name: n, expression: a };
564
- return i.moddle.create(`${t}:Field`, o);
562
+ function Ye(n, e, t) {
563
+ const { name: i, fieldType: s, string: a, expression: r } = e, o = s === "string" ? { name: i, string: a } : { name: i, expression: r };
564
+ return n.moddle.create(`${t}:Field`, o);
565
565
  }
566
- function Ye(i, e, t) {
567
- const { scriptType: n, scriptFormat: s, value: r, resource: a } = e, o = n === "inlineScript" ? { scriptFormat: s, value: r } : { scriptFormat: s, resource: a };
568
- return i.moddle.create(`${t}:Script`, o);
566
+ function Qe(n, e, t) {
567
+ const { scriptType: i, scriptFormat: s, value: a, resource: r } = e, o = i === "inlineScript" ? { scriptFormat: s, value: a } : { scriptFormat: s, resource: r };
568
+ return n.moddle.create(`${t}:Script`, o);
569
569
  }
570
- function U(i, e, t) {
571
- const n = i.moddle.create("bpmn:ExtensionElements", {
570
+ function U(n, e, t) {
571
+ const i = n.moddle.create("bpmn:ExtensionElements", {
572
572
  values: t
573
573
  });
574
- i.modeling.updateProperties(e, {
575
- extensionElements: n
574
+ n.modeling.updateProperties(e, {
575
+ extensionElements: i
576
576
  });
577
577
  }
578
- function Qe(i = 8, e) {
578
+ function et(n = 8, e) {
579
579
  let t = "";
580
- const n = e || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
581
- for (let s = i; s > 0; --s)
582
- t += n[Math.floor(Math.random() * n.length)];
580
+ const i = e || "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
581
+ for (let s = n; s > 0; --s)
582
+ t += i[Math.floor(Math.random() * i.length)];
583
583
  return t;
584
584
  }
585
- const et = (i, e = "body") => i ? i.get(e) : null, tt = (i, e, t = "body", n) => {
586
- nt(i, e, { [t]: n });
587
- }, nt = ({ modeling: i }, e, t) => {
588
- i.updateProperties(e, t);
589
- }, it = {
585
+ const tt = (n, e = "body") => n ? n.get(e) : null, nt = (n, e, t = "body", i) => {
586
+ it(n, e, { [t]: i });
587
+ }, it = ({ modeling: n }, e, t) => {
588
+ n.updateProperties(e, t);
589
+ }, st = {
590
590
  name: "ElementBaseInfo",
591
591
  inject: {
592
592
  prefix: "prefix",
@@ -616,68 +616,68 @@ const et = (i, e = "body") => i ? i.get(e) : null, tt = (i, e, t = "body", n) =>
616
616
  id: "init"
617
617
  },
618
618
  methods: {
619
- init(i) {
619
+ init(n) {
620
620
  const { businessObject: e } = this.element;
621
- i ? (this.businessObject = v(e), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.skipExpression = et(e, this.skipExpressionProp);
621
+ n ? (this.businessObject = g(e), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.skipExpression = tt(e, this.skipExpressionProp);
622
622
  },
623
- updateBaseInfo(i) {
623
+ updateBaseInfo(n) {
624
624
  const { modeling: e } = this.bpmnInstances;
625
- if (i === "id") {
625
+ if (n === "id") {
626
626
  e.updateProperties(this.element, {
627
- id: this.businessObject[i],
628
- di: { id: `${this.businessObject[i]}_di` }
627
+ id: this.businessObject[n],
628
+ di: { id: `${this.businessObject[n]}_di` }
629
629
  });
630
630
  return;
631
631
  }
632
- if (i === "isExpanded") {
632
+ if (n === "isExpanded") {
633
633
  e.toggleCollapse(this.element);
634
634
  return;
635
635
  }
636
- e.updateProperties(this.element, { [i]: this.businessObject[i] });
636
+ e.updateProperties(this.element, { [n]: this.businessObject[n] });
637
637
  },
638
- updateProp(i, e) {
639
- tt(this.bpmnInstances, this.element, i, e);
638
+ updateProp(n, e) {
639
+ nt(this.bpmnInstances, this.element, n, e);
640
640
  }
641
641
  }
642
642
  };
643
- var st = function() {
643
+ var rt = function() {
644
644
  var e = this, t = e._self._c;
645
- return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
646
- n.preventDefault();
647
- } } }, [t("ElFormItem", { attrs: { label: "ID" } }, [t("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(n) {
645
+ return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
646
+ i.preventDefault();
647
+ } } }, [t("ElFormItem", { attrs: { label: "ID" } }, [t("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(i) {
648
648
  return e.updateBaseInfo("id");
649
- } }, model: { value: e.businessObject.id, callback: function(n) {
650
- e.$set(e.businessObject, "id", n);
651
- }, expression: "businessObject.id" } })], 1), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
649
+ } }, model: { value: e.businessObject.id, callback: function(i) {
650
+ e.$set(e.businessObject, "id", i);
651
+ }, expression: "businessObject.id" } })], 1), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
652
652
  return e.updateBaseInfo("name");
653
- } }, model: { value: e.businessObject.name, callback: function(n) {
654
- e.$set(e.businessObject, "name", n);
655
- }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? t("ElFormItem", { attrs: { label: "跳过表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: (n) => e.updateProp(e.skipExpressionProp, n) }, model: { value: e.skipExpression, callback: function(n) {
656
- e.skipExpression = n;
657
- }, expression: "skipExpression" } })], 1) : e._e(), e.businessObject.$type === "bpmn:Process" ? [t("ElFormItem", { attrs: { label: "版本标签" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
653
+ } }, model: { value: e.businessObject.name, callback: function(i) {
654
+ e.$set(e.businessObject, "name", i);
655
+ }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? t("ElFormItem", { attrs: { label: "跳过表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: (i) => e.updateProp(e.skipExpressionProp, i) }, model: { value: e.skipExpression, callback: function(i) {
656
+ e.skipExpression = i;
657
+ }, expression: "skipExpression" } })], 1) : e._e(), e.businessObject.$type === "bpmn:Process" ? [t("ElFormItem", { attrs: { label: "版本标签" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
658
658
  return e.updateBaseInfo("versionTag");
659
- } }, model: { value: e.businessObject.versionTag, callback: function(n) {
660
- e.$set(e.businessObject, "versionTag", n);
661
- }, expression: "businessObject.versionTag" } })], 1), t("ElFormItem", { attrs: { label: "可执行" } }, [t("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(n) {
659
+ } }, model: { value: e.businessObject.versionTag, callback: function(i) {
660
+ e.$set(e.businessObject, "versionTag", i);
661
+ }, expression: "businessObject.versionTag" } })], 1), t("ElFormItem", { attrs: { label: "可执行" } }, [t("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(i) {
662
662
  return e.updateBaseInfo("isExecutable");
663
- } }, model: { value: e.businessObject.isExecutable, callback: function(n) {
664
- e.$set(e.businessObject, "isExecutable", n);
665
- }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? t("ElFormItem", { attrs: { label: "状态" } }, [t("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(n) {
663
+ } }, model: { value: e.businessObject.isExecutable, callback: function(i) {
664
+ e.$set(e.businessObject, "isExecutable", i);
665
+ }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? t("ElFormItem", { attrs: { label: "状态" } }, [t("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(i) {
666
666
  return e.updateBaseInfo("isExpanded");
667
- } }, model: { value: e.businessObject.isExpanded, callback: function(n) {
668
- e.$set(e.businessObject, "isExpanded", n);
667
+ } }, model: { value: e.businessObject.isExpanded, callback: function(i) {
668
+ e.$set(e.businessObject, "isExpanded", i);
669
669
  }, expression: "businessObject.isExpanded" } })], 1) : e._e()], 2)], 1);
670
- }, rt = [], at = /* @__PURE__ */ h(
671
- it,
670
+ }, at = [], ot = /* @__PURE__ */ h(
672
671
  st,
673
672
  rt,
673
+ at,
674
674
  !1,
675
675
  null,
676
676
  null,
677
677
  null,
678
678
  null
679
679
  );
680
- const ot = at.exports, lt = {
680
+ const lt = ot.exports, pt = {
681
681
  name: "ElementOtherConfig",
682
682
  props: {
683
683
  id: String,
@@ -697,43 +697,43 @@ const ot = at.exports, lt = {
697
697
  this.documentation = "";
698
698
  else {
699
699
  const {
700
- businessObject: { documentation: i }
700
+ businessObject: { documentation: n }
701
701
  } = this.element;
702
- this.documentation = (i == null ? void 0 : i[0].text) || "";
702
+ this.documentation = (n == null ? void 0 : n[0].text) || "";
703
703
  }
704
704
  }
705
705
  }
706
706
  },
707
707
  methods: {
708
708
  updateDocumentation() {
709
- const { modeling: i } = this.bpmnInstances, {
709
+ const { modeling: n } = this.bpmnInstances, {
710
710
  businessObject: { documentation: e }
711
711
  } = this.element;
712
712
  if (e != null && e.length)
713
- e[0].set("text", this.documentation), i.updateProperties(this.element, { documentation: e });
713
+ e[0].set("text", this.documentation), n.updateProperties(this.element, { documentation: e });
714
714
  else {
715
- const { bpmnFactory: t } = this.bpmnInstances, n = t.create("bpmn:Documentation", { text: this.documentation });
716
- i.updateProperties(this.element, { documentation: [n] });
715
+ const { bpmnFactory: t } = this.bpmnInstances, i = t.create("bpmn:Documentation", { text: this.documentation });
716
+ n.updateProperties(this.element, { documentation: [i] });
717
717
  }
718
718
  }
719
719
  }
720
720
  };
721
- var pt = function() {
721
+ var mt = function() {
722
722
  var e = this, t = e._self._c;
723
- return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "element-property input-property" }, [t("div", { staticClass: "element-property__label" }, [e._v("元素文档：")]), t("div", { staticClass: "element-property__value" }, [t("ElInput", { attrs: { type: "textarea", size: "mini", resize: "vertical", autosize: { minRows: 2, maxRows: 4 } }, on: { input: e.updateDocumentation }, model: { value: e.documentation, callback: function(n) {
724
- e.documentation = n;
723
+ return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "element-property input-property" }, [t("div", { staticClass: "element-property__label" }, [e._v("元素文档：")]), t("div", { staticClass: "element-property__value" }, [t("ElInput", { attrs: { type: "textarea", size: "mini", resize: "vertical", autosize: { minRows: 2, maxRows: 4 } }, on: { input: e.updateDocumentation }, model: { value: e.documentation, callback: function(i) {
724
+ e.documentation = i;
725
725
  }, expression: "documentation" } })], 1)])]);
726
- }, mt = [], ct = /* @__PURE__ */ h(
727
- lt,
726
+ }, ct = [], ut = /* @__PURE__ */ h(
728
727
  pt,
729
728
  mt,
729
+ ct,
730
730
  !1,
731
731
  null,
732
732
  null,
733
733
  null,
734
734
  null
735
735
  );
736
- const ut = ct.exports, dt = {
736
+ const dt = ut.exports, ft = {
737
737
  name: "UserTask",
738
738
  props: {
739
739
  id: String,
@@ -764,62 +764,62 @@ const ut = ct.exports, dt = {
764
764
  },
765
765
  methods: {
766
766
  resetTaskForm() {
767
- const { businessObject: i } = this.element;
767
+ const { businessObject: n } = this.element;
768
768
  for (const e in this.defaultTaskForm) {
769
769
  let t;
770
- ["candidateUsers", "candidateGroups"].includes(e) ? t = i[e] ? i[e].split(",") : [] : t = i[e] || this.defaultTaskForm[e], this.$set(this.userTaskForm, e, t);
770
+ ["candidateUsers", "candidateGroups"].includes(e) ? t = n[e] ? n[e].split(",") : [] : t = n[e] || this.defaultTaskForm[e], this.$set(this.userTaskForm, e, t);
771
771
  }
772
772
  },
773
- updateElementTask(i) {
773
+ updateElementTask(n) {
774
774
  const e = {};
775
- i === "candidateUsers" || i === "candidateGroups" ? e[i] = this.userTaskForm[i] && this.userTaskForm[i].length ? this.userTaskForm[i].join() : null : e[i] = this.userTaskForm[i] || null, this.bpmnInstances.modeling.updateProperties(this.element, e);
775
+ n === "candidateUsers" || n === "candidateGroups" ? e[n] = this.userTaskForm[n] && this.userTaskForm[n].length ? this.userTaskForm[n].join() : null : e[n] = this.userTaskForm[n] || null, this.bpmnInstances.modeling.updateProperties(this.element, e);
776
776
  }
777
777
  }
778
778
  };
779
- var ft = function() {
779
+ var bt = function() {
780
780
  var e = this, t = e._self._c;
781
- return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "处理用户" } }, [t("ElSelect", { on: { change: function(n) {
781
+ return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "处理用户" } }, [t("ElSelect", { on: { change: function(i) {
782
782
  return e.updateElementTask("assignee");
783
- } }, model: { value: e.userTaskForm.assignee, callback: function(n) {
784
- e.$set(e.userTaskForm, "assignee", n);
785
- }, expression: "userTaskForm.assignee" } }, e._l(e.mockData, function(n) {
786
- return t("ElOption", { key: `ass-${n}`, attrs: { label: `用户${n}`, value: `user${n}` } });
787
- }), 1)], 1), t("ElFormItem", { attrs: { label: "候选用户" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(n) {
783
+ } }, model: { value: e.userTaskForm.assignee, callback: function(i) {
784
+ e.$set(e.userTaskForm, "assignee", i);
785
+ }, expression: "userTaskForm.assignee" } }, e._l(e.mockData, function(i) {
786
+ return t("ElOption", { key: `ass-${i}`, attrs: { label: `用户${i}`, value: `user${i}` } });
787
+ }), 1)], 1), t("ElFormItem", { attrs: { label: "候选用户" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(i) {
788
788
  return e.updateElementTask("candidateUsers");
789
- } }, model: { value: e.userTaskForm.candidateUsers, callback: function(n) {
790
- e.$set(e.userTaskForm, "candidateUsers", n);
791
- }, expression: "userTaskForm.candidateUsers" } }, e._l(e.mockData, function(n) {
792
- return t("ElOption", { key: `user-${n}`, attrs: { label: `用户${n}`, value: `user${n}` } });
793
- }), 1)], 1), t("ElFormItem", { attrs: { label: "候选分组" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(n) {
789
+ } }, model: { value: e.userTaskForm.candidateUsers, callback: function(i) {
790
+ e.$set(e.userTaskForm, "candidateUsers", i);
791
+ }, expression: "userTaskForm.candidateUsers" } }, e._l(e.mockData, function(i) {
792
+ return t("ElOption", { key: `user-${i}`, attrs: { label: `用户${i}`, value: `user${i}` } });
793
+ }), 1)], 1), t("ElFormItem", { attrs: { label: "候选分组" } }, [t("ElSelect", { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(i) {
794
794
  return e.updateElementTask("candidateGroups");
795
- } }, model: { value: e.userTaskForm.candidateGroups, callback: function(n) {
796
- e.$set(e.userTaskForm, "candidateGroups", n);
797
- }, expression: "userTaskForm.candidateGroups" } }, e._l(e.mockData, function(n) {
798
- return t("ElOption", { key: `ass-${n}`, attrs: { label: `分组${n}`, value: `group${n}` } });
799
- }), 1)], 1), t("ElFormItem", { attrs: { label: "到期时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(n) {
795
+ } }, model: { value: e.userTaskForm.candidateGroups, callback: function(i) {
796
+ e.$set(e.userTaskForm, "candidateGroups", i);
797
+ }, expression: "userTaskForm.candidateGroups" } }, e._l(e.mockData, function(i) {
798
+ return t("ElOption", { key: `ass-${i}`, attrs: { label: `分组${i}`, value: `group${i}` } });
799
+ }), 1)], 1), t("ElFormItem", { attrs: { label: "到期时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(i) {
800
800
  return e.updateElementTask("dueDate");
801
- } }, model: { value: e.userTaskForm.dueDate, callback: function(n) {
802
- e.$set(e.userTaskForm, "dueDate", n);
803
- }, expression: "userTaskForm.dueDate" } })], 1), t("ElFormItem", { attrs: { label: "跟踪时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(n) {
801
+ } }, model: { value: e.userTaskForm.dueDate, callback: function(i) {
802
+ e.$set(e.userTaskForm, "dueDate", i);
803
+ }, expression: "userTaskForm.dueDate" } })], 1), t("ElFormItem", { attrs: { label: "跟踪时间" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(i) {
804
804
  return e.updateElementTask("followUpDate");
805
- } }, model: { value: e.userTaskForm.followUpDate, callback: function(n) {
806
- e.$set(e.userTaskForm, "followUpDate", n);
807
- }, expression: "userTaskForm.followUpDate" } })], 1), t("ElFormItem", { attrs: { label: "优先级" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(n) {
805
+ } }, model: { value: e.userTaskForm.followUpDate, callback: function(i) {
806
+ e.$set(e.userTaskForm, "followUpDate", i);
807
+ }, expression: "userTaskForm.followUpDate" } })], 1), t("ElFormItem", { attrs: { label: "优先级" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: function(i) {
808
808
  return e.updateElementTask("priority");
809
- } }, model: { value: e.userTaskForm.priority, callback: function(n) {
810
- e.$set(e.userTaskForm, "priority", n);
809
+ } }, model: { value: e.userTaskForm.priority, callback: function(i) {
810
+ e.$set(e.userTaskForm, "priority", i);
811
811
  }, expression: "userTaskForm.priority" } })], 1)], 1);
812
- }, bt = [], yt = /* @__PURE__ */ h(
813
- dt,
812
+ }, yt = [], ht = /* @__PURE__ */ h(
814
813
  ft,
815
814
  bt,
815
+ yt,
816
816
  !1,
817
817
  null,
818
818
  null,
819
819
  null,
820
820
  null
821
821
  );
822
- const ht = yt.exports, gt = {
822
+ const vt = ht.exports, gt = {
823
823
  name: "ScriptTask",
824
824
  props: {
825
825
  id: String,
@@ -847,59 +847,59 @@ const ht = yt.exports, gt = {
847
847
  },
848
848
  methods: {
849
849
  resetTaskForm() {
850
- var i;
850
+ var n;
851
851
  for (const e in this.defaultTaskForm) {
852
- const t = ((i = this.element) == null ? void 0 : i.businessObject[e]) || this.defaultTaskForm[e];
852
+ const t = ((n = this.element) == null ? void 0 : n.businessObject[e]) || this.defaultTaskForm[e];
853
853
  this.$set(this.scriptTaskForm, e, t);
854
854
  }
855
855
  this.$set(this.scriptTaskForm, "scriptType", this.scriptTaskForm.script ? "inline" : "external");
856
856
  },
857
857
  updateElementTask() {
858
- const i = /* @__PURE__ */ Object.create(null);
859
- i.scriptFormat = this.scriptTaskForm.scriptFormat || null, i.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (i.script = this.scriptTaskForm.script || null, i.resource = null) : (i.resource = this.scriptTaskForm.resource || null, i.script = null), this.bpmnInstances.modeling.updateProperties(this.element, i);
858
+ const n = /* @__PURE__ */ Object.create(null);
859
+ n.scriptFormat = this.scriptTaskForm.scriptFormat || null, n.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (n.script = this.scriptTaskForm.script || null, n.resource = null) : (n.resource = this.scriptTaskForm.resource || null, n.script = null), this.bpmnInstances.modeling.updateProperties(this.element, n);
860
860
  }
861
861
  }
862
862
  };
863
- var vt = function() {
863
+ var Et = function() {
864
864
  var e = this, t = e._self._c;
865
- return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "脚本格式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
865
+ return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "脚本格式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
866
866
  return e.updateElementTask();
867
- }, change: function(n) {
867
+ }, change: function(i) {
868
868
  return e.updateElementTask();
869
- } }, model: { value: e.scriptTaskForm.scriptFormat, callback: function(n) {
870
- e.$set(e.scriptTaskForm, "scriptFormat", n);
871
- }, expression: "scriptTaskForm.scriptFormat" } })], 1), t("ElFormItem", { attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.scriptTaskForm.scriptType, callback: function(n) {
872
- e.$set(e.scriptTaskForm, "scriptType", n);
873
- }, expression: "scriptTaskForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inline" } }), t("ElOption", { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(n) {
869
+ } }, model: { value: e.scriptTaskForm.scriptFormat, callback: function(i) {
870
+ e.$set(e.scriptTaskForm, "scriptFormat", i);
871
+ }, expression: "scriptTaskForm.scriptFormat" } })], 1), t("ElFormItem", { attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.scriptTaskForm.scriptType, callback: function(i) {
872
+ e.$set(e.scriptTaskForm, "scriptType", i);
873
+ }, expression: "scriptTaskForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inline" } }), t("ElOption", { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(i) {
874
874
  return e.updateElementTask();
875
- }, change: function(n) {
875
+ }, change: function(i) {
876
876
  return e.updateElementTask();
877
- } }, model: { value: e.scriptTaskForm.script, callback: function(n) {
878
- e.$set(e.scriptTaskForm, "script", n);
879
- }, expression: "scriptTaskForm.script" } })], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
877
+ } }, model: { value: e.scriptTaskForm.script, callback: function(i) {
878
+ e.$set(e.scriptTaskForm, "script", i);
879
+ }, expression: "scriptTaskForm.script" } })], 1), t("ElFormItem", { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
880
880
  return e.updateElementTask();
881
- }, change: function(n) {
881
+ }, change: function(i) {
882
882
  return e.updateElementTask();
883
- } }, model: { value: e.scriptTaskForm.resource, callback: function(n) {
884
- e.$set(e.scriptTaskForm, "resource", n);
885
- }, expression: "scriptTaskForm.resource" } })], 1), t("ElFormItem", { attrs: { label: "结果变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(n) {
883
+ } }, model: { value: e.scriptTaskForm.resource, callback: function(i) {
884
+ e.$set(e.scriptTaskForm, "resource", i);
885
+ }, expression: "scriptTaskForm.resource" } })], 1), t("ElFormItem", { attrs: { label: "结果变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { input: function(i) {
886
886
  return e.updateElementTask();
887
- }, change: function(n) {
887
+ }, change: function(i) {
888
888
  return e.updateElementTask();
889
- } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(n) {
890
- e.$set(e.scriptTaskForm, "resultVariable", n);
889
+ } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(i) {
890
+ e.$set(e.scriptTaskForm, "resultVariable", i);
891
891
  }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
892
- }, Et = [], Ft = /* @__PURE__ */ h(
892
+ }, Ft = [], xt = /* @__PURE__ */ h(
893
893
  gt,
894
- vt,
895
894
  Et,
895
+ Ft,
896
896
  !1,
897
897
  null,
898
898
  null,
899
899
  null,
900
900
  null
901
901
  );
902
- const xt = Ft.exports, St = {
902
+ const St = xt.exports, Tt = {
903
903
  name: "ReceiveTask",
904
904
  props: {
905
905
  id: String,
@@ -923,14 +923,14 @@ const xt = Ft.exports, St = {
923
923
  }
924
924
  },
925
925
  created() {
926
- this.bpmnMessageRefsMap = /* @__PURE__ */ Object.create(null), this.bpmnRootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((i) => i.$type === "bpmn:Message").forEach((i) => {
927
- this.bpmnMessageRefsMap[i.id] = i, this.$set(this.messageMap, i.id, i.name);
926
+ this.bpmnMessageRefsMap = /* @__PURE__ */ Object.create(null), this.bpmnRootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((n) => n.$type === "bpmn:Message").forEach((n) => {
927
+ this.bpmnMessageRefsMap[n.id] = n, this.$set(this.messageMap, n.id, n.name);
928
928
  }), this.$set(this.messageMap, "-1", "无");
929
929
  },
930
930
  methods: {
931
931
  getBindMessage() {
932
- var i, e;
933
- this.bindMessageId = ((e = (i = this.element.businessObject) == null ? void 0 : i.messageRef) == null ? void 0 : e.id) || "-1";
932
+ var n, e;
933
+ this.bindMessageId = ((e = (n = this.element.businessObject) == null ? void 0 : n.messageRef) == null ? void 0 : e.id) || "-1";
934
934
  },
935
935
  openMessageModel() {
936
936
  this.messageModelVisible = !0, this.newMessageForm = {};
@@ -940,48 +940,48 @@ const xt = Ft.exports, St = {
940
940
  this.$message.error("该消息已存在，请修改id后重新保存");
941
941
  return;
942
942
  }
943
- const i = this.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
944
- this.bpmnRootElements.push(i), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = i, this.messageModelVisible = !1;
943
+ const n = this.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
944
+ this.bpmnRootElements.push(n), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = n, this.messageModelVisible = !1;
945
945
  },
946
- updateTaskMessage(i) {
947
- i === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, {
946
+ updateTaskMessage(n) {
947
+ n === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, {
948
948
  messageRef: null
949
949
  }) : this.bpmnInstances.modeling.updateProperties(this.element, {
950
- messageRef: this.bpmnMessageRefsMap[i]
950
+ messageRef: this.bpmnMessageRefsMap[n]
951
951
  });
952
952
  }
953
953
  }
954
954
  };
955
- var Tt = function() {
955
+ var Ct = function() {
956
956
  var e = this, t = e._self._c;
957
- return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t("ElSelect", { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(n) {
958
- e.bindMessageId = n;
959
- }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(n) {
960
- return t("ElOption", { key: n, attrs: { value: n, label: e.messageMap[n] } });
961
- }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
962
- e.messageModelVisible = n;
957
+ return t("div", { staticStyle: { "margin-top": "16px" } }, [t("ElFormItem", { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t("ElSelect", { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(i) {
958
+ e.bindMessageId = i;
959
+ }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(i) {
960
+ return t("ElOption", { key: i, attrs: { value: i, label: e.messageMap[i] } });
961
+ }), 1), t("ElButton", { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t("ElementDialog", { attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
962
+ e.messageModelVisible = i;
963
963
  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
964
964
  return [t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.createNewMessage } }, [e._v("确 认")])];
965
- }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
966
- n.preventDefault();
967
- } } }, [t("ElFormItem", { attrs: { label: "消息ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(n) {
968
- e.$set(e.newMessageForm, "id", n);
969
- }, expression: "newMessageForm.id" } })], 1), t("ElFormItem", { attrs: { label: "消息名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(n) {
970
- e.$set(e.newMessageForm, "name", n);
965
+ }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
966
+ i.preventDefault();
967
+ } } }, [t("ElFormItem", { attrs: { label: "消息ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(i) {
968
+ e.$set(e.newMessageForm, "id", i);
969
+ }, expression: "newMessageForm.id" } })], 1), t("ElFormItem", { attrs: { label: "消息名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(i) {
970
+ e.$set(e.newMessageForm, "name", i);
971
971
  }, expression: "newMessageForm.name" } })], 1)], 1)], 1)], 1);
972
- }, Ct = [], It = /* @__PURE__ */ h(
973
- St,
972
+ }, kt = [], It = /* @__PURE__ */ h(
974
973
  Tt,
975
974
  Ct,
975
+ kt,
976
976
  !1,
977
977
  null,
978
978
  null,
979
979
  null,
980
980
  null
981
981
  );
982
- const kt = It.exports, At = {
982
+ const _t = It.exports, wt = {
983
983
  name: "ElementTaskConfig",
984
- components: { UserTask: ht, ScriptTask: xt, ReceiveTask: kt },
984
+ components: { UserTask: vt, ScriptTask: St, ReceiveTask: _t },
985
985
  props: {
986
986
  id: String,
987
987
  element: Object,
@@ -1013,8 +1013,8 @@ const kt = It.exports, At = {
1013
1013
  id: {
1014
1014
  immediate: !0,
1015
1015
  handler() {
1016
- var i, e, t, n, s, r;
1017
- this.taskConfigForm.asyncBefore = (e = (i = this.element) == null ? void 0 : i.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (n = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : n.asyncAfter, this.taskConfigForm.exclusive = (r = (s = this.element) == null ? void 0 : s.businessObject) == null ? void 0 : r.exclusive;
1016
+ var n, e, t, i, s, a;
1017
+ this.taskConfigForm.asyncBefore = (e = (n = this.element) == null ? void 0 : n.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (i = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : i.asyncAfter, this.taskConfigForm.exclusive = (a = (s = this.element) == null ? void 0 : s.businessObject) == null ? void 0 : a.exclusive;
1018
1018
  }
1019
1019
  },
1020
1020
  type: {
@@ -1030,28 +1030,28 @@ const kt = It.exports, At = {
1030
1030
  }
1031
1031
  }
1032
1032
  };
1033
- var _t = function() {
1033
+ var At = function() {
1034
1034
  var e = this, t = e._self._c;
1035
- return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
1036
- n.preventDefault();
1037
- } } }, [t("ElFormItem", { attrs: { label: "异步延续" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(n) {
1038
- e.$set(e.taskConfigForm, "asyncBefore", n);
1039
- }, expression: "taskConfigForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(n) {
1040
- e.$set(e.taskConfigForm, "asyncAfter", n);
1041
- }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(n) {
1042
- e.$set(e.taskConfigForm, "exclusive", n);
1035
+ return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
1036
+ i.preventDefault();
1037
+ } } }, [t("ElFormItem", { attrs: { label: "异步延续" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(i) {
1038
+ e.$set(e.taskConfigForm, "asyncBefore", i);
1039
+ }, expression: "taskConfigForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(i) {
1040
+ e.$set(e.taskConfigForm, "asyncAfter", i);
1041
+ }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(i) {
1042
+ e.$set(e.taskConfigForm, "exclusive", i);
1043
1043
  }, expression: "taskConfigForm.exclusive" } }) : e._e()], 1), t(e.witchTaskComponent, e._b({ tag: "Component" }, "Component", e.$props, !1))], 1)], 1);
1044
- }, wt = [], $t = /* @__PURE__ */ h(
1045
- At,
1046
- _t,
1044
+ }, $t = [], Lt = /* @__PURE__ */ h(
1047
1045
  wt,
1046
+ At,
1047
+ $t,
1048
1048
  !1,
1049
1049
  null,
1050
1050
  null,
1051
1051
  null,
1052
1052
  null
1053
1053
  );
1054
- const Lt = $t.exports, Ot = {
1054
+ const Ot = Lt.exports, Pt = {
1055
1055
  name: "ElementMultiInstance",
1056
1056
  inject: {
1057
1057
  prefix: "prefix"
@@ -1080,8 +1080,8 @@ const Lt = $t.exports, Ot = {
1080
1080
  id: {
1081
1081
  immediate: !0,
1082
1082
  handler() {
1083
- const { businessObject: i } = this.element;
1084
- this.getElementLoop(i);
1083
+ const { businessObject: n } = this.element;
1084
+ this.getElementLoop(n);
1085
1085
  }
1086
1086
  }
1087
1087
  },
@@ -1089,63 +1089,63 @@ const Lt = $t.exports, Ot = {
1089
1089
  this.multiLoopInstance = null;
1090
1090
  },
1091
1091
  methods: {
1092
- getElementLoop(i) {
1093
- var e, t, n, s, r, a;
1094
- if (!i.loopCharacteristics) {
1092
+ getElementLoop(n) {
1093
+ var e, t, i, s, a, r;
1094
+ if (!n.loopCharacteristics) {
1095
1095
  this.loopCharacteristics = "Null", this.loopInstanceForm = {};
1096
1096
  return;
1097
1097
  }
1098
- if (i.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
1098
+ if (n.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
1099
1099
  this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
1100
1100
  return;
1101
1101
  }
1102
- i.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(u(u({}, this.defaultLoopInstanceForm), i.loopCharacteristics), {
1103
- completionCondition: (n = (t = (e = i.loopCharacteristics) == null ? void 0 : e.completionCondition) == null ? void 0 : t.body) != null ? n : "",
1104
- loopCardinality: (a = (r = (s = i.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : r.body) != null ? a : ""
1105
- }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, i.loopCharacteristics.extensionElements && i.loopCharacteristics.extensionElements.values && i.loopCharacteristics.extensionElements.values.length && this.$set(
1102
+ n.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = T(u(u({}, this.defaultLoopInstanceForm), n.loopCharacteristics), {
1103
+ completionCondition: (i = (t = (e = n.loopCharacteristics) == null ? void 0 : e.completionCondition) == null ? void 0 : t.body) != null ? i : "",
1104
+ loopCardinality: (r = (a = (s = n.loopCharacteristics) == null ? void 0 : s.loopCardinality) == null ? void 0 : a.body) != null ? r : ""
1105
+ }), this.multiLoopInstance = this.element.businessObject.loopCharacteristics, n.loopCharacteristics.extensionElements && n.loopCharacteristics.extensionElements.values && n.loopCharacteristics.extensionElements.values.length && this.$set(
1106
1106
  this.loopInstanceForm,
1107
1107
  "timeCycle",
1108
- i.loopCharacteristics.extensionElements.values[0].body
1108
+ n.loopCharacteristics.extensionElements.values[0].body
1109
1109
  );
1110
1110
  },
1111
- changeLoopCharacteristicsType(i) {
1112
- if (i === "Null") {
1111
+ changeLoopCharacteristicsType(n) {
1112
+ if (n === "Null") {
1113
1113
  this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: null });
1114
1114
  return;
1115
1115
  }
1116
- if (i === "StandardLoop") {
1116
+ if (n === "StandardLoop") {
1117
1117
  const e = this.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
1118
1118
  this.bpmnInstances.modeling.updateProperties(this.element, {
1119
1119
  loopCharacteristics: e
1120
1120
  }), this.multiLoopInstance = null;
1121
1121
  return;
1122
1122
  }
1123
- i === "SequentialMultiInstance" ? this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
1123
+ n === "SequentialMultiInstance" ? this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
1124
1124
  isSequential: !0
1125
1125
  }) : this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics"), this.bpmnInstances.modeling.updateProperties(this.element, {
1126
1126
  loopCharacteristics: this.multiLoopInstance
1127
1127
  });
1128
1128
  },
1129
1129
  // 循环基数
1130
- updateLoopCardinality(i) {
1130
+ updateLoopCardinality(n) {
1131
1131
  let e = null;
1132
- i && i.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: i })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
1132
+ n && n.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
1133
1133
  loopCardinality: e
1134
1134
  });
1135
1135
  },
1136
1136
  // 完成条件
1137
- updateLoopCondition(i) {
1137
+ updateLoopCondition(n) {
1138
1138
  let e = null;
1139
- i && i.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: i })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
1139
+ n && n.length && (e = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
1140
1140
  completionCondition: e
1141
1141
  });
1142
1142
  },
1143
1143
  // 重试周期
1144
- updateLoopTimeCycle(i) {
1144
+ updateLoopTimeCycle(n) {
1145
1145
  const e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
1146
1146
  values: [
1147
1147
  this.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
1148
- body: i
1148
+ body: n
1149
1149
  })
1150
1150
  ]
1151
1151
  });
@@ -1161,53 +1161,77 @@ const Lt = $t.exports, Ot = {
1161
1161
  });
1162
1162
  },
1163
1163
  // 各异步状态
1164
- updateLoopAsync(i) {
1164
+ updateLoopAsync(n) {
1165
1165
  const { asyncBefore: e, asyncAfter: t } = this.loopInstanceForm;
1166
- let n = /* @__PURE__ */ Object.create(null);
1167
- !e && !t ? (this.$set(this.loopInstanceForm, "exclusive", !1), n = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : n[i] = this.loopInstanceForm[i], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, n);
1166
+ let i = /* @__PURE__ */ Object.create(null);
1167
+ !e && !t ? (this.$set(this.loopInstanceForm, "exclusive", !1), i = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : i[n] = this.loopInstanceForm[n], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, i);
1168
1168
  }
1169
1169
  }
1170
1170
  };
1171
- var Pt = function() {
1171
+ var Mt = function() {
1172
1172
  var e = this, t = e._self._c;
1173
- return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
1174
- n.preventDefault();
1175
- } } }, [t("ElFormItem", { attrs: { label: "回路特性" } }, [t("ElSelect", { on: { change: e.changeLoopCharacteristicsType }, model: { value: e.loopCharacteristics, callback: function(n) {
1176
- e.loopCharacteristics = n;
1177
- }, expression: "loopCharacteristics" } }, [t("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), t("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), t("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), t("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), e.loopCharacteristics === "ParallelMultiInstance" || e.loopCharacteristics === "SequentialMultiInstance" ? [t("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCardinality }, model: { value: e.loopInstanceForm.loopCardinality, callback: function(n) {
1178
- e.$set(e.loopInstanceForm, "loopCardinality", n);
1179
- }, expression: "loopInstanceForm.loopCardinality" } })], 1), t("ElFormItem", { key: "collection", attrs: { label: "集合" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.collection, callback: function(n) {
1180
- e.$set(e.loopInstanceForm, "collection", n);
1181
- }, expression: "loopInstanceForm.collection" } })], 1), t("ElFormItem", { key: "elementVariable", attrs: { label: "元素变量" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.elementVariable, callback: function(n) {
1182
- e.$set(e.loopInstanceForm, "elementVariable", n);
1183
- }, expression: "loopInstanceForm.elementVariable" } })], 1), t("ElFormItem", { key: "completionCondition", attrs: { label: "完成条件" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCondition }, model: { value: e.loopInstanceForm.completionCondition, callback: function(n) {
1184
- e.$set(e.loopInstanceForm, "completionCondition", n);
1185
- }, expression: "loopInstanceForm.completionCondition" } })], 1), t("ElFormItem", { key: "async", attrs: { label: "异步状态" } }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: function(n) {
1173
+ return t("div", { staticClass: "panel-tab__content element-multi-instance" }, [t("ElForm", { attrs: { size: "mini", "label-width": "100px" }, nativeOn: { submit: function(i) {
1174
+ i.preventDefault();
1175
+ } } }, [t("ElFormItem", { attrs: { label: "回路特性" }, scopedSlots: e._u([{ key: "label", fn: function() {
1176
+ return [e._v(" 回路特性 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
1177
+ return [t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("并行")]), e._v(" 一次性创建所有任务实例")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("串行")]), e._v(" 完成一个任务实例再创建一个任务实例,直到环节完成 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("循环事件")]), e._v(" 未知")])])];
1178
+ }, proxy: !0 }]) }, [t("i", { staticClass: "el-icon-info" })])];
1179
+ }, proxy: !0 }]) }, [t("ElSelect", { staticStyle: { width: "100%" }, on: { change: e.changeLoopCharacteristicsType }, model: { value: e.loopCharacteristics, callback: function(i) {
1180
+ e.loopCharacteristics = i;
1181
+ }, expression: "loopCharacteristics" } }, [t("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), t("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), t("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), t("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), e.loopCharacteristics === "ParallelMultiInstance" || e.loopCharacteristics === "SequentialMultiInstance" ? [t("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" }, scopedSlots: e._u([{ key: "label", fn: function() {
1182
+ return [e._v(" 循环基数 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
1183
+ return [t("div", [e._v("与任务实例数相对,可不填")])];
1184
+ }, proxy: !0 }], null, !1, 3306633709) }, [t("i", { staticClass: "el-icon-info" })])];
1185
+ }, proxy: !0 }], null, !1, 3757615878) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCardinality }, model: { value: e.loopInstanceForm.loopCardinality, callback: function(i) {
1186
+ e.$set(e.loopInstanceForm, "loopCardinality", i);
1187
+ }, expression: "loopInstanceForm.loopCardinality" } })], 1), t("ElFormItem", { key: "collection", attrs: { label: "集合名称", required: "" }, scopedSlots: e._u([{ key: "label", fn: function() {
1188
+ return [e._v(" 集合变量 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
1189
+ return [t("p", [e._v("流程变量名,设置为 "), t("span", { staticClass: "flow-tips-keyword" }, [e._v("${handlers}")]), e._v(" 就行")])];
1190
+ }, proxy: !0 }], null, !1, 2769289721) }, [t("i", { staticClass: "el-icon-info" })])];
1191
+ }, proxy: !0 }], null, !1, 3139340263) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.collection, callback: function(i) {
1192
+ e.$set(e.loopInstanceForm, "collection", i);
1193
+ }, expression: "loopInstanceForm.collection" } })], 1), t("ElFormItem", { key: "elementVariable", attrs: { label: "元素名称", required: "" }, scopedSlots: e._u([{ key: "label", fn: function() {
1194
+ return [e._v(" 元素变量 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
1195
+ return [t("p", [e._v(" 流程变量名,设置为 "), t("span", { staticClass: "flow-tips-keyword" }, [e._v("handler")]), e._v(' 就行,注意与"'), t("span", { staticClass: "flow-tips-keyword" }, [e._v("处理人")]), e._v('"中的"'), t("span", { staticClass: "flow-tips-keyword" }, [e._v("分配人员")]), e._v('"值保持一致 ')])];
1196
+ }, proxy: !0 }], null, !1, 952223137) }, [t("i", { staticClass: "el-icon-info" })])];
1197
+ }, proxy: !0 }], null, !1, 1907746023) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopBase }, model: { value: e.loopInstanceForm.elementVariable, callback: function(i) {
1198
+ e.$set(e.loopInstanceForm, "elementVariable", i);
1199
+ }, expression: "loopInstanceForm.elementVariable" } })], 1), t("ElFormItem", { key: "completionCondition", attrs: { label: "完成条件" }, scopedSlots: e._u([{ key: "label", fn: function() {
1200
+ return [e._v(" 完成条件 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
1201
+ return [t("p", { staticClass: "flow-tips-title" }, [e._v("特殊流程变量：")]), t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("nrOfInstances")]), e._v(" 总实例数")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("nrOfCompletedInstances")]), e._v(" 已完成的实例数 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("nrOfActiveInstances")]), e._v(" 未完成实例数 ")])]), t("p", { staticClass: "flow-tips-title" }, [e._v("示例：")]), t("ul", [t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("${nrOfCompletedInstances/nrOfInstances >= 1}")]), e._v("：所有实例完成结束该环节 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("${nrOfCompletedInstances/nrOfInstances >= 0.5}")]), e._v("：50%实例完成结束该环节 ")]), t("li", { staticClass: "flow-tips-list-item" }, [t("span", { staticClass: "flow-tips-keyword" }, [e._v("${nrOfCompletedInstances >= 1}")]), e._v("：有一个实例完成结束该环节 ")])]), t("p", { staticClass: "flow-tips-title" }, [e._v("不填要等所有实例完成才会结束该环节")])];
1202
+ }, proxy: !0 }], null, !1, 3464763714) }, [t("i", { staticClass: "el-icon-info" })])];
1203
+ }, proxy: !0 }], null, !1, 1913912486) }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopCondition }, model: { value: e.loopInstanceForm.completionCondition, callback: function(i) {
1204
+ e.$set(e.loopInstanceForm, "completionCondition", i);
1205
+ }, expression: "loopInstanceForm.completionCondition" } })], 1), t("ElFormItem", { key: "async", attrs: { label: "异步状态" }, scopedSlots: e._u([{ key: "label", fn: function() {
1206
+ return [e._v(" 异步状态 "), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
1207
+ return [t("div", [e._v("目前没用到")])];
1208
+ }, proxy: !0 }], null, !1, 1935913218) }, [t("i", { staticClass: "el-icon-info" })])];
1209
+ }, proxy: !0 }], null, !1, 474663414) }, [t("ElCheckbox", { attrs: { label: "异步前" }, on: { change: function(i) {
1186
1210
  return e.updateLoopAsync("asyncBefore");
1187
- } }, model: { value: e.loopInstanceForm.asyncBefore, callback: function(n) {
1188
- e.$set(e.loopInstanceForm, "asyncBefore", n);
1189
- }, expression: "loopInstanceForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: function(n) {
1211
+ } }, model: { value: e.loopInstanceForm.asyncBefore, callback: function(i) {
1212
+ e.$set(e.loopInstanceForm, "asyncBefore", i);
1213
+ }, expression: "loopInstanceForm.asyncBefore" } }), t("ElCheckbox", { attrs: { label: "异步后" }, on: { change: function(i) {
1190
1214
  return e.updateLoopAsync("asyncAfter");
1191
- } }, model: { value: e.loopInstanceForm.asyncAfter, callback: function(n) {
1192
- e.$set(e.loopInstanceForm, "asyncAfter", n);
1193
- }, expression: "loopInstanceForm.asyncAfter" } }), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: function(n) {
1215
+ } }, model: { value: e.loopInstanceForm.asyncAfter, callback: function(i) {
1216
+ e.$set(e.loopInstanceForm, "asyncAfter", i);
1217
+ }, expression: "loopInstanceForm.asyncAfter" } }), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElCheckbox", { attrs: { label: "排除" }, on: { change: function(i) {
1194
1218
  return e.updateLoopAsync("exclusive");
1195
- } }, model: { value: e.loopInstanceForm.exclusive, callback: function(n) {
1196
- e.$set(e.loopInstanceForm, "exclusive", n);
1197
- }, expression: "loopInstanceForm.exclusive" } }) : e._e()], 1), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElFormItem", { key: "timeCycle", attrs: { label: "重试周期", prop: "timeCycle" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopTimeCycle }, model: { value: e.loopInstanceForm.timeCycle, callback: function(n) {
1198
- e.$set(e.loopInstanceForm, "timeCycle", n);
1219
+ } }, model: { value: e.loopInstanceForm.exclusive, callback: function(i) {
1220
+ e.$set(e.loopInstanceForm, "exclusive", i);
1221
+ }, expression: "loopInstanceForm.exclusive" } }) : e._e()], 1), e.loopInstanceForm.asyncAfter || e.loopInstanceForm.asyncBefore ? t("ElFormItem", { key: "timeCycle", attrs: { label: "重试周期", prop: "timeCycle" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateLoopTimeCycle }, model: { value: e.loopInstanceForm.timeCycle, callback: function(i) {
1222
+ e.$set(e.loopInstanceForm, "timeCycle", i);
1199
1223
  }, expression: "loopInstanceForm.timeCycle" } })], 1) : e._e()] : e._e()], 2)], 1);
1200
- }, Mt = [], Dt = /* @__PURE__ */ h(
1201
- Ot,
1224
+ }, Dt = [], Bt = /* @__PURE__ */ h(
1202
1225
  Pt,
1203
1226
  Mt,
1227
+ Dt,
1204
1228
  !1,
1205
1229
  null,
1206
1230
  null,
1207
1231
  null,
1208
1232
  null
1209
1233
  );
1210
- const Bt = Dt.exports, Rt = {
1234
+ const Vt = Bt.exports, Rt = {
1211
1235
  name: "FlowCondition",
1212
1236
  props: {
1213
1237
  id: String,
@@ -1239,26 +1263,26 @@ const Bt = Dt.exports, Rt = {
1239
1263
  else if (!this.element.businessObject.conditionExpression)
1240
1264
  this.flowConditionForm = { type: "normal" };
1241
1265
  else {
1242
- const i = this.element.businessObject.conditionExpression;
1243
- if (this.flowConditionForm = T(u({}, i), { type: "condition" }), this.flowConditionForm.resource) {
1266
+ const n = this.element.businessObject.conditionExpression;
1267
+ if (this.flowConditionForm = T(u({}, n), { type: "condition" }), this.flowConditionForm.resource) {
1244
1268
  this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "externalScript");
1245
1269
  return;
1246
1270
  }
1247
- if (i.language) {
1271
+ if (n.language) {
1248
1272
  this.$set(this.flowConditionForm, "conditionType", "script"), this.$set(this.flowConditionForm, "scriptType", "inlineScript");
1249
1273
  return;
1250
1274
  }
1251
1275
  this.$set(this.flowConditionForm, "conditionType", "expression");
1252
1276
  }
1253
1277
  },
1254
- updateFlowType(i) {
1255
- if (i === "condition") {
1278
+ updateFlowType(n) {
1279
+ if (n === "condition") {
1256
1280
  this.flowConditionRef = this.bpmnInstances.moddle.create("bpmn:FormalExpression"), this.bpmnInstances.modeling.updateProperties(this.element, {
1257
1281
  conditionExpression: this.flowConditionRef
1258
1282
  });
1259
1283
  return;
1260
1284
  }
1261
- if (i === "default") {
1285
+ if (n === "default") {
1262
1286
  this.bpmnInstances.modeling.updateProperties(this.element, {
1263
1287
  conditionExpression: null
1264
1288
  }), this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, {
@@ -1273,34 +1297,34 @@ const Bt = Dt.exports, Rt = {
1273
1297
  });
1274
1298
  },
1275
1299
  updateFlowCondition() {
1276
- const { conditionType: i, scriptType: e, body: t, resource: n, language: s } = this.flowConditionForm;
1277
- let r;
1278
- i === "expression" ? r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t }) : e === "inlineScript" ? (r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t, language: s }), this.$set(this.flowConditionForm, "resource", "")) : (this.$set(this.flowConditionForm, "body", ""), r = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { resource: n, language: s })), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: r });
1300
+ const { conditionType: n, scriptType: e, body: t, resource: i, language: s } = this.flowConditionForm;
1301
+ let a;
1302
+ n === "expression" ? a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t }) : e === "inlineScript" ? (a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: t, language: s }), this.$set(this.flowConditionForm, "resource", "")) : (this.$set(this.flowConditionForm, "body", ""), a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { resource: i, language: s })), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: a });
1279
1303
  }
1280
1304
  }
1281
1305
  };
1282
- var Vt = function() {
1306
+ var zt = function() {
1283
1307
  var e = this, t = e._self._c;
1284
- return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { model: e.flowConditionForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(n) {
1285
- n.preventDefault();
1286
- } } }, [t("ElFormItem", { attrs: { label: "流转类型" } }, [t("ElSelect", { on: { change: e.updateFlowType }, model: { value: e.flowConditionForm.type, callback: function(n) {
1287
- e.$set(e.flowConditionForm, "type", n);
1288
- }, expression: "flowConditionForm.type" } }, [t("ElOption", { attrs: { label: "普通流转路径", value: "normal" } }), t("ElOption", { attrs: { label: "默认流转路径", value: "default" } }), t("ElOption", { attrs: { label: "条件流转路径", value: "condition" } })], 1)], 1), e.flowConditionForm.type === "condition" ? t("ElFormItem", { key: "condition", attrs: { label: "条件格式" } }, [t("ElSelect", { model: { value: e.flowConditionForm.conditionType, callback: function(n) {
1289
- e.$set(e.flowConditionForm, "conditionType", n);
1290
- }, expression: "flowConditionForm.conditionType" } }, [t("ElOption", { attrs: { label: "表达式", value: "expression" } }), t("ElOption", { attrs: { label: "脚本", value: "script" } })], 1)], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "expression" ? t("ElFormItem", { key: "express", attrs: { label: "表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(n) {
1291
- e.$set(e.flowConditionForm, "body", n);
1292
- }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "script" ? [t("ElFormItem", { key: "language", attrs: { label: "脚本语言" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.language, callback: function(n) {
1293
- e.$set(e.flowConditionForm, "language", n);
1294
- }, expression: "flowConditionForm.language" } })], 1), t("ElFormItem", { key: "scriptType", attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.flowConditionForm.scriptType, callback: function(n) {
1295
- e.$set(e.flowConditionForm, "scriptType", n);
1296
- }, expression: "flowConditionForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.flowConditionForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "body", attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(n) {
1297
- e.$set(e.flowConditionForm, "body", n);
1298
- }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.scriptType === "externalScript" ? t("ElFormItem", { key: "resource", attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.resource, callback: function(n) {
1299
- e.$set(e.flowConditionForm, "resource", n);
1308
+ return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { model: e.flowConditionForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
1309
+ i.preventDefault();
1310
+ } } }, [t("ElFormItem", { attrs: { label: "流转类型" } }, [t("ElSelect", { on: { change: e.updateFlowType }, model: { value: e.flowConditionForm.type, callback: function(i) {
1311
+ e.$set(e.flowConditionForm, "type", i);
1312
+ }, expression: "flowConditionForm.type" } }, [t("ElOption", { attrs: { label: "普通流转路径", value: "normal" } }), t("ElOption", { attrs: { label: "默认流转路径", value: "default" } }), t("ElOption", { attrs: { label: "条件流转路径", value: "condition" } })], 1)], 1), e.flowConditionForm.type === "condition" ? t("ElFormItem", { key: "condition", attrs: { label: "条件格式" } }, [t("ElSelect", { model: { value: e.flowConditionForm.conditionType, callback: function(i) {
1313
+ e.$set(e.flowConditionForm, "conditionType", i);
1314
+ }, expression: "flowConditionForm.conditionType" } }, [t("ElOption", { attrs: { label: "表达式", value: "expression" } }), t("ElOption", { attrs: { label: "脚本", value: "script" } })], 1)], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "expression" ? t("ElFormItem", { key: "express", attrs: { label: "表达式" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(i) {
1315
+ e.$set(e.flowConditionForm, "body", i);
1316
+ }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.conditionType && e.flowConditionForm.conditionType === "script" ? [t("ElFormItem", { key: "language", attrs: { label: "脚本语言" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.language, callback: function(i) {
1317
+ e.$set(e.flowConditionForm, "language", i);
1318
+ }, expression: "flowConditionForm.language" } })], 1), t("ElFormItem", { key: "scriptType", attrs: { label: "脚本类型" } }, [t("ElSelect", { model: { value: e.flowConditionForm.scriptType, callback: function(i) {
1319
+ e.$set(e.flowConditionForm, "scriptType", i);
1320
+ }, expression: "flowConditionForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.flowConditionForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "body", attrs: { label: "脚本" } }, [t("ElInput", { attrs: { type: "textarea", clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.body, callback: function(i) {
1321
+ e.$set(e.flowConditionForm, "body", i);
1322
+ }, expression: "flowConditionForm.body" } })], 1) : e._e(), e.flowConditionForm.scriptType === "externalScript" ? t("ElFormItem", { key: "resource", attrs: { label: "资源地址" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateFlowCondition }, model: { value: e.flowConditionForm.resource, callback: function(i) {
1323
+ e.$set(e.flowConditionForm, "resource", i);
1300
1324
  }, expression: "flowConditionForm.resource" } })], 1) : e._e()] : e._e()], 2)], 1);
1301
- }, jt = [], zt = /* @__PURE__ */ h(
1325
+ }, jt = [], Ut = /* @__PURE__ */ h(
1302
1326
  Rt,
1303
- Vt,
1327
+ zt,
1304
1328
  jt,
1305
1329
  !1,
1306
1330
  null,
@@ -1308,7 +1332,7 @@ var Vt = function() {
1308
1332
  null,
1309
1333
  null
1310
1334
  );
1311
- const Ut = zt.exports, Nt = {
1335
+ const Nt = Ut.exports, Gt = {
1312
1336
  name: "SignalAndMessage",
1313
1337
  props: {
1314
1338
  bpmnInstances: Object
@@ -1332,82 +1356,82 @@ const Ut = zt.exports, Nt = {
1332
1356
  },
1333
1357
  methods: {
1334
1358
  initDataList() {
1335
- this.rootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((i) => {
1336
- i.$type === "bpmn:Message" && (this.messageIdMap[i.id] = !0, this.messageList.push(u({}, i))), i.$type === "bpmn:Signal" && (this.signalIdMap[i.id] = !0, this.signalList.push(u({}, i)));
1359
+ this.rootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.messageIdMap = {}, this.signalIdMap = {}, this.messageList = [], this.signalList = [], this.rootElements.forEach((n) => {
1360
+ n.$type === "bpmn:Message" && (this.messageIdMap[n.id] = !0, this.messageList.push(u({}, n))), n.$type === "bpmn:Signal" && (this.signalIdMap[n.id] = !0, this.signalList.push(u({}, n)));
1337
1361
  });
1338
1362
  },
1339
- openModel(i) {
1340
- this.modelType = i, this.modelObjectForm = {}, this.modelVisible = !0;
1363
+ openModel(n) {
1364
+ this.modelType = n, this.modelObjectForm = {}, this.modelVisible = !0;
1341
1365
  },
1342
1366
  addNewObject() {
1343
1367
  if (this.modelType === "message") {
1344
1368
  if (this.messageIdMap[this.modelObjectForm.id])
1345
1369
  return this.$message.error("该消息已存在，请修改id后重新保存");
1346
- const i = this.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
1347
- this.rootElements.push(i);
1370
+ const n = this.bpmnInstances.moddle.create("bpmn:Message", this.modelObjectForm);
1371
+ this.rootElements.push(n);
1348
1372
  } else {
1349
1373
  if (this.signalIdMap[this.modelObjectForm.id])
1350
1374
  return this.$message.error("该信号已存在，请修改id后重新保存");
1351
- const i = this.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
1352
- this.rootElements.push(i);
1375
+ const n = this.bpmnInstances.moddle.create("bpmn:Signal", this.modelObjectForm);
1376
+ this.rootElements.push(n);
1353
1377
  }
1354
1378
  this.modelVisible = !1, this.initDataList();
1355
1379
  }
1356
1380
  }
1357
1381
  };
1358
- var Gt = function() {
1382
+ var qt = function() {
1359
1383
  var e = this, t = e._self._c;
1360
- return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "panel-tab__content--title" }, [e._m(0), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
1384
+ return t("div", { staticClass: "panel-tab__content" }, [t("div", { staticClass: "panel-tab__content--title" }, [e._m(0), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
1361
1385
  return e.openModel("message");
1362
- } } }, [e._v("创建新消息")])], 1), t("ElTable", { attrs: { data: e.messageList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "消息ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "消息名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("div", { staticClass: "panel-tab__content--title", staticStyle: { "margin-top": "8px", "padding-top": "8px", "border-top": "1px solid #eee" } }, [e._m(1), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
1386
+ } } }, [e._v("创建新消息")])], 1), t("ElTable", { attrs: { data: e.messageList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "消息ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "消息名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("div", { staticClass: "panel-tab__content--title", staticStyle: { "margin-top": "8px", "padding-top": "8px", "border-top": "1px solid #eee" } }, [e._m(1), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
1363
1387
  return e.openModel("signal");
1364
- } } }, [e._v("创建新信号")])], 1), t("ElTable", { attrs: { data: e.signalList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "信号ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "信号名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("ElementDialog", { attrs: { visible: e.modelVisible, title: e.modelConfig.title, "close-on-click-modal": !1, width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
1365
- e.modelVisible = n;
1388
+ } } }, [e._v("创建新信号")])], 1), t("ElTable", { attrs: { data: e.signalList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { type: "index", label: "序号", width: "60px" } }), t("ElTableColumn", { attrs: { label: "信号ID", prop: "id", "max-width": "300px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "信号名称", prop: "name", "max-width": "300px", "show-overflow-tooltip": "" } })], 1), t("ElementDialog", { attrs: { visible: e.modelVisible, title: e.modelConfig.title, "close-on-click-modal": !1, width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
1389
+ e.modelVisible = i;
1366
1390
  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
1367
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
1391
+ return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
1368
1392
  e.modelVisible = !1;
1369
1393
  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.addNewObject } }, [e._v("保 存")])];
1370
- }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.modelObjectForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(n) {
1371
- n.preventDefault();
1372
- } } }, [t("ElFormItem", { attrs: { label: e.modelConfig.idLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.id, callback: function(n) {
1373
- e.$set(e.modelObjectForm, "id", n);
1374
- }, expression: "modelObjectForm.id" } })], 1), t("ElFormItem", { attrs: { label: e.modelConfig.nameLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.name, callback: function(n) {
1375
- e.$set(e.modelObjectForm, "name", n);
1394
+ }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.modelObjectForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(i) {
1395
+ i.preventDefault();
1396
+ } } }, [t("ElFormItem", { attrs: { label: e.modelConfig.idLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.id, callback: function(i) {
1397
+ e.$set(e.modelObjectForm, "id", i);
1398
+ }, expression: "modelObjectForm.id" } })], 1), t("ElFormItem", { attrs: { label: e.modelConfig.nameLabel } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.modelObjectForm.name, callback: function(i) {
1399
+ e.$set(e.modelObjectForm, "name", i);
1376
1400
  }, expression: "modelObjectForm.name" } })], 1)], 1)], 1)], 1);
1377
- }, qt = [function() {
1378
- var i = this, e = i._self._c;
1379
- return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), i._v("消息列表")]);
1401
+ }, Kt = [function() {
1402
+ var n = this, e = n._self._c;
1403
+ return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), n._v("消息列表")]);
1380
1404
  }, function() {
1381
- var i = this, e = i._self._c;
1382
- return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), i._v("信号列表")]);
1383
- }], Kt = /* @__PURE__ */ h(
1384
- Nt,
1405
+ var n = this, e = n._self._c;
1406
+ return e("span", [e("i", { staticClass: "el-icon-menu", staticStyle: { "margin-right": "8px", color: "#555" } }), n._v("信号列表")]);
1407
+ }], Jt = /* @__PURE__ */ h(
1385
1408
  Gt,
1386
1409
  qt,
1410
+ Kt,
1387
1411
  !1,
1388
1412
  null,
1389
1413
  null,
1390
1414
  null,
1391
1415
  null
1392
1416
  );
1393
- const Jt = Kt.exports;
1394
- function de(i) {
1395
- let e = u({}, i);
1396
- if (i.script && (e = T(u(u({}, i), i.script), {
1397
- scriptType: i.script.resource ? "externalScript" : "inlineScript"
1398
- })), i.event === "timeout" && i.eventDefinitions && i.eventDefinitions.length) {
1417
+ const Zt = Jt.exports;
1418
+ function de(n) {
1419
+ let e = u({}, n);
1420
+ if (n.script && (e = T(u(u({}, n), n.script), {
1421
+ scriptType: n.script.resource ? "externalScript" : "inlineScript"
1422
+ })), n.event === "timeout" && n.eventDefinitions && n.eventDefinitions.length) {
1399
1423
  let t = "";
1400
- for (const n in i.eventDefinitions[0])
1401
- n.indexOf("time") !== -1 && (t = n, e.eventDefinitionType = n.replace("time", "").toLowerCase());
1402
- e.eventTimeDefinitions = i.eventDefinitions[0][t].body;
1424
+ for (const i in n.eventDefinitions[0])
1425
+ i.indexOf("time") !== -1 && (t = i, e.eventDefinitionType = i.replace("time", "").toLowerCase());
1426
+ e.eventTimeDefinitions = n.eventDefinitions[0][t].body;
1403
1427
  }
1404
1428
  return e;
1405
1429
  }
1406
- function fe(i) {
1407
- var t, n;
1430
+ function fe(n) {
1431
+ var t, i;
1408
1432
  let e;
1409
- return i.class && (e = "classListener"), i.expression && (e = "expressionListener"), i.delegateExpression && (e = "delegateExpressionListener"), i.script && (e = "scriptListener"), T(u(u({}, v(i)), (t = i.script) != null ? t : {}), {
1410
- fields: (n = i.fields) == null ? void 0 : n.map((s) => T(u({}, s), { fieldType: s.expression ? "expression" : "string" })),
1433
+ return n.class && (e = "classListener"), n.expression && (e = "expressionListener"), n.delegateExpression && (e = "delegateExpressionListener"), n.script && (e = "scriptListener"), T(u(u({}, g(n)), (t = n.script) != null ? t : {}), {
1434
+ fields: (i = n.fields) == null ? void 0 : i.map((s) => T(u({}, s), { fieldType: s.expression ? "expression" : "string" })),
1411
1435
  listenerType: e
1412
1436
  });
1413
1437
  }
@@ -1416,7 +1440,7 @@ const be = {
1416
1440
  expressionListener: "表达式",
1417
1441
  delegateExpressionListener: "代理表达式",
1418
1442
  scriptListener: "脚本"
1419
- }, Zt = {
1443
+ }, Ht = {
1420
1444
  create: "创建",
1421
1445
  assignment: "指派",
1422
1446
  complete: "完成",
@@ -1426,11 +1450,27 @@ const be = {
1426
1450
  }, ye = {
1427
1451
  string: "字符串",
1428
1452
  expression: "表达式"
1429
- }, Ht = {
1453
+ }, Wt = (n, e) => ({
1454
+ $type: "flowable:ExecutionListener",
1455
+ event: n === "draft" ? "start" : n,
1456
+ // eslint-disable-next-line no-template-curly-in-string
1457
+ delegateExpression: "${httpInvokeExecutionListener}",
1458
+ fields: [],
1459
+ listenerType: "delegateExpressionListener"
1460
+ }), Xt = (n, e) => [
1461
+ { $type: "flowable:Field", name: "serviceId", string: e.serviceId, fieldType: "string" },
1462
+ {
1463
+ $type: "flowable:Field",
1464
+ name: "url",
1465
+ string: `${e != null && e.url ? `/${e.url}` : ""}/flow${Pe(n)}`,
1466
+ fieldType: "string"
1467
+ }
1468
+ ], Yt = {
1430
1469
  name: "ElementListeners",
1431
1470
  inject: {
1432
1471
  prefix: "prefix",
1433
- width: "width"
1472
+ width: "width",
1473
+ context: "context"
1434
1474
  },
1435
1475
  props: {
1436
1476
  id: String,
@@ -1458,36 +1498,52 @@ const be = {
1458
1498
  fieldTypeObject: ye
1459
1499
  };
1460
1500
  },
1501
+ computed: {
1502
+ apis() {
1503
+ var e;
1504
+ return (((e = this.context) == null ? void 0 : e.apis) || ["flowDraft", "flowStart", "flowEnd"]).map((t) => {
1505
+ var i;
1506
+ return `${(i = this.context) != null && i.url ? `/${this.context.url}/` : ""}${t}`;
1507
+ }) || [];
1508
+ }
1509
+ },
1461
1510
  watch: {
1462
1511
  id: {
1463
1512
  immediate: !0,
1464
- handler(i) {
1513
+ handler(n) {
1465
1514
  return d(this, null, function* () {
1466
- i && (yield this.$nextTick(), this.resetListenersList());
1515
+ n && (yield this.$nextTick(), this.resetListenersList());
1467
1516
  });
1468
1517
  }
1469
1518
  }
1470
1519
  },
1471
1520
  methods: {
1472
1521
  resetListenersList() {
1473
- var i, e, t, n;
1474
- this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (e = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
1522
+ var n, e, t, i;
1523
+ this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
1475
1524
  (s) => s.$type === `${this.prefix}:ExecutionListener`
1476
- )) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
1525
+ )) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
1526
+ },
1527
+ changeFiledType(n) {
1528
+ n === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
1477
1529
  },
1478
- changeFiledType(i) {
1479
- i === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
1530
+ assignListener(n) {
1531
+ const e = Wt(n, this.context);
1532
+ e.fields = Xt(n, this.context), this.listenerForm = e, this.fieldsListOfListener = e.fields;
1533
+ },
1534
+ setDefaultFieldValue(n) {
1535
+ n !== "url" ? this.$set(this.listenerFieldForm, "string", this.context[n] || "") : this.$set(this.listenerFieldForm, "string", "");
1480
1536
  },
1481
1537
  // 打开 监听器详情 侧边栏
1482
- openListenerForm(i, e) {
1538
+ openListenerForm(n, e) {
1483
1539
  return d(this, null, function* () {
1484
1540
  var t;
1485
- i ? (this.listenerForm = de(i), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), i && i.fields ? this.fieldsListOfListener = i.fields.map((n) => u({}, n)) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
1541
+ n ? (this.listenerForm = de(n), this.fieldsListOfListener = n.fields ? n.fields.map((i) => u({}, i)) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
1486
1542
  });
1487
1543
  },
1488
1544
  // 打开监听器字段编辑弹窗
1489
- openListenerFieldForm(i, e) {
1490
- this.listenerFieldForm = i ? v(i) : {}, this.editingListenerFieldIndex = i ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
1545
+ openListenerFieldForm(n, e) {
1546
+ this.listenerFieldForm = n ? g(n) : { fieldType: "string" }, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
1491
1547
  this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
1492
1548
  });
1493
1549
  },
@@ -1498,7 +1554,7 @@ const be = {
1498
1554
  });
1499
1555
  },
1500
1556
  // 移除监听器字段
1501
- removeListenerField(i, e) {
1557
+ removeListenerField(n, e) {
1502
1558
  return d(this, null, function* () {
1503
1559
  try {
1504
1560
  yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
@@ -1507,7 +1563,7 @@ const be = {
1507
1563
  });
1508
1564
  },
1509
1565
  // 移除监听器
1510
- removeListener(i, e) {
1566
+ removeListener(n, e) {
1511
1567
  return d(this, null, function* () {
1512
1568
  try {
1513
1569
  yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), U(
@@ -1522,13 +1578,13 @@ const be = {
1522
1578
  // 保存监听器配置
1523
1579
  saveListenerConfig() {
1524
1580
  return d(this, null, function* () {
1525
- var t, n, s, r;
1581
+ var t, i, s, a;
1526
1582
  if (!(yield this.$refs.listenerFormRef.validate()))
1527
1583
  return;
1528
1584
  const e = ue(this.bpmnInstances, this.listenerForm, !1, this.prefix);
1529
- this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter(
1530
- (a) => a.$type !== `${this.prefix}:ExecutionListener`
1531
- )) != null ? r : [], U(
1585
+ this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (a = (s = (i = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : i.values) == null ? void 0 : s.filter(
1586
+ (r) => r.$type !== `${this.prefix}:ExecutionListener`
1587
+ )) != null ? a : [], U(
1532
1588
  this.bpmnInstances,
1533
1589
  this.element,
1534
1590
  this.otherExtensionList.concat(this.bpmnElementListeners)
@@ -1537,80 +1593,99 @@ const be = {
1537
1593
  }
1538
1594
  }
1539
1595
  };
1540
- var Wt = function() {
1596
+ var Qt = function() {
1597
+ var i, s, a;
1541
1598
  var e = this, t = e._self._c;
1542
- return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "100px", prop: "event" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "100px", "show-overflow-tooltip": "", formatter: (n) => e.listenerTypeObject[n.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1543
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1544
- return e.openListenerForm(n, s);
1545
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1546
- return e.removeListener(n, s);
1599
+ return t("div", { staticClass: "panel-tab__content element-listeners" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "100px", prop: "event" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "100px", "show-overflow-tooltip": "", formatter: (r) => e.listenerTypeObject[r.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: r, $index: o }) {
1600
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(p) {
1601
+ return e.openListenerForm(r, o);
1602
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(p) {
1603
+ return e.removeListener(r, o);
1547
1604
  } } }, [e._v("移除")])];
1548
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
1605
+ } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(r) {
1549
1606
  return e.openListenerForm(null);
1550
- } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.listenerFormModelVisible, title: "执行监听器", size: `${e.width}px`, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
1551
- e.listenerFormModelVisible = n;
1552
- } } }, [t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(n) {
1553
- n.preventDefault();
1554
- } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(n) {
1555
- e.$set(e.listenerForm, "event", n);
1556
- }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "start", value: "start" } }), t("ElOption", { attrs: { label: "end", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(n) {
1557
- e.$set(e.listenerForm, "listenerType", n);
1558
- }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(n) {
1559
- return t("ElOption", { key: n, attrs: { label: e.listenerTypeObject[n], value: n } });
1560
- }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(n) {
1561
- e.$set(e.listenerForm, "class", n);
1562
- }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(n) {
1563
- e.$set(e.listenerForm, "expression", n);
1564
- }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(n) {
1565
- e.$set(e.listenerForm, "delegateExpression", n);
1566
- }, expression: "listenerForm.delegateExpression" } })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(n) {
1567
- e.$set(e.listenerForm, "scriptFormat", n);
1568
- }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(n) {
1569
- e.$set(e.listenerForm, "scriptType", n);
1570
- }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(n) {
1571
- e.$set(e.listenerForm, "value", n);
1572
- }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(n) {
1573
- e.$set(e.listenerForm, "resource", n);
1574
- }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
1607
+ } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer element-listeners-drawer", attrs: { visible: e.listenerFormModelVisible, title: "执行监听器", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
1608
+ e.listenerFormModelVisible = r;
1609
+ } } }, [t("ElDivider"), t("p", { staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("监听器类型：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
1610
+ return e.assignListener("start");
1611
+ } } }, [e._v("开始")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
1612
+ return e.assignListener("end");
1613
+ } } }, [e._v("结束")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
1614
+ return e.assignListener("draft");
1615
+ } } }, [e._v("草稿")])], 1), t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(r) {
1616
+ r.preventDefault();
1617
+ } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, model: { value: e.listenerForm.event, callback: function(r) {
1618
+ e.$set(e.listenerForm, "event", r);
1619
+ }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "开始", value: "start" } }), t("ElOption", { attrs: { label: "结束", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, model: { value: e.listenerForm.listenerType, callback: function(r) {
1620
+ e.$set(e.listenerForm, "listenerType", r);
1621
+ }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(r) {
1622
+ return t("ElOption", { key: r, attrs: { label: e.listenerTypeObject[r], value: r } });
1623
+ }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(r) {
1624
+ e.$set(e.listenerForm, "class", r);
1625
+ }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(r) {
1626
+ e.$set(e.listenerForm, "expression", r);
1627
+ }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(r) {
1628
+ e.$set(e.listenerForm, "delegateExpression", r);
1629
+ }, expression: "listenerForm.delegateExpression" } }, e._l(((i = e.context) == null ? void 0 : i.delegateExpressions) || [], function(r) {
1630
+ return t("ElOption", { key: r, attrs: { value: r, label: r } });
1631
+ }), 1)], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(r) {
1632
+ e.$set(e.listenerForm, "scriptFormat", r);
1633
+ }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(r) {
1634
+ e.$set(e.listenerForm, "scriptType", r);
1635
+ }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(r) {
1636
+ e.$set(e.listenerForm, "value", r);
1637
+ }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(r) {
1638
+ e.$set(e.listenerForm, "resource", r);
1639
+ }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(r) {
1575
1640
  return e.openListenerFieldForm(null);
1576
- } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.fieldTypeObject[n.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (n) => n.string || n.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1577
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1578
- return e.openListenerFieldForm(n, s);
1579
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1580
- return e.removeListenerField(n, s);
1581
- } } }, [e._v("移除")])];
1582
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
1641
+ } } }, [e._v(" 添加字段 ")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (r) => e.fieldTypeObject[r.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (r) => r.string || r.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: r, $index: o }) {
1642
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(p) {
1643
+ return e.openListenerFieldForm(r, o);
1644
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(p) {
1645
+ return e.removeListenerField(r, o);
1646
+ } } }, [e._v(" 移除 ")])];
1647
+ } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
1583
1648
  e.listenerFormModelVisible = !1;
1584
- } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
1585
- e.listenerFieldFormModelVisible = n;
1649
+ } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
1650
+ e.listenerFieldFormModelVisible = r;
1586
1651
  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
1587
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
1652
+ return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
1588
1653
  e.listenerFieldFormModelVisible = !1;
1589
1654
  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
1590
- }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(n) {
1591
- n.preventDefault();
1592
- } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.name, callback: function(n) {
1593
- e.$set(e.listenerFieldForm, "name", n);
1594
- }, expression: "listenerFieldForm.name" } })], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(n) {
1595
- e.$set(e.listenerFieldForm, "fieldType", n);
1596
- }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(n) {
1597
- return t("ElOption", { key: n, attrs: { label: e.fieldTypeObject[n], value: n } });
1598
- }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(n) {
1599
- e.$set(e.listenerFieldForm, "string", n);
1600
- }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(n) {
1601
- e.$set(e.listenerFieldForm, "expression", n);
1655
+ }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(r) {
1656
+ r.preventDefault();
1657
+ } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, on: { input: e.setDefaultFieldValue }, model: { value: e.listenerFieldForm.name, callback: function(r) {
1658
+ e.$set(e.listenerFieldForm, "name", r);
1659
+ }, expression: "listenerFieldForm.name" } }, e._l(((s = e.context) == null ? void 0 : s.fields) || [], function(r) {
1660
+ return t("ElOption", { key: r, attrs: { value: r, label: r } });
1661
+ }), 1)], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { staticStyle: { width: "100%" }, on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(r) {
1662
+ e.$set(e.listenerFieldForm, "fieldType", r);
1663
+ }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(r) {
1664
+ return t("ElOption", { key: r, attrs: { label: e.fieldTypeObject[r], value: r } });
1665
+ }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", staticClass: "element-listeners-field-name", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [e.listenerFieldForm.name === "url" ? t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
1666
+ e.$set(e.listenerFieldForm, "string", r);
1667
+ }, expression: "listenerFieldForm.string" } }, e._l(e.apis, function(r) {
1668
+ return t("ElOption", { key: r, attrs: { value: r, label: r } });
1669
+ }), 1) : e.listenerFieldForm.name === "serviceId" ? t("ElSelect", { staticStyle: { width: "100%" }, attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
1670
+ e.$set(e.listenerFieldForm, "string", r);
1671
+ }, expression: "listenerFieldForm.string" } }, e._l(((a = e.context) == null ? void 0 : a.services) || [], function(r) {
1672
+ return t("ElOption", { key: r, attrs: { value: r, label: r } });
1673
+ }), 1) : t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(r) {
1674
+ e.$set(e.listenerFieldForm, "string", r);
1675
+ }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(r) {
1676
+ e.$set(e.listenerFieldForm, "expression", r);
1602
1677
  }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
1603
- }, Xt = [], Yt = /* @__PURE__ */ h(
1604
- Ht,
1605
- Wt,
1606
- Xt,
1678
+ }, en = [], tn = /* @__PURE__ */ h(
1679
+ Yt,
1680
+ Qt,
1681
+ en,
1607
1682
  !1,
1608
1683
  null,
1609
1684
  null,
1610
1685
  null,
1611
1686
  null
1612
1687
  );
1613
- const Qt = Yt.exports, en = {
1688
+ const nn = tn.exports, sn = {
1614
1689
  name: "ElementProperties",
1615
1690
  inject: {
1616
1691
  prefix: "prefix",
@@ -1632,25 +1707,25 @@ const Qt = Yt.exports, en = {
1632
1707
  watch: {
1633
1708
  id: {
1634
1709
  immediate: !0,
1635
- handler(i) {
1636
- i && i.length && this.resetAttributesList();
1710
+ handler(n) {
1711
+ n && n.length && this.resetAttributesList();
1637
1712
  }
1638
1713
  }
1639
1714
  },
1640
1715
  methods: {
1641
1716
  resetAttributesList() {
1642
- var i, e, t, n, s;
1643
- this.otherExtensionList = [], this.bpmnElementProperties = (n = (t = (e = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((r) => (r.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(r), r.$type === `${this.prefix}:Properties`))) != null ? n : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce(
1644
- (r, a) => r.concat(a.values),
1717
+ var n, e, t, i, s;
1718
+ this.otherExtensionList = [], this.bpmnElementProperties = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((a) => (a.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(a), a.$type === `${this.prefix}:Properties`))) != null ? i : [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce(
1719
+ (a, r) => a.concat(r.values),
1645
1720
  []
1646
- ), this.elementPropertyList = v((s = this.bpmnElementPropertyList) != null ? s : []);
1721
+ ), this.elementPropertyList = g((s = this.bpmnElementPropertyList) != null ? s : []);
1647
1722
  },
1648
- openAttributesForm(i, e) {
1649
- this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : v(i), this.propertyFormModelVisible = !0, this.$nextTick(() => {
1723
+ openAttributesForm(n, e) {
1724
+ this.editingPropertyIndex = e, this.propertyForm = e === -1 ? {} : g(n), this.propertyFormModelVisible = !0, this.$nextTick(() => {
1650
1725
  this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
1651
1726
  });
1652
1727
  },
1653
- removeAttributes(i, e) {
1728
+ removeAttributes(n, e) {
1654
1729
  this.$confirm("确认移除该属性吗？", "提示", {
1655
1730
  confirmButtonText: "确 认",
1656
1731
  cancelButtonText: "取 消"
@@ -1664,27 +1739,27 @@ const Qt = Yt.exports, en = {
1664
1739
  });
1665
1740
  },
1666
1741
  saveAttribute() {
1667
- const { name: i, value: e } = this.propertyForm;
1742
+ const { name: n, value: e } = this.propertyForm;
1668
1743
  if (this.editingPropertyIndex !== -1)
1669
1744
  this.bpmnInstances.modeling.updateModdleProperties(
1670
1745
  this.element,
1671
1746
  this.bpmnElementPropertyList[this.editingPropertyIndex],
1672
1747
  {
1673
- name: i,
1748
+ name: n,
1674
1749
  value: e
1675
1750
  }
1676
1751
  );
1677
1752
  else {
1678
- const t = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: i, value: e }), n = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
1753
+ const t = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: n, value: e }), i = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
1679
1754
  values: this.bpmnElementPropertyList.concat([t])
1680
1755
  });
1681
- this.updateElementExtensions(n);
1756
+ this.updateElementExtensions(i);
1682
1757
  }
1683
1758
  this.propertyFormModelVisible = !1, this.resetAttributesList();
1684
1759
  },
1685
- updateElementExtensions(i) {
1760
+ updateElementExtensions(n) {
1686
1761
  const e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
1687
- values: this.otherExtensionList.concat([i])
1762
+ values: this.otherExtensionList.concat([n])
1688
1763
  });
1689
1764
  this.bpmnInstances.modeling.updateProperties(this.element, {
1690
1765
  extensionElements: e
@@ -1692,40 +1767,40 @@ const Qt = Yt.exports, en = {
1692
1767
  }
1693
1768
  }
1694
1769
  };
1695
- var tn = function() {
1770
+ var rn = function() {
1696
1771
  var e = this, t = e._self._c;
1697
- return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementPropertyList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性名", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1698
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1699
- return e.openAttributesForm(n, s);
1700
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1701
- return e.removeAttributes(n, s);
1772
+ return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementPropertyList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性名", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
1773
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1774
+ return e.openAttributesForm(i, s);
1775
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1776
+ return e.removeAttributes(i, s);
1702
1777
  } } }, [e._v("移除")])];
1703
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
1778
+ } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
1704
1779
  return e.openAttributesForm(null, -1);
1705
- } } }, [e._v("添加属性")])], 1), t("ElementDialog", { attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
1706
- e.propertyFormModelVisible = n;
1780
+ } } }, [e._v("添加属性")])], 1), t("ElementDialog", { attrs: { visible: e.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
1781
+ e.propertyFormModelVisible = i;
1707
1782
  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
1708
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
1783
+ return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
1709
1784
  e.propertyFormModelVisible = !1;
1710
1785
  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveAttribute } }, [e._v("确 定")])];
1711
- }, proxy: !0 }]) }, [t("ElForm", { ref: "attributeFormRef", attrs: { model: e.propertyForm, "label-width": "80px", size: "mini" }, nativeOn: { submit: function(n) {
1712
- n.preventDefault();
1713
- } } }, [t("ElFormItem", { attrs: { label: "属性名：", prop: "name" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.name, callback: function(n) {
1714
- e.$set(e.propertyForm, "name", n);
1715
- }, expression: "propertyForm.name" } })], 1), t("ElFormItem", { attrs: { label: "属性值：", prop: "value" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.value, callback: function(n) {
1716
- e.$set(e.propertyForm, "value", n);
1786
+ }, proxy: !0 }]) }, [t("ElForm", { ref: "attributeFormRef", attrs: { model: e.propertyForm, "label-width": "80px", size: "mini" }, nativeOn: { submit: function(i) {
1787
+ i.preventDefault();
1788
+ } } }, [t("ElFormItem", { attrs: { label: "属性名：", prop: "name" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.name, callback: function(i) {
1789
+ e.$set(e.propertyForm, "name", i);
1790
+ }, expression: "propertyForm.name" } })], 1), t("ElFormItem", { attrs: { label: "属性值：", prop: "value" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.propertyForm.value, callback: function(i) {
1791
+ e.$set(e.propertyForm, "value", i);
1717
1792
  }, expression: "propertyForm.value" } })], 1)], 1)], 1)], 1);
1718
- }, nn = [], sn = /* @__PURE__ */ h(
1719
- en,
1720
- tn,
1721
- nn,
1793
+ }, an = [], on = /* @__PURE__ */ h(
1794
+ sn,
1795
+ rn,
1796
+ an,
1722
1797
  !1,
1723
1798
  null,
1724
1799
  null,
1725
1800
  null,
1726
1801
  null
1727
1802
  );
1728
- const rn = sn.exports, an = {
1803
+ const ln = on.exports, pn = {
1729
1804
  name: "ElementForm",
1730
1805
  inject: {
1731
1806
  prefix: "prefix",
@@ -1772,17 +1847,17 @@ const rn = sn.exports, an = {
1772
1847
  watch: {
1773
1848
  id: {
1774
1849
  immediate: !0,
1775
- handler(i) {
1850
+ handler(n) {
1776
1851
  return d(this, null, function* () {
1777
- i && (yield this.$nextTick(), this.resetFormList());
1852
+ n && (yield this.$nextTick(), this.resetFormList());
1778
1853
  });
1779
1854
  }
1780
1855
  }
1781
1856
  },
1782
1857
  methods: {
1783
1858
  resetFormList() {
1784
- var i;
1785
- this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((i = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : i[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = v(this.formData.fields || []), this.updateElementExtensions();
1859
+ var n;
1860
+ this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((n = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : n[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = g(this.formData.fields || []), this.updateElementExtensions();
1786
1861
  },
1787
1862
  updateElementFormKey() {
1788
1863
  this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
@@ -1793,22 +1868,22 @@ const rn = sn.exports, an = {
1793
1868
  });
1794
1869
  },
1795
1870
  // 根据类型调整字段type
1796
- changeFieldTypeType(i) {
1797
- this.$set(this.formFieldForm, "type", i === "custom" ? "" : i);
1871
+ changeFieldTypeType(n) {
1872
+ this.$set(this.formFieldForm, "type", n === "custom" ? "" : n);
1798
1873
  },
1799
1874
  // 打开字段详情侧边栏
1800
- openFieldForm(i, e) {
1801
- var t, n;
1875
+ openFieldForm(n, e) {
1876
+ var t, i;
1802
1877
  if (this.formFieldIndex = e, e !== -1) {
1803
1878
  const s = this.formData.fields[e];
1804
- this.formFieldForm = v(i), this.$set(this.formFieldForm, "typeType", this.fieldType[i.type] ? i.type : "custom"), i.type === "enum" && (this.fieldEnumList = v((s == null ? void 0 : s.values) || [])), this.fieldConstraintsList = v(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = v(((n = s == null ? void 0 : s.properties) == null ? void 0 : n.values) || []);
1879
+ this.formFieldForm = g(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = g((s == null ? void 0 : s.values) || [])), this.fieldConstraintsList = g(((t = s == null ? void 0 : s.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = g(((i = s == null ? void 0 : s.properties) == null ? void 0 : i.values) || []);
1805
1880
  } else
1806
1881
  this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
1807
1882
  this.fieldModelVisible = !0;
1808
1883
  },
1809
1884
  // 打开字段 某个 配置项 弹窗
1810
- openFieldOptionForm(i, e, t) {
1811
- return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = i ? v(i) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = i ? v(i) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = i ? v(i) : {}, this.optionModelTitle = "约束条件配置");
1885
+ openFieldOptionForm(n, e, t) {
1886
+ return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? g(n) : {}, this.optionModelTitle = "约束条件配置");
1812
1887
  },
1813
1888
  // 保存字段 某个 配置项
1814
1889
  saveFieldOption() {
@@ -1816,23 +1891,23 @@ const rn = sn.exports, an = {
1816
1891
  },
1817
1892
  // 保存字段配置
1818
1893
  saveField() {
1819
- const { id: i, type: e, label: t, defaultValue: n, datePattern: s } = this.formFieldForm, r = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: i, type: e, label: t });
1820
- if (n && (r.defaultValue = n), s && (r.datePattern = s), this.fieldPropertiesList && this.fieldPropertiesList.length) {
1821
- const a = this.fieldPropertiesList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: o.id, value: o.value }));
1822
- r.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
1823
- values: a
1894
+ const { id: n, type: e, label: t, defaultValue: i, datePattern: s } = this.formFieldForm, a = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: n, type: e, label: t });
1895
+ if (i && (a.defaultValue = i), s && (a.datePattern = s), this.fieldPropertiesList && this.fieldPropertiesList.length) {
1896
+ const r = this.fieldPropertiesList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: o.id, value: o.value }));
1897
+ a.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
1898
+ values: r
1824
1899
  });
1825
1900
  }
1826
1901
  if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
1827
- const a = this.fieldConstraintsList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: o.name, config: o.config }));
1828
- r.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
1829
- constraints: a
1902
+ const r = this.fieldConstraintsList.map((o) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: o.name, config: o.config }));
1903
+ a.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
1904
+ constraints: r
1830
1905
  });
1831
1906
  }
1832
- this.fieldEnumList && this.fieldEnumList.length && (r.values = this.fieldEnumList.map((a) => this.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: a.name, id: a.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(r)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, r)), this.updateElementExtensions(), this.fieldModelVisible = !1;
1907
+ this.fieldEnumList && this.fieldEnumList.length && (a.values = this.fieldEnumList.map((r) => this.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: r.name, id: r.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(a)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, a)), this.updateElementExtensions(), this.fieldModelVisible = !1;
1833
1908
  },
1834
1909
  // 移除某个 字段的 配置项
1835
- removeFieldOptionItem(i, e, t) {
1910
+ removeFieldOptionItem(n, e, t) {
1836
1911
  if (t === "property") {
1837
1912
  this.fieldPropertiesList.splice(e, 1);
1838
1913
  return;
@@ -1844,107 +1919,109 @@ const rn = sn.exports, an = {
1844
1919
  this.fieldConstraintsList.splice(e, 1);
1845
1920
  },
1846
1921
  // 移除 字段
1847
- removeField(i, e) {
1922
+ removeField(n, e) {
1848
1923
  this.fieldList.splice(e, 1), this.formData.fields.splice(e, 1), this.updateElementExtensions();
1849
1924
  },
1850
1925
  updateElementExtensions() {
1851
- const i = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
1926
+ const n = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
1852
1927
  values: this.otherExtensions.concat(this.formData)
1853
1928
  });
1854
1929
  this.bpmnInstances.modeling.updateProperties(this.element, {
1855
- extensionElements: i
1930
+ extensionElements: n
1856
1931
  });
1857
1932
  }
1858
1933
  }
1859
1934
  };
1860
- var on = function() {
1935
+ var mn = function() {
1861
1936
  var e = this, t = e._self._c;
1862
- return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "80px" }, nativeOn: { submit: function(n) {
1863
- n.preventDefault();
1864
- } } }, [t("ElFormItem", { attrs: { label: "表单标识" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateElementFormKey }, model: { value: e.formKey, callback: function(n) {
1865
- e.formKey = n;
1866
- }, expression: "formKey" } })], 1), t("ElFormItem", { attrs: { label: "业务标识" } }, [t("ElSelect", { on: { change: e.updateElementBusinessKey }, model: { value: e.businessKey, callback: function(n) {
1867
- e.businessKey = n;
1868
- }, expression: "businessKey" } }, [e._l(e.fieldList, function(n) {
1869
- return t("ElOption", { key: n.id, attrs: { value: n.id, label: n.label } });
1870
- }), t("ElOption", { attrs: { label: "无", value: "" } })], 2)], 1)], 1), t("div", { staticClass: "element-property list-property" }, [t("ElDivider", [t("i", { staticClass: "el-icon-coin" }), e._v(" 表单字段")]), t("ElTable", { attrs: { data: e.fieldList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", type: "index", width: "50px" } }), t("ElTableColumn", { attrs: { label: "字段名称", prop: "label", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "字段类型", prop: "type", "min-width": "80px", formatter: (n) => e.fieldType[n.type] || n.type, "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "默认值", prop: "defaultValue", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1871
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1872
- return e.openFieldForm(n, s);
1873
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1874
- return e.removeField(n, s);
1937
+ return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "80px" }, nativeOn: { submit: function(i) {
1938
+ i.preventDefault();
1939
+ } } }, [t("ElFormItem", { attrs: { label: "表单标识" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateElementFormKey }, model: { value: e.formKey, callback: function(i) {
1940
+ e.formKey = i;
1941
+ }, expression: "formKey" } })], 1), t("ElFormItem", { attrs: { label: "业务标识" } }, [t("ElSelect", { on: { change: e.updateElementBusinessKey }, model: { value: e.businessKey, callback: function(i) {
1942
+ e.businessKey = i;
1943
+ }, expression: "businessKey" } }, [e._l(e.fieldList, function(i) {
1944
+ return t("ElOption", { key: i.id, attrs: { value: i.id, label: i.label } });
1945
+ }), t("ElOption", { attrs: { label: "无", value: "" } })], 2)], 1)], 1), t("div", { staticClass: "element-property list-property" }, [t("ElDivider", [t("i", { staticClass: "el-icon-coin" }), e._v(" 表单字段")]), t("ElTable", { attrs: { data: e.fieldList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", type: "index", width: "50px" } }), t("ElTableColumn", { attrs: { label: "字段名称", prop: "label", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "字段类型", prop: "type", "min-width": "80px", formatter: (i) => e.fieldType[i.type] || i.type, "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "默认值", prop: "defaultValue", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
1946
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1947
+ return e.openFieldForm(i, s);
1948
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1949
+ return e.removeField(i, s);
1875
1950
  } } }, [e._v("移除")])];
1876
- } }]) })], 1)], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
1951
+ } }]) })], 1)], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
1877
1952
  return e.openFieldForm(null, -1);
1878
- } } }, [e._v("添加字段")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.fieldModelVisible, title: "字段配置", size: `${e.width}px`, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
1879
- e.fieldModelVisible = n;
1880
- } } }, [t("ElForm", { attrs: { model: e.formFieldForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(n) {
1881
- n.preventDefault();
1882
- } } }, [t("ElFormItem", { attrs: { label: "字段ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.id, callback: function(n) {
1883
- e.$set(e.formFieldForm, "id", n);
1884
- }, expression: "formFieldForm.id" } })], 1), t("ElFormItem", { attrs: { label: "类型" } }, [t("ElSelect", { attrs: { placeholder: "请选择字段类型", clearable: "" }, on: { change: e.changeFieldTypeType }, model: { value: e.formFieldForm.typeType, callback: function(n) {
1885
- e.$set(e.formFieldForm, "typeType", n);
1886
- }, expression: "formFieldForm.typeType" } }, e._l(e.fieldType, function(n, s) {
1887
- return t("ElOption", { key: s, attrs: { label: n, value: s } });
1888
- }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", { attrs: { label: "类型名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.type, callback: function(n) {
1889
- e.$set(e.formFieldForm, "type", n);
1890
- }, expression: "formFieldForm.type" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.label, callback: function(n) {
1891
- e.$set(e.formFieldForm, "label", n);
1892
- }, expression: "formFieldForm.label" } })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", { attrs: { label: "时间格式" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.datePattern, callback: function(n) {
1893
- e.$set(e.formFieldForm, "datePattern", n);
1894
- }, expression: "formFieldForm.datePattern" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "默认值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.defaultValue, callback: function(n) {
1895
- e.$set(e.formFieldForm, "defaultValue", n);
1896
- }, expression: "formFieldForm.defaultValue" } })], 1)], 1), e.formFieldForm.type === "enum" ? [t("ElDivider", { key: "enum-divider" }), t("p", { key: "enum-title", staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("枚举值列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
1953
+ } } }, [e._v("添加字段")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.fieldModelVisible, title: "字段配置", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
1954
+ e.fieldModelVisible = i;
1955
+ } } }, [t("ElForm", { attrs: { model: e.formFieldForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
1956
+ i.preventDefault();
1957
+ } } }, [t("ElFormItem", { attrs: { label: "字段ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.id, callback: function(i) {
1958
+ e.$set(e.formFieldForm, "id", i);
1959
+ }, expression: "formFieldForm.id" } })], 1), t("ElFormItem", { attrs: { label: "类型" } }, [t("ElSelect", { attrs: { placeholder: "请选择字段类型", clearable: "" }, on: { change: e.changeFieldTypeType }, model: { value: e.formFieldForm.typeType, callback: function(i) {
1960
+ e.$set(e.formFieldForm, "typeType", i);
1961
+ }, expression: "formFieldForm.typeType" } }, e._l(e.fieldType, function(i, s) {
1962
+ return t("ElOption", { key: s, attrs: { label: i, value: s } });
1963
+ }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", { attrs: { label: "类型名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.type, callback: function(i) {
1964
+ e.$set(e.formFieldForm, "type", i);
1965
+ }, expression: "formFieldForm.type" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.label, callback: function(i) {
1966
+ e.$set(e.formFieldForm, "label", i);
1967
+ }, expression: "formFieldForm.label" } })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", { attrs: { label: "时间格式" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.datePattern, callback: function(i) {
1968
+ e.$set(e.formFieldForm, "datePattern", i);
1969
+ }, expression: "formFieldForm.datePattern" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "默认值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.defaultValue, callback: function(i) {
1970
+ e.$set(e.formFieldForm, "defaultValue", i);
1971
+ }, expression: "formFieldForm.defaultValue" } })], 1)], 1), e.formFieldForm.type === "enum" ? [t("ElDivider", { key: "enum-divider" }), t("p", { key: "enum-title", staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("枚举值列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
1897
1972
  return e.openFieldOptionForm(null, -1, "enum");
1898
- } } }, [e._v("添加枚举值")])], 1), t("ElTable", { key: "enum-table", attrs: { data: e.fieldEnumList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "枚举值编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "枚举值名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1899
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1900
- return e.openFieldOptionForm(n, s, "enum");
1901
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1902
- return e.removeFieldOptionItem(n, s, "enum");
1973
+ } } }, [e._v("添加枚举值")])], 1), t("ElTable", { key: "enum-table", attrs: { data: e.fieldEnumList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "枚举值编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "枚举值名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
1974
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1975
+ return e.openFieldOptionForm(i, s, "enum");
1976
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1977
+ return e.removeFieldOptionItem(i, s, "enum");
1903
1978
  } } }, [e._v("移除")])];
1904
- } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
1979
+ } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
1905
1980
  return e.openFieldOptionForm(null, -1, "constraint");
1906
- } } }, [e._v("添加约束")])], 1), t("ElTable", { key: "validation-table", attrs: { data: e.fieldConstraintsList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "约束名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "约束配置", prop: "config", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1907
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1908
- return e.openFieldOptionForm(n, s, "constraint");
1909
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1910
- return e.removeFieldOptionItem(n, s, "constraint");
1981
+ } } }, [e._v("添加约束")])], 1), t("ElTable", { key: "validation-table", attrs: { data: e.fieldConstraintsList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "约束名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "约束配置", prop: "config", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
1982
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1983
+ return e.openFieldOptionForm(i, s, "constraint");
1984
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1985
+ return e.removeFieldOptionItem(i, s, "constraint");
1911
1986
  } } }, [e._v("移除")])];
1912
- } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
1987
+ } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
1913
1988
  return e.openFieldOptionForm(null, -1, "property");
1914
- } } }, [e._v("添加属性")])], 1), t("ElTable", { key: "property-table", attrs: { data: e.fieldPropertiesList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
1915
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1916
- return e.openFieldOptionForm(n, s, "property");
1917
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
1918
- return e.removeFieldOptionItem(n, s, "property");
1989
+ } } }, [e._v("添加属性")])], 1), t("ElTable", { key: "property-table", attrs: { data: e.fieldPropertiesList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
1990
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1991
+ return e.openFieldOptionForm(i, s, "property");
1992
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
1993
+ return e.removeFieldOptionItem(i, s, "property");
1919
1994
  } } }, [e._v("移除")])];
1920
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
1921
- e.fieldOptionModelVisible = n;
1995
+ } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
1996
+ e.fieldModelVisible = !1;
1997
+ } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
1998
+ e.fieldOptionModelVisible = i;
1922
1999
  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
1923
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
2000
+ return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
1924
2001
  e.fieldOptionModelVisible = !1;
1925
2002
  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveFieldOption } }, [e._v("确 定")])];
1926
- }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.fieldOptionForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(n) {
1927
- n.preventDefault();
1928
- } } }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", { key: "option-id", attrs: { label: "编号/ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.id, callback: function(n) {
1929
- e.$set(e.fieldOptionForm, "id", n);
1930
- }, expression: "fieldOptionForm.id" } })], 1) : e._e(), e.fieldOptionType !== "property" ? t("ElFormItem", { key: "option-name", attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.name, callback: function(n) {
1931
- e.$set(e.fieldOptionForm, "name", n);
1932
- }, expression: "fieldOptionForm.name" } })], 1) : e._e(), e.fieldOptionType === "constraint" ? t("ElFormItem", { key: "option-config", attrs: { label: "配置" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.config, callback: function(n) {
1933
- e.$set(e.fieldOptionForm, "config", n);
1934
- }, expression: "fieldOptionForm.config" } })], 1) : e._e(), e.fieldOptionType === "property" ? t("ElFormItem", { key: "option-value", attrs: { label: "值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.value, callback: function(n) {
1935
- e.$set(e.fieldOptionForm, "value", n);
2003
+ }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.fieldOptionForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
2004
+ i.preventDefault();
2005
+ } } }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", { key: "option-id", attrs: { label: "编号/ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.id, callback: function(i) {
2006
+ e.$set(e.fieldOptionForm, "id", i);
2007
+ }, expression: "fieldOptionForm.id" } })], 1) : e._e(), e.fieldOptionType !== "property" ? t("ElFormItem", { key: "option-name", attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.name, callback: function(i) {
2008
+ e.$set(e.fieldOptionForm, "name", i);
2009
+ }, expression: "fieldOptionForm.name" } })], 1) : e._e(), e.fieldOptionType === "constraint" ? t("ElFormItem", { key: "option-config", attrs: { label: "配置" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.config, callback: function(i) {
2010
+ e.$set(e.fieldOptionForm, "config", i);
2011
+ }, expression: "fieldOptionForm.config" } })], 1) : e._e(), e.fieldOptionType === "property" ? t("ElFormItem", { key: "option-value", attrs: { label: "值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.value, callback: function(i) {
2012
+ e.$set(e.fieldOptionForm, "value", i);
1936
2013
  }, expression: "fieldOptionForm.value" } })], 1) : e._e()], 1)], 1)], 1);
1937
- }, ln = [], pn = /* @__PURE__ */ h(
1938
- an,
1939
- on,
1940
- ln,
2014
+ }, cn = [], un = /* @__PURE__ */ h(
2015
+ pn,
2016
+ mn,
2017
+ cn,
1941
2018
  !1,
1942
2019
  null,
1943
2020
  null,
1944
2021
  null,
1945
2022
  null
1946
2023
  );
1947
- const mn = pn.exports, cn = {
2024
+ const dn = un.exports, fn = {
1948
2025
  name: "UserTaskListeners",
1949
2026
  inject: {
1950
2027
  prefix: "prefix",
@@ -1958,7 +2035,7 @@ const mn = pn.exports, cn = {
1958
2035
  data() {
1959
2036
  return {
1960
2037
  elementListenersList: [],
1961
- listenerEventTypeObject: Zt,
2038
+ listenerEventTypeObject: Ht,
1962
2039
  listenerTypeObject: be,
1963
2040
  listenerFormModelVisible: !1,
1964
2041
  listenerForm: {},
@@ -1977,30 +2054,30 @@ const mn = pn.exports, cn = {
1977
2054
  watch: {
1978
2055
  id: {
1979
2056
  immediate: !0,
1980
- handler(i) {
2057
+ handler(n) {
1981
2058
  return d(this, null, function* () {
1982
- i && (yield this.$nextTick(), this.resetListenersList());
2059
+ n && (yield this.$nextTick(), this.resetListenersList());
1983
2060
  });
1984
2061
  }
1985
2062
  }
1986
2063
  },
1987
2064
  methods: {
1988
2065
  resetListenersList() {
1989
- var i, e, t, n;
1990
- this.otherExtensionList = [], this.bpmnElementListeners = (n = (t = (e = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
2066
+ var n, e, t, i;
2067
+ this.otherExtensionList = [], this.bpmnElementListeners = (i = (t = (e = (n = this.element.businessObject) == null ? void 0 : n.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter(
1991
2068
  (s) => s.$type === `${this.prefix}:TaskListener`
1992
- )) != null ? n : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
2069
+ )) != null ? i : [], this.elementListenersList = this.bpmnElementListeners.map((s) => fe(s));
1993
2070
  },
1994
- openListenerForm(i, e) {
2071
+ openListenerForm(n, e) {
1995
2072
  return d(this, null, function* () {
1996
2073
  var t;
1997
- i ? (this.listenerForm = de(i), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), i && i.fields ? this.fieldsListOfListener = i.fields.map((n) => T(u({}, n), {
1998
- fieldType: n.string ? "string" : "expression"
2074
+ n ? (this.listenerForm = de(n), this.editingListenerIndex = e) : (this.listenerForm = {}, this.editingListenerIndex = -1), n && n.fields ? this.fieldsListOfListener = n.fields.map((i) => T(u({}, i), {
2075
+ fieldType: i.string ? "string" : "expression"
1999
2076
  })) : (this.fieldsListOfListener = [], this.$set(this.listenerForm, "fields", [])), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
2000
2077
  });
2001
2078
  },
2002
2079
  // 移除监听器
2003
- removeListener(i, e) {
2080
+ removeListener(n, e) {
2004
2081
  return d(this, null, function* () {
2005
2082
  try {
2006
2083
  yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), U(
@@ -2015,13 +2092,13 @@ const mn = pn.exports, cn = {
2015
2092
  // 保存监听器
2016
2093
  saveListenerConfig() {
2017
2094
  return d(this, null, function* () {
2018
- var t, n, s, r;
2095
+ var t, i, s, a;
2019
2096
  if (!(yield this.$refs.listenerFormRef.validate()))
2020
2097
  return;
2021
2098
  const e = ue(this.bpmnInstances, this.listenerForm, !0, this.prefix);
2022
- this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (r = (s = (n = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : n.values) == null ? void 0 : s.filter(
2023
- (a) => a.$type !== `${this.prefix}:TaskListener`
2024
- )) != null ? r : [], U(
2099
+ this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (a = (s = (i = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : i.values) == null ? void 0 : s.filter(
2100
+ (r) => r.$type !== `${this.prefix}:TaskListener`
2101
+ )) != null ? a : [], U(
2025
2102
  this.bpmnInstances,
2026
2103
  this.element,
2027
2104
  this.otherExtensionList.concat(this.bpmnElementListeners)
@@ -2029,10 +2106,10 @@ const mn = pn.exports, cn = {
2029
2106
  });
2030
2107
  },
2031
2108
  // 打开监听器字段编辑弹窗
2032
- openListenerFieldForm(i, e) {
2109
+ openListenerFieldForm(n, e) {
2033
2110
  return d(this, null, function* () {
2034
2111
  var t;
2035
- this.listenerFieldForm = i ? v(i) : {}, this.editingListenerFieldIndex = i ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
2112
+ this.listenerFieldForm = n ? g(n) : {}, this.editingListenerFieldIndex = n ? e : -1, this.listenerFieldFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFieldFormRef) == null || t.clearValidate();
2036
2113
  });
2037
2114
  },
2038
2115
  // 保存监听器注入字段
@@ -2042,7 +2119,7 @@ const mn = pn.exports, cn = {
2042
2119
  });
2043
2120
  },
2044
2121
  // 移除监听器字段
2045
- removeListenerField(i, e) {
2122
+ removeListenerField(n, e) {
2046
2123
  return d(this, null, function* () {
2047
2124
  try {
2048
2125
  yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
@@ -2052,106 +2129,107 @@ const mn = pn.exports, cn = {
2052
2129
  }
2053
2130
  }
2054
2131
  };
2055
- var un = function() {
2132
+ var bn = function() {
2056
2133
  var e = this, t = e._self._c;
2057
- return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.listenerEventTypeObject[n.event] } }), t("ElTableColumn", { attrs: { label: "事件id", "min-width": "80px", prop: "id", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.listenerTypeObject[n.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
2058
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
2059
- return e.openListenerForm(n, s);
2060
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
2061
- return e.removeListener(n, s);
2134
+ return t("div", { staticClass: "panel-tab__content" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.listenerEventTypeObject[i.event] } }), t("ElTableColumn", { attrs: { label: "事件id", "min-width": "80px", prop: "id", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.listenerTypeObject[i.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
2135
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
2136
+ return e.openListenerForm(i, s);
2137
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
2138
+ return e.removeListener(i, s);
2062
2139
  } } }, [e._v("移除")])];
2063
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(n) {
2140
+ } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
2064
2141
  return e.openListenerForm(null);
2065
- } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.listenerFormModelVisible, title: "任务监听器", size: `${e.width}px`, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
2066
- e.listenerFormModelVisible = n;
2067
- } } }, [t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(n) {
2068
- n.preventDefault();
2069
- } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(n) {
2070
- e.$set(e.listenerForm, "event", n);
2071
- }, expression: "listenerForm.event" } }, e._l(Object.keys(e.listenerEventTypeObject), function(n) {
2072
- return t("ElOption", { key: n, attrs: { label: e.listenerEventTypeObject[n], value: n } });
2073
- }), 1)], 1), t("ElFormItem", { attrs: { label: "监听器ID", prop: "id", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.id, callback: function(n) {
2074
- e.$set(e.listenerForm, "id", n);
2075
- }, expression: "listenerForm.id" } })], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(n) {
2076
- e.$set(e.listenerForm, "listenerType", n);
2077
- }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(n) {
2078
- return t("ElOption", { key: n, attrs: { label: e.listenerTypeObject[n], value: n } });
2079
- }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(n) {
2080
- e.$set(e.listenerForm, "class", n);
2081
- }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(n) {
2082
- e.$set(e.listenerForm, "expression", n);
2083
- }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(n) {
2084
- e.$set(e.listenerForm, "delegateExpression", n);
2085
- }, expression: "listenerForm.delegateExpression" } })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(n) {
2086
- e.$set(e.listenerForm, "scriptFormat", n);
2087
- }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(n) {
2088
- e.$set(e.listenerForm, "scriptType", n);
2089
- }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(n) {
2090
- e.$set(e.listenerForm, "value", n);
2091
- }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(n) {
2092
- e.$set(e.listenerForm, "resource", n);
2093
- }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e(), e.listenerForm.event === "timeout" ? [t("ElFormItem", { key: "eventDefinitionType", attrs: { label: "定时器类型", prop: "eventDefinitionType" } }, [t("ElSelect", { model: { value: e.listenerForm.eventDefinitionType, callback: function(n) {
2094
- e.$set(e.listenerForm, "eventDefinitionType", n);
2095
- }, expression: "listenerForm.eventDefinitionType" } }, [t("ElOption", { attrs: { label: "日期", value: "date" } }), t("ElOption", { attrs: { label: "持续时长", value: "duration" } }), t("ElOption", { attrs: { label: "循环", value: "cycle" } }), t("ElOption", { attrs: { label: "无", value: "null" } })], 1)], 1), e.listenerForm.eventDefinitionType && e.listenerForm.eventDefinitionType !== "null" ? t("ElFormItem", { key: "eventTimeDefinitions", attrs: { label: "定时器", prop: "eventTimeDefinitions", rules: { required: !0, trigger: ["blur", "change"], message: "请填写定时器配置" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.eventTimeDefinitions, callback: function(n) {
2096
- e.$set(e.listenerForm, "eventTimeDefinitions", n);
2097
- }, expression: "listenerForm.eventTimeDefinitions" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(n) {
2142
+ } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.listenerFormModelVisible, title: "任务监听器", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
2143
+ e.listenerFormModelVisible = i;
2144
+ } } }, [t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(i) {
2145
+ i.preventDefault();
2146
+ } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(i) {
2147
+ e.$set(e.listenerForm, "event", i);
2148
+ }, expression: "listenerForm.event" } }, e._l(Object.keys(e.listenerEventTypeObject), function(i) {
2149
+ return t("ElOption", { key: i, attrs: { label: e.listenerEventTypeObject[i], value: i } });
2150
+ }), 1)], 1), t("ElFormItem", { attrs: { label: "监听器ID", prop: "id", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.id, callback: function(i) {
2151
+ e.$set(e.listenerForm, "id", i);
2152
+ }, expression: "listenerForm.id" } })], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(i) {
2153
+ e.$set(e.listenerForm, "listenerType", i);
2154
+ }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(i) {
2155
+ return t("ElOption", { key: i, attrs: { label: e.listenerTypeObject[i], value: i } });
2156
+ }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(i) {
2157
+ e.$set(e.listenerForm, "class", i);
2158
+ }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(i) {
2159
+ e.$set(e.listenerForm, "expression", i);
2160
+ }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(i) {
2161
+ e.$set(e.listenerForm, "delegateExpression", i);
2162
+ }, expression: "listenerForm.delegateExpression" } })], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(i) {
2163
+ e.$set(e.listenerForm, "scriptFormat", i);
2164
+ }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(i) {
2165
+ e.$set(e.listenerForm, "scriptType", i);
2166
+ }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(i) {
2167
+ e.$set(e.listenerForm, "value", i);
2168
+ }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(i) {
2169
+ e.$set(e.listenerForm, "resource", i);
2170
+ }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e(), e.listenerForm.event === "timeout" ? [t("ElFormItem", { key: "eventDefinitionType", attrs: { label: "定时器类型", prop: "eventDefinitionType" } }, [t("ElSelect", { model: { value: e.listenerForm.eventDefinitionType, callback: function(i) {
2171
+ e.$set(e.listenerForm, "eventDefinitionType", i);
2172
+ }, expression: "listenerForm.eventDefinitionType" } }, [t("ElOption", { attrs: { label: "日期", value: "date" } }), t("ElOption", { attrs: { label: "持续时长", value: "duration" } }), t("ElOption", { attrs: { label: "循环", value: "cycle" } }), t("ElOption", { attrs: { label: "无", value: "null" } })], 1)], 1), e.listenerForm.eventDefinitionType && e.listenerForm.eventDefinitionType !== "null" ? t("ElFormItem", { key: "eventTimeDefinitions", attrs: { label: "定时器", prop: "eventTimeDefinitions", rules: { required: !0, trigger: ["blur", "change"], message: "请填写定时器配置" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.eventTimeDefinitions, callback: function(i) {
2173
+ e.$set(e.listenerForm, "eventTimeDefinitions", i);
2174
+ }, expression: "listenerForm.eventTimeDefinitions" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("注入字段：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
2098
2175
  return e.openListenerFieldForm(null);
2099
- } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (n) => e.fieldTypeObject[n.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (n) => n.string || n.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: n, $index: s }) {
2100
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(r) {
2101
- return e.openListenerFieldForm(n, s);
2102
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(r) {
2103
- return e.removeListenerField(n, s);
2176
+ } } }, [e._v("添加字段")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.fieldTypeObject[i.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (i) => i.string || i.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: s }) {
2177
+ return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(a) {
2178
+ return e.openListenerFieldForm(i, s);
2179
+ } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(a) {
2180
+ return e.removeListenerField(i, s);
2104
2181
  } } }, [e._v(" 移除 ")])];
2105
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
2182
+ } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
2106
2183
  e.listenerFormModelVisible = !1;
2107
- } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(n) {
2108
- e.listenerFieldFormModelVisible = n;
2184
+ } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
2185
+ e.listenerFieldFormModelVisible = i;
2109
2186
  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
2110
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(n) {
2187
+ return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
2111
2188
  e.listenerFieldFormModelVisible = !1;
2112
2189
  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
2113
- }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(n) {
2114
- n.preventDefault();
2115
- } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.name, callback: function(n) {
2116
- e.$set(e.listenerFieldForm, "name", n);
2117
- }, expression: "listenerFieldForm.name" } })], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerFieldForm.fieldType, callback: function(n) {
2118
- e.$set(e.listenerFieldForm, "fieldType", n);
2119
- }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(n) {
2120
- return t("ElOption", { key: n, attrs: { label: e.fieldTypeObject[n], value: n } });
2121
- }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(n) {
2122
- e.$set(e.listenerFieldForm, "string", n);
2123
- }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(n) {
2124
- e.$set(e.listenerFieldForm, "expression", n);
2190
+ }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
2191
+ i.preventDefault();
2192
+ } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.name, callback: function(i) {
2193
+ e.$set(e.listenerFieldForm, "name", i);
2194
+ }, expression: "listenerFieldForm.name" } })], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerFieldForm.fieldType, callback: function(i) {
2195
+ e.$set(e.listenerFieldForm, "fieldType", i);
2196
+ }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(i) {
2197
+ return t("ElOption", { key: i, attrs: { label: e.fieldTypeObject[i], value: i } });
2198
+ }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
2199
+ e.$set(e.listenerFieldForm, "string", i);
2200
+ }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(i) {
2201
+ e.$set(e.listenerFieldForm, "expression", i);
2125
2202
  }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
2126
- }, dn = [], fn = /* @__PURE__ */ h(
2127
- cn,
2128
- un,
2129
- dn,
2203
+ }, yn = [], hn = /* @__PURE__ */ h(
2204
+ fn,
2205
+ bn,
2206
+ yn,
2130
2207
  !1,
2131
2208
  null,
2132
2209
  null,
2133
2210
  null,
2134
2211
  null
2135
2212
  );
2136
- const bn = fn.exports, ie = ["base", "task", "form", "multiInstance"], yn = {
2213
+ const vn = hn.exports, ie = ["base", "task", "form", "multiInstance"], gn = {
2137
2214
  name: "PropertiesPanel",
2138
2215
  componentName: "MyPropertiesPanel",
2139
2216
  components: {
2140
- UserTaskListeners: bn,
2141
- ElementForm: mn,
2142
- ElementProperties: rn,
2143
- ElementListeners: Qt,
2144
- SignalAndMassage: Jt,
2145
- FlowCondition: Ut,
2146
- ElementMultiInstance: Bt,
2147
- ElementTask: Lt,
2148
- ElementOtherConfig: ut,
2149
- ElementBaseInfo: ot
2217
+ UserTaskListeners: vn,
2218
+ ElementForm: dn,
2219
+ ElementProperties: ln,
2220
+ ElementListeners: nn,
2221
+ SignalAndMassage: Zt,
2222
+ FlowCondition: Nt,
2223
+ ElementMultiInstance: Vt,
2224
+ ElementTask: Ot,
2225
+ ElementOtherConfig: dt,
2226
+ ElementBaseInfo: lt
2150
2227
  },
2151
2228
  provide() {
2152
2229
  return {
2153
2230
  prefix: this.prefix,
2154
2231
  width: this.width,
2232
+ context: this.context,
2155
2233
  bpmnInstances: this.bpmnInstances
2156
2234
  };
2157
2235
  },
@@ -2161,6 +2239,7 @@ const bn = fn.exports, ie = ["base", "task", "form", "multiInstance"], yn = {
2161
2239
  default: () => ["base", "task", "form", "multiInstance"]
2162
2240
  },
2163
2241
  bpmnModeler: Object,
2242
+ context: Object,
2164
2243
  prefix: {
2165
2244
  type: String,
2166
2245
  default: "camunda"
@@ -2225,28 +2304,28 @@ const bn = fn.exports, ie = ["base", "task", "form", "multiInstance"], yn = {
2225
2304
  getActiveElement() {
2226
2305
  this.initFormOnChanged(null), this.bpmnModeler.on("import.done", () => {
2227
2306
  this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), this.initFormOnChanged(null);
2228
- }), this.bpmnModeler.on("selection.changed", ({ newSelection: i }) => {
2229
- this.initFormOnChanged(i[0] || null);
2230
- }), this.bpmnModeler.on("element.changed", ({ element: i }) => {
2231
- i && i.id === this.elementId && this.initFormOnChanged(i);
2307
+ }), this.bpmnModeler.on("selection.changed", ({ newSelection: n }) => {
2308
+ this.initFormOnChanged(n[0] || null);
2309
+ }), this.bpmnModeler.on("element.changed", ({ element: n }) => {
2310
+ n && n.id === this.elementId && this.initFormOnChanged(n);
2232
2311
  });
2233
2312
  },
2234
2313
  // 初始化数据
2235
- initFormOnChanged(i) {
2314
+ initFormOnChanged(n) {
2236
2315
  var t;
2237
- let e = i;
2238
- e || (e = (t = this.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Process")) != null ? t : this.bpmnInstances.elementRegistry.find((n) => n.type === "bpmn:Collaboration")), e && (this.element = e, this.elementId = e.id, this.elementType = e.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && e.source && e.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
2316
+ let e = n;
2317
+ e || (e = (t = this.bpmnInstances.elementRegistry.find((i) => i.type === "bpmn:Process")) != null ? t : this.bpmnInstances.elementRegistry.find((i) => i.type === "bpmn:Collaboration")), e && (this.element = e, this.elementId = e.id, this.elementType = e.type.split(":")[1] || "", this.conditionFormVisible = !!(this.elementType === "SequenceFlow" && e.source && e.source.type.indexOf("StartEvent") === -1), this.formVisible = this.elementType === "UserTask" || this.elementType === "StartEvent");
2239
2318
  }
2240
2319
  }
2241
2320
  };
2242
- var hn = function() {
2321
+ var En = function() {
2243
2322
  var e = this, t = e._self._c;
2244
- return t("div", { class: ["process-panel__container", { show: e.isPanelVisible, hide: !e.isPanelVisible }], style: { width: `${e.isPanelVisible ? e.width : 34}px` }, on: { click: function(n) {
2323
+ return t("div", { class: ["process-panel__container", { show: e.isPanelVisible, hide: !e.isPanelVisible }], style: { width: `${e.isPanelVisible ? e.width : 34}px` }, on: { click: function(i) {
2245
2324
  e.isPanelVisible = !0;
2246
- } } }, [t("div", { staticStyle: { height: "40px", "line-height": "40px" } }, [t("i", { class: ["open-properties-handel", e.isPanelVisible ? "el-icon-caret-right" : "el-icon-caret-left"], on: { click: function(n) {
2247
- n.stopPropagation(), e.isPanelVisible = !e.isPanelVisible;
2248
- } } })]), t("ElCollapse", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(n) {
2249
- e.activeTab = n;
2325
+ } } }, [t("div", { staticStyle: { height: "40px", "line-height": "40px" } }, [t("i", { class: ["open-properties-handel", e.isPanelVisible ? "el-icon-caret-right" : "el-icon-caret-left"], on: { click: function(i) {
2326
+ i.stopPropagation(), e.isPanelVisible = !e.isPanelVisible;
2327
+ } } })]), t("ElCollapse", { directives: [{ name: "show", rawName: "v-show", value: e.isPanelVisible, expression: "isPanelVisible" }], model: { value: e.activeTab, callback: function(i) {
2328
+ e.activeTab = i;
2250
2329
  }, expression: "activeTab" } }, [t("ElCollapseItem", { attrs: { name: "base" }, scopedSlots: e._u([{ key: "title", fn: function() {
2251
2330
  return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-info" }), e._v("常规")])];
2252
2331
  }, proxy: !0 }]) }, [t("ElementBaseInfo", { attrs: { id: e.elementId, "id-edit-disabled": e.idEditDisabled, type: e.elementType, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e.elementType === "Process" ? t("ElCollapseItem", { key: "message", attrs: { name: "message" }, scopedSlots: e._u([{ key: "title", fn: function() {
@@ -2272,45 +2351,45 @@ var hn = function() {
2272
2351
  }, proxy: !0 }]) }, [t("ElementProperties", { attrs: { id: e.elementId, "bpmn-instances": e.bpmnInstances, element: e.element, type: e.elementType } })], 1), t("ElCollapseItem", { key: "other", attrs: { name: "other" }, scopedSlots: e._u([{ key: "title", fn: function() {
2273
2352
  return [t("div", { staticClass: "panel-tab__title" }, [t("i", { staticClass: "el-icon-s-promotion" }), e._v("其他")])];
2274
2353
  }, proxy: !0 }]) }, [t("ElementOtherConfig", { attrs: { id: e.elementId, element: e.element, "bpmn-instances": e.bpmnInstances } })], 1), e._t("extend", null, { id: e.elementId, bpmnInstances: e.bpmnInstances, element: e.element, type: e.elementType })], 2)], 1);
2275
- }, gn = [], vn = /* @__PURE__ */ h(
2276
- yn,
2277
- hn,
2354
+ }, Fn = [], xn = /* @__PURE__ */ h(
2278
2355
  gn,
2356
+ En,
2357
+ Fn,
2279
2358
  !1,
2280
2359
  null,
2281
2360
  null,
2282
2361
  null,
2283
2362
  null
2284
2363
  );
2285
- const En = vn.exports, Fn = (i, e, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
2364
+ const Sn = xn.exports, Tn = (n, e, t) => (t = t || "camunda", `<?xml version="1.0" encoding="UTF-8"?>
2286
2365
  <bpmn2:definitions
2287
2366
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
2288
2367
  xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL"
2289
2368
  xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI"
2290
2369
  xmlns:dc="http://www.omg.org/spec/DD/20100524/DC"
2291
2370
  xmlns:di="http://www.omg.org/spec/DD/20100524/DI"
2292
- id="diagram_${i}"
2371
+ id="diagram_${n}"
2293
2372
  targetNamespace="${{
2294
2373
  activiti: "http://activiti.org/bpmn",
2295
2374
  camunda: "http://bpmn.io/schema/bpmn",
2296
2375
  flowable: "http://flowable.org/bpmn"
2297
2376
  }[t]}">
2298
- <bpmn2:process id="${i}" name="${e}" isExecutable="true">
2377
+ <bpmn2:process id="${n}" name="${e}" isExecutable="true">
2299
2378
  </bpmn2:process>
2300
2379
  <bpmndi:BPMNDiagram id="BPMNDiagram_1">
2301
- <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="${i}">
2380
+ <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="${n}">
2302
2381
  </bpmndi:BPMNPlane>
2303
2382
  </bpmndi:BPMNDiagram>
2304
2383
  </bpmn2:definitions>`);
2305
- function xn(i) {
2384
+ function Cn(n) {
2306
2385
  return function(e, t) {
2307
- return t = t || {}, e = i[e] || e, e.replace(/{([^}]+)}/g, function(n, s) {
2308
- let r = t[s];
2309
- return i[t[s]] !== null && i[t[s]] !== void 0 && (r = i[t[s]]), r || `{${s}}`;
2386
+ return t = t || {}, e = n[e] || e, e.replace(/{([^}]+)}/g, function(i, s) {
2387
+ let a = t[s];
2388
+ return n[t[s]] !== null && n[t[s]] !== void 0 && (a = n[t[s]]), a || `{${s}}`;
2310
2389
  });
2311
2390
  };
2312
2391
  }
2313
- const Sn = {
2392
+ const kn = {
2314
2393
  // 添加部分
2315
2394
  "Append EndEvent": "追加结束事件",
2316
2395
  "Append Gateway": "追加网关",
@@ -2558,9 +2637,9 @@ const Sn = {
2558
2637
  Data: "数据",
2559
2638
  TextAnnotation: "文本说明",
2560
2639
  Tasks: "任务"
2561
- }, Tn = "Camunda", Cn = "http://camunda.org/schema/1.0/bpmn", In = "camunda", kn = {
2640
+ }, In = "Camunda", _n = "http://camunda.org/schema/1.0/bpmn", wn = "camunda", An = {
2562
2641
  tagAlias: "lowerCase"
2563
- }, An = [], _n = [
2642
+ }, $n = [], Ln = [
2564
2643
  {
2565
2644
  name: "Definitions",
2566
2645
  isAbstract: !0,
@@ -3676,17 +3755,17 @@ const Sn = {
3676
3755
  }
3677
3756
  ]
3678
3757
  }
3679
- ], wn = [], se = {
3680
- name: Tn,
3681
- uri: Cn,
3682
- prefix: In,
3683
- xml: kn,
3684
- associations: An,
3685
- types: _n,
3686
- emumerations: wn
3687
- }, $n = "Activiti", Ln = "http://activiti.org/bpmn", On = "activiti", Pn = {
3758
+ ], On = [], se = {
3759
+ name: In,
3760
+ uri: _n,
3761
+ prefix: wn,
3762
+ xml: An,
3763
+ associations: $n,
3764
+ types: Ln,
3765
+ emumerations: On
3766
+ }, Pn = "Activiti", Mn = "http://activiti.org/bpmn", Dn = "activiti", Bn = {
3688
3767
  tagAlias: "lowerCase"
3689
- }, Mn = [], Dn = [
3768
+ }, Vn = [], Rn = [
3690
3769
  {
3691
3770
  name: "Definitions",
3692
3771
  isAbstract: !0,
@@ -4784,17 +4863,17 @@ const Sn = {
4784
4863
  }
4785
4864
  ]
4786
4865
  }
4787
- ], Bn = [], re = {
4788
- name: $n,
4789
- uri: Ln,
4790
- prefix: On,
4791
- xml: Pn,
4792
- associations: Mn,
4793
- types: Dn,
4794
- emumerations: Bn
4795
- }, Rn = "Flowable", Vn = "http://flowable.org/bpmn", jn = "flowable", zn = {
4866
+ ], zn = [], re = {
4867
+ name: Pn,
4868
+ uri: Mn,
4869
+ prefix: Dn,
4870
+ xml: Bn,
4871
+ associations: Vn,
4872
+ types: Rn,
4873
+ emumerations: zn
4874
+ }, jn = "Flowable", Un = "http://flowable.org/bpmn", Nn = "flowable", Gn = {
4796
4875
  tagAlias: "lowerCase"
4797
- }, Un = [], Nn = [], Gn = [
4876
+ }, qn = [], Kn = [], Jn = [
4798
4877
  {
4799
4878
  name: "InOutBinding",
4800
4879
  superClass: [
@@ -6157,161 +6236,161 @@ const Sn = {
6157
6236
  ]
6158
6237
  }
6159
6238
  ], ae = {
6160
- name: Rn,
6161
- uri: Vn,
6162
- prefix: jn,
6163
- xml: zn,
6164
- associations: Un,
6165
- emumerations: Nn,
6166
- types: Gn
6167
- }, qn = "*";
6168
- function _(i) {
6239
+ name: jn,
6240
+ uri: Un,
6241
+ prefix: Nn,
6242
+ xml: Gn,
6243
+ associations: qn,
6244
+ emumerations: Kn,
6245
+ types: Jn
6246
+ }, Zn = "*";
6247
+ function w(n) {
6169
6248
  const e = this;
6170
- i.on("moddleCopy.canCopyProperty", function(t) {
6171
- const n = t.property, s = t.parent;
6172
- return e.canCopyProperty(n, s);
6249
+ n.on("moddleCopy.canCopyProperty", function(t) {
6250
+ const i = t.property, s = t.parent;
6251
+ return e.canCopyProperty(i, s);
6173
6252
  });
6174
6253
  }
6175
- _.$inject = ["eventBus"];
6176
- _.prototype.canCopyProperty = function(i, e) {
6177
- if (Ce(i) && !Kn(i, e) || k(i, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(i, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || k(i, "camunda:In") && !this.canHostIn(e))
6254
+ w.$inject = ["eventBus"];
6255
+ w.prototype.canCopyProperty = function(n, e) {
6256
+ if (Ce(n) && !Hn(n, e) || I(n, "camunda:InputOutput") && !this.canHostInputOutput(e) || he(n, ["camunda:Connector", "camunda:Field"]) && !this.canHostConnector(e) || I(n, "camunda:In") && !this.canHostIn(e))
6178
6257
  return !1;
6179
6258
  };
6180
- _.prototype.canHostInputOutput = function(i) {
6181
- if (x(i, "camunda:Connector"))
6259
+ w.prototype.canHostInputOutput = function(n) {
6260
+ if (x(n, "camunda:Connector"))
6182
6261
  return !0;
6183
- const t = x(i, "bpmn:FlowNode");
6184
- return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || k(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
6262
+ const t = x(n, "bpmn:FlowNode");
6263
+ return !(!t || he(t, ["bpmn:StartEvent", "bpmn:Gateway", "bpmn:BoundaryEvent"]) || I(t, "bpmn:SubProcess") && t.get("triggeredByEvent"));
6185
6264
  };
6186
- _.prototype.canHostConnector = function(i) {
6187
- const e = x(i, "camunda:ServiceTaskLike");
6188
- return k(e, "bpmn:MessageEventDefinition") ? x(i, "bpmn:IntermediateThrowEvent") || x(i, "bpmn:EndEvent") : !0;
6265
+ w.prototype.canHostConnector = function(n) {
6266
+ const e = x(n, "camunda:ServiceTaskLike");
6267
+ return I(e, "bpmn:MessageEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
6189
6268
  };
6190
- _.prototype.canHostIn = function(i) {
6191
- return x(i, "bpmn:CallActivity") ? !0 : x(i, "bpmn:SignalEventDefinition") ? x(i, "bpmn:IntermediateThrowEvent") || x(i, "bpmn:EndEvent") : !0;
6269
+ w.prototype.canHostIn = function(n) {
6270
+ return x(n, "bpmn:CallActivity") ? !0 : x(n, "bpmn:SignalEventDefinition") ? x(n, "bpmn:IntermediateThrowEvent") || x(n, "bpmn:EndEvent") : !0;
6192
6271
  };
6193
- function k(i, e) {
6194
- return i && Ie(i.$instanceOf) && i.$instanceOf(e);
6272
+ function I(n, e) {
6273
+ return n && ke(n.$instanceOf) && n.$instanceOf(e);
6195
6274
  }
6196
- function he(i, e) {
6197
- return A(e, function(t) {
6198
- return k(i, t);
6275
+ function he(n, e) {
6276
+ return _(e, function(t) {
6277
+ return I(n, t);
6199
6278
  });
6200
6279
  }
6201
- function x(i, e) {
6280
+ function x(n, e) {
6202
6281
  if (!e)
6203
- return i.$parent;
6204
- if (k(i, e))
6205
- return i;
6206
- if (i.$parent)
6207
- return x(i.$parent, e);
6282
+ return n.$parent;
6283
+ if (I(n, e))
6284
+ return n;
6285
+ if (n.$parent)
6286
+ return x(n.$parent, e);
6208
6287
  }
6209
- function Kn(i, e) {
6210
- const t = i.$type && i.$model.getTypeDescriptor(i.$type), n = t && t.meta && t.meta.allowedIn;
6211
- return !n || Jn(n) ? !0 : A(n, function(s) {
6288
+ function Hn(n, e) {
6289
+ const t = n.$type && n.$model.getTypeDescriptor(n.$type), i = t && t.meta && t.meta.allowedIn;
6290
+ return !i || Wn(i) ? !0 : _(i, function(s) {
6212
6291
  return x(e, s);
6213
6292
  });
6214
6293
  }
6215
- function Jn(i) {
6216
- return i.indexOf(qn) !== -1;
6294
+ function Wn(n) {
6295
+ return n.indexOf(Zn) !== -1;
6217
6296
  }
6218
- const Zn = {
6297
+ const Xn = {
6219
6298
  __init__: ["camundaModdleExtension"],
6220
- camundaModdleExtension: ["type", _]
6221
- }, Hn = {
6299
+ camundaModdleExtension: ["type", w]
6300
+ }, Yn = {
6222
6301
  FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
6223
6302
  Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
6224
6303
  Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
6225
6304
  };
6226
- function H(i, e) {
6227
- return i && typeof i.$instanceOf == "function" && i.$instanceOf(e);
6305
+ function H(n, e) {
6306
+ return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
6228
6307
  }
6229
- function Wn(i) {
6230
- return i && i.length;
6308
+ function Qn(n) {
6309
+ return n && n.length;
6231
6310
  }
6232
- function j(i, e) {
6233
- return Wn(i) && A(i, function(t) {
6311
+ function z(n, e) {
6312
+ return Qn(n) && _(n, function(t) {
6234
6313
  return H(t, e);
6235
6314
  });
6236
6315
  }
6237
- function Xn(i, e) {
6238
- return A(e, function(t) {
6239
- return H(i, t);
6316
+ function ei(n, e) {
6317
+ return _(e, function(t) {
6318
+ return H(n, t);
6240
6319
  });
6241
6320
  }
6242
- function G(i, e, t) {
6243
- const n = e.name, s = Hn[n.replace(/activiti:/, "")];
6244
- return n === i && Xn(t, s);
6321
+ function G(n, e, t) {
6322
+ const i = e.name, s = Yn[i.replace(/activiti:/, "")];
6323
+ return i === n && ei(t, s);
6245
6324
  }
6246
- function W(i) {
6247
- i.on(
6325
+ function W(n) {
6326
+ n.on(
6248
6327
  "property.clone",
6249
6328
  function(e) {
6250
- const t = e.newElement, n = e.propertyDescriptor;
6251
- this.canCloneProperty(t, n);
6329
+ const t = e.newElement, i = e.propertyDescriptor;
6330
+ this.canCloneProperty(t, i);
6252
6331
  },
6253
6332
  this
6254
6333
  );
6255
6334
  }
6256
6335
  W.$inject = ["eventBus"];
6257
- W.prototype.canCloneProperty = function(i, e) {
6258
- if (G("activiti:FailedJobRetryTimeCycle", e, i))
6259
- return j(i.eventDefinitions, "bpmn:TimerEventDefinition") || j(i.eventDefinitions, "bpmn:SignalEventDefinition") || H(i.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
6260
- if (G("activiti:Connector", e, i) || G("activiti:Field", e, i))
6261
- return j(i.eventDefinitions, "bpmn:MessageEventDefinition");
6336
+ W.prototype.canCloneProperty = function(n, e) {
6337
+ if (G("activiti:FailedJobRetryTimeCycle", e, n))
6338
+ return z(n.eventDefinitions, "bpmn:TimerEventDefinition") || z(n.eventDefinitions, "bpmn:SignalEventDefinition") || H(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
6339
+ if (G("activiti:Connector", e, n) || G("activiti:Field", e, n))
6340
+ return z(n.eventDefinitions, "bpmn:MessageEventDefinition");
6262
6341
  };
6263
- const Yn = {
6342
+ const ti = {
6264
6343
  __init__: ["ActivitiModdleExtension"],
6265
6344
  ActivitiModdleExtension: ["type", W]
6266
- }, Qn = {
6345
+ }, ni = {
6267
6346
  FailedJobRetryTimeCycle: ["bpmn:StartEvent", "bpmn:BoundaryEvent", "bpmn:IntermediateCatchEvent", "bpmn:Activity"],
6268
6347
  Connector: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"],
6269
6348
  Field: ["bpmn:EndEvent", "bpmn:IntermediateThrowEvent"]
6270
6349
  };
6271
- function X(i, e) {
6272
- return i && typeof i.$instanceOf == "function" && i.$instanceOf(e);
6350
+ function X(n, e) {
6351
+ return n && typeof n.$instanceOf == "function" && n.$instanceOf(e);
6273
6352
  }
6274
- function ei(i) {
6275
- return i && i.length;
6353
+ function ii(n) {
6354
+ return n && n.length;
6276
6355
  }
6277
- function z(i, e) {
6278
- return ei(i) && A(i, function(t) {
6356
+ function j(n, e) {
6357
+ return ii(n) && _(n, function(t) {
6279
6358
  return X(t, e);
6280
6359
  });
6281
6360
  }
6282
- function ti(i, e) {
6283
- return A(e, function(t) {
6284
- return X(i, t);
6361
+ function si(n, e) {
6362
+ return _(e, function(t) {
6363
+ return X(n, t);
6285
6364
  });
6286
6365
  }
6287
- function q(i, e, t) {
6288
- const n = e.name, s = Qn[n.replace(/flowable:/, "")];
6289
- return n === i && ti(t, s);
6366
+ function q(n, e, t) {
6367
+ const i = e.name, s = ni[i.replace(/flowable:/, "")];
6368
+ return i === n && si(t, s);
6290
6369
  }
6291
- function Y(i) {
6292
- i.on(
6370
+ function Y(n) {
6371
+ n.on(
6293
6372
  "property.clone",
6294
6373
  function(e) {
6295
- const t = e.newElement, n = e.propertyDescriptor;
6296
- this.canCloneProperty(t, n);
6374
+ const t = e.newElement, i = e.propertyDescriptor;
6375
+ this.canCloneProperty(t, i);
6297
6376
  },
6298
6377
  this
6299
6378
  );
6300
6379
  }
6301
6380
  Y.$inject = ["eventBus"];
6302
- Y.prototype.canCloneProperty = function(i, e) {
6303
- if (q("flowable:FailedJobRetryTimeCycle", e, i))
6304
- return z(i.eventDefinitions, "bpmn:TimerEventDefinition") || z(i.eventDefinitions, "bpmn:SignalEventDefinition") || X(i.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
6305
- if (q("flowable:Connector", e, i) || q("flowable:Field", e, i))
6306
- return z(i.eventDefinitions, "bpmn:MessageEventDefinition");
6381
+ Y.prototype.canCloneProperty = function(n, e) {
6382
+ if (q("flowable:FailedJobRetryTimeCycle", e, n))
6383
+ return j(n.eventDefinitions, "bpmn:TimerEventDefinition") || j(n.eventDefinitions, "bpmn:SignalEventDefinition") || X(n.loopCharacteristics, "bpmn:MultiInstanceLoopCharacteristics");
6384
+ if (q("flowable:Connector", e, n) || q("flowable:Field", e, n))
6385
+ return j(n.eventDefinitions, "bpmn:MessageEventDefinition");
6307
6386
  };
6308
- const ni = {
6387
+ const ri = {
6309
6388
  __init__: ["FlowableModdleExtension"],
6310
6389
  FlowableModdleExtension: ["type", Y]
6311
6390
  };
6312
6391
  le.registerLanguage("xml", Re);
6313
- le.registerLanguage("json", Ve);
6314
- const ii = {
6392
+ le.registerLanguage("json", ze);
6393
+ const ai = {
6315
6394
  name: "ProcessDesigner",
6316
6395
  components: {
6317
6396
  HighlightJS: je
@@ -6360,12 +6439,12 @@ const ii = {
6360
6439
  headerButtonSize: {
6361
6440
  type: String,
6362
6441
  default: "small",
6363
- validator: (i) => ["default", "medium", "small", "mini"].indexOf(i) !== -1
6442
+ validator: (n) => ["default", "medium", "small", "mini"].indexOf(n) !== -1
6364
6443
  },
6365
6444
  headerButtonType: {
6366
6445
  type: String,
6367
6446
  default: "primary",
6368
- validator: (i) => ["default", "primary", "success", "warning", "danger", "info"].indexOf(i) !== -1
6447
+ validator: (n) => ["default", "primary", "success", "warning", "danger", "info"].indexOf(n) !== -1
6369
6448
  },
6370
6449
  extendTypes: Array
6371
6450
  },
@@ -6382,29 +6461,29 @@ const ii = {
6382
6461
  },
6383
6462
  computed: {
6384
6463
  additionalModules() {
6385
- const i = [];
6464
+ const n = [];
6386
6465
  if (this.onlyCustomizeAddi)
6387
6466
  return te(this.additionalModel) ? this.additionalModel || [] : [this.additionalModel];
6388
- te(this.additionalModel) ? i.push(...this.additionalModel) : this.additionalModel && i.push(this.additionalModel);
6467
+ te(this.additionalModel) ? n.push(...this.additionalModel) : this.additionalModel && n.push(this.additionalModel);
6389
6468
  const e = {
6390
- translate: ["value", xn(this.translations || Sn)]
6469
+ translate: ["value", Cn(this.translations || kn)]
6391
6470
  };
6392
- return i.push(e), this.simulation && i.push(De), i.push(Me), this.prefix === "camunda" && i.push(Zn), this.prefix === "flowable" && i.push(ni), this.prefix === "activiti" && i.push(Yn), i;
6471
+ return n.push(e), this.simulation && n.push(Be), n.push(De), this.prefix === "camunda" && n.push(Xn), this.prefix === "flowable" && n.push(ri), this.prefix === "activiti" && n.push(ti), n;
6393
6472
  },
6394
6473
  moddleExtensions() {
6395
- const i = {};
6474
+ const n = {};
6396
6475
  if (this.onlyCustomizeModdle)
6397
6476
  return this.moddleExtension || null;
6398
6477
  if (this.moddleExtension)
6399
6478
  for (const e in this.moddleExtension)
6400
- i[e] = this.moddleExtension[e];
6401
- return this.prefix === "activiti" && (i.activiti = T(u({}, re), {
6479
+ n[e] = this.moddleExtension[e];
6480
+ return this.prefix === "activiti" && (n.activiti = T(u({}, re), {
6402
6481
  types: [...re.types, ...this.extendTypes || []]
6403
- })), this.prefix === "flowable" && (i.flowable = T(u({}, ae), {
6482
+ })), this.prefix === "flowable" && (n.flowable = T(u({}, ae), {
6404
6483
  types: [...ae.types, ...this.extendTypes || []]
6405
- })), this.prefix === "camunda" && (i.camunda = T(u({}, se), {
6484
+ })), this.prefix === "camunda" && (n.camunda = T(u({}, se), {
6406
6485
  types: [...se.types, ...this.extendTypes || []]
6407
- })), i;
6486
+ })), n;
6408
6487
  }
6409
6488
  },
6410
6489
  mounted() {
@@ -6414,7 +6493,7 @@ const ii = {
6414
6493
  },
6415
6494
  methods: {
6416
6495
  initBpmnModeler() {
6417
- this.bpmnModeler || (this.bpmnModeler = new Pe(u({
6496
+ this.bpmnModeler || (this.bpmnModeler = new Me(u({
6418
6497
  container: this.$refs["bpmn-canvas"],
6419
6498
  keyboard: this.keyboard ? { bindTo: document } : null,
6420
6499
  additionalModules: this.additionalModules,
@@ -6422,32 +6501,32 @@ const ii = {
6422
6501
  }, this.options)), this.$emit("init-finished", this.bpmnModeler), this.initModelListeners());
6423
6502
  },
6424
6503
  initModelListeners() {
6425
- const i = this.bpmnModeler.get("eventBus"), e = this;
6504
+ const n = this.bpmnModeler.get("eventBus"), e = this;
6426
6505
  this.events.forEach((t) => {
6427
- i.on(t, function(n) {
6428
- const s = t.replace(/\./g, "-"), r = n ? n.element : null;
6429
- e.$emit(s, r, n);
6506
+ n.on(t, function(i) {
6507
+ const s = t.replace(/\./g, "-"), a = i ? i.element : null;
6508
+ e.$emit(s, a, i);
6430
6509
  });
6431
- }), i.on("commandStack.changed", (t) => d(this, null, function* () {
6510
+ }), n.on("commandStack.changed", (t) => d(this, null, function* () {
6432
6511
  try {
6433
6512
  this.recoverable = this.bpmnModeler.get("commandStack").canRedo(), this.revocable = this.bpmnModeler.get("commandStack").canUndo();
6434
- const { xml: n } = yield this.bpmnModeler.saveXML({ format: !0 });
6435
- this.$emit("commandStack-changed", t), this.$emit("input", n), this.$emit("change", n);
6436
- } catch (n) {
6437
- console.error(`[Process Designer Warn]: ${n.message || n}`);
6513
+ const { xml: i } = yield this.bpmnModeler.saveXML({ format: !0 });
6514
+ this.$emit("commandStack-changed", t), this.$emit("input", i), this.$emit("change", i);
6515
+ } catch (i) {
6516
+ console.error(`[Process Designer Warn]: ${i.message || i}`);
6438
6517
  }
6439
6518
  })), this.bpmnModeler.on("canvas.viewbox.changed", ({ viewbox: t }) => {
6440
6519
  this.$emit("canvas-viewbox-changed", { viewbox: t });
6441
- const { scale: n } = t;
6442
- this.defaultZoom = Math.floor(n * 100) / 100;
6520
+ const { scale: i } = t;
6521
+ this.defaultZoom = Math.floor(i * 100) / 100;
6443
6522
  });
6444
6523
  },
6445
6524
  /* 创建新的流程图 */
6446
- createNewDiagram(i) {
6525
+ createNewDiagram(n) {
6447
6526
  return d(this, null, function* () {
6448
- const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, n = i || Fn(e, t, this.prefix);
6527
+ const e = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, i = n || Tn(e, t, this.prefix);
6449
6528
  try {
6450
- const { warnings: s } = yield this.bpmnModeler.importXML(n);
6529
+ const { warnings: s } = yield this.bpmnModeler.importXML(i);
6451
6530
  this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), s != null && s.length;
6452
6531
  } catch (s) {
6453
6532
  console.error(`[Process Designer Warn]: ${(s == null ? void 0 : s.message) || s}`);
@@ -6459,47 +6538,47 @@ const ii = {
6459
6538
  * @param {string} type
6460
6539
  * @param {*} name
6461
6540
  */
6462
- downloadProcess(i, e = "diagram") {
6541
+ downloadProcess(n, e = "diagram") {
6463
6542
  return d(this, null, function* () {
6464
6543
  try {
6465
- if (i === "xml" || i === "bpmn") {
6466
- const { err: n, xml: s } = yield this.bpmnModeler.saveXML();
6467
- n && console.error(`[Process Designer Warn ]: ${n.message || n}`);
6468
- const { href: r, filename: a } = this.setEncoded(i.toUpperCase(), e, s);
6469
- t(r, a);
6544
+ if (n === "xml" || n === "bpmn") {
6545
+ const { err: i, xml: s } = yield this.bpmnModeler.saveXML();
6546
+ i && console.error(`[Process Designer Warn ]: ${i.message || i}`);
6547
+ const { href: a, filename: r } = this.setEncoded(n.toUpperCase(), e, s);
6548
+ t(a, r);
6470
6549
  } else {
6471
- const { err: n, svg: s } = yield this.bpmnModeler.saveSVG();
6472
- if (n)
6473
- return console.error(n);
6474
- const { href: r, filename: a } = this.setEncoded("SVG", e, s);
6475
- t(r, a);
6550
+ const { err: i, svg: s } = yield this.bpmnModeler.saveSVG();
6551
+ if (i)
6552
+ return console.error(i);
6553
+ const { href: a, filename: r } = this.setEncoded("SVG", e, s);
6554
+ t(a, r);
6476
6555
  }
6477
- } catch (n) {
6478
- console.error(`[Process Designer Warn ]: ${n.message || n}`);
6556
+ } catch (i) {
6557
+ console.error(`[Process Designer Warn ]: ${i.message || i}`);
6479
6558
  }
6480
- function t(n, s) {
6481
- if (n && s) {
6482
- const r = document.createElement("a");
6483
- r.download = s, r.href = n, r.click(), URL.revokeObjectURL(r.href);
6559
+ function t(i, s) {
6560
+ if (i && s) {
6561
+ const a = document.createElement("a");
6562
+ a.download = s, a.href = i, a.click(), URL.revokeObjectURL(a.href);
6484
6563
  }
6485
6564
  }
6486
6565
  });
6487
6566
  },
6488
6567
  // 根据所需类型进行转码并返回下载地址
6489
- setEncoded(i, e = "diagram", t) {
6490
- const n = encodeURIComponent(t);
6568
+ setEncoded(n, e = "diagram", t) {
6569
+ const i = encodeURIComponent(t);
6491
6570
  return {
6492
- filename: `${e}.${i}`,
6493
- href: `data:application/${i === "svg" ? "text/xml" : "bpmn20-xml"};charset=UTF-8,${n}`,
6571
+ filename: `${e}.${n}`,
6572
+ href: `data:application/${n === "svg" ? "text/xml" : "bpmn20-xml"};charset=UTF-8,${i}`,
6494
6573
  data: t
6495
6574
  };
6496
6575
  },
6497
6576
  // 加载本地文件
6498
6577
  importLocalFile() {
6499
- const i = this, e = this.$refs.refFile.files[0], t = new FileReader();
6578
+ const n = this, e = this.$refs.refFile.files[0], t = new FileReader();
6500
6579
  t.readAsText(e), t.onload = function() {
6501
- const n = this.result;
6502
- i.createNewDiagram(n);
6580
+ const i = this.result;
6581
+ n.createNewDiagram(i);
6503
6582
  };
6504
6583
  },
6505
6584
  /* ------------------------------------------------ refs methods ------------------------------------------------------ */
@@ -6521,24 +6600,24 @@ const ii = {
6521
6600
  processUndo() {
6522
6601
  this.bpmnModeler.get("commandStack").undo();
6523
6602
  },
6524
- processZoomIn(i = 0.1) {
6525
- const e = Math.floor(this.defaultZoom * 100 + i * 100) / 100;
6603
+ processZoomIn(n = 0.1) {
6604
+ const e = Math.floor(this.defaultZoom * 100 + n * 100) / 100;
6526
6605
  if (e > 4)
6527
6606
  throw new Error("[Process Designer Warn ]: The zoom ratio cannot be greater than 4");
6528
6607
  this.defaultZoom = e, this.bpmnModeler.get("canvas").zoom(this.defaultZoom);
6529
6608
  },
6530
- processZoomOut(i = 0.1) {
6531
- const e = Math.floor(this.defaultZoom * 100 - i * 100) / 100;
6609
+ processZoomOut(n = 0.1) {
6610
+ const e = Math.floor(this.defaultZoom * 100 - n * 100) / 100;
6532
6611
  if (e < 0.2)
6533
6612
  throw new Error("[Process Designer Warn ]: The zoom ratio cannot be less than 0.2");
6534
6613
  this.defaultZoom = e, this.bpmnModeler.get("canvas").zoom(this.defaultZoom);
6535
6614
  },
6536
- processZoomTo(i = 1) {
6537
- if (i < 0.2)
6615
+ processZoomTo(n = 1) {
6616
+ if (n < 0.2)
6538
6617
  throw new Error("[Process Designer Warn ]: The zoom ratio cannot be less than 0.2");
6539
- if (i > 4)
6618
+ if (n > 4)
6540
6619
  throw new Error("[Process Designer Warn ]: The zoom ratio cannot be greater than 4");
6541
- this.defaultZoom = i, this.bpmnModeler.get("canvas").zoom(i);
6620
+ this.defaultZoom = n, this.bpmnModeler.get("canvas").zoom(n);
6542
6621
  },
6543
6622
  processReZoom() {
6544
6623
  this.defaultZoom = 1, this.bpmnModeler.get("canvas").zoom("fit-viewport", "auto");
@@ -6546,9 +6625,9 @@ const ii = {
6546
6625
  processRestart() {
6547
6626
  this.recoverable = !1, this.revocable = !1, this.createNewDiagram(null);
6548
6627
  },
6549
- elementsAlign(i) {
6550
- const e = this.bpmnModeler.get("alignElements"), n = this.bpmnModeler.get("selection").get();
6551
- if (!n || n.length <= 1) {
6628
+ elementsAlign(n) {
6629
+ const e = this.bpmnModeler.get("alignElements"), i = this.bpmnModeler.get("selection").get();
6630
+ if (!i || i.length <= 1) {
6552
6631
  this.$message.warning("请按住 Shift 键选择多个元素对齐");
6553
6632
  return;
6554
6633
  }
@@ -6556,83 +6635,84 @@ const ii = {
6556
6635
  confirmButtonText: "确定",
6557
6636
  cancelButtonText: "取消",
6558
6637
  type: "warning"
6559
- }).then(() => e.trigger(n, i));
6638
+ }).then(() => e.trigger(i, n));
6560
6639
  },
6561
6640
  /* ----------------------------- 方法结束 --------------------------------- */
6562
6641
  previewProcessXML() {
6563
- this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: i }) => {
6564
- this.previewResult = i, this.previewType = "xml", this.previewModelVisible = !0;
6642
+ this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: n }) => {
6643
+ this.previewResult = n, this.previewType = "xml", this.previewModelVisible = !0;
6565
6644
  });
6566
6645
  },
6567
6646
  previewProcessJson() {
6568
- const i = new Be();
6647
+ const n = new Ve();
6569
6648
  this.bpmnModeler.saveXML({ format: !0 }).then(({ xml: e }) => {
6570
- const { definitions: t } = i.xml2js(e);
6649
+ const { definitions: t } = n.xml2js(e);
6571
6650
  t ? this.previewResult = JSON.stringify(t, null, 4) : this.previewResult = "", this.previewType = "json", this.previewModelVisible = !0;
6572
6651
  });
6573
6652
  }
6574
6653
  }
6575
6654
  };
6576
- var si = function() {
6655
+ var oi = function() {
6577
6656
  var e = this, t = e._self._c;
6578
6657
  return t("div", { staticClass: "my-process-designer" }, [t("div", { staticClass: "my-process-designer__header" }, [e._t("control-header", function() {
6579
- return [t("ElButtonGroup", { key: "file-control" }, [e._t("toolbar-buttons"), e.simulation ? t("ElTooltip", { attrs: { effect: "light", content: "导入流程" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-folder-opened" }, on: { click: function(n) {
6658
+ return [t("ElButtonGroup", { key: "file-control" }, [e._t("toolbar-buttons"), e.simulation ? t("ElTooltip", { attrs: { effect: "light", content: "导入流程" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-folder-opened" }, on: { click: function(i) {
6580
6659
  return e.$refs.refFile.click();
6581
6660
  } } }, [e._v(" 导入 ")])], 1) : e._e(), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
6582
- return [t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(n) {
6661
+ return [t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(i) {
6583
6662
  return e.downloadProcessAsXml();
6584
- } } }, [e._v("下载为XML文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(n) {
6663
+ } } }, [e._v("下载为XML文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(i) {
6585
6664
  return e.downloadProcessAsSvg();
6586
- } } }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(n) {
6665
+ } } }, [e._v("下载为SVG文件")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: function(i) {
6587
6666
  return e.downloadProcessAsBpmn();
6588
6667
  } } }, [e._v("下载为BPMN文件")])];
6589
6668
  }, proxy: !0 }]) }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-download" } }, [e._v("下载")])], 1), t("ElTooltip", { attrs: { effect: "light" }, scopedSlots: e._u([{ key: "content", fn: function() {
6590
6669
  return [t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: e.previewProcessXML } }, [e._v("预览XML")]), t("br"), t("ElButton", { attrs: { size: e.headerButtonSize, type: "text" }, on: { click: e.previewProcessJson } }, [e._v("预览JSON")])];
6591
- }, proxy: !0 }]) }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-view" } }, [e._v("预览")])], 1), e.simulation ? t("ElTooltip", { attrs: { effect: "light", content: e.simulationStatus ? "退出模拟" : "开启模拟" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-cpu" }, on: { click: e.processSimulation } }, [e._v(" 模拟 ")])], 1) : e._e()], 2), t("ElButtonGroup", { key: "align-control" }, [t("ElTooltip", { attrs: { effect: "light", content: "向左对齐" } }, [t("ElButton", { staticClass: "align align-left", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(n) {
6670
+ }, proxy: !0 }]) }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-view" } }, [e._v("预览")])], 1), e.simulation ? t("ElTooltip", { attrs: { effect: "light", content: e.simulationStatus ? "退出模拟" : "开启模拟" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, type: e.headerButtonType, icon: "el-icon-cpu" }, on: { click: e.processSimulation } }, [e._v(" 模拟 ")])], 1) : e._e()], 2), t("ElButtonGroup", { key: "align-control" }, [t("ElTooltip", { attrs: { effect: "light", content: "向左对齐" } }, [t("ElButton", { staticClass: "align align-left", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(i) {
6592
6671
  return e.elementsAlign("left");
6593
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "向右对齐" } }, [t("ElButton", { staticClass: "align align-right", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(n) {
6672
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "向右对齐" } }, [t("ElButton", { staticClass: "align align-right", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(i) {
6594
6673
  return e.elementsAlign("right");
6595
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "向上对齐" } }, [t("ElButton", { staticClass: "align align-top", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(n) {
6674
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "向上对齐" } }, [t("ElButton", { staticClass: "align align-top", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(i) {
6596
6675
  return e.elementsAlign("top");
6597
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "向下对齐" } }, [t("ElButton", { staticClass: "align align-bottom", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(n) {
6676
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "向下对齐" } }, [t("ElButton", { staticClass: "align align-bottom", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(i) {
6598
6677
  return e.elementsAlign("bottom");
6599
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "水平居中" } }, [t("ElButton", { staticClass: "align align-center", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(n) {
6678
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "水平居中" } }, [t("ElButton", { staticClass: "align align-center", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(i) {
6600
6679
  return e.elementsAlign("center");
6601
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "垂直居中" } }, [t("ElButton", { staticClass: "align align-middle", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(n) {
6680
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "垂直居中" } }, [t("ElButton", { staticClass: "align align-middle", attrs: { size: e.headerButtonSize, icon: "el-icon-s-data" }, on: { click: function(i) {
6602
6681
  return e.elementsAlign("middle");
6603
- } } })], 1)], 1), t("ElButtonGroup", { key: "scale-control" }, [t("ElTooltip", { attrs: { effect: "light", content: "缩小视图" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: e.defaultZoom < 0.2, icon: "el-icon-zoom-out" }, on: { click: function(n) {
6682
+ } } })], 1)], 1), t("ElButtonGroup", { key: "scale-control" }, [t("ElTooltip", { attrs: { effect: "light", content: "缩小视图" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: e.defaultZoom < 0.2, icon: "el-icon-zoom-out" }, on: { click: function(i) {
6604
6683
  return e.processZoomOut();
6605
- } } })], 1), t("ElButton", { attrs: { size: e.headerButtonSize } }, [e._v(e._s(`${Math.floor(e.defaultZoom * 10 * 10)}%`))]), t("ElTooltip", { attrs: { effect: "light", content: "放大视图" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: e.defaultZoom > 4, icon: "el-icon-zoom-in" }, on: { click: function(n) {
6684
+ } } })], 1), t("ElButton", { attrs: { size: e.headerButtonSize } }, [e._v(e._s(`${Math.floor(e.defaultZoom * 10 * 10)}%`))]), t("ElTooltip", { attrs: { effect: "light", content: "放大视图" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: e.defaultZoom > 4, icon: "el-icon-zoom-in" }, on: { click: function(i) {
6606
6685
  return e.processZoomIn();
6607
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "重置视图并居中" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, icon: "el-icon-c-scale-to-original" }, on: { click: function(n) {
6686
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "重置视图并居中" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, icon: "el-icon-c-scale-to-original" }, on: { click: function(i) {
6608
6687
  return e.processReZoom();
6609
- } } })], 1)], 1), t("ElButtonGroup", { key: "stack-control" }, [t("ElTooltip", { attrs: { effect: "light", content: "撤销" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: !e.revocable, icon: "el-icon-refresh-left" }, on: { click: function(n) {
6688
+ } } })], 1)], 1), t("ElButtonGroup", { key: "stack-control" }, [t("ElTooltip", { attrs: { effect: "light", content: "撤销" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: !e.revocable, icon: "el-icon-refresh-left" }, on: { click: function(i) {
6610
6689
  return e.processUndo();
6611
- } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "恢复" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: !e.recoverable, icon: "el-icon-refresh-right" }, on: { click: function(n) {
6690
+ } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "恢复" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, disabled: !e.recoverable, icon: "el-icon-refresh-right" }, on: { click: function(i) {
6612
6691
  return e.processRedo();
6613
6692
  } } })], 1), t("ElTooltip", { attrs: { effect: "light", content: "重新绘制" } }, [t("ElButton", { attrs: { size: e.headerButtonSize, icon: "el-icon-refresh" }, on: { click: e.processRestart } })], 1)], 1)];
6614
- }), t("input", { ref: "refFile", staticStyle: { display: "none" }, attrs: { id: "files", type: "file", accept: ".xml, .bpmn" }, on: { change: e.importLocalFile } })], 2), t("div", { staticClass: "my-process-designer__container" }, [t("div", { ref: "bpmn-canvas", staticClass: "my-process-designer__canvas flow-background-image" })]), t("ElementDialog", { attrs: { title: "预览", width: "60vw", height: "60vh", visible: e.previewModelVisible, "body-padding": !1, "destroy-on-close": "" }, on: { "update:visible": function(n) {
6615
- e.previewModelVisible = n;
6693
+ }), t("input", { ref: "refFile", staticStyle: { display: "none" }, attrs: { id: "files", type: "file", accept: ".xml, .bpmn" }, on: { change: e.importLocalFile } })], 2), t("div", { staticClass: "my-process-designer__container" }, [t("div", { ref: "bpmn-canvas", staticClass: "my-process-designer__canvas flow-background-image" })]), t("ElementDialog", { attrs: { title: "预览", width: "60vw", height: "60vh", visible: e.previewModelVisible, "body-padding": !1, "destroy-on-close": "" }, on: { "update:visible": function(i) {
6694
+ e.previewModelVisible = i;
6616
6695
  } } }, [t("HighlightJS", { attrs: { language: e.previewType, code: e.previewResult } })], 1)], 1);
6617
- }, ri = [], ai = /* @__PURE__ */ h(
6618
- ii,
6619
- si,
6620
- ri,
6696
+ }, li = [], pi = /* @__PURE__ */ h(
6697
+ ai,
6698
+ oi,
6699
+ li,
6621
6700
  !1,
6622
6701
  null,
6623
6702
  null,
6624
6703
  null,
6625
6704
  null
6626
6705
  );
6627
- const oi = ai.exports, li = {
6706
+ const mi = pi.exports, ci = {
6628
6707
  name: "FlowDesigner",
6629
6708
  components: {
6630
- PropertiesPanel: En,
6631
- ProcessDesigner: oi
6709
+ PropertiesPanel: Sn,
6710
+ ProcessDesigner: mi
6632
6711
  },
6633
6712
  props: {
6634
6713
  value: String,
6635
- extendTypes: Array
6714
+ extendTypes: Array,
6715
+ context: Object
6636
6716
  },
6637
6717
  data() {
6638
6718
  return {
@@ -6646,41 +6726,41 @@ const oi = ai.exports, li = {
6646
6726
  labelVisible: !1,
6647
6727
  prefix: "flowable",
6648
6728
  headerButtonSize: "mini",
6649
- additionalModel: [ze, Ue, We]
6729
+ additionalModel: [Ue, Ne, Xe]
6650
6730
  }
6651
6731
  };
6652
6732
  },
6653
6733
  methods: {
6654
- initModeler(i) {
6655
- this.modeler = i;
6734
+ initModeler(n) {
6735
+ this.modeler = n;
6656
6736
  }
6657
6737
  }
6658
6738
  };
6659
- var pi = function() {
6739
+ var ui = function() {
6660
6740
  var e = this, t = e._self._c;
6661
6741
  return t("div", { staticClass: "flow-designer" }, [t("ProcessDesigner", e._b({ key: `designer-${e.reloadIndex}`, ref: "processDesigner", attrs: { value: e.value, "extend-types": e.extendTypes, options: {
6662
6742
  taskResizingEnabled: !0,
6663
6743
  eventResizingEnabled: !0
6664
- }, keyboard: "" }, on: { input: (n) => e.$emit("input", n), "init-finished": e.initModeler }, scopedSlots: e._u([{ key: "toolbar-buttons", fn: function() {
6744
+ }, keyboard: "" }, on: { input: (i) => e.$emit("input", i), "init-finished": e.initModeler }, scopedSlots: e._u([{ key: "toolbar-buttons", fn: function() {
6665
6745
  return [e._t("toolbar-buttons", null, { modeler: e.modeler })];
6666
- }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "bpmn-modeler": e.modeler, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: n, bpmnInstances: s, element: r, type: a }) {
6667
- return [e._t("task", null, { id: n, bpmnInstances: s, element: r, type: a })];
6668
- } }, { key: "form", fn: function({ id: n, bpmnInstances: s, element: r, type: a }) {
6669
- return [e._t("form", null, { id: n, bpmnInstances: s, element: r, type: a })];
6670
- } }, { key: "extend", fn: function({ id: n, bpmnInstances: s, element: r, type: a }) {
6671
- return [e._t("extend", null, { id: n, bpmnInstances: s, element: r, type: a })];
6746
+ }, proxy: !0 }], null, !0) }, "ProcessDesigner", e.controlForm, !1)), t("PropertiesPanel", { key: `penal-${e.reloadIndex}`, staticClass: "process-panel", attrs: { "bpmn-modeler": e.modeler, context: e.context, prefix: e.controlForm.prefix }, scopedSlots: e._u([{ key: "task", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
6747
+ return [e._t("task", null, { id: i, bpmnInstances: s, element: a, type: r })];
6748
+ } }, { key: "form", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
6749
+ return [e._t("form", null, { id: i, bpmnInstances: s, element: a, type: r })];
6750
+ } }, { key: "extend", fn: function({ id: i, bpmnInstances: s, element: a, type: r }) {
6751
+ return [e._t("extend", null, { id: i, bpmnInstances: s, element: a, type: r })];
6672
6752
  } }], null, !0) })], 1);
6673
- }, mi = [], ci = /* @__PURE__ */ h(
6674
- li,
6675
- pi,
6676
- mi,
6753
+ }, di = [], fi = /* @__PURE__ */ h(
6754
+ ci,
6755
+ ui,
6756
+ di,
6677
6757
  !1,
6678
6758
  null,
6679
6759
  null,
6680
6760
  null,
6681
6761
  null
6682
6762
  );
6683
- const Bi = ci.exports;
6763
+ const zi = fi.exports;
6684
6764
  export {
6685
- Bi as default
6765
+ zi as default
6686
6766
  };