@web-utils/component 4.0.15 → 5.0.0-beta01

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 (307) hide show
  1. package/address-input/index.mjs +76 -76
  2. package/affix/index.mjs +71 -78
  3. package/aside-menu/index.mjs +20 -31
  4. package/avatar/index.mjs +94 -82
  5. package/awesome-button/index.mjs +54 -71
  6. package/capsule-tab/index.mjs +27 -32
  7. package/card/index.mjs +86 -71
  8. package/carousel/index.mjs +45 -34
  9. package/chat/index.mjs +440 -276
  10. package/chunk-file-uploader/index.mjs +2 -445
  11. package/chunk-file-uploader/style.css +1 -1
  12. package/chunks/ChunkFileUploader.C3EA0e5t.mjs +114 -0
  13. package/chunks/EditableTree.C_IJBL5b.mjs +648 -0
  14. package/chunks/ElementBaseInfo.DyuFR6fE.mjs +209 -0
  15. package/chunks/ElementDialog.C0IjriTW.mjs +681 -0
  16. package/chunks/ElementForm.ButuYDPA.mjs +627 -0
  17. package/chunks/ElementListeners.Dg3e_dmp.mjs +656 -0
  18. package/chunks/ElementMultiInstance.Dmi79FqA.mjs +290 -0
  19. package/chunks/ElementOtherConfig.C2AddGTp.mjs +51 -0
  20. package/chunks/ElementProperties.CfV8UF7L.mjs +196 -0
  21. package/chunks/ElementTaskConfig.Bn7ycGGn.mjs +446 -0
  22. package/chunks/FlowCondition.C6PdqOAW.mjs +194 -0
  23. package/chunks/FlowDesigner.uJYFfKpR.mjs +5101 -0
  24. package/chunks/FormBlock.BEENc22F.mjs +117 -0
  25. package/chunks/FormCascader.CaM-oEhv.mjs +1226 -0
  26. package/chunks/FormInputTime.Bg3UIP8H.mjs +1773 -0
  27. package/chunks/FormItem.H9OOvNzT.mjs +90 -0
  28. package/chunks/FormItemGroup.D9eRy-cZ.mjs +147 -0
  29. package/chunks/FormSelect.CanodoAI.mjs +1472 -0
  30. package/chunks/FormSwitch.DTqdaFjv.mjs +296 -0
  31. package/chunks/FormTemp.DiI5EfgK.mjs +139 -0
  32. package/chunks/FyCurd.DMj1dMK9.mjs +2622 -0
  33. package/chunks/FyForm.vgR8ujEF.mjs +904 -0
  34. package/chunks/FyFormDesign.DEWT6LsX.mjs +5600 -0
  35. package/chunks/FyUEditor.D_rEYfll.mjs +221 -0
  36. package/chunks/FyUpload.B2QKfTxF.mjs +504 -0
  37. package/chunks/Keyboard.ItiRy7Gb.mjs +379 -0
  38. package/chunks/MonacoEditor.Bd5Kui-Y.mjs +301 -0
  39. package/chunks/PageableTable.Bujb0NUx.mjs +658 -0
  40. package/chunks/RecordVideo.B35_dLty.mjs +116 -0
  41. package/chunks/SignalAndMessage.CYVzlFuL.mjs +198 -0
  42. package/chunks/SplitPane.Dw96M0Yf.mjs +219 -0
  43. package/chunks/TableColumn.DJYkznbJ.mjs +180 -0
  44. package/chunks/TableView.DyIdIxAg.mjs +484 -0
  45. package/chunks/Toolbar.DHuXJAoG.mjs +219 -0
  46. package/chunks/UserTaskListeners.Bp-2qkHs.mjs +599 -0
  47. package/chunks/VueCron.GfjodnyM.mjs +1766 -0
  48. package/chunks/VueTreeSelect.9Ywl-I8e.mjs +1872 -0
  49. package/chunks/_plugin-vue_export-helper.7vrlOII_.mjs +8 -0
  50. package/chunks/checkbox.emIuFmnt.mjs +437 -0
  51. package/chunks/confirmable-mixin.BBil7dto.mjs +1646 -0
  52. package/chunks/core.DJv6Qrae.mjs +51 -0
  53. package/chunks/dataformat.Bfr4nOcA.mjs +144 -0
  54. package/chunks/dic.DgDfnovD.mjs +116 -0
  55. package/chunks/dictionary.5eKjWeAp.mjs +19 -0
  56. package/chunks/dictionary.DxZxP0ej.mjs +87 -0
  57. package/chunks/event.B4iwtUNO.mjs +4 -0
  58. package/chunks/event.eJ-c1Z3a.mjs +224 -0
  59. package/chunks/focus-trap.DT4GnqQI.mjs +211 -0
  60. package/chunks/form-input.D25eDRMq.mjs +34 -0
  61. package/chunks/form-item.CgmUuw_n.mjs +714 -0
  62. package/chunks/form-pick.Axem0gOO.mjs +7 -0
  63. package/chunks/form-validate.B1KPCHqN.mjs +11 -0
  64. package/chunks/icon.CbS8-322.mjs +259 -0
  65. package/chunks/init.DwpukyOB.mjs +115 -0
  66. package/chunks/input.PejnqwSH.mjs +547 -0
  67. package/chunks/install.yLcn5MLL.mjs +84 -0
  68. package/chunks/message.BCmee5N0.mjs +400 -0
  69. package/chunks/overlay.DubSnqma.mjs +122 -0
  70. package/chunks/packages.BGjydzjm.mjs +56 -0
  71. package/chunks/permission.DgEVNWlh.mjs +16 -0
  72. package/chunks/photo-swipe.BB0SJZg9.mjs +55 -0
  73. package/chunks/radio.BotKXqJr.mjs +274 -0
  74. package/chunks/scroll.CzORc5Zk.mjs +28 -0
  75. package/chunks/scrollbar.CAmrlKi9.mjs +345 -0
  76. package/chunks/slot.C6Ozd2e7.mjs +25 -0
  77. package/chunks/style.BmlGmjpO.mjs +325 -0
  78. package/chunks/sub-table-plus-props.B_lLth3j.mjs +28 -0
  79. package/chunks/tab-mixin.u0EZpx3j.mjs +70 -0
  80. package/chunks/tag.DPi-PLbb.mjs +141 -0
  81. package/chunks/teleport._VGEzK4d.mjs +22 -0
  82. package/chunks/tooltip.D50x7Rva.mjs +1926 -0
  83. package/chunks/typescript.DiWBU4nj.mjs +4 -0
  84. package/chunks/use-aria.BW7nWOl1.mjs +17 -0
  85. package/chunks/use-composition.mUaomyno.mjs +47 -0
  86. package/chunks/use-deprecated.BfDSbZS9.mjs +12 -0
  87. package/chunks/use-empty-values.Dy_r78F6.mjs +263 -0
  88. package/chunks/use-form-item.wsRjehHp.mjs +47 -0
  89. package/chunks/use-global-config.C9hs-O_x.mjs +56 -0
  90. package/chunks/use-id.CFO5NeoV.mjs +15 -0
  91. package/chunks/use-size.DxrwTUwf.mjs +18 -0
  92. package/chunks/util.B3sjVZoZ.mjs +103 -0
  93. package/chunks/util.g-WQEec9.mjs +223 -0
  94. package/chunks/utilSelf.ZED4DmCU.mjs +46 -0
  95. package/chunks/utils.Cs2fYBrT.mjs +60 -0
  96. package/chunks/utils.DsGhtCIO.mjs +14 -0
  97. package/chunks/validator.C4-z_t9p.mjs +5 -0
  98. package/chunks/vnode.D_SioRnx.mjs +14 -0
  99. package/code-mirror-editor/index.mjs +89 -88
  100. package/comment/index.mjs +62 -57
  101. package/configComponents.mjs +40 -50
  102. package/confirm-button/index.mjs +34 -46
  103. package/confirmable/index.mjs +7 -17
  104. package/context-menu/index.mjs +195 -174
  105. package/count-up/index.mjs +97 -105
  106. package/custom-scrollbar/index.mjs +91 -98
  107. package/data-box/index.mjs +64 -47
  108. package/data-card/index.mjs +60 -49
  109. package/data-card-text/index.mjs +63 -51
  110. package/data-display/index.mjs +71 -53
  111. package/data-icons/index.mjs +70 -53
  112. package/data-imgtext/index.mjs +67 -46
  113. package/data-operatext/index.mjs +51 -42
  114. package/data-panel/index.mjs +57 -47
  115. package/data-pay/index.mjs +105 -52
  116. package/data-price/index.mjs +48 -42
  117. package/data-progress/index.mjs +67 -48
  118. package/data-rotate/index.mjs +61 -47
  119. package/data-table-picker/index.mjs +119 -74
  120. package/data-tabs/index.mjs +67 -47
  121. package/dialog-form/index.mjs +139 -89
  122. package/dynamic-table/index.mjs +166 -114
  123. package/e-charts/index.mjs +174 -200
  124. package/easy-popup/index.mjs +91 -102
  125. package/editable-progress/index.mjs +112 -85
  126. package/editable-tree/index.mjs +2 -485
  127. package/element-dialog/index.mjs +2 -307
  128. package/element-listeners/style.css +1 -0
  129. package/element-multi-instance/style.css +1 -0
  130. package/ellipsis/index.mjs +124 -148
  131. package/empty-view/index.mjs +48 -65
  132. package/error-view/index.mjs +39 -51
  133. package/flex-column/index.mjs +32 -51
  134. package/flex-item/index.mjs +54 -64
  135. package/flex-row/index.mjs +32 -39
  136. package/flex-scroller/index.mjs +29 -30
  137. package/flow/index.mjs +240 -248
  138. package/flow-designer/index.mjs +2 -5983
  139. package/flow-designer/style.css +1 -1
  140. package/flow-node/index.mjs +56 -64
  141. package/flow-viewer/index.mjs +159 -157
  142. package/form-block/index.mjs +2 -149
  143. package/form-button/index.mjs +35 -47
  144. package/form-card/index.mjs +14 -25
  145. package/form-cascader/index.mjs +2 -116
  146. package/form-checkbox/index.mjs +89 -71
  147. package/form-checkbox-group/index.mjs +161 -116
  148. package/form-date-picker/index.mjs +155 -144
  149. package/form-holder/index.mjs +137 -110
  150. package/form-input/index.mjs +113 -87
  151. package/form-input-cron-expression/index.mjs +97 -79
  152. package/form-input-email/index.mjs +64 -52
  153. package/form-input-id-card/index.mjs +72 -55
  154. package/form-input-phone-number/index.mjs +71 -57
  155. package/form-input-tag/index.mjs +88 -62
  156. package/form-input-time/index.mjs +2 -74
  157. package/form-item/index.mjs +2 -5
  158. package/form-item-config-provider/index.mjs +46 -60
  159. package/form-item-group/index.mjs +2 -160
  160. package/form-radio-group/index.mjs +161 -122
  161. package/form-select/index.mjs +2 -181
  162. package/form-switch/index.mjs +2 -55
  163. package/form-table/index.mjs +131 -85
  164. package/form-table-plus/index.mjs +164 -109
  165. package/form-textarea/index.mjs +90 -57
  166. package/form-tree-select/index.mjs +89 -72
  167. package/form-tree-select-multiple/index.mjs +92 -78
  168. package/form-view/index.mjs +275 -211
  169. package/fy-array/index.mjs +121 -74
  170. package/fy-article/index.mjs +73 -60
  171. package/fy-cascader/index.mjs +113 -91
  172. package/fy-checkbox/index.mjs +96 -66
  173. package/fy-code/index.mjs +48 -50
  174. package/fy-curd/index.mjs +2 -1903
  175. package/fy-date/index.mjs +76 -42
  176. package/fy-draggable/index.mjs +322 -318
  177. package/fy-dynamic/index.mjs +259 -227
  178. package/fy-empty/index.mjs +35 -36
  179. package/fy-form/index.mjs +2 -17
  180. package/fy-form-design/index.mjs +2 -2890
  181. package/fy-form-design/style.css +1 -1
  182. package/fy-from/crud/zh.d.ts +6 -6
  183. package/fy-input/index.mjs +117 -99
  184. package/fy-input-color/index.mjs +77 -56
  185. package/fy-input-icon/index.mjs +129 -85
  186. package/fy-input-map/index.mjs +242 -186
  187. package/fy-input-number/index.mjs +74 -50
  188. package/fy-input-table/index.mjs +160 -109
  189. package/fy-input-tree/index.mjs +259 -182
  190. package/fy-progress/index.mjs +36 -40
  191. package/fy-radio/index.mjs +53 -38
  192. package/fy-rate/index.mjs +86 -71
  193. package/fy-select/index.mjs +223 -140
  194. package/fy-slider/index.mjs +68 -44
  195. package/fy-switch/index.mjs +67 -42
  196. package/fy-tabs/index.mjs +46 -48
  197. package/fy-time/index.mjs +81 -53
  198. package/fy-title/index.mjs +18 -27
  199. package/fy-tree/index.mjs +382 -292
  200. package/fy-u-editor/index.mjs +2 -357
  201. package/fy-upload/index.mjs +2 -423
  202. package/guide-steps/index.mjs +72 -73
  203. package/helper-function.d.ts +2 -30
  204. package/helper-function.mjs +41 -67
  205. package/highlight-j-s/index.mjs +50 -59
  206. package/icon-card/index.mjs +34 -36
  207. package/icon-temp/index.mjs +27 -27
  208. package/iframe-window/index.mjs +39 -33
  209. package/image-cropper/index.mjs +171 -75
  210. package/image-preview/index.mjs +187 -118
  211. package/image-viewer/index.mjs +69 -66
  212. package/index.d.ts +3 -9
  213. package/index.mjs +173 -488
  214. package/input-number-range/index.mjs +78 -59
  215. package/j-s-x-component/index.mjs +13 -15
  216. package/keyboard/index.mjs +2 -369
  217. package/license/index.mjs +106 -115
  218. package/loading-view/index.mjs +39 -51
  219. package/login/index.mjs +252 -125
  220. package/monaco-editor/index.mjs +2 -7
  221. package/name-avatar/index.mjs +61 -53
  222. package/nav-bar/index.mjs +33 -31
  223. package/not-implement/index.mjs +10 -22
  224. package/notice/index.mjs +100 -94
  225. package/package.json +3 -3
  226. package/page/index.mjs +18 -25
  227. package/page-header/index.mjs +27 -33
  228. package/page-index/index.mjs +121 -100
  229. package/page-index-top/index.mjs +79 -79
  230. package/page-skeleton/index.mjs +48 -45
  231. package/page-skeleton-new/index.mjs +79 -50
  232. package/pageable-table/index.mjs +2 -522
  233. package/pageable-view/index.mjs +279 -275
  234. package/photo-swipe/index.d.ts +4 -0
  235. package/photo-swipe/index.mjs +33 -36
  236. package/picker-table-view/index.mjs +224 -126
  237. package/present-view/index.mjs +266 -200
  238. package/queue/index.mjs +45 -53
  239. package/record-video/index.mjs +2 -134
  240. package/resize-observer/index.mjs +43 -46
  241. package/search/index.mjs +116 -109
  242. package/sign/index.mjs +103 -110
  243. package/sign-panel/index.mjs +182 -141
  244. package/skeleton/index.mjs +51 -54
  245. package/skeleton-panel/index.mjs +33 -38
  246. package/split-pane/index.mjs +3 -197
  247. package/stateful/index.mjs +69 -73
  248. package/static-pageable-table/index.mjs +72 -66
  249. package/sub-table/index.mjs +508 -219
  250. package/sub-table-plus/index.mjs +592 -19
  251. package/swiper/index.mjs +128 -121
  252. package/tab/index.mjs +117 -119
  253. package/tab-item/index.mjs +48 -56
  254. package/table-column/index.mjs +2 -5
  255. package/table-view/index.mjs +3 -334
  256. package/tabs-view/index.mjs +109 -106
  257. package/tag-render/index.mjs +79 -69
  258. package/text-ellipsis/index.mjs +94 -78
  259. package/toolbar/index.mjs +2 -255
  260. package/toolbar-button/index.mjs +145 -121
  261. package/verify/index.mjs +58 -64
  262. package/vue-cron/index.mjs +2 -1188
  263. package/vue-qr-code/index.mjs +30 -54
  264. package/vue-quill-editor/index.mjs +123 -99
  265. package/vue-tags-input/index.mjs +348 -431
  266. package/vue-tree-select/index.mjs +2 -2627
  267. package/vue-video-player/index.mjs +135 -136
  268. package/watermark/index.mjs +46 -74
  269. package/web-types.json +197 -975
  270. package/x-input-tag/index.mjs +144 -109
  271. package/chunks/ElementTaskConfig.AvBOzAni.mjs +0 -325
  272. package/chunks/FormItem.Bhsy_O2B.mjs +0 -372
  273. package/chunks/FyForm.DriwCJ7b.mjs +0 -765
  274. package/chunks/MonacoEditor.D31t4FTy.mjs +0 -327
  275. package/chunks/SignalAndMessage.BpjOoKhK.mjs +0 -92
  276. package/chunks/SubTablePlus.BH0IIv3X.mjs +0 -270
  277. package/chunks/TableColumn.BzivvXMF.mjs +0 -337
  278. package/chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs +0 -10
  279. package/chunks/confirmable-mixin.BFZb6pcK.mjs +0 -86
  280. package/chunks/dataformat.DJoNBlmI.mjs +0 -154
  281. package/chunks/dic.BinnDitI.mjs +0 -128
  282. package/chunks/dictionary.DqiP9x2m.mjs +0 -25
  283. package/chunks/event.DSlcqYHL.mjs +0 -236
  284. package/chunks/form-input.BtS_J5a2.mjs +0 -31
  285. package/chunks/form-pick.BFTIVn_i.mjs +0 -11
  286. package/chunks/form-validate.CVarNHKX.mjs +0 -12
  287. package/chunks/helper.BiMLcEEk.mjs +0 -41
  288. package/chunks/index.BmYCjxZQ.mjs +0 -47
  289. package/chunks/index.CIfe3UB3.mjs +0 -16
  290. package/chunks/index.Cn7aq-Et.mjs +0 -184
  291. package/chunks/init.xOlFpTyZ.mjs +0 -122
  292. package/chunks/packages.ByyangTp.mjs +0 -58
  293. package/chunks/permission.CO31YIkD.mjs +0 -16
  294. package/chunks/slot.DXIbhGat.mjs +0 -27
  295. package/chunks/tab-mixin.BNK6dxLN.mjs +0 -81
  296. package/chunks/util.DI42t5GU.mjs +0 -241
  297. package/color-picker/index.mjs +0 -157
  298. package/egd-collapse/index.mjs +0 -62
  299. package/egd-collapse-item/index.mjs +0 -72
  300. package/form-input-number/index.mjs +0 -70
  301. package/form-input-number/style.css +0 -1
  302. package/input-number/index.mjs +0 -233
  303. package/input-number/style.css +0 -1
  304. package/keep-view-alive/index.mjs +0 -117
  305. package/search-popover/index.mjs +0 -118
  306. package/search-popover/style.css +0 -1
  307. /package/{base.css → utils/style.css} +0 -0
