@web-utils/component 4.0.13 → 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 (171) 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-checkbox-group/style.css +1 -1
  58. package/form-date-picker/index.mjs +20 -18
  59. package/form-holder/index.mjs +14 -13
  60. package/form-input/index.mjs +15 -14
  61. package/form-input-cron-expression/index.mjs +22 -19
  62. package/form-input-email/index.mjs +16 -15
  63. package/form-input-id-card/index.mjs +13 -12
  64. package/form-input-number/index.mjs +17 -16
  65. package/form-input-phone-number/index.mjs +22 -21
  66. package/form-input-tag/index.mjs +15 -14
  67. package/form-input-time/index.mjs +15 -14
  68. package/form-item/index.mjs +3 -140
  69. package/form-item-group/index.mjs +31 -28
  70. package/form-radio-group/index.mjs +28 -27
  71. package/form-radio-group/style.css +1 -1
  72. package/form-select/index.mjs +23 -21
  73. package/form-switch/index.mjs +17 -16
  74. package/form-table/index.mjs +17 -16
  75. package/form-table-plus/index.mjs +22 -21
  76. package/form-textarea/index.mjs +16 -15
  77. package/form-tree-select/index.mjs +15 -14
  78. package/form-tree-select-multiple/index.mjs +15 -14
  79. package/form-view/index.mjs +39 -35
  80. package/fy-array/index.mjs +37 -33
  81. package/fy-cascader/index.mjs +17 -16
  82. package/fy-checkbox/index.mjs +13 -11
  83. package/fy-code/index.mjs +10 -10
  84. package/fy-curd/index.mjs +1147 -1123
  85. package/fy-date/index.mjs +11 -10
  86. package/fy-draggable/index.mjs +10 -9
  87. package/fy-dynamic/index.mjs +25 -22
  88. package/fy-empty/index.mjs +1 -1
  89. package/fy-form/index.mjs +15 -638
  90. package/fy-form-design/index.mjs +1165 -1127
  91. package/fy-input/index.mjs +14 -12
  92. package/fy-input-color/index.mjs +15 -13
  93. package/fy-input-icon/index.mjs +23 -20
  94. package/fy-input-map/index.mjs +31 -28
  95. package/fy-input-number/index.mjs +10 -9
  96. package/fy-input-table/index.mjs +22 -18
  97. package/fy-input-tree/index.mjs +37 -33
  98. package/fy-progress/index.mjs +10 -9
  99. package/fy-radio/index.mjs +16 -15
  100. package/fy-rate/index.mjs +11 -10
  101. package/fy-select/index.mjs +29 -25
  102. package/fy-slider/index.mjs +12 -11
  103. package/fy-switch/index.mjs +10 -9
  104. package/fy-tabs/index.mjs +17 -15
  105. package/fy-time/index.mjs +1 -1
  106. package/fy-title/index.mjs +1 -1
  107. package/fy-tree/index.mjs +24 -18
  108. package/fy-u-editor/index.mjs +1 -1
  109. package/fy-upload/index.mjs +76 -74
  110. package/guide-steps/index.mjs +13 -11
  111. package/iframe-window/index.mjs +10 -9
  112. package/image-cropper/index.mjs +30 -28
  113. package/image-preview/index.mjs +14 -12
  114. package/index.mjs +72 -72
  115. package/input-number/index.mjs +14 -13
  116. package/input-number-range/index.mjs +12 -11
  117. package/license/index.mjs +1 -1
  118. package/login/index.mjs +26 -21
  119. package/nav-bar/index.mjs +10 -9
  120. package/notice/index.mjs +10 -9
  121. package/package.json +1 -1
  122. package/page-index/index.mjs +13 -12
  123. package/page-index-top/index.mjs +28 -23
  124. package/page-skeleton/index.mjs +14 -14
  125. package/page-skeleton-new/index.mjs +9 -8
  126. package/pageable-table/index.mjs +182 -172
  127. package/pageable-table/style.css +1 -1
  128. package/pageable-view/index.mjs +16 -15
  129. package/picker-table-view/index.mjs +58 -49
  130. package/present-view/index.mjs +39 -35
  131. package/record-video/index.mjs +1 -1
  132. package/resize-observer/index.mjs +1 -1
  133. package/search/index.mjs +22 -20
  134. package/search-popover/index.mjs +1 -1
  135. package/sign/index.mjs +1 -1
  136. package/skeleton-panel/index.mjs +10 -9
  137. package/split-pane/index.mjs +37 -36
  138. package/static-pageable-table/index.mjs +13 -11
  139. package/sub-table/index.mjs +49 -36
  140. package/sub-table-plus/index.mjs +18 -229
  141. package/swiper/index.mjs +12 -11
  142. package/table-column/index.mjs +3 -223
  143. package/table-view/index.mjs +60 -52
  144. package/tabs-view/index.mjs +19 -17
  145. package/tag-render/index.mjs +18 -16
  146. package/text-ellipsis/index.mjs +10 -9
  147. package/toolbar/index.mjs +14 -13
  148. package/toolbar-button/index.mjs +14 -13
  149. package/verify/index.mjs +1 -1
  150. package/vue-cron/index.mjs +267 -259
  151. package/watermark/index.mjs +1 -1
  152. package/web-types.json +1 -1
  153. package/x-input-tag/index.mjs +24 -21
  154. package/chunks/ElementBaseInfo.ZADwixb5.mjs +0 -125
  155. package/chunks/ElementForm.CQ3PN5qj.mjs +0 -223
  156. package/chunks/ElementListeners.De_PRuIm.mjs +0 -215
  157. package/chunks/ElementMultiInstance.DQo2wuAQ.mjs +0 -181
  158. package/chunks/ElementOtherConfig.B1NfMTYh.mjs +0 -60
  159. package/chunks/ElementProperties.CosfDrlW.mjs +0 -112
  160. package/chunks/FlowCondition.Y6qEYi1T.mjs +0 -102
  161. package/chunks/FormTemp.BQxO5IQq.mjs +0 -123
  162. package/chunks/SignalAndMessage.Bb5PFX0N.mjs +0 -85
  163. package/chunks/UserTaskListeners.Bv3BDfEI.mjs +0 -169
  164. package/chunks/core.0Exl13Mz.mjs +0 -54
  165. package/chunks/dictionary.DGt59Ir7.mjs +0 -68
  166. package/chunks/form-item.LWjePsPa.mjs +0 -233
  167. package/chunks/sub-table-plus-props.BVsD71hT.mjs +0 -30
  168. package/chunks/utilSelf.Csq1766E.mjs +0 -48
  169. package/chunks/utils.DRcxC1Fb.mjs +0 -60
  170. package/element-listeners/style.css +0 -1
  171. package/element-multi-instance/style.css +0 -1
