@web-utils/component 4.0.14 → 4.0.15

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 (168) hide show
  1. package/address-input/index.mjs +15 -13
  2. package/card/index.mjs +20 -18
  3. package/carousel/index.mjs +12 -10
  4. package/chat/index.mjs +56 -45
  5. package/chunk-file-uploader/index.mjs +378 -36
  6. package/chunk-file-uploader/style.css +1 -1
  7. package/chunks/{ElementTaskConfig.Bko0kgTp.mjs → ElementTaskConfig.AvBOzAni.mjs} +63 -55
  8. package/chunks/FormItem.Bhsy_O2B.mjs +372 -0
  9. package/chunks/FyForm.DriwCJ7b.mjs +765 -0
  10. package/chunks/SignalAndMessage.BpjOoKhK.mjs +92 -0
  11. package/chunks/SubTablePlus.BH0IIv3X.mjs +270 -0
  12. package/chunks/TableColumn.BzivvXMF.mjs +337 -0
  13. package/chunks/{confirmable-mixin.B2TtLAdk.mjs → confirmable-mixin.BFZb6pcK.mjs} +1 -1
  14. package/chunks/{dataformat.CpqOeGBl.mjs → dataformat.DJoNBlmI.mjs} +6 -6
  15. package/chunks/{dic.Dkl-leRW.mjs → dic.BinnDitI.mjs} +9 -9
  16. package/chunks/{event.9aDS6jcw.mjs → event.DSlcqYHL.mjs} +2 -2
  17. package/chunks/{form-input.CvFdwlEV.mjs → form-input.BtS_J5a2.mjs} +2 -2
  18. package/chunks/{index.9OxHjTIE.mjs → index.CIfe3UB3.mjs} +2 -2
  19. package/chunks/{index.B2TRddqf.mjs → index.Cn7aq-Et.mjs} +8 -8
  20. package/chunks/{init.DAsXSoLW.mjs → init.xOlFpTyZ.mjs} +2 -2
  21. package/chunks/{util.DqFv_pWg.mjs → util.DI42t5GU.mjs} +22 -22
  22. package/color-picker/index.mjs +101 -22
  23. package/confirm-button/index.mjs +1 -1
  24. package/confirmable/index.mjs +1 -1
  25. package/data-box/index.mjs +15 -12
  26. package/data-card/index.mjs +12 -10
  27. package/data-card-text/index.mjs +12 -10
  28. package/data-display/index.mjs +17 -15
  29. package/data-icons/index.mjs +16 -13
  30. package/data-imgtext/index.mjs +18 -15
  31. package/data-operatext/index.mjs +16 -14
  32. package/data-panel/index.mjs +16 -13
  33. package/data-pay/index.mjs +20 -16
  34. package/data-price/index.mjs +16 -14
  35. package/data-progress/index.mjs +17 -13
  36. package/data-rotate/index.mjs +15 -12
  37. package/data-table-picker/index.mjs +18 -15
  38. package/data-tabs/index.mjs +15 -12
  39. package/dialog-form/index.mjs +18 -16
  40. package/dynamic-table/index.mjs +30 -25
  41. package/editable-progress/index.mjs +11 -9
  42. package/editable-tree/index.mjs +56 -52
  43. package/egd-collapse-item/index.mjs +9 -9
  44. package/element-dialog/index.mjs +23 -22
  45. package/flex-column/index.mjs +1 -1
  46. package/flex-item/index.mjs +1 -1
  47. package/flex-row/index.mjs +1 -1
  48. package/flow/index.mjs +11 -10
  49. package/flow-designer/index.mjs +1973 -699
  50. package/flow-designer/style.css +1 -1
  51. package/flow-node/index.mjs +1 -1
  52. package/flow-viewer/index.mjs +9 -9
  53. package/form-block/index.mjs +34 -32
  54. package/form-cascader/index.mjs +24 -23
  55. package/form-checkbox/index.mjs +17 -16
  56. package/form-checkbox-group/index.mjs +23 -20
  57. package/form-date-picker/index.mjs +20 -18
  58. package/form-holder/index.mjs +14 -13
  59. package/form-input/index.mjs +15 -14
  60. package/form-input-cron-expression/index.mjs +22 -19
  61. package/form-input-email/index.mjs +16 -15
  62. package/form-input-id-card/index.mjs +13 -12
  63. package/form-input-number/index.mjs +17 -16
  64. package/form-input-phone-number/index.mjs +22 -21
  65. package/form-input-tag/index.mjs +15 -14
  66. package/form-input-time/index.mjs +15 -14
  67. package/form-item/index.mjs +3 -140
  68. package/form-item-group/index.mjs +31 -28
  69. package/form-radio-group/index.mjs +28 -27
  70. package/form-select/index.mjs +23 -21
  71. package/form-switch/index.mjs +17 -16
  72. package/form-table/index.mjs +17 -16
  73. package/form-table-plus/index.mjs +22 -21
  74. package/form-textarea/index.mjs +16 -15
  75. package/form-tree-select/index.mjs +15 -14
  76. package/form-tree-select-multiple/index.mjs +15 -14
  77. package/form-view/index.mjs +39 -35
  78. package/fy-array/index.mjs +37 -33
  79. package/fy-cascader/index.mjs +17 -16
  80. package/fy-checkbox/index.mjs +13 -11
  81. package/fy-code/index.mjs +10 -10
  82. package/fy-curd/index.mjs +1147 -1123
  83. package/fy-date/index.mjs +11 -10
  84. package/fy-draggable/index.mjs +10 -9
  85. package/fy-dynamic/index.mjs +25 -22
  86. package/fy-empty/index.mjs +1 -1
  87. package/fy-form/index.mjs +15 -638
  88. package/fy-form-design/index.mjs +1165 -1127
  89. package/fy-input/index.mjs +14 -12
  90. package/fy-input-color/index.mjs +15 -13
  91. package/fy-input-icon/index.mjs +23 -20
  92. package/fy-input-map/index.mjs +31 -28
  93. package/fy-input-number/index.mjs +10 -9
  94. package/fy-input-table/index.mjs +22 -18
  95. package/fy-input-tree/index.mjs +37 -33
  96. package/fy-progress/index.mjs +10 -9
  97. package/fy-radio/index.mjs +16 -15
  98. package/fy-rate/index.mjs +11 -10
  99. package/fy-select/index.mjs +29 -25
  100. package/fy-slider/index.mjs +12 -11
  101. package/fy-switch/index.mjs +10 -9
  102. package/fy-tabs/index.mjs +17 -15
  103. package/fy-time/index.mjs +1 -1
  104. package/fy-title/index.mjs +1 -1
  105. package/fy-tree/index.mjs +24 -18
  106. package/fy-u-editor/index.mjs +1 -1
  107. package/fy-upload/index.mjs +76 -74
  108. package/guide-steps/index.mjs +13 -11
  109. package/iframe-window/index.mjs +10 -9
  110. package/image-cropper/index.mjs +30 -28
  111. package/image-preview/index.mjs +14 -12
  112. package/index.mjs +72 -72
  113. package/input-number/index.mjs +14 -13
  114. package/input-number-range/index.mjs +12 -11
  115. package/license/index.mjs +1 -1
  116. package/login/index.mjs +26 -21
  117. package/nav-bar/index.mjs +10 -9
  118. package/notice/index.mjs +10 -9
  119. package/package.json +1 -1
  120. package/page-index/index.mjs +13 -12
  121. package/page-index-top/index.mjs +28 -23
  122. package/page-skeleton/index.mjs +14 -14
  123. package/page-skeleton-new/index.mjs +9 -8
  124. package/pageable-table/index.mjs +182 -172
  125. package/pageable-view/index.mjs +16 -15
  126. package/picker-table-view/index.mjs +58 -49
  127. package/present-view/index.mjs +39 -35
  128. package/record-video/index.mjs +1 -1
  129. package/resize-observer/index.mjs +1 -1
  130. package/search/index.mjs +22 -20
  131. package/search-popover/index.mjs +1 -1
  132. package/sign/index.mjs +1 -1
  133. package/skeleton-panel/index.mjs +10 -9
  134. package/split-pane/index.mjs +37 -36
  135. package/static-pageable-table/index.mjs +13 -11
  136. package/sub-table/index.mjs +49 -36
  137. package/sub-table-plus/index.mjs +18 -229
  138. package/swiper/index.mjs +12 -11
  139. package/table-column/index.mjs +3 -223
  140. package/table-view/index.mjs +60 -52
  141. package/tabs-view/index.mjs +19 -17
  142. package/tag-render/index.mjs +18 -16
  143. package/text-ellipsis/index.mjs +10 -9
  144. package/toolbar/index.mjs +14 -13
  145. package/toolbar-button/index.mjs +14 -13
  146. package/verify/index.mjs +1 -1
  147. package/vue-cron/index.mjs +267 -259
  148. package/watermark/index.mjs +1 -1
  149. package/web-types.json +1 -1
  150. package/x-input-tag/index.mjs +24 -21
  151. package/chunks/ElementBaseInfo.ZADwixb5.mjs +0 -125
  152. package/chunks/ElementForm.CQ3PN5qj.mjs +0 -223
  153. package/chunks/ElementListeners.De_PRuIm.mjs +0 -215
  154. package/chunks/ElementMultiInstance.DQo2wuAQ.mjs +0 -181
  155. package/chunks/ElementOtherConfig.B1NfMTYh.mjs +0 -60
  156. package/chunks/ElementProperties.CosfDrlW.mjs +0 -112
  157. package/chunks/FlowCondition.Y6qEYi1T.mjs +0 -102
  158. package/chunks/FormTemp.BQxO5IQq.mjs +0 -123
  159. package/chunks/SignalAndMessage.Bb5PFX0N.mjs +0 -85
  160. package/chunks/UserTaskListeners.Bv3BDfEI.mjs +0 -169
  161. package/chunks/core.0Exl13Mz.mjs +0 -54
  162. package/chunks/dictionary.DGt59Ir7.mjs +0 -68
  163. package/chunks/form-item.LWjePsPa.mjs +0 -233
  164. package/chunks/sub-table-plus-props.BVsD71hT.mjs +0 -30
  165. package/chunks/utilSelf.Csq1766E.mjs +0 -48
  166. package/chunks/utils.DRcxC1Fb.mjs +0 -60
  167. package/element-listeners/style.css +0 -1
  168. package/element-multi-instance/style.css +0 -1