@@ -1,110 +1,145 @@
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 = {
6
- name: "XInputTag",
7
- inject: {
8
- elForm: {
9
- default: ""
10
- },
11
- elFormItem: {
12
- default: ""
13
- }
14
- },
15
- props: {
16
- value: {
17
- type: [Array, String],
18
- default: () => []
19
- },
20
- disabled: Boolean,
21
- separator: {
22
- type: String,
23
- default: ","
24
- },
25
- count: {
26
- type: Boolean,
27
- default: !0
28
- },
29
- arrayMode: {
30
- type: Boolean,
31
- default: !0
32
- },
33
- objectMode: {
34
- type: Boolean,
35
- default: !0
36
- }
37
- },
38
- data() {
39
- return {
40
- inputVisible: !1,
41
- inputValue: "",
42
- maxTag: 20
43
- };
44
- },
45
- computed: {
46
- inputDisabled() {
47
- return this.disabled || (this.elForm || {}).disabled;
48
- },
49
- tags: {
50
- get() {
51
- var i, t;
52
- if (this.arrayMode)
53
- return (i = this.value) != null && i.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : { ...e, id: Math.random() }) : this.value : [];
54
- {
55
- const e = ((t = this.value) == null ? void 0 : t.split(this.separator)) || [];
56
- return e.length && e[0] ? e.map((s) => this.objectMode ? { name: s, id: Math.random() } : s) : [];
57
- }
58
- }
59
- }
60
- },
61
- methods: {
62
- async showInput() {
63
- this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
64
- },
65
- handleClose(i) {
66
- const t = this.tags.filter((e) => e !== i);
67
- this.$emit("input", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
68
- },
69
- async handleInputConfirm() {
70
- var t;
71
- if (this.tags.length >= this.maxTag) {
72
- this.$message.warning({ message: "标签已达上限,请删除一些标签再添加!", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
73
- return;
74
- }
75
- const i = this.inputValue;
76
- if (i) {
77
- if (this.tags.some((s) => (s.name || s) === i)) {
78
- this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在!", showClose: !0 });
79
- return;
80
- }
81
- const e = [...this.tags];
82
- e.push(this.objectMode ? { id: Date.now(), name: this.inputValue } : this.inputValue), this.$emit("input", this.arrayMode ? e : e.map((s) => s.name || s).join(this.separator)), await this.$nextTick(), (t = this.elFormItem) == null || t.clearValidate();
83
- }
84
- this.inputVisible = !1, this.inputValue = "";
85
- }
86
- }
87
- };
88
- var p = function() {
89
- var t = this, e = t._self._c;
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);
93
- } } }, [t._v(" " + t._s(s.name || 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) {
95
- return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.handleInputConfirm.apply(null, arguments);
96
- } }, model: { value: t.inputValue, callback: function(s) {
97
- t.inputValue = s;
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,
103
- !1,
104
- null,
105
- null
106
- );
107
- const b = m.exports;
108
- export {
109
- b as default
1
+ import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
2
+ import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, vShow as u, withCtx as d, withDirectives as f, withKeys as p } from "vue";
3
+ //#region src/components/XInputTag.vue
4
+ var m = {
5
+ name: "XInputTag",
6
+ inject: {
7
+ elForm: { default: "" },
8
+ elFormItem: { default: "" }
9
+ },
10
+ props: {
11
+ modelValue: {
12
+ type: [Array, String],
13
+ default: () => []
14
+ },
15
+ disabled: Boolean,
16
+ separator: {
17
+ type: String,
18
+ default: ","
19
+ },
20
+ count: {
21
+ type: Boolean,
22
+ default: !0
23
+ },
24
+ arrayMode: {
25
+ type: Boolean,
26
+ default: !0
27
+ },
28
+ objectMode: {
29
+ type: Boolean,
30
+ default: !0
31
+ }
32
+ },
33
+ emits: ["update:modelValue"],
34
+ data() {
35
+ return {
36
+ inputVisible: !1,
37
+ inputValue: "",
38
+ maxTag: 20
39
+ };
40
+ },
41
+ computed: {
42
+ inputDisabled() {
43
+ return this.disabled || (this.elForm || {}).disabled;
44
+ },
45
+ tags: { get() {
46
+ if (this.arrayMode) {
47
+ var e;
48
+ return (e = this.modelValue) != null && e.length ? this.objectMode ? this.modelValue.map((e) => e.id > 0 ? e : {
49
+ ...e,
50
+ id: Math.random()
51
+ }) : this.modelValue : [];
52
+ } else {
53
+ var t;
54
+ let e = ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
55
+ return e.length && e[0] ? e.map((e) => this.objectMode ? {
56
+ name: e,
57
+ id: Math.random()
58
+ } : e) : [];
59
+ }
60
+ } }
61
+ },
62
+ methods: {
63
+ async showInput() {
64
+ this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
65
+ },
66
+ handleClose(e) {
67
+ let t = this.tags.filter((t) => t !== e);
68
+ this.$emit("update:modelValue", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
69
+ },
70
+ async handleInputConfirm() {
71
+ if (this.tags.length >= this.maxTag) {
72
+ this.$message.warning({
73
+ message: "标签已达上限,请删除一些标签再添加!",
74
+ showClose: !0
75
+ }), this.inputVisible = !1, this.inputValue = "";
76
+ return;
77
+ }
78
+ let e = this.inputValue;
79
+ if (e) {
80
+ var t;
81
+ if (this.tags.some((t) => (t.name || t) === e)) {
82
+ this.inputVisible = !1, this.inputValue = "", this.$message.warning({
83
+ message: "标签已存在!",
84
+ showClose: !0
85
+ });
86
+ return;
87
+ }
88
+ let n = [...this.tags];
89
+ n.push(this.objectMode ? {
90
+ id: Date.now(),
91
+ name: this.inputValue
92
+ } : this.inputValue), this.$emit("update:modelValue", this.arrayMode ? n : n.map((e) => e.name || e).join(this.separator)), await this.$nextTick(), (t = this.elFormItem) == null || t.clearValidate();
93
+ }
94
+ this.inputVisible = !1, this.inputValue = "";
95
+ }
96
+ }
97
+ }, h = { class: "x-input-tag" }, g = {
98
+ key: 1,
99
+ style: { color: "#b5b5b5" }
100
+ }, _ = {
101
+ key: 4,
102
+ class: "tags-count"
110
103
  };
104
+ function v(e, m, v, y, b, x) {
105
+ let S = c("ElTag"), C = c("ElInput"), w = c("ElButton");
106
+ return o(), i("div", h, [
107
+ x.tags && x.tags.length && x.tags[0] ? (o(!0), i(t, { key: 0 }, s(x.tags, (e, t) => (o(), n(S, {
108
+ key: e.id || e,
109
+ size: "medium",
110
+ "disable-transitions": "",
111
+ closable: !x.inputDisabled,
112
+ onClose: (n) => x.handleClose(e, t)
113
+ }, {
114
+ default: d(() => [a(l(e.name || e), 1)]),
115
+ _: 2
116
+ }, 1032, ["closable", "onClose"]))), 128)) : x.inputDisabled ? (o(), i("span", g, "无")) : r("v-if", !0),
117
+ x.inputDisabled ? r("v-if", !0) : f((o(), n(C, {
118
+ key: 2,
119
+ ref: "saveTagInput",
120
+ modelValue: b.inputValue,
121
+ "onUpdate:modelValue": m[0] || (m[0] = (e) => b.inputValue = e),
122
+ class: "input-new-tag",
123
+ size: "mini",
124
+ onKeyup: p(x.handleInputConfirm, ["enter"]),
125
+ onBlur: x.handleInputConfirm
126
+ }, null, 8, [
127
+ "modelValue",
128
+ "onKeyup",
129
+ "onBlur"
130
+ ])), [[u, b.inputVisible]]),
131
+ !x.inputDisabled && !b.inputVisible ? f((o(), n(w, {
132
+ key: 3,
133
+ class: "button-new-tag",
134
+ size: "mini",
135
+ onClick: x.showInput
136
+ }, {
137
+ default: d(() => [...m[1] || (m[1] = [a(" + 添加 ", -1)])]),
138
+ _: 1
139
+ }, 8, ["onClick"])), [[u, x.tags.length < b.maxTag]]) : r("v-if", !0),
140
+ v.count ? (o(), i("span", _, l(x.tags.length && x.tags[0] ? x.tags.length : ""), 1)) : r("v-if", !0)
141
+ ]);
142
+ }
143
+ var y = /* @__PURE__ */ e(m, [["render", v]]);
144
+ //#endregion
145
+ export { y as default };
@@ -1,325 +0,0 @@
1
- import c from "element-ui/lib/checkbox";
2
- import n from "element-ui/lib/form-item";
3
- import d from "element-ui/lib/form";
4
- import r from "element-ui/lib/input";
5
- import i from "element-ui/lib/option";
6
- import o from "element-ui/lib/select";
7
- import { n as l } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
8
- import u from "element-ui/lib/button";
9
- import f from "../element-dialog/index.mjs";
10
- const k = {
11
- name: "UserTask",
12
- props: {
13
- id: String,
14
- element: Object,
15
- bpmnInstances: Object
16
- },
17
- data() {
18
- return {
19
- defaultTaskForm: {
20
- assignee: "",
21
- candidateUsers: [],
22
- candidateGroups: [],
23
- dueDate: "",
24
- followUpDate: "",
25
- priority: ""
26
- },
27
- userTaskForm: {},
28
- mockData: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
29
- };
30
- },
31
- watch: {
32
- id: {
33
- immediate: !0,
34
- handler() {
35
- this.$nextTick(() => this.resetTaskForm());
36
- }
37
- }
38
- },
39
- methods: {
40
- resetTaskForm() {
41
- const { businessObject: a } = this.element;
42
- for (const e in this.defaultTaskForm) {
43
- let t;
44
- ["candidateUsers", "candidateGroups"].includes(e) ? t = a[e] ? a[e].split(",") : [] : t = a[e] || this.defaultTaskForm[e], this.$set(this.userTaskForm, e, t);
45
- }
46
- },
47
- updateElementTask(a) {
48
- const e = {};
49
- a === "candidateUsers" || a === "candidateGroups" ? e[a] = this.userTaskForm[a] && this.userTaskForm[a].length ? this.userTaskForm[a].join() : null : e[a] = this.userTaskForm[a] || null, this.bpmnInstances.modeling.updateProperties(this.element, e);
50
- }
51
- }
52
- };
53
- var h = function() {
54
- var e = this, t = e._self._c;
55
- return t("div", { staticStyle: { "margin-top": "16px" } }, [t(n, { attrs: { label: "处理用户" } }, [t(o, { on: { change: function(s) {
56
- return e.updateElementTask("assignee");
57
- } }, model: { value: e.userTaskForm.assignee, callback: function(s) {
58
- e.$set(e.userTaskForm, "assignee", s);
59
- }, expression: "userTaskForm.assignee" } }, e._l(e.mockData, function(s) {
60
- return t(i, { key: `ass-${s}`, attrs: { label: `用户${s}`, value: `user${s}` } });
61
- }), 1)], 1), t(n, { attrs: { label: "候选用户" } }, [t(o, { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(s) {
62
- return e.updateElementTask("candidateUsers");
63
- } }, model: { value: e.userTaskForm.candidateUsers, callback: function(s) {
64
- e.$set(e.userTaskForm, "candidateUsers", s);
65
- }, expression: "userTaskForm.candidateUsers" } }, e._l(e.mockData, function(s) {
66
- return t(i, { key: `user-${s}`, attrs: { label: `用户${s}`, value: `user${s}` } });
67
- }), 1)], 1), t(n, { attrs: { label: "候选分组" } }, [t(o, { attrs: { multiple: "", "collapse-tags": "" }, on: { change: function(s) {
68
- return e.updateElementTask("candidateGroups");
69
- } }, model: { value: e.userTaskForm.candidateGroups, callback: function(s) {
70
- e.$set(e.userTaskForm, "candidateGroups", s);
71
- }, expression: "userTaskForm.candidateGroups" } }, e._l(e.mockData, function(s) {
72
- return t(i, { key: `ass-${s}`, attrs: { label: `分组${s}`, value: `group${s}` } });
73
- }), 1)], 1), t(n, { attrs: { label: "到期时间" } }, [t(r, { attrs: { clearable: "" }, on: { change: function(s) {
74
- return e.updateElementTask("dueDate");
75
- } }, model: { value: e.userTaskForm.dueDate, callback: function(s) {
76
- e.$set(e.userTaskForm, "dueDate", s);
77
- }, expression: "userTaskForm.dueDate" } })], 1), t(n, { attrs: { label: "跟踪时间" } }, [t(r, { attrs: { clearable: "" }, on: { change: function(s) {
78
- return e.updateElementTask("followUpDate");
79
- } }, model: { value: e.userTaskForm.followUpDate, callback: function(s) {
80
- e.$set(e.userTaskForm, "followUpDate", s);
81
- }, expression: "userTaskForm.followUpDate" } })], 1), t(n, { attrs: { label: "优先级" } }, [t(r, { attrs: { clearable: "" }, on: { change: function(s) {
82
- return e.updateElementTask("priority");
83
- } }, model: { value: e.userTaskForm.priority, callback: function(s) {
84
- e.$set(e.userTaskForm, "priority", s);
85
- }, expression: "userTaskForm.priority" } })], 1)], 1);
86
- }, g = [], b = /* @__PURE__ */ l(
87
- k,
88
- h,
89
- g,
90
- !1,
91
- null,
92
- null
93
- );
94
- const T = b.exports, F = {
95
- name: "ScriptTask",
96
- props: {
97
- id: String,
98
- element: Object,
99
- bpmnInstances: Object
100
- },
101
- data() {
102
- return {
103
- defaultTaskForm: {
104
- scriptFormat: "",
105
- script: "",
106
- resource: "",
107
- resultVariable: ""
108
- },
109
- scriptTaskForm: {}
110
- };
111
- },
112
- watch: {
113
- id: {
114
- immediate: !0,
115
- handler() {
116
- this.$nextTick(() => this.resetTaskForm());
117
- }
118
- }
119
- },
120
- methods: {
121
- resetTaskForm() {
122
- var a;
123
- for (const e in this.defaultTaskForm) {
124
- const t = ((a = this.element) == null ? void 0 : a.businessObject[e]) || this.defaultTaskForm[e];
125
- this.$set(this.scriptTaskForm, e, t);
126
- }
127
- this.$set(this.scriptTaskForm, "scriptType", this.scriptTaskForm.script ? "inline" : "external");
128
- },
129
- updateElementTask() {
130
- const a = /* @__PURE__ */ Object.create(null);
131
- a.scriptFormat = this.scriptTaskForm.scriptFormat || null, a.resultVariable = this.scriptTaskForm.resultVariable || null, this.scriptTaskForm.scriptType === "inline" ? (a.script = this.scriptTaskForm.script || null, a.resource = null) : (a.resource = this.scriptTaskForm.resource || null, a.script = null), this.bpmnInstances.modeling.updateProperties(this.element, a);
132
- }
133
- }
134
- };
135
- var _ = function() {
136
- var e = this, t = e._self._c;
137
- return t("div", { staticStyle: { "margin-top": "16px" } }, [t(n, { attrs: { label: "脚本格式" } }, [t(r, { attrs: { clearable: "" }, on: { input: function(s) {
138
- return e.updateElementTask();
139
- }, change: function(s) {
140
- return e.updateElementTask();
141
- } }, model: { value: e.scriptTaskForm.scriptFormat, callback: function(s) {
142
- e.$set(e.scriptTaskForm, "scriptFormat", s);
143
- }, expression: "scriptTaskForm.scriptFormat" } })], 1), t(n, { attrs: { label: "脚本类型" } }, [t(o, { model: { value: e.scriptTaskForm.scriptType, callback: function(s) {
144
- e.$set(e.scriptTaskForm, "scriptType", s);
145
- }, expression: "scriptTaskForm.scriptType" } }, [t(i, { attrs: { label: "内联脚本", value: "inline" } }), t(i, { attrs: { label: "外部资源", value: "external" } })], 1)], 1), t(n, { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "inline", expression: "scriptTaskForm.scriptType === 'inline'" }], attrs: { label: "脚本" } }, [t(r, { attrs: { type: "textarea", resize: "vertical", autosize: { minRows: 2, maxRows: 4 }, clearable: "" }, on: { input: function(s) {
146
- return e.updateElementTask();
147
- }, change: function(s) {
148
- return e.updateElementTask();
149
- } }, model: { value: e.scriptTaskForm.script, callback: function(s) {
150
- e.$set(e.scriptTaskForm, "script", s);
151
- }, expression: "scriptTaskForm.script" } })], 1), t(n, { directives: [{ name: "show", rawName: "v-show", value: e.scriptTaskForm.scriptType === "external", expression: "scriptTaskForm.scriptType === 'external'" }], attrs: { label: "资源地址" } }, [t(r, { attrs: { clearable: "" }, on: { input: function(s) {
152
- return e.updateElementTask();
153
- }, change: function(s) {
154
- return e.updateElementTask();
155
- } }, model: { value: e.scriptTaskForm.resource, callback: function(s) {
156
- e.$set(e.scriptTaskForm, "resource", s);
157
- }, expression: "scriptTaskForm.resource" } })], 1), t(n, { attrs: { label: "结果变量" } }, [t(r, { attrs: { clearable: "" }, on: { input: function(s) {
158
- return e.updateElementTask();
159
- }, change: function(s) {
160
- return e.updateElementTask();
161
- } }, model: { value: e.scriptTaskForm.resultVariable, callback: function(s) {
162
- e.$set(e.scriptTaskForm, "resultVariable", s);
163
- }, expression: "scriptTaskForm.resultVariable" } })], 1)], 1);
164
- }, v = [], $ = /* @__PURE__ */ l(
165
- F,
166
- _,
167
- v,
168
- !1,
169
- null,
170
- null
171
- );
172
- const y = $.exports, M = {
173
- name: "ReceiveTask",
174
- props: {
175
- id: String,
176
- element: Object,
177
- bpmnInstances: Object
178
- },
179
- data() {
180
- return {
181
- bindMessageId: "",
182
- newMessageForm: {},
183
- messageMap: {},
184
- messageModelVisible: !1
185
- };
186
- },
187
- watch: {
188
- id: {
189
- immediate: !0,
190
- handler() {
191
- this.$nextTick(() => this.getBindMessage());
192
- }
193
- }
194
- },
195
- created() {
196
- this.bpmnMessageRefsMap = /* @__PURE__ */ Object.create(null), this.bpmnRootElements = this.bpmnInstances.modeler.getDefinitions().rootElements, this.bpmnRootElements.filter((a) => a.$type === "bpmn:Message").forEach((a) => {
197
- this.bpmnMessageRefsMap[a.id] = a, this.$set(this.messageMap, a.id, a.name);
198
- }), this.$set(this.messageMap, "-1", "无");
199
- },
200
- methods: {
201
- getBindMessage() {
202
- var a, e;
203
- this.bindMessageId = ((e = (a = this.element.businessObject) == null ? void 0 : a.messageRef) == null ? void 0 : e.id) || "-1";
204
- },
205
- openMessageModel() {
206
- this.messageModelVisible = !0, this.newMessageForm = {};
207
- },
208
- createNewMessage() {
209
- if (this.messageMap[this.newMessageForm.id]) {
210
- this.$message.error("该消息已存在,请修改id后重新保存");
211
- return;
212
- }
213
- const a = this.bpmnInstances.moddle.create("bpmn:Message", this.newMessageForm);
214
- this.bpmnRootElements.push(a), this.$set(this.messageMap, this.newMessageForm.id, this.newMessageForm.name), this.bpmnMessageRefsMap[this.newMessageForm.id] = a, this.messageModelVisible = !1;
215
- },
216
- updateTaskMessage(a) {
217
- a === "-1" ? this.bpmnInstances.modeling.updateProperties(this.element, {
218
- messageRef: null
219
- }) : this.bpmnInstances.modeling.updateProperties(this.element, {
220
- messageRef: this.bpmnMessageRefsMap[a]
221
- });
222
- }
223
- }
224
- };
225
- var x = function() {
226
- var e = this, t = e._self._c;
227
- return t("div", { staticStyle: { "margin-top": "16px" } }, [t(n, { attrs: { label: "消息实例" } }, [t("div", { staticStyle: { display: "flex", "flex-wrap": "nowrap", "align-items": "center", "justify-content": "space-between" } }, [t(o, { on: { change: e.updateTaskMessage }, model: { value: e.bindMessageId, callback: function(s) {
228
- e.bindMessageId = s;
229
- }, expression: "bindMessageId" } }, e._l(Object.keys(e.messageMap), function(s) {
230
- return t(i, { key: s, attrs: { value: s, label: e.messageMap[s] } });
231
- }), 1), t(u, { staticStyle: { "margin-left": "8px" }, attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: e.openMessageModel } })], 1)]), t(f, { staticClass: "flow-dialog", attrs: { visible: e.messageModelVisible, "close-on-click-modal": !1, title: "创建新消息", width: "400px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(s) {
232
- e.messageModelVisible = s;
233
- } }, scopedSlots: e._u([{ key: "footer", fn: function() {
234
- return [t(u, { attrs: { size: "mini", type: "primary" }, on: { click: e.createNewMessage } }, [e._v("确 认")])];
235
- }, proxy: !0 }]) }, [t(d, { attrs: { model: e.newMessageForm, size: "mini", "label-width": "90px" }, nativeOn: { submit: function(s) {
236
- s.preventDefault();
237
- } } }, [t(n, { attrs: { label: "消息ID" } }, [t(r, { attrs: { clearable: "" }, model: { value: e.newMessageForm.id, callback: function(s) {
238
- e.$set(e.newMessageForm, "id", s);
239
- }, expression: "newMessageForm.id" } })], 1), t(n, { attrs: { label: "消息名称" } }, [t(r, { attrs: { clearable: "" }, model: { value: e.newMessageForm.name, callback: function(s) {
240
- e.$set(e.newMessageForm, "name", s);
241
- }, expression: "newMessageForm.name" } })], 1)], 1)], 1)], 1);
242
- }, w = [], C = /* @__PURE__ */ l(
243
- M,
244
- x,
245
- w,
246
- !1,
247
- null,
248
- null
249
- );
250
- const E = C.exports, R = {
251
- name: "ElementTaskConfig",
252
- components: { UserTask: T, ScriptTask: y, ReceiveTask: E },
253
- props: {
254
- id: String,
255
- element: Object,
256
- bpmnInstances: Object,
257
- type: String
258
- },
259
- data() {
260
- return {
261
- taskConfigForm: {
262
- asyncAfter: !1,
263
- asyncBefore: !1,
264
- exclusive: !1
265
- },
266
- witchTaskComponent: "",
267
- installedComponent: {
268
- // 手工任务与普通任务一致,不需要其他配置
269
- // 接收消息任务,需要在全局下插入新的消息实例,并在该节点下的 messageRef 属性绑定该实例
270
- // 发送任务、服务任务、业务规则任务共用一个相同配置
271
- UserTask: "UserTask",
272
- // 用户任务配置
273
- ScriptTask: "ScriptTask",
274
- // 脚本任务配置
275
- ReceiveTask: "ReceiveTask"
276
- // 消息接收任务
277
- }
278
- };
279
- },
280
- watch: {
281
- id: {
282
- immediate: !0,
283
- handler() {
284
- var a, e, t, s, m, p;
285
- this.taskConfigForm.asyncBefore = (e = (a = this.element) == null ? void 0 : a.businessObject) == null ? void 0 : e.asyncBefore, this.taskConfigForm.asyncAfter = (s = (t = this.element) == null ? void 0 : t.businessObject) == null ? void 0 : s.asyncAfter, this.taskConfigForm.exclusive = (p = (m = this.element) == null ? void 0 : m.businessObject) == null ? void 0 : p.exclusive;
286
- }
287
- },
288
- type: {
289
- immediate: !0,
290
- handler() {
291
- this.witchTaskComponent = this.installedComponent[this.type];
292
- }
293
- }
294
- },
295
- methods: {
296
- changeTaskAsync() {
297
- !this.taskConfigForm.asyncBefore && !this.taskConfigForm.asyncAfter && (this.taskConfigForm.exclusive = !1), this.bpmnInstances.modeling.updateProperties(this.element, {
298
- ...this.taskConfigForm
299
- });
300
- }
301
- }
302
- };
303
- var j = function() {
304
- var e = this, t = e._self._c;
305
- return t("div", { staticClass: "panel-tab__content" }, [t(d, { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(s) {
306
- s.preventDefault();
307
- } } }, [t(n, { attrs: { label: "异步延续" } }, [t(c, { attrs: { label: "异步前" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncBefore, callback: function(s) {
308
- e.$set(e.taskConfigForm, "asyncBefore", s);
309
- }, expression: "taskConfigForm.asyncBefore" } }), t(c, { attrs: { label: "异步后" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.asyncAfter, callback: function(s) {
310
- e.$set(e.taskConfigForm, "asyncAfter", s);
311
- }, expression: "taskConfigForm.asyncAfter" } }), e.taskConfigForm.asyncAfter || e.taskConfigForm.asyncBefore ? t(c, { attrs: { label: "排除" }, on: { change: e.changeTaskAsync }, model: { value: e.taskConfigForm.exclusive, callback: function(s) {
312
- e.$set(e.taskConfigForm, "exclusive", s);
313
- }, expression: "taskConfigForm.exclusive" } }) : e._e()], 1), t(e.witchTaskComponent, e._b({ tag: "Component" }, "Component", e.$props, !1))], 1)], 1);
314
- }, O = [], D = /* @__PURE__ */ l(
315
- R,
316
- j,
317
- O,
318
- !1,
319
- null,
320
- null
321
- );
322
- const N = D.exports;
323
- export {
324
- N as default
325
- };