@@ -1,4 +1,4 @@
1
- import { g as f } from "../chunks/index.9OxHjTIE.mjs";
1
+ import { a as f } from "../chunks/index.CIfe3UB3.mjs";
2
2
  import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
3
  const p = {
4
4
  name: "Watermark",
package/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@web-utils/component",
5
- "version": "4.0.13",
5
+ "version": "4.0.15",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "description-markup": "markdown",
@@ -1,5 +1,8 @@
1
- import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
2
- const l = {
1
+ import a from "element-ui/lib/button";
2
+ import r from "element-ui/lib/input";
3
+ import u from "element-ui/lib/tag";
4
+ import { n as l } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
5
+ const o = {
3
6
  name: "XInputTag",
4
7
  inject: {
5
8
  elForm: {
@@ -45,9 +48,9 @@ const l = {
45
48
  },
46
49
  tags: {
47
50
  get() {
48
- var a, t;
51
+ var i, t;
49
52
  if (this.arrayMode)
50
- return (a = this.value) != null && a.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : { ...e, id: Math.random() }) : this.value : [];
53
+ return (i = this.value) != null && i.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : { ...e, id: Math.random() }) : this.value : [];
51
54
  {
52
55
  const e = ((t = this.value) == null ? void 0 : t.split(this.separator)) || [];
53
56
  return e.length && e[0] ? e.map((s) => this.objectMode ? { name: s, id: Math.random() } : s) : [];
@@ -59,8 +62,8 @@ const l = {
59
62
  async showInput() {
60
63
  this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
61
64
  },
62
- handleClose(a) {
63
- const t = this.tags.filter((e) => e !== a);
65
+ handleClose(i) {
66
+ const t = this.tags.filter((e) => e !== i);
64
67
  this.$emit("input", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
65
68
  },
66
69
  async handleInputConfirm() {
@@ -69,9 +72,9 @@ const l = {
69
72
  this.$message.warning({ message: "标签已达上限,请删除一些标签再添加!", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
70
73
  return;
71
74
  }
72
- const a = this.inputValue;
73
- if (a) {
74
- if (this.tags.some((s) => (s.name || s) === a)) {
75
+ const i = this.inputValue;
76
+ if (i) {
77
+ if (this.tags.some((s) => (s.name || s) === i)) {
75
78
  this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在!", showClose: !0 });
76
79
  return;
77
80
  }
@@ -82,26 +85,26 @@ const l = {
82
85
  }
83
86
  }
84
87
  };
85
- var r = function() {
88
+ var p = function() {
86
89
  var t = this, e = t._self._c;
87
- return e("div", { staticClass: "x-input-tag" }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, i) {
88
- return e("ElTag", { key: s.id || s, attrs: { size: "medium", "disable-transitions": "", closable: !t.inputDisabled }, on: { close: function(p) {
89
- return t.handleClose(s, i);
90
+ return e("div", { staticClass: "x-input-tag" }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, n) {
91
+ return e(u, { key: s.id || s, attrs: { size: "medium", "disable-transitions": "", closable: !t.inputDisabled }, on: { close: function(d) {
92
+ return t.handleClose(s, n);
90
93
  } } }, [t._v(" " + t._s(s.name || s) + " ")]);
91
- }) : t.inputDisabled ? [e("span", { staticStyle: { color: "#b5b5b5" } }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e("ElInput", { directives: [{ name: "show", rawName: "v-show", value: t.inputVisible, expression: "inputVisible" }], ref: "saveTagInput", staticClass: "input-new-tag", attrs: { size: "mini" }, on: { blur: t.handleInputConfirm }, nativeOn: { keyup: function(s) {
94
+ }) : t.inputDisabled ? [e("span", { staticStyle: { color: "#b5b5b5" } }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e(r, { directives: [{ name: "show", rawName: "v-show", value: t.inputVisible, expression: "inputVisible" }], ref: "saveTagInput", staticClass: "input-new-tag", attrs: { size: "mini" }, on: { blur: t.handleInputConfirm }, nativeOn: { keyup: function(s) {
92
95
  return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.handleInputConfirm.apply(null, arguments);
93
96
  } }, model: { value: t.inputValue, callback: function(s) {
94
97
  t.inputValue = s;
95
- }, expression: "inputValue" } }), !t.inputDisabled && !t.inputVisible ? e("ElButton", { directives: [{ name: "show", rawName: "v-show", value: t.tags.length < t.maxTag, expression: "tags.length < maxTag" }], staticClass: "button-new-tag", attrs: { size: "mini" }, on: { click: t.showInput } }, [t._v(" + 添加 ")]) : t._e(), t.count ? e("span", { staticClass: "tags-count" }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
96
- }, u = [], o = /* @__PURE__ */ n(
97
- l,
98
- r,
99
- u,
98
+ }, expression: "inputValue" } }), !t.inputDisabled && !t.inputVisible ? e(a, { directives: [{ name: "show", rawName: "v-show", value: t.tags.length < t.maxTag, expression: "tags.length < maxTag" }], staticClass: "button-new-tag", attrs: { size: "mini" }, on: { click: t.showInput } }, [t._v(" + 添加 ")]) : t._e(), t.count ? e("span", { staticClass: "tags-count" }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
99
+ }, h = [], m = /* @__PURE__ */ l(
100
+ o,
101
+ p,
102
+ h,
100
103
  !1,
101
104
  null,
102
105
  null
103
106
  );
104
- const d = o.exports;
107
+ const b = m.exports;
105
108
  export {
106
- d as default
109
+ b as default
107
110
  };
@@ -1,125 +0,0 @@
1
- import { fastClone as o } from "@web-utils/core";
2
- import { a as l, g as r } from "./utils.DRcxC1Fb.mjs";
3
- import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
4
- const c = {
5
- name: "ElementBaseInfo",
6
- inject: {
7
- prefix: "prefix",
8
- width: "width"
9
- },
10
- props: {
11
- id: String,
12
- idEditDisabled: {
13
- type: Boolean,
14
- default: !0
15
- },
16
- element: Object,
17
- bpmnInstances: Object
18
- },
19
- data() {
20
- return {
21
- skipExpression: "",
22
- requiredComment: null,
23
- businessObject: {},
24
- attrs: {
25
- commentInForm: null,
26
- commentOrder: null,
27
- commentNodeIds: null,
28
- commentLabel: null
29
- },
30
- nodes: []
31
- };
32
- },
33
- watch: {
34
- id: "init"
35
- },
36
- methods: {
37
- init(n) {
38
- const e = this.bpmnInstances.elementRegistry.filter((i) => i.type === "bpmn:UserTask");
39
- this.nodes = e.map(({ businessObject: { id: i, name: a } }) => ({ label: a, value: i }));
40
- const { businessObject: s } = this.element;
41
- if (n ? (this.businessObject = o(s), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask")
42
- for (const i in this.attrs) {
43
- let a = r(s, `${this.prefix}:${i}`);
44
- i === "commentNodeIds" && (a = a ? a.split(",") : []), this.attrs[i] = a;
45
- }
46
- this.skipExpression = r(s, `${this.prefix}:skipExpression`);
47
- let t = r(s, `${this.prefix}:requiredComment`);
48
- t || (t = "Y"), this.requiredComment = t;
49
- },
50
- updateBaseInfo(n) {
51
- const { modeling: e } = this.bpmnInstances;
52
- if (n === "id") {
53
- e.updateProperties(this.element, {
54
- id: this.businessObject[n],
55
- di: { id: `${this.businessObject[n]}_di` }
56
- });
57
- return;
58
- }
59
- if (n === "isExpanded") {
60
- e.toggleCollapse(this.element);
61
- return;
62
- }
63
- e.updateProperties(this.element, { [n]: this.businessObject[n] });
64
- },
65
- updateProp(n, e) {
66
- if (n === "commentInForm") {
67
- if (!e)
68
- for (const s in this.attrs)
69
- s !== "commentInForm" && (this.attrs[s] = null, l(this.bpmnInstances, this.element, `${this.prefix}:${s}`, this.attrs[s]));
70
- } else n === "commentNodeIds" ? e = e != null && e.length ? e.join(",") : null : e = e || null;
71
- l(this.bpmnInstances, this.element, `${this.prefix}:${n}`, e);
72
- }
73
- }
74
- };
75
- var u = function() {
76
- var e = this, s = e._self._c;
77
- return s("div", { staticClass: "panel-tab__content" }, [s("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(t) {
78
- t.preventDefault();
79
- } } }, [s("ElFormItem", { attrs: { label: "ID" } }, [s("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(t) {
80
- return e.updateBaseInfo("id");
81
- } }, model: { value: e.businessObject.id, callback: function(t) {
82
- e.$set(e.businessObject, "id", t);
83
- }, expression: "businessObject.id" } })], 1), s("ElFormItem", { attrs: { label: "名称" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: function(t) {
84
- return e.updateBaseInfo("name");
85
- } }, model: { value: e.businessObject.name, callback: function(t) {
86
- e.$set(e.businessObject, "name", t);
87
- }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? [s("ElFormItem", { attrs: { label: "跳过表达式" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("skipExpression", t) }, model: { value: e.skipExpression, callback: function(t) {
88
- e.skipExpression = t;
89
- }, expression: "skipExpression" } })], 1), s("ElFormItem", { attrs: { label: "意见必填" } }, [s("ElSwitch", { attrs: { "active-text": "是", "active-value": "Y", "inactive-text": "否", "inactive-value": "N" }, on: { input: (t) => e.updateProp("requiredComment", t) }, model: { value: e.requiredComment, callback: function(t) {
90
- e.requiredComment = t;
91
- }, expression: "requiredComment" } })], 1), s("ElFormItem", { attrs: { label: "意见在表单" } }, [s("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: (t) => e.updateProp("commentInForm", t) }, model: { value: e.attrs.commentInForm, callback: function(t) {
92
- e.$set(e.attrs, "commentInForm", t);
93
- }, expression: "attrs.commentInForm" } })], 1), e.attrs.commentInForm ? [s("ElFormItem", { attrs: { label: "意见名称" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("commentLabel", t) }, model: { value: e.attrs.commentLabel, callback: function(t) {
94
- e.$set(e.attrs, "commentLabel", t);
95
- }, expression: "attrs.commentLabel" } })], 1), s("ElFormItem", { attrs: { label: "意见聚合" } }, [s("ElSelect", { attrs: { multiple: "", clearable: "" }, on: { input: (t) => e.updateProp("commentNodeIds", t) }, model: { value: e.attrs.commentNodeIds, callback: function(t) {
96
- e.$set(e.attrs, "commentNodeIds", t);
97
- }, expression: "attrs.commentNodeIds" } }, e._l(e.nodes, function(t) {
98
- return s("ElOption", { key: t.value, attrs: { label: t.label, value: t.value } });
99
- }), 1)], 1), s("ElFormItem", { attrs: { label: "意见排序号" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("commentOrder", t) }, model: { value: e.attrs.commentOrder, callback: function(t) {
100
- e.$set(e.attrs, "commentOrder", t);
101
- }, expression: "attrs.commentOrder" } })], 1)] : e._e()] : e._e(), e.businessObject.$type === "bpmn:Process" ? [s("ElFormItem", { attrs: { label: "版本标签" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: function(t) {
102
- return e.updateBaseInfo("versionTag");
103
- } }, model: { value: e.businessObject.versionTag, callback: function(t) {
104
- e.$set(e.businessObject, "versionTag", t);
105
- }, expression: "businessObject.versionTag" } })], 1), s("ElFormItem", { attrs: { label: "可执行" } }, [s("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(t) {
106
- return e.updateBaseInfo("isExecutable");
107
- } }, model: { value: e.businessObject.isExecutable, callback: function(t) {
108
- e.$set(e.businessObject, "isExecutable", t);
109
- }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? s("ElFormItem", { attrs: { label: "状态" } }, [s("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(t) {
110
- return e.updateBaseInfo("isExpanded");
111
- } }, model: { value: e.businessObject.isExpanded, callback: function(t) {
112
- e.$set(e.businessObject, "isExpanded", t);
113
- }, expression: "businessObject.isExpanded" } })], 1) : e._e()], 2)], 1);
114
- }, b = [], p = /* @__PURE__ */ m(
115
- c,
116
- u,
117
- b,
118
- !1,
119
- null,
120
- null
121
- );
122
- const E = p.exports;
123
- export {
124
- E as default
125
- };
@@ -1,223 +0,0 @@
1
- import { fastClone as s } from "@web-utils/core";
2
- import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
- const d = {
4
- name: "ElementForm",
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
- formKey: "",
17
- businessKey: "",
18
- optionModelTitle: "",
19
- fieldList: [],
20
- formFieldForm: {},
21
- fieldType: {
22
- long: "长整型",
23
- string: "字符串",
24
- boolean: "布尔类",
25
- date: "日期类",
26
- enum: "枚举类",
27
- custom: "自定义类型"
28
- },
29
- formFieldIndex: -1,
30
- // 编辑中的字段, -1 为新增
31
- formFieldOptionIndex: -1,
32
- // 编辑中的字段配置项, -1 为新增
33
- fieldModelVisible: !1,
34
- fieldOptionModelVisible: !1,
35
- fieldOptionForm: {},
36
- // 当前激活的字段配置项数据
37
- fieldOptionType: "",
38
- // 当前激活的字段配置项弹窗 类型
39
- fieldEnumList: [],
40
- // 枚举值列表
41
- fieldConstraintsList: [],
42
- // 约束条件列表
43
- fieldPropertiesList: []
44
- // 绑定属性列表
45
- };
46
- },
47
- watch: {
48
- id: {
49
- immediate: !0,
50
- async handler(n) {
51
- n && (await this.$nextTick(), this.resetFormList());
52
- }
53
- }
54
- },
55
- methods: {
56
- resetFormList() {
57
- var n;
58
- 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 = s(this.formData.fields || []), this.updateElementExtensions();
59
- },
60
- updateElementFormKey() {
61
- this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
62
- },
63
- updateElementBusinessKey() {
64
- this.bpmnInstances.modeling.updateModdleProperties(this.element, this.formData, {
65
- businessKey: this.businessKey
66
- });
67
- },
68
- // 根据类型调整字段type
69
- changeFieldTypeType(n) {
70
- this.$set(this.formFieldForm, "type", n === "custom" ? "" : n);
71
- },
72
- // 打开字段详情侧边栏
73
- openFieldForm(n, e) {
74
- var t, i;
75
- if (this.formFieldIndex = e, e !== -1) {
76
- const l = this.formData.fields[e];
77
- this.formFieldForm = s(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = s((l == null ? void 0 : l.values) || [])), this.fieldConstraintsList = s(((t = l == null ? void 0 : l.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = s(((i = l == null ? void 0 : l.properties) == null ? void 0 : i.values) || []);
78
- } else
79
- this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
80
- this.fieldModelVisible = !0;
81
- },
82
- // 打开字段 某个 配置项 弹窗
83
- openFieldOptionForm(n, e, t) {
84
- return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = n ? s(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? s(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? s(n) : {}, this.optionModelTitle = "约束条件配置");
85
- },
86
- // 保存字段 某个 配置项
87
- saveFieldOption() {
88
- this.formFieldOptionIndex === -1 ? (this.fieldOptionType === "property" && this.fieldPropertiesList.push(this.fieldOptionForm), this.fieldOptionType === "constraint" && this.fieldConstraintsList.push(this.fieldOptionForm), this.fieldOptionType === "enum" && this.fieldEnumList.push(this.fieldOptionForm)) : this.fieldOptionType === "property" ? this.fieldPropertiesList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm) : this.fieldOptionType === "constraint" ? this.fieldConstraintsList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm) : this.fieldOptionType === "enum" && this.fieldEnumList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm), this.fieldOptionModelVisible = !1, this.fieldOptionForm = {};
89
- },
90
- // 保存字段配置
91
- saveField() {
92
- const { id: n, type: e, label: t, defaultValue: i, datePattern: l } = this.formFieldForm, o = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: n, type: e, label: t });
93
- if (i && (o.defaultValue = i), l && (o.datePattern = l), this.fieldPropertiesList && this.fieldPropertiesList.length) {
94
- const r = this.fieldPropertiesList.map((a) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: a.id, value: a.value }));
95
- o.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
96
- values: r
97
- });
98
- }
99
- if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
100
- const r = this.fieldConstraintsList.map((a) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: a.name, config: a.config }));
101
- o.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
102
- constraints: r
103
- });
104
- }
105
- this.fieldEnumList && this.fieldEnumList.length && (o.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(o)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, o)), this.updateElementExtensions(), this.fieldModelVisible = !1;
106
- },
107
- // 移除某个 字段的 配置项
108
- removeFieldOptionItem(n, e, t) {
109
- if (t === "property") {
110
- this.fieldPropertiesList.splice(e, 1);
111
- return;
112
- }
113
- if (t === "enum") {
114
- this.fieldEnumList.splice(e, 1);
115
- return;
116
- }
117
- this.fieldConstraintsList.splice(e, 1);
118
- },
119
- // 移除 字段
120
- removeField(n, e) {
121
- this.fieldList.splice(e, 1), this.formData.fields.splice(e, 1), this.updateElementExtensions();
122
- },
123
- updateElementExtensions() {
124
- const n = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
125
- values: this.otherExtensions.concat(this.formData)
126
- });
127
- this.bpmnInstances.modeling.updateProperties(this.element, {
128
- extensionElements: n
129
- });
130
- }
131
- }
132
- };
133
- var p = function() {
134
- var e = this, t = e._self._c;
135
- return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "80px" }, nativeOn: { submit: function(i) {
136
- i.preventDefault();
137
- } } }, [t("ElFormItem", { attrs: { label: "表单标识" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateElementFormKey }, model: { value: e.formKey, callback: function(i) {
138
- e.formKey = i;
139
- }, expression: "formKey" } })], 1), t("ElFormItem", { attrs: { label: "业务标识" } }, [t("ElSelect", { on: { change: e.updateElementBusinessKey }, model: { value: e.businessKey, callback: function(i) {
140
- e.businessKey = i;
141
- }, expression: "businessKey" } }, [e._l(e.fieldList, function(i) {
142
- return t("ElOption", { key: i.id, attrs: { value: i.id, label: i.label } });
143
- }), 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: l }) {
144
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
145
- return e.openFieldForm(i, l);
146
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
147
- return e.removeField(i, l);
148
- } } }, [e._v("移除")])];
149
- } }]) })], 1)], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
150
- return e.openFieldForm(null, -1);
151
- } } }, [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) {
152
- e.fieldModelVisible = i;
153
- } } }, [t("ElForm", { attrs: { model: e.formFieldForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
154
- i.preventDefault();
155
- } } }, [t("ElFormItem", { attrs: { label: "字段ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.id, callback: function(i) {
156
- e.$set(e.formFieldForm, "id", i);
157
- }, 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) {
158
- e.$set(e.formFieldForm, "typeType", i);
159
- }, expression: "formFieldForm.typeType" } }, e._l(e.fieldType, function(i, l) {
160
- return t("ElOption", { key: l, attrs: { label: i, value: l } });
161
- }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", { attrs: { label: "类型名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.type, callback: function(i) {
162
- e.$set(e.formFieldForm, "type", i);
163
- }, expression: "formFieldForm.type" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.label, callback: function(i) {
164
- e.$set(e.formFieldForm, "label", i);
165
- }, expression: "formFieldForm.label" } })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", { attrs: { label: "时间格式" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.datePattern, callback: function(i) {
166
- e.$set(e.formFieldForm, "datePattern", i);
167
- }, expression: "formFieldForm.datePattern" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "默认值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.defaultValue, callback: function(i) {
168
- e.$set(e.formFieldForm, "defaultValue", i);
169
- }, 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) {
170
- return e.openFieldOptionForm(null, -1, "enum");
171
- } } }, [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: l }) {
172
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
173
- return e.openFieldOptionForm(i, l, "enum");
174
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
175
- return e.removeFieldOptionItem(i, l, "enum");
176
- } } }, [e._v("移除")])];
177
- } }], 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", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
178
- return e.openFieldOptionForm(null, -1, "constraint");
179
- } } }, [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: l }) {
180
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
181
- return e.openFieldOptionForm(i, l, "constraint");
182
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
183
- return e.removeFieldOptionItem(i, l, "constraint");
184
- } } }, [e._v("移除")])];
185
- } }]) })], 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", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
186
- return e.openFieldOptionForm(null, -1, "property");
187
- } } }, [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: l }) {
188
- return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
189
- return e.openFieldOptionForm(i, l, "property");
190
- } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
191
- return e.removeFieldOptionItem(i, l, "property");
192
- } } }, [e._v("移除")])];
193
- } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
194
- e.fieldModelVisible = !1;
195
- } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
196
- e.fieldOptionModelVisible = i;
197
- } }, scopedSlots: e._u([{ key: "footer", fn: function() {
198
- return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
199
- e.fieldOptionModelVisible = !1;
200
- } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveFieldOption } }, [e._v("确 定")])];
201
- }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.fieldOptionForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
202
- i.preventDefault();
203
- } } }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", { key: "option-id", attrs: { label: "编号/ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.id, callback: function(i) {
204
- e.$set(e.fieldOptionForm, "id", i);
205
- }, 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) {
206
- e.$set(e.fieldOptionForm, "name", i);
207
- }, 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) {
208
- e.$set(e.fieldOptionForm, "config", i);
209
- }, 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) {
210
- e.$set(e.fieldOptionForm, "value", i);
211
- }, expression: "fieldOptionForm.value" } })], 1) : e._e()], 1)], 1)], 1);
212
- }, f = [], u = /* @__PURE__ */ m(
213
- d,
214
- p,
215
- f,
216
- !1,
217
- null,
218
- null
219
- );
220
- const F = u.exports;
221
- export {
222
- F as default
223
- };