@@ -1,215 +0,0 @@
1
- import { c as m, u as c } from "./utils.DRcxC1Fb.mjs";
2
- import { i as p, a as d, f as u, l as f } from "./utilSelf.Csq1766E.mjs";
3
- import { fastClone as F, capitalize as b } from "@web-utils/core";
4
- import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
5
- const v = (s) => ({
6
- $type: "flowable:ExecutionListener",
7
- event: s === "draft" ? "start" : s,
8
- delegateExpression: "${httpInvokeExecutionListener}",
9
- fields: [],
10
- listenerType: "delegateExpressionListener"
11
- }), y = (s, e) => [
12
- { $type: "flowable:Field", name: "serviceId", string: e.serviceId, fieldType: "string" },
13
- {
14
- $type: "flowable:Field",
15
- name: "url",
16
- string: `${e != null && e.url ? `/${e.url}` : ""}/flow${b(s)}`,
17
- fieldType: "string"
18
- }
19
- ], g = {
20
- name: "ElementListeners",
21
- inject: {
22
- prefix: "prefix",
23
- width: "width",
24
- context: "context"
25
- },
26
- props: {
27
- id: String,
28
- element: Object,
29
- bpmnInstances: Object
30
- },
31
- data() {
32
- return {
33
- elementListenersList: [],
34
- // 监听器列表
35
- listenerForm: {},
36
- // 监听器详情表单
37
- listenerFormModelVisible: !1,
38
- // 监听器 编辑 侧边栏显示状态
39
- fieldsListOfListener: [],
40
- listenerFieldForm: {},
41
- // 监听器 注入字段 详情表单
42
- listenerFieldFormModelVisible: !1,
43
- // 监听器 注入字段表单弹窗 显示状态
44
- editingListenerIndex: -1,
45
- // 监听器所在下标,-1 为新增
46
- editingListenerFieldIndex: -1,
47
- // 字段所在下标,-1 为新增
48
- listenerTypeObject: f,
49
- fieldTypeObject: u
50
- };
51
- },
52
- computed: {
53
- apis() {
54
- var e;
55
- return (((e = this.context) == null ? void 0 : e.apis) || ["flowDraft", "flowStart", "flowEnd"]).map((t) => {
56
- var r;
57
- return `${(r = this.context) != null && r.url ? `/${this.context.url}/` : ""}${t}`;
58
- }) || [];
59
- }
60
- },
61
- watch: {
62
- id: {
63
- immediate: !0,
64
- async handler(s) {
65
- s && (await this.$nextTick(), this.resetListenersList());
66
- }
67
- }
68
- },
69
- methods: {
70
- resetListenersList() {
71
- var s, e, t;
72
- this.otherExtensionList = [], this.bpmnElementListeners = ((t = (e = (s = this.element.businessObject) == null ? void 0 : s.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((r) => r.$type === `${this.prefix}:ExecutionListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((r) => d(r));
73
- },
74
- changeFiledType(s) {
75
- s === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
76
- },
77
- assignListener(s) {
78
- const e = v(s, this.context);
79
- e.fields = y(s, this.context), this.listenerForm = e, this.fieldsListOfListener = e.fields;
80
- },
81
- setDefaultFieldValue(s) {
82
- s !== "url" ? this.$set(this.listenerFieldForm, "string", this.context[s] || "") : this.$set(this.listenerFieldForm, "string", "");
83
- },
84
- // 打开 监听器详情 侧边栏
85
- async openListenerForm(s, e) {
86
- var t;
87
- s ? (this.listenerForm = p(s), this.fieldsListOfListener = s.fields ? s.fields.map((r) => ({ ...r })) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, await this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
88
- },
89
- // 打开监听器字段编辑弹窗
90
- openListenerFieldForm(s, e) {
91
- this.listenerFieldForm = s ? F(s) : { fieldType: "string" }, this.editingListenerFieldIndex = s ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
92
- this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
93
- });
94
- },
95
- // 保存监听器注入字段
96
- async saveListenerFiled() {
97
- await this.$refs.listenerFieldFormRef.validate() && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, await this.$nextTick(), this.listenerFieldForm = {});
98
- },
99
- // 移除监听器字段
100
- async removeListenerField(s, e) {
101
- try {
102
- await this.$confirm("确认移除该字段吗?", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
103
- } catch {
104
- }
105
- },
106
- // 移除监听器
107
- async removeListener(s, e) {
108
- try {
109
- await this.$confirm("确认移除该监听器吗?", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), c(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
110
- } catch {
111
- }
112
- },
113
- // 保存监听器配置
114
- async saveListenerConfig() {
115
- var t, r, l;
116
- if (!await this.$refs.listenerFormRef.validate()) return;
117
- const e = m(this.bpmnInstances, this.listenerForm, !1, this.prefix);
118
- 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 = ((l = (r = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : r.values) == null ? void 0 : l.filter((a) => a.$type !== `${this.prefix}:ExecutionListener`)) ?? [], c(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
119
- }
120
- }
121
- };
122
- var E = function() {
123
- var r, l, a;
124
- var e = this, t = e._self._c;
125
- 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: (i) => e.listenerTypeObject[i.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: n }) {
126
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
127
- return e.openListenerForm(i, n);
128
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
129
- return e.removeListener(i, n);
130
- } } }, [e._v("移除")])];
131
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
132
- return e.openListenerForm(null);
133
- } } }, [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(i) {
134
- e.listenerFormModelVisible = i;
135
- } } }, [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(i) {
136
- return e.assignListener("start");
137
- } } }, [e._v("开始")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
138
- return e.assignListener("end");
139
- } } }, [e._v("结束")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
140
- return e.assignListener("draft");
141
- } } }, [e._v("草稿")])], 1), t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(i) {
142
- i.preventDefault();
143
- } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(i) {
144
- e.$set(e.listenerForm, "event", i);
145
- }, 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", { model: { value: e.listenerForm.listenerType, callback: function(i) {
146
- e.$set(e.listenerForm, "listenerType", i);
147
- }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(i) {
148
- return t("ElOption", { key: i, attrs: { label: e.listenerTypeObject[i], value: i } });
149
- }), 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) {
150
- e.$set(e.listenerForm, "class", i);
151
- }, 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) {
152
- e.$set(e.listenerForm, "expression", i);
153
- }, 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", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(i) {
154
- e.$set(e.listenerForm, "delegateExpression", i);
155
- }, expression: "listenerForm.delegateExpression" } }, e._l(((r = e.context) == null ? void 0 : r.delegateExpressions) || [], function(i) {
156
- return t("ElOption", { key: i, attrs: { value: i, label: i } });
157
- }), 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(i) {
158
- e.$set(e.listenerForm, "scriptFormat", i);
159
- }, 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) {
160
- e.$set(e.listenerForm, "scriptType", i);
161
- }, 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) {
162
- e.$set(e.listenerForm, "value", i);
163
- }, 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) {
164
- e.$set(e.listenerForm, "resource", i);
165
- }, 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(i) {
166
- return e.openListenerFieldForm(null);
167
- } } }, [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: n }) {
168
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
169
- return e.openListenerFieldForm(i, n);
170
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
171
- return e.removeListenerField(i, n);
172
- } } }, [e._v(" 移除 ")])];
173
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
174
- e.listenerFormModelVisible = !1;
175
- } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
176
- e.listenerFieldFormModelVisible = i;
177
- } }, scopedSlots: e._u([{ key: "footer", fn: function() {
178
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
179
- e.listenerFieldFormModelVisible = !1;
180
- } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
181
- }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
182
- i.preventDefault();
183
- } } }, [t("ElFormItem", { attrs: { label: "字段名称:", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, on: { input: e.setDefaultFieldValue }, model: { value: e.listenerFieldForm.name, callback: function(i) {
184
- e.$set(e.listenerFieldForm, "name", i);
185
- }, expression: "listenerFieldForm.name" } }, e._l(((l = e.context) == null ? void 0 : l.fields) || [], function(i) {
186
- return t("ElOption", { key: i, attrs: { value: i, label: i } });
187
- }), 1)], 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(i) {
188
- e.$set(e.listenerFieldForm, "fieldType", i);
189
- }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(i) {
190
- return t("ElOption", { key: i, attrs: { label: e.fieldTypeObject[i], value: i } });
191
- }), 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", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
192
- e.$set(e.listenerFieldForm, "string", i);
193
- }, expression: "listenerFieldForm.string" } }, e._l(e.apis, function(i) {
194
- return t("ElOption", { key: i, attrs: { value: i, label: i } });
195
- }), 1) : e.listenerFieldForm.name === "serviceId" ? t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
196
- e.$set(e.listenerFieldForm, "string", i);
197
- }, expression: "listenerFieldForm.string" } }, e._l(((a = e.context) == null ? void 0 : a.services) || [], function(i) {
198
- return t("ElOption", { key: i, attrs: { value: i, label: i } });
199
- }), 1) : t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
200
- e.$set(e.listenerFieldForm, "string", i);
201
- }, 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) {
202
- e.$set(e.listenerFieldForm, "expression", i);
203
- }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
204
- }, x = [], L = /* @__PURE__ */ h(
205
- g,
206
- E,
207
- x,
208
- !1,
209
- null,
210
- null
211
- );
212
- const w = L.exports;
213
- export {
214
- w as default
215
- };
@@ -1,181 +0,0 @@
1
- import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
2
- const a = {
3
- name: "ElementMultiInstance",
4
- inject: {
5
- prefix: "prefix"
6
- },
7
- props: {
8
- id: String,
9
- element: Object,
10
- bpmnInstances: Object
11
- },
12
- data() {
13
- return {
14
- loopCharacteristics: "",
15
- // 默认配置,用来覆盖原始不存在的选项,避免报错
16
- defaultLoopInstanceForm: {
17
- completionCondition: "",
18
- loopCardinality: "",
19
- extensionElements: [],
20
- asyncAfter: !1,
21
- asyncBefore: !1,
22
- exclusive: !1
23
- },
24
- loopInstanceForm: {}
25
- };
26
- },
27
- watch: {
28
- id: {
29
- immediate: !0,
30
- handler() {
31
- const { businessObject: o } = this.element;
32
- this.getElementLoop(o);
33
- }
34
- }
35
- },
36
- beforeDestroy() {
37
- this.multiLoopInstance = null;
38
- },
39
- methods: {
40
- getElementLoop(o) {
41
- var t, e, n, s;
42
- if (!o.loopCharacteristics) {
43
- this.loopCharacteristics = "Null", this.loopInstanceForm = {};
44
- return;
45
- }
46
- if (o.loopCharacteristics.$type === "bpmn:StandardLoopCharacteristics") {
47
- this.loopCharacteristics = "StandardLoop", this.loopInstanceForm = {};
48
- return;
49
- }
50
- o.loopCharacteristics.isSequential ? this.loopCharacteristics = "SequentialMultiInstance" : this.loopCharacteristics = "ParallelMultiInstance", this.loopInstanceForm = {
51
- ...this.defaultLoopInstanceForm,
52
- ...o.loopCharacteristics,
53
- completionCondition: ((e = (t = o.loopCharacteristics) == null ? void 0 : t.completionCondition) == null ? void 0 : e.body) ?? "",
54
- loopCardinality: ((s = (n = o.loopCharacteristics) == null ? void 0 : n.loopCardinality) == null ? void 0 : s.body) ?? ""
55
- }, this.multiLoopInstance = this.element.businessObject.loopCharacteristics, o.loopCharacteristics.extensionElements && o.loopCharacteristics.extensionElements.values && o.loopCharacteristics.extensionElements.values.length && this.$set(this.loopInstanceForm, "timeCycle", o.loopCharacteristics.extensionElements.values[0].body);
56
- },
57
- changeLoopCharacteristicsType(o) {
58
- if (o === "Null") {
59
- this.bpmnInstances.modeling.updateProperties(this.element, { loopCharacteristics: null });
60
- return;
61
- }
62
- if (o === "StandardLoop") {
63
- const t = this.bpmnInstances.moddle.create("bpmn:StandardLoopCharacteristics");
64
- this.bpmnInstances.modeling.updateProperties(this.element, {
65
- loopCharacteristics: t
66
- }), this.multiLoopInstance = null;
67
- return;
68
- }
69
- o === "SequentialMultiInstance" ? this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics", {
70
- isSequential: !0
71
- }) : this.multiLoopInstance = this.bpmnInstances.moddle.create("bpmn:MultiInstanceLoopCharacteristics"), this.bpmnInstances.modeling.updateProperties(this.element, {
72
- loopCharacteristics: this.multiLoopInstance
73
- });
74
- },
75
- // 循环基数
76
- updateLoopCardinality(o) {
77
- let t = null;
78
- o && o.length && (t = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: o })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
79
- loopCardinality: t
80
- });
81
- },
82
- // 完成条件
83
- updateLoopCondition(o) {
84
- let t = null;
85
- o && o.length && (t = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: o })), this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
86
- completionCondition: t
87
- });
88
- },
89
- // 重试周期
90
- updateLoopTimeCycle(o) {
91
- const t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
92
- values: [
93
- this.bpmnInstances.moddle.create(`${this.prefix}:FailedJobRetryTimeCycle`, {
94
- body: o
95
- })
96
- ]
97
- });
98
- this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
99
- extensionElements: t
100
- });
101
- },
102
- // 直接更新的基础信息
103
- updateLoopBase() {
104
- this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, {
105
- collection: this.loopInstanceForm.collection || null,
106
- elementVariable: this.loopInstanceForm.elementVariable || null
107
- });
108
- },
109
- // 各异步状态
110
- updateLoopAsync(o) {
111
- const { asyncBefore: t, asyncAfter: e } = this.loopInstanceForm;
112
- let n = /* @__PURE__ */ Object.create(null);
113
- !t && !e ? (this.$set(this.loopInstanceForm, "exclusive", !1), n = { asyncBefore: !1, asyncAfter: !1, exclusive: !1, extensionElements: null }) : n[o] = this.loopInstanceForm[o], this.bpmnInstances.modeling.updateModdleProperties(this.element, this.multiLoopInstance, n);
114
- }
115
- }
116
- };
117
- var i = function() {
118
- var t = this, e = t._self._c;
119
- return e("div", { staticClass: "panel-tab__content element-multi-instance" }, [e("ElForm", { attrs: { size: "mini", "label-width": "100px" }, nativeOn: { submit: function(n) {
120
- n.preventDefault();
121
- } } }, [e("ElFormItem", { attrs: { label: "回路特性" }, scopedSlots: t._u([{ key: "label", fn: function() {
122
- return [t._v(" 回路特性 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
123
- return [e("ul", [e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("并行")]), t._v(" 一次性创建所有任务实例")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("串行")]), t._v(" 完成一个任务实例再创建一个任务实例,直到环节完成")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("循环事件")]), t._v(" 未知")])])];
124
- }, proxy: !0 }]) }, [e("i", { staticClass: "el-icon-info" })])];
125
- }, proxy: !0 }]) }, [e("ElSelect", { on: { change: t.changeLoopCharacteristicsType }, model: { value: t.loopCharacteristics, callback: function(n) {
126
- t.loopCharacteristics = n;
127
- }, expression: "loopCharacteristics" } }, [e("ElOption", { attrs: { label: "并行", value: "ParallelMultiInstance" } }), e("ElOption", { attrs: { label: "串行", value: "SequentialMultiInstance" } }), e("ElOption", { attrs: { label: "循环事件", value: "StandardLoop" } }), e("ElOption", { attrs: { label: "无", value: "Null" } })], 1)], 1), t.loopCharacteristics === "ParallelMultiInstance" || t.loopCharacteristics === "SequentialMultiInstance" ? [e("ElFormItem", { key: "loopCardinality", attrs: { label: "循环基数" }, scopedSlots: t._u([{ key: "label", fn: function() {
128
- return [t._v(" 循环基数 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
129
- return [e("div", [t._v("与任务实例数相对,可不填")])];
130
- }, proxy: !0 }], null, !1, 3306633709) }, [e("i", { staticClass: "el-icon-info" })])];
131
- }, proxy: !0 }], null, !1, 3757615878) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopCardinality }, model: { value: t.loopInstanceForm.loopCardinality, callback: function(n) {
132
- t.$set(t.loopInstanceForm, "loopCardinality", n);
133
- }, expression: "loopInstanceForm.loopCardinality" } })], 1), e("ElFormItem", { key: "collection", attrs: { label: "集合名称", required: "" }, scopedSlots: t._u([{ key: "label", fn: function() {
134
- return [t._v(" 集合变量 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
135
- return [e("p", [t._v("流程变量名,设置为 "), e("span", { staticClass: "flow-tips-keyword" }, [t._v("${handlers}")]), t._v(" 就行")])];
136
- }, proxy: !0 }], null, !1, 2769289721) }, [e("i", { staticClass: "el-icon-info" })])];
137
- }, proxy: !0 }], null, !1, 3139340263) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopBase }, model: { value: t.loopInstanceForm.collection, callback: function(n) {
138
- t.$set(t.loopInstanceForm, "collection", n);
139
- }, expression: "loopInstanceForm.collection" } })], 1), e("ElFormItem", { key: "elementVariable", attrs: { label: "元素名称", required: "" }, scopedSlots: t._u([{ key: "label", fn: function() {
140
- return [t._v(" 元素变量 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
141
- return [e("p", [t._v(" 流程变量名,设置为 "), e("span", { staticClass: "flow-tips-keyword" }, [t._v("handler")]), t._v(' 就行,注意与"'), e("span", { staticClass: "flow-tips-keyword" }, [t._v("处理人")]), t._v('"中的"'), e("span", { staticClass: "flow-tips-keyword" }, [t._v("分配人员")]), t._v('"值保持一致 ')])];
142
- }, proxy: !0 }], null, !1, 952223137) }, [e("i", { staticClass: "el-icon-info" })])];
143
- }, proxy: !0 }], null, !1, 1907746023) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopBase }, model: { value: t.loopInstanceForm.elementVariable, callback: function(n) {
144
- t.$set(t.loopInstanceForm, "elementVariable", n);
145
- }, expression: "loopInstanceForm.elementVariable" } })], 1), e("ElFormItem", { key: "completionCondition", attrs: { label: "完成条件" }, scopedSlots: t._u([{ key: "label", fn: function() {
146
- return [t._v(" 完成条件 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
147
- return [e("p", { staticClass: "flow-tips-title" }, [t._v("特殊流程变量:")]), e("ul", [e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("nrOfInstances")]), t._v(" 总实例数")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("nrOfCompletedInstances")]), t._v(" 已完成的实例数")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("nrOfActiveInstances")]), t._v(" 未完成实例数")])]), e("p", { staticClass: "flow-tips-title" }, [t._v("示例:")]), e("ul", [e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("${nrOfCompletedInstances/nrOfInstances >= 1}")]), t._v(":所有实例完成结束该环节 ")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("${nrOfCompletedInstances/nrOfInstances >= 0.5}")]), t._v(":50%实例完成结束该环节 ")]), e("li", { staticClass: "flow-tips-list-item" }, [e("span", { staticClass: "flow-tips-keyword" }, [t._v("${nrOfCompletedInstances >= 1}")]), t._v(":有一个实例完成结束该环节")])]), e("p", { staticClass: "flow-tips-title" }, [t._v("不填要等所有实例完成才会结束该环节")])];
148
- }, proxy: !0 }], null, !1, 2952075778) }, [e("i", { staticClass: "el-icon-info" })])];
149
- }, proxy: !0 }], null, !1, 2319413861) }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopCondition }, model: { value: t.loopInstanceForm.completionCondition, callback: function(n) {
150
- t.$set(t.loopInstanceForm, "completionCondition", n);
151
- }, expression: "loopInstanceForm.completionCondition" } })], 1), e("ElFormItem", { key: "async", attrs: { label: "异步状态" }, scopedSlots: t._u([{ key: "label", fn: function() {
152
- return [t._v(" 异步状态 "), e("ElTooltip", { attrs: { effect: "light" }, scopedSlots: t._u([{ key: "content", fn: function() {
153
- return [e("div", [t._v("目前没用到")])];
154
- }, proxy: !0 }], null, !1, 1935913218) }, [e("i", { staticClass: "el-icon-info" })])];
155
- }, proxy: !0 }], null, !1, 474663414) }, [e("ElCheckbox", { attrs: { label: "异步前" }, on: { change: function(n) {
156
- return t.updateLoopAsync("asyncBefore");
157
- } }, model: { value: t.loopInstanceForm.asyncBefore, callback: function(n) {
158
- t.$set(t.loopInstanceForm, "asyncBefore", n);
159
- }, expression: "loopInstanceForm.asyncBefore" } }), e("ElCheckbox", { attrs: { label: "异步后" }, on: { change: function(n) {
160
- return t.updateLoopAsync("asyncAfter");
161
- } }, model: { value: t.loopInstanceForm.asyncAfter, callback: function(n) {
162
- t.$set(t.loopInstanceForm, "asyncAfter", n);
163
- }, expression: "loopInstanceForm.asyncAfter" } }), t.loopInstanceForm.asyncAfter || t.loopInstanceForm.asyncBefore ? e("ElCheckbox", { attrs: { label: "排除" }, on: { change: function(n) {
164
- return t.updateLoopAsync("exclusive");
165
- } }, model: { value: t.loopInstanceForm.exclusive, callback: function(n) {
166
- t.$set(t.loopInstanceForm, "exclusive", n);
167
- }, expression: "loopInstanceForm.exclusive" } }) : t._e()], 1), t.loopInstanceForm.asyncAfter || t.loopInstanceForm.asyncBefore ? e("ElFormItem", { key: "timeCycle", attrs: { label: "重试周期", prop: "timeCycle" } }, [e("ElInput", { attrs: { clearable: "" }, on: { change: t.updateLoopTimeCycle }, model: { value: t.loopInstanceForm.timeCycle, callback: function(n) {
168
- t.$set(t.loopInstanceForm, "timeCycle", n);
169
- }, expression: "loopInstanceForm.timeCycle" } })], 1) : t._e()] : t._e()], 2)], 1);
170
- }, c = [], r = /* @__PURE__ */ l(
171
- a,
172
- i,
173
- c,
174
- !1,
175
- null,
176
- null
177
- );
178
- const m = r.exports;
179
- export {
180
- m as default
181
- };
@@ -1,60 +0,0 @@
1
- import { isBlank as i } from "@web-utils/core";
2
- import { n as o } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
- const a = {
4
- name: "ElementOtherConfig",
5
- props: {
6
- id: String,
7
- element: Object,
8
- bpmnInstances: Object
9
- },
10
- data() {
11
- return {
12
- documentation: ""
13
- };
14
- },
15
- watch: {
16
- id: {
17
- immediate: !0,
18
- handler() {
19
- if (i(this.element))
20
- this.documentation = "";
21
- else {
22
- const {
23
- businessObject: { documentation: e }
24
- } = this.element;
25
- this.documentation = (e == null ? void 0 : e[0].text) || "";
26
- }
27
- }
28
- }
29
- },
30
- methods: {
31
- updateDocumentation() {
32
- const { modeling: e } = this.bpmnInstances, {
33
- businessObject: { documentation: t }
34
- } = this.element;
35
- if (t != null && t.length)
36
- t[0].set("text", this.documentation), e.updateProperties(this.element, { documentation: t });
37
- else {
38
- const { bpmnFactory: n } = this.bpmnInstances, s = n.create("bpmn:Documentation", { text: this.documentation });
39
- e.updateProperties(this.element, { documentation: [s] });
40
- }
41
- }
42
- }
43
- };
44
- var c = function() {
45
- var t = this, n = t._self._c;
46
- return n("div", { staticClass: "panel-tab__content" }, [n("div", { staticClass: "element-property input-property" }, [n("div", { staticClass: "element-property__label" }, [t._v("元素文档:")]), n("div", { staticClass: "element-property__value" }, [n("ElInput", { attrs: { type: "textarea", size: "mini", resize: "vertical", autosize: { minRows: 2, maxRows: 4 } }, on: { input: t.updateDocumentation }, model: { value: t.documentation, callback: function(s) {
47
- t.documentation = s;
48
- }, expression: "documentation" } })], 1)])]);
49
- }, m = [], r = /* @__PURE__ */ o(
50
- a,
51
- c,
52
- m,
53
- !1,
54
- null,
55
- null
56
- );
57
- const u = r.exports;
58
- export {
59
- u as default
60
- };
@@ -1,112 +0,0 @@
1
- import { fastClone as n } from "@web-utils/core";
2
- import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
- const p = {
4
- name: "ElementProperties",
5
- inject: {
6
- prefix: "prefix",
7
- width: "width"
8
- },
9
- props: {
10
- id: String,
11
- element: Object,
12
- bpmnInstances: Object
13
- },
14
- data() {
15
- return {
16
- elementPropertyList: [],
17
- propertyForm: {},
18
- editingPropertyIndex: -1,
19
- propertyFormModelVisible: !1
20
- };
21
- },
22
- watch: {
23
- id: {
24
- immediate: !0,
25
- handler(i) {
26
- i != null && i.length && this.resetAttributesList();
27
- }
28
- }
29
- },
30
- methods: {
31
- resetAttributesList() {
32
- var i, t, e;
33
- this.otherExtensionList = [], this.bpmnElementProperties = ((e = (t = (i = this.element.businessObject) == null ? void 0 : i.extensionElements) == null ? void 0 : t.values) == null ? void 0 : e.filter((r) => (r.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(r), r.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((r, s) => r.concat(s.values), []), this.elementPropertyList = n(this.bpmnElementPropertyList ?? []);
34
- },
35
- openAttributesForm(i, t) {
36
- this.editingPropertyIndex = t, this.propertyForm = t === -1 ? {} : n(i), this.propertyFormModelVisible = !0, this.$nextTick(() => {
37
- this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
38
- });
39
- },
40
- removeAttributes(i, t) {
41
- this.$confirm("确认移除该属性吗?", "提示", {
42
- confirmButtonText: "确 认",
43
- cancelButtonText: "取 消"
44
- }).then(() => {
45
- this.elementPropertyList.splice(t, 1), this.bpmnElementPropertyList.splice(t, 1);
46
- const e = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
47
- values: this.bpmnElementPropertyList
48
- });
49
- this.updateElementExtensions(e), this.resetAttributesList();
50
- }).catch(() => {
51
- });
52
- },
53
- saveAttribute() {
54
- const { name: i, value: t } = this.propertyForm;
55
- if (this.editingPropertyIndex !== -1)
56
- this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
57
- name: i,
58
- value: t
59
- });
60
- else {
61
- const e = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { name: i, value: t }), r = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
62
- values: this.bpmnElementPropertyList.concat([e])
63
- });
64
- this.updateElementExtensions(r);
65
- }
66
- this.propertyFormModelVisible = !1, this.resetAttributesList();
67
- },
68
- updateElementExtensions(i) {
69
- const t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
70
- values: this.otherExtensionList.concat([i])
71
- });
72
- this.bpmnInstances.modeling.updateProperties(this.element, {
73
- extensionElements: t
74
- });
75
- }
76
- }
77
- };
78
- var a = function() {
79
- var t = this, e = t._self._c;
80
- return e("div", { staticClass: "panel-tab__content" }, [e("ElTable", { attrs: { data: t.elementPropertyList, size: "mini", "max-height": "240", border: "", fit: "" } }, [e("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), e("ElTableColumn", { attrs: { label: "属性名", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), e("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), e("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: t._u([{ key: "default", fn: function({ row: r, $index: s }) {
81
- return [e("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
82
- return t.openAttributesForm(r, s);
83
- } } }, [t._v("编辑")]), e("ElDivider", { attrs: { direction: "vertical" } }), e("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
84
- return t.removeAttributes(r, s);
85
- } } }, [t._v("移除")])];
86
- } }]) })], 1), e("div", { staticClass: "element-drawer__button" }, [e("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(r) {
87
- return t.openAttributesForm(null, -1);
88
- } } }, [t._v("添加属性")])], 1), e("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: t.propertyFormModelVisible, title: "属性配置", width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(r) {
89
- t.propertyFormModelVisible = r;
90
- } }, scopedSlots: t._u([{ key: "footer", fn: function() {
91
- return [e("ElButton", { attrs: { size: "mini" }, on: { click: function(r) {
92
- t.propertyFormModelVisible = !1;
93
- } } }, [t._v("取 消")]), e("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: t.saveAttribute } }, [t._v("确 定")])];
94
- }, proxy: !0 }]) }, [e("ElForm", { ref: "attributeFormRef", attrs: { model: t.propertyForm, "label-width": "80px", size: "mini" }, nativeOn: { submit: function(r) {
95
- r.preventDefault();
96
- } } }, [e("ElFormItem", { attrs: { label: "属性名:", prop: "name" } }, [e("ElInput", { attrs: { clearable: "" }, model: { value: t.propertyForm.name, callback: function(r) {
97
- t.$set(t.propertyForm, "name", r);
98
- }, expression: "propertyForm.name" } })], 1), e("ElFormItem", { attrs: { label: "属性值:", prop: "value" } }, [e("ElInput", { attrs: { clearable: "" }, model: { value: t.propertyForm.value, callback: function(r) {
99
- t.$set(t.propertyForm, "value", r);
100
- }, expression: "propertyForm.value" } })], 1)], 1)], 1)], 1);
101
- }, m = [], c = /* @__PURE__ */ l(
102
- p,
103
- a,
104
- m,
105
- !1,
106
- null,
107
- null
108
- );
109
- const b = c.exports;
110
- export {
111
- b as default
112
- };