@web-utils/component 3.8.3 → 4.0.1

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 (211) hide show
  1. package/awesome-button/index.mjs +25 -55
  2. package/base.css +1 -1
  3. package/card/index.mjs +13 -13
  4. package/card/style.css +1 -1
  5. package/carousel/style.css +1 -1
  6. package/chat/index.mjs +2 -2
  7. package/chat/style.css +1 -1
  8. package/chunks/{ElementForm.8w6UkiuU.mjs → ElementForm.CQ3PN5qj.mjs} +17 -35
  9. package/chunks/{ElementListeners.DOy8wyD2.mjs → ElementListeners.De_PRuIm.mjs} +56 -95
  10. package/chunks/{ElementMultiInstance.3Z28ewuh.mjs → ElementMultiInstance.DQo2wuAQ.mjs} +16 -26
  11. package/chunks/{ElementProperties.B2I48muA.mjs → ElementProperties.CosfDrlW.mjs} +16 -16
  12. package/chunks/{ElementTaskConfig.MBbkLrth.mjs → ElementTaskConfig.Bko0kgTp.mjs} +104 -113
  13. package/chunks/{FlowCondition.BfU9kw6h.mjs → FlowCondition.Y6qEYi1T.mjs} +36 -66
  14. package/chunks/{FormTemp.BSpnNput.mjs → FormTemp.Bu2VCxUh.mjs} +2 -2
  15. package/chunks/{SignalAndMessage.CH6L7cYu.mjs → SignalAndMessage.Bb5PFX0N.mjs} +11 -22
  16. package/chunks/{UserTaskListeners.XXe5dC5I.mjs → UserTaskListeners.Bv3BDfEI.mjs} +45 -86
  17. package/chunks/configComponents.BDhlZU8F.mjs +23 -0
  18. package/chunks/confirmable-mixin.D9aKzKZ9.mjs +85 -0
  19. package/chunks/core.DJEgjQW6.mjs +54 -0
  20. package/chunks/{dataformat.B9UvztrQ.mjs → dataformat.CpqOeGBl.mjs} +2 -2
  21. package/chunks/{dic.CET0XdKP.mjs → dic.Dkl-leRW.mjs} +43 -43
  22. package/chunks/dictionary.DqiP9x2m.mjs +25 -0
  23. package/chunks/{event.BT1F_1vF.mjs → event.9aDS6jcw.mjs} +2 -2
  24. package/chunks/form-input.B8z37eqj.mjs +31 -0
  25. package/chunks/form-item.D-H-wCPE.mjs +233 -0
  26. package/chunks/form-validate.CVarNHKX.mjs +12 -0
  27. package/chunks/helper.BiMLcEEk.mjs +41 -0
  28. package/chunks/index.9OxHjTIE.mjs +16 -0
  29. package/chunks/{index.MAFc4eFi.mjs → index.d3MV3Wq2.mjs} +43 -47
  30. package/chunks/{init.ofpxEyAI.mjs → init.DAsXSoLW.mjs} +2 -2
  31. package/chunks/{packages.CWPkeLu9.mjs → packages.ByyangTp.mjs} +3 -3
  32. package/chunks/sub-table-plus-props.BVsD71hT.mjs +30 -0
  33. package/chunks/{tab-mixin.CVr9bZtn.mjs → tab-mixin.BNK6dxLN.mjs} +1 -1
  34. package/chunks/{util.CoahLDYn.mjs → util.DqFv_pWg.mjs} +54 -55
  35. package/chunks/utilSelf.Csq1766E.mjs +48 -0
  36. package/color-picker/index.mjs +19 -37
  37. package/comment/style.css +1 -1
  38. package/confirm-button/index.mjs +1 -1
  39. package/confirmable/index.mjs +1 -1
  40. package/context-menu/style.css +1 -1
  41. package/count-up/index.mjs +13 -24
  42. package/custom-scrollbar/index.mjs +1 -2
  43. package/data-operatext/style.css +1 -1
  44. package/data-panel/style.css +1 -1
  45. package/data-pay/style.css +1 -1
  46. package/data-price/style.css +1 -1
  47. package/data-rotate/style.css +1 -1
  48. package/data-table-picker/index.mjs +1 -1
  49. package/data-tabs/style.css +1 -1
  50. package/dialog-form/index.mjs +16 -28
  51. package/dynamic-table/style.css +1 -1
  52. package/easy-popup/index.mjs +22 -40
  53. package/easy-popup/style.css +1 -1
  54. package/editable-tree/index.mjs +203 -250
  55. package/editable-tree/style.css +1 -1
  56. package/element-dialog/index.mjs +30 -52
  57. package/element-dialog/style.css +1 -1
  58. package/flex-column/index.mjs +13 -25
  59. package/flex-item/index.mjs +15 -27
  60. package/flex-row/index.mjs +13 -25
  61. package/flow/index.mjs +30 -32
  62. package/flow-designer/index.mjs +344 -375
  63. package/flow-designer/style.css +1 -1
  64. package/flow-node/index.mjs +1 -1
  65. package/flow-viewer/index.mjs +64 -91
  66. package/form-block/index.mjs +33 -26
  67. package/form-card/index.mjs +25 -0
  68. package/form-cascader/index.mjs +70 -67
  69. package/form-checkbox/index.mjs +71 -0
  70. package/form-checkbox-group/index.mjs +33 -53
  71. package/form-date-picker/index.mjs +44 -73
  72. package/form-holder/index.mjs +60 -64
  73. package/form-holder/style.css +1 -0
  74. package/form-input/index.mjs +62 -40
  75. package/form-input-cron-expression/index.mjs +77 -0
  76. package/form-input-cron-expression/style.css +1 -0
  77. package/form-input-email/index.mjs +21 -33
  78. package/form-input-id-card/index.mjs +25 -38
  79. package/form-input-number/index.mjs +39 -42
  80. package/form-input-number/style.css +1 -1
  81. package/form-input-phone-number/index.mjs +26 -37
  82. package/form-input-tag/index.mjs +32 -34
  83. package/form-input-time/index.mjs +22 -37
  84. package/form-item/index.mjs +109 -101
  85. package/form-item/style.css +1 -1
  86. package/form-item-config-provider/index.mjs +18 -10
  87. package/form-item-group/index.mjs +73 -69
  88. package/form-item-group/style.css +1 -1
  89. package/form-radio-group/index.mjs +41 -36
  90. package/form-radio-group/style.css +1 -1
  91. package/form-select/index.mjs +142 -75
  92. package/form-select/style.css +1 -0
  93. package/form-switch/index.mjs +29 -34
  94. package/form-table/index.mjs +85 -0
  95. package/form-table-plus/index.mjs +109 -0
  96. package/form-textarea/index.mjs +23 -35
  97. package/form-tree-select/index.mjs +72 -0
  98. package/form-tree-select/style.css +1 -0
  99. package/form-tree-select-multiple/index.mjs +78 -0
  100. package/form-view/index.mjs +43 -77
  101. package/form-view/style.css +1 -1
  102. package/fy-array/index.mjs +2 -2
  103. package/fy-cascader/index.mjs +1 -1
  104. package/fy-checkbox/index.mjs +1 -1
  105. package/fy-code/index.mjs +1 -1
  106. package/fy-curd/index.mjs +12 -17
  107. package/fy-curd/style.css +1 -1
  108. package/fy-date/index.mjs +1 -1
  109. package/fy-draggable/index.mjs +5 -7
  110. package/fy-draggable/style.css +1 -1
  111. package/fy-dynamic/index.mjs +14 -16
  112. package/fy-empty/index.mjs +1 -1
  113. package/fy-empty/style.css +1 -1
  114. package/fy-form/index.mjs +117 -136
  115. package/fy-form/style.css +1 -1
  116. package/fy-form-design/index.mjs +319 -345
  117. package/fy-form-design/style.css +1 -1
  118. package/fy-input/index.mjs +2 -2
  119. package/fy-input-color/index.mjs +1 -1
  120. package/fy-input-icon/index.mjs +1 -1
  121. package/fy-input-map/index.mjs +21 -26
  122. package/fy-input-map/style.css +1 -1
  123. package/fy-input-number/index.mjs +1 -1
  124. package/fy-input-table/index.mjs +10 -12
  125. package/fy-input-tree/index.mjs +1 -1
  126. package/fy-radio/index.mjs +1 -1
  127. package/fy-rate/index.mjs +1 -1
  128. package/fy-select/index.mjs +4 -4
  129. package/fy-slider/index.mjs +2 -2
  130. package/fy-switch/index.mjs +1 -1
  131. package/fy-tabs/index.mjs +0 -1
  132. package/fy-time/index.mjs +1 -1
  133. package/fy-title/index.mjs +1 -1
  134. package/fy-tree/index.mjs +1 -1
  135. package/fy-u-editor/index.mjs +77 -103
  136. package/fy-upload/index.mjs +3 -3
  137. package/fy-upload/style.css +1 -1
  138. package/highlight-j-s/index.mjs +1 -1
  139. package/highlight-j-s/style.css +1 -1
  140. package/image-cropper/index.mjs +14 -65
  141. package/image-preview/index.mjs +17 -45
  142. package/image-preview/style.css +1 -1
  143. package/image-viewer/style.css +1 -1
  144. package/index.mjs +666 -496
  145. package/input-number/index.mjs +64 -9
  146. package/keyboard/style.css +1 -1
  147. package/license/index.mjs +1 -1
  148. package/login/index.mjs +1 -1
  149. package/monaco-editor/index.mjs +44 -74
  150. package/name-avatar/style.css +1 -1
  151. package/package.json +18 -17
  152. package/page-index/index.mjs +30 -54
  153. package/page-index-top/index.mjs +25 -47
  154. package/pageable-table/index.mjs +354 -226
  155. package/pageable-table/style.css +1 -1
  156. package/pageable-view/index.mjs +63 -106
  157. package/photo-swipe/index.mjs +51 -74
  158. package/picker-table-view/index.mjs +117 -0
  159. package/present-view/index.mjs +43 -77
  160. package/present-view/style.css +1 -1
  161. package/record-video/index.mjs +1 -1
  162. package/resize-observer/index.mjs +1 -1
  163. package/resize-observer/style.css +1 -1
  164. package/search/index.mjs +2 -2
  165. package/search/style.css +1 -1
  166. package/search-popover/index.mjs +28 -48
  167. package/search-popover/style.css +1 -1
  168. package/sign/index.mjs +2 -2
  169. package/sign-panel/style.css +1 -1
  170. package/skeleton-panel/index.mjs +38 -0
  171. package/skeleton-panel/style.css +1 -0
  172. package/split-pane/index.mjs +31 -49
  173. package/split-pane/style.css +1 -1
  174. package/sub-table/index.mjs +206 -0
  175. package/sub-table/style.css +1 -0
  176. package/sub-table-plus/index.mjs +231 -0
  177. package/sub-table-plus/style.css +1 -0
  178. package/swiper/index.mjs +18 -38
  179. package/swiper/style.css +1 -1
  180. package/tab/index.mjs +1 -1
  181. package/tab/style.css +1 -1
  182. package/tab-item/index.mjs +2 -2
  183. package/table-column/index.mjs +112 -37
  184. package/table-column/style.css +1 -0
  185. package/table-view/index.mjs +178 -135
  186. package/table-view/style.css +1 -1
  187. package/tabs-view/index.mjs +104 -0
  188. package/tabs-view/style.css +1 -0
  189. package/tag-render/index.mjs +13 -24
  190. package/text-ellipsis/index.mjs +1 -1
  191. package/toolbar/index.mjs +115 -58
  192. package/toolbar/style.css +1 -1
  193. package/toolbar-button/index.mjs +92 -48
  194. package/verify/index.mjs +1 -1
  195. package/vue-cron/index.mjs +48 -66
  196. package/vue-qr-code/index.mjs +14 -32
  197. package/vue-quill-editor/index.mjs +3 -3
  198. package/vue-tags-input/index.mjs +1 -1
  199. package/vue-tree-select/index.mjs +352 -393
  200. package/vue-tree-select/style.css +1 -1
  201. package/vue-video-player/index.mjs +36 -67
  202. package/watermark/index.mjs +21 -31
  203. package/web-types.json +9240 -3843
  204. package/x-input-tag/index.mjs +29 -61
  205. package/chunks/confirmable-mixin.D4LAArE5.mjs +0 -114
  206. package/chunks/form-input-mixin.BkKiqJhi.mjs +0 -24
  207. package/chunks/form-item-mixin.CG4ZwzMC.mjs +0 -140
  208. package/chunks/input-number-mixin.CzjtGf2n.mjs +0 -60
  209. package/chunks/utilSelf.CRqpl0Cz.mjs +0 -56
  210. package/toolbar-button/style.css +0 -1
  211. /package/chunks/{form-pick-mixin.BFTIVn_i.mjs → form-pick.BFTIVn_i.mjs} +0 -0
@@ -1,24 +1,8 @@
1
- var s = (t, e, l) => new Promise((i, n) => {
2
- var p = (o) => {
3
- try {
4
- a(l.next(o));
5
- } catch (r) {
6
- n(r);
7
- }
8
- }, u = (o) => {
9
- try {
10
- a(l.throw(o));
11
- } catch (r) {
12
- n(r);
13
- }
14
- }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(p, u);
15
- a((l = l.apply(t, e)).next());
16
- });
17
- import d from "element-ui/lib/dialog";
18
- import { dialogDrag as f } from "@web-utils/vue/directives/dialog-drag";
19
- import { getComputedHeight as h, isDef as m } from "@web-utils/core";
20
- import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
21
- const g = {
1
+ import i from "element-ui/lib/dialog";
2
+ import { dialogDrag as a } from "@web-utils/vue/directives/dialog-drag";
3
+ import { getComputedHeight as r, isDef as n } from "@web-utils/core";
4
+ import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
5
+ const d = {
22
6
  name: "EmulateForm",
23
7
  provide() {
24
8
  return {
@@ -30,16 +14,16 @@ const g = {
30
14
  render() {
31
15
  return this.$slots.default;
32
16
  }
33
- }, y = null, _ = null;
34
- var v = /* @__PURE__ */ c(
35
- g,
36
- y,
37
- _,
17
+ }, c = null, p = null;
18
+ var u = /* @__PURE__ */ s(
19
+ d,
20
+ c,
21
+ p,
38
22
  !1,
39
23
  null,
40
24
  null
41
25
  );
42
- const C = v.exports, b = {
26
+ const f = u.exports, h = {
43
27
  props: {
44
28
  /**
45
29
  * 对话框是否可见
@@ -107,13 +91,13 @@ const C = v.exports, b = {
107
91
  default: "76vh"
108
92
  }
109
93
  }
110
- }, S = {
94
+ }, m = {
111
95
  name: "ElementDialog",
112
- components: { EmulateForm: C },
96
+ components: { EmulateForm: f },
113
97
  directives: {
114
- dialogDrag: f
98
+ dialogDrag: a
115
99
  },
116
- mixins: [...d.mixins || d.default.mixins, b],
100
+ mixins: [...i.mixins || i.default.mixins, h],
117
101
  props: {
118
102
  /**
119
103
  * 对话框标题
@@ -234,10 +218,8 @@ const C = v.exports, b = {
234
218
  }
235
219
  },
236
220
  watch: {
237
- visible(t) {
238
- return s(this, null, function* () {
239
- t ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
240
- });
221
+ async visible(t) {
222
+ t ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), await this.$nextTick(), this.$refs.dialog.scrollTop = 0, await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
241
223
  },
242
224
  fullScreen(t) {
243
225
  this.$emit("toggle-fullscreen", t);
@@ -246,19 +228,15 @@ const C = v.exports, b = {
246
228
  created() {
247
229
  this.$watch(() => ({ offsetTop: this.offsetTop, verticalCenter: this.verticalCenter, top: this.top }), this.computeTop, { deep: !0 });
248
230
  },
249
- mounted() {
250
- return s(this, null, function* () {
251
- this.visible && (this.rendered = !0, this.open(), yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
252
- });
231
+ async mounted() {
232
+ this.visible && (this.rendered = !0, this.open(), await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
253
233
  },
254
234
  destroyed() {
255
235
  this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
256
236
  },
257
237
  methods: {
258
- computeTop() {
259
- return s(this, null, function* () {
260
- yield this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - h(this.$refs.dialog)) / 2 + (m(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
261
- });
238
+ async computeTop() {
239
+ await this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - r(this.$refs.dialog)) / 2 + (n(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
262
240
  },
263
241
  toggleFullScreen() {
264
242
  this.fullScreen = !this.fullScreen;
@@ -293,10 +271,10 @@ const C = v.exports, b = {
293
271
  }
294
272
  }
295
273
  };
296
- var $ = function() {
274
+ var g = function() {
297
275
  var e = this, l = e._self._c;
298
- return l("Transition", { attrs: { name: "dialog-fade" }, on: { "after-enter": e.afterEnter, "after-leave": e.afterLeave } }, [l("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }, { name: "dialog-drag", rawName: "v-dialog-drag:[fullScreen]", value: { onMove: e.updatePopper }, expression: "{ onMove: updatePopper }", arg: e.fullScreen }], staticClass: "el-dialog__wrapper", on: { click: function(i) {
299
- return i.target !== i.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
276
+ return l("Transition", { attrs: { name: "dialog-fade" }, on: { "after-enter": e.afterEnter, "after-leave": e.afterLeave } }, [l("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }, { name: "dialog-drag", rawName: "v-dialog-drag:[fullScreen]", value: { onMove: e.updatePopper }, expression: "{ onMove: updatePopper }", arg: e.fullScreen }], staticClass: "el-dialog__wrapper", on: { click: function(o) {
277
+ return o.target !== o.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
300
278
  } } }, [l("div", { ref: "dialog", class: [
301
279
  "el-dialog",
302
280
  "element-dialog",
@@ -313,15 +291,15 @@ var $ = function() {
313
291
  ], style: e.style, attrs: { role: "dialog", "aria-modal": "true", "aria-label": e.title || "dialog" } }, [l("div", { staticClass: "el-dialog__header" }, [e._t("title", function() {
314
292
  return [l("span", { staticClass: "el-dialog__title" }, [e._v(e._s(e.title))])];
315
293
  }), l("EmulateForm", [l("div", { staticClass: "header-button-wrapper" }, [e._t("header-button"), e.showFullScreen ? l("ElButton", { staticClass: "header-button", attrs: { disabled: !1, type: "text", icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen", size: "medium", title: e.fullScreen ? "还原" : "最大化" }, on: { click: e.toggleFullScreen } }) : e._e(), e.showClose ? l("ElButton", { staticClass: "header-button header-dialog-close", attrs: { disabled: !1, "aria-label": "Close", type: "text", title: "关闭", icon: "el-icon-close", size: "medium" }, on: { click: e.handleClose } }) : e._e()], 2)])], 2), e.rendered ? l("div", { staticClass: "el-dialog__body", style: { height: e.fullScreen ? "100%" : e.height } }, [e.destroyOnClose ? [e.visible ? e._t("default") : e._e()] : e._t("default")], 2) : e._e(), e.shouldShowFooter() ? l("div", { staticClass: "el-dialog__footer" }, [e._t("footer", null, { handleClose: e.handleClose })], 2) : e._e()])])]);
316
- }, w = [], x = /* @__PURE__ */ c(
317
- S,
318
- $,
319
- w,
294
+ }, y = [], _ = /* @__PURE__ */ s(
295
+ m,
296
+ g,
297
+ y,
320
298
  !1,
321
299
  null,
322
300
  null
323
301
  );
324
- const P = x.exports;
302
+ const $ = _.exports;
325
303
  export {
326
- P as default
304
+ $ as default
327
305
  };
@@ -1 +1 @@
1
- .element-dialog.el-dialog{margin:0 auto}.element-dialog.el-dialog.el-dialog-resizeable{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{flex:auto;padding:0;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{font-size:18px;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{text-align:right;padding-bottom:10px}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;width:100%!important;height:100%!important;margin-top:0!important;top:0!important;left:0!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{flex-direction:row;display:flex}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0;overflow:auto}.element-dialog.el-dialog .el-dialog__header{background-color:#409eff;flex-direction:row;align-items:center;padding:4px 10px;font-size:16px;display:flex;position:relative}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px;font-weight:400}.element-dialog.el-dialog .header-button-wrapper{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{color:#fff;cursor:pointer;border:none;outline:0;padding:2px}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:rgba(0,0,0,.3)}
1
+ .element-dialog.el-dialog{margin:0 auto}.element-dialog.el-dialog.el-dialog-resizeable{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{flex:auto;padding:0;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{font-size:18px;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{text-align:right;padding-bottom:10px}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;width:100%!important;height:100%!important;margin-top:0!important;top:0!important;left:0!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{flex-direction:row;display:flex}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0;overflow:auto}.element-dialog.el-dialog .el-dialog__header{background-color:#409eff;flex-direction:row;align-items:center;padding:4px 10px;font-size:16px;display:flex;position:relative}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px;font-weight:400}.element-dialog.el-dialog .header-button-wrapper{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{color:#fff;cursor:pointer;border:none;outline:0;padding:2px}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:#0000004d}
@@ -1,18 +1,6 @@
1
- var i = Object.defineProperty, f = Object.defineProperties;
2
- var u = Object.getOwnPropertyDescriptors;
3
- var o = Object.getOwnPropertySymbols;
4
- var C = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
5
- var a = (t, e, n) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, s = (t, e) => {
6
- for (var n in e || (e = {}))
7
- C.call(e, n) && a(t, n, e[n]);
8
- if (o)
9
- for (var n of o(e))
10
- m.call(e, n) && a(t, n, e[n]);
11
- return t;
12
- }, c = (t, e) => f(t, u(e));
13
- import { g as h } from "../chunks/index.MAFc4eFi.mjs";
14
- import { n as _ } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
15
- const d = {
1
+ import { g as o } from "../chunks/index.9OxHjTIE.mjs";
2
+ import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
+ const s = {
16
4
  name: "FlexColumn",
17
5
  functional: !0,
18
6
  props: {
@@ -45,20 +33,20 @@ const d = {
45
33
  default: !1
46
34
  }
47
35
  },
48
- render(t, { data: e, children: n, props: l }) {
49
- const r = h(e.class, "flex-column");
50
- return l.center || l.horizonCenter && l.verticalCenter ? (r.push("horizon-center"), r.push("vertical-center")) : (l.horizonCenter && r.push("horizon-center"), l.verticalCenter && r.push("vertical-center")), l.textCenter && r.push("text-center"), t("div", c(s({}, e), { class: r }), n);
36
+ render(l, { data: t, children: r, props: e }) {
37
+ const n = o(t.class, "flex-column");
38
+ return e.center || e.horizonCenter && e.verticalCenter ? (n.push("horizon-center"), n.push("vertical-center")) : (e.horizonCenter && n.push("horizon-center"), e.verticalCenter && n.push("vertical-center")), e.textCenter && n.push("text-center"), l("div", { ...t, class: n }, r);
51
39
  }
52
- }, v = null, x = null;
53
- var p = /* @__PURE__ */ _(
54
- d,
55
- v,
56
- x,
40
+ }, c = null, i = null;
41
+ var f = /* @__PURE__ */ a(
42
+ s,
43
+ c,
44
+ i,
57
45
  !1,
58
46
  null,
59
47
  null
60
48
  );
61
- const F = p.exports;
49
+ const m = f.exports;
62
50
  export {
63
- F as default
51
+ m as default
64
52
  };
@@ -1,18 +1,6 @@
1
- var i = Object.defineProperty, u = Object.defineProperties;
2
- var c = Object.getOwnPropertyDescriptors;
3
- var s = Object.getOwnPropertySymbols;
4
- var v = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
5
- var r = (t, e, l) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, o = (t, e) => {
6
- for (var l in e || (e = {}))
7
- v.call(e, l) && r(t, l, e[l]);
8
- if (s)
9
- for (var l of s(e))
10
- x.call(e, l) && r(t, l, e[l]);
11
- return t;
12
- }, f = (t, e) => u(t, c(e));
13
- import { g as m } from "../chunks/index.MAFc4eFi.mjs";
14
- import { n as C } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
15
- const d = {
1
+ import { g as o } from "../chunks/index.9OxHjTIE.mjs";
2
+ import { n as f } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
+ const s = {
16
4
  name: "FlexItem",
17
5
  functional: !0,
18
6
  props: {
@@ -49,29 +37,29 @@ const d = {
49
37
  default: !1
50
38
  }
51
39
  },
52
- render(t, { children: e, data: l, props: n }) {
53
- const a = m(l.class, n.relative ? "flex-item-relative" : "flex-item");
54
- return n.absolute && !n.relative && a.push("flex-item-relative"), n.center || n.horizonCenter && n.verticalCenter ? (a.push("horizon-center"), a.push("vertical-center")) : (n.horizonCenter && a.push("horizon-center"), n.verticalCenter && a.push("vertical-center")), n.textCenter && a.push("text-center"), n.flexColumn && a.push("flex-column"), n.flexRow && a.push("flex-row"), n.absolute ? t("div", f(o({}, l), { class: a }), [
40
+ render(t, { children: a, data: n, props: e }) {
41
+ const l = o(n.class, e.relative ? "flex-item-relative" : "flex-item");
42
+ return e.absolute && !e.relative && l.push("flex-item-relative"), e.center || e.horizonCenter && e.verticalCenter ? (l.push("horizon-center"), l.push("vertical-center")) : (e.horizonCenter && l.push("horizon-center"), e.verticalCenter && l.push("vertical-center")), e.textCenter && l.push("text-center"), e.flexColumn && l.push("flex-column"), e.flexRow && l.push("flex-row"), e.absolute ? t("div", { ...n, class: l }, [
55
43
  t(
56
44
  "div",
57
45
  {
58
46
  class: "absolute",
59
47
  style: "overflow:auto"
60
48
  },
61
- e
49
+ a
62
50
  )
63
- ]) : t("div", f(o({}, l), { class: a }), e);
51
+ ]) : t("div", { ...n, class: l }, a);
64
52
  }
65
- }, h = null, _ = null;
66
- var y = /* @__PURE__ */ C(
67
- d,
68
- h,
69
- _,
53
+ }, r = null, i = null;
54
+ var u = /* @__PURE__ */ f(
55
+ s,
56
+ r,
57
+ i,
70
58
  !1,
71
59
  null,
72
60
  null
73
61
  );
74
- const b = y.exports;
62
+ const x = u.exports;
75
63
  export {
76
- b as default
64
+ x as default
77
65
  };
@@ -1,18 +1,6 @@
1
- var i = Object.defineProperty, f = Object.defineProperties;
2
- var u = Object.getOwnPropertyDescriptors;
3
- var o = Object.getOwnPropertySymbols;
4
- var C = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
5
- var a = (n, e, t) => e in n ? i(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, s = (n, e) => {
6
- for (var t in e || (e = {}))
7
- C.call(e, t) && a(n, t, e[t]);
8
- if (o)
9
- for (var t of o(e))
10
- h.call(e, t) && a(n, t, e[t]);
11
- return n;
12
- }, c = (n, e) => f(n, u(e));
13
- import { g as _ } from "../chunks/index.MAFc4eFi.mjs";
14
- import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
15
- const d = {
1
+ import { g as o } from "../chunks/index.9OxHjTIE.mjs";
2
+ import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
+ const s = {
16
4
  name: "FlexRow",
17
5
  functional: !0,
18
6
  props: {
@@ -33,20 +21,20 @@ const d = {
33
21
  default: !1
34
22
  }
35
23
  },
36
- render(n, { data: e, children: t, props: r }) {
37
- const l = _(e.class, "flex-row");
38
- return r.center || r.horizonCenter && r.verticalCenter ? (l.push("horizon-center"), l.push("vertical-center")) : (r.horizonCenter && l.push("horizon-center"), r.verticalCenter && l.push("vertical-center")), r.textCenter && l.push("text-center"), n("div", c(s({}, e), { class: l }), t);
24
+ render(r, { data: n, children: l, props: e }) {
25
+ const t = o(n.class, "flex-row");
26
+ return e.center || e.horizonCenter && e.verticalCenter ? (t.push("horizon-center"), t.push("vertical-center")) : (e.horizonCenter && t.push("horizon-center"), e.verticalCenter && t.push("vertical-center")), e.textCenter && t.push("text-center"), r("div", { ...n, class: t }, l);
39
27
  }
40
- }, v = null, x = null;
41
- var p = /* @__PURE__ */ m(
42
- d,
43
- v,
44
- x,
28
+ }, c = null, i = null;
29
+ var f = /* @__PURE__ */ a(
30
+ s,
31
+ c,
32
+ i,
45
33
  !1,
46
34
  null,
47
35
  null
48
36
  );
49
- const B = p.exports;
37
+ const h = f.exports;
50
38
  export {
51
- B as default
39
+ h as default
52
40
  };
package/flow/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { r, s as l } from "../chunks/util.CoahLDYn.mjs";
1
+ import { r, s as l } from "../chunks/util.DqFv_pWg.mjs";
2
2
  import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
3
3
  const c = {
4
4
  name: "Flow",
@@ -115,9 +115,9 @@ const c = {
115
115
  },
116
116
  // 是否具有该线
117
117
  hasLine(e, t) {
118
- for (let n = 0; n < this.data.lineList.length; n++) {
119
- const i = this.data.lineList[n];
120
- if (i.from === e && i.to === t)
118
+ for (let i = 0; i < this.data.lineList.length; i++) {
119
+ const n = this.data.lineList[i];
120
+ if (n.from === e && n.to === t)
121
121
  return !0;
122
122
  }
123
123
  return !1;
@@ -128,18 +128,16 @@ const c = {
128
128
  },
129
129
  // 删除线
130
130
  deleteLine(e, t) {
131
- this.option.lineList = this.option.lineList.filter(function(n) {
132
- return n.from !== e && n.to !== t;
133
- });
131
+ this.option.lineList = this.option.lineList.filter((i) => i.from !== e && i.to !== t);
134
132
  },
135
133
  // 改变连线
136
134
  changeLine(e, t) {
137
135
  this.deleteLine(e, t);
138
136
  },
139
137
  // 改变节点的位置
140
- changeNodeSite({ index: e, left: t, top: n }) {
141
- for (let i = 0; i < this.option.nodeList.length; i++)
142
- i === e && (this.$set(this.option.nodeList[i], "left", t), this.$set(this.option.nodeList[i], "top", n));
138
+ changeNodeSite({ index: e, left: t, top: i }) {
139
+ for (let n = 0; n < this.option.nodeList.length; n++)
140
+ n === e && (this.$set(this.option.nodeList[n], "left", t), this.$set(this.option.nodeList[n], "top", i));
143
141
  },
144
142
  // 删除节点
145
143
  deleteNode(e) {
@@ -159,14 +157,14 @@ const c = {
159
157
  },
160
158
  // 添加新的节点
161
159
  addNode(e) {
162
- const t = this.option.nodeList.length, n = `node${t}`;
160
+ const t = this.option.nodeList.length, i = `node${t}`;
163
161
  this.option.nodeList.push({
164
162
  id: `node${t}`,
165
163
  name: e,
166
164
  left: 0,
167
165
  top: 0
168
166
  }), this.$nextTick(function() {
169
- this.jsPlumb.makeSource(n, this.jsplumbSourceOptions), this.jsPlumb.makeTarget(n, this.jsplumbTargetOptions), this.jsPlumb.draggable(n, {
167
+ this.jsPlumb.makeSource(i, this.jsplumbSourceOptions), this.jsPlumb.makeTarget(i, this.jsplumbTargetOptions), this.jsPlumb.draggable(i, {
170
168
  containment: "parent"
171
169
  });
172
170
  });
@@ -192,8 +190,8 @@ const c = {
192
190
  },
193
191
  jsPlumbInit() {
194
192
  const e = this;
195
- this.jsPlumb.ready(function() {
196
- e.jsPlumb.importDefaults(e.jsplumbSetting), e.jsPlumb.setSuspendDrawing(!1, !0), e.loadEasyFlow(), e.jsPlumb.bind("click", function(t) {
193
+ this.jsPlumb.ready(() => {
194
+ e.jsPlumb.importDefaults(e.jsplumbSetting), e.jsPlumb.setSuspendDrawing(!1, !0), e.loadEasyFlow(), e.jsPlumb.bind("click", (t) => {
197
195
  console.log("click", t), e.$confirm("确定删除所点击的线吗?", "提示", {
198
196
  confirmButtonText: "确定",
199
197
  cancelButtonText: "取消",
@@ -202,24 +200,24 @@ const c = {
202
200
  e.jsPlumb.deleteConnection(t);
203
201
  }).catch(() => {
204
202
  });
205
- }), e.jsPlumb.bind("connection", function(t) {
203
+ }), e.jsPlumb.bind("connection", (t) => {
206
204
  console.log("connection", t);
207
- const n = t.source.id, i = t.target.id;
205
+ const i = t.source.id, n = t.target.id;
208
206
  e.loadEasyFlowFinish && e.option.lineList.push({
209
- from: n,
210
- to: i
207
+ from: i,
208
+ to: n
211
209
  });
212
- }), e.jsPlumb.bind("connectionDetached", function(t) {
210
+ }), e.jsPlumb.bind("connectionDetached", (t) => {
213
211
  console.log("connectionDetached", t), e.deleteLine(t.sourceId, t.targetId);
214
- }), e.jsPlumb.bind("connectionMoved", function(t) {
212
+ }), e.jsPlumb.bind("connectionMoved", (t) => {
215
213
  console.log("connectionMoved", t), e.changeLine(t.originalSourceId, t.originalTargetId);
216
- }), e.jsPlumb.bind("contextmenu", function(t) {
214
+ }), e.jsPlumb.bind("contextmenu", (t) => {
217
215
  console.log("contextmenu", t);
218
- }), e.jsPlumb.bind("beforeDrop", function(t) {
216
+ }), e.jsPlumb.bind("beforeDrop", (t) => {
219
217
  console.log("beforeDrop", t);
220
- const n = t.sourceId, i = t.targetId;
221
- return n === i ? (e.$message.error("不能连接自己"), !1) : e.hasLine(n, i) ? (e.$message.error("不能重复连线"), !1) : e.hashOppositeLine(n, i) ? (e.$message.error("不能回环哦"), !1) : !0;
222
- }), e.jsPlumb.bind("beforeDetach", function(t) {
218
+ const i = t.sourceId, n = t.targetId;
219
+ return i === n ? (e.$message.error("不能连接自己"), !1) : e.hasLine(i, n) ? (e.$message.error("不能重复连线"), !1) : e.hashOppositeLine(i, n) ? (e.$message.error("不能回环哦"), !1) : !0;
220
+ }), e.jsPlumb.bind("beforeDetach", (t) => {
223
221
  console.log("beforeDetach", t);
224
222
  });
225
223
  });
@@ -227,13 +225,13 @@ const c = {
227
225
  }
228
226
  };
229
227
  var u = function() {
230
- var t = this, n = t._self._c;
231
- return n("div", { staticClass: "avue-flow", style: t.styleName }, [n("div", { style: t.styleName, attrs: { id: t.id } }, [n("div", { staticClass: "avue-grid" }), t._l(t.option.nodeList, function(i, o) {
232
- return [i.display ? t._e() : n("FlowNode", { key: o, attrs: { id: i.id, node: i, index: o, active: t.active }, on: { changeNodeSite: t.changeNodeSite }, nativeOn: { click: function(s) {
233
- return t.handleClick(i);
228
+ var t = this, i = t._self._c;
229
+ return i("div", { staticClass: "avue-flow", style: t.styleName }, [i("div", { style: t.styleName, attrs: { id: t.id } }, [i("div", { staticClass: "avue-grid" }), t._l(t.option.nodeList, function(n, o) {
230
+ return [n.display ? t._e() : i("FlowNode", { key: o, attrs: { id: n.id, node: n, index: o, active: t.active }, on: { changeNodeSite: t.changeNodeSite }, nativeOn: { click: function(s) {
231
+ return t.handleClick(n);
234
232
  } }, scopedSlots: t._u([{ key: "header", fn: function({ node: s }) {
235
233
  return [t._t("header", null, { node: s })];
236
- } }], null, !0) }, [t._t("default", null, { node: i })], 2)];
234
+ } }], null, !0) }, [t._t("default", null, { node: n })], 2)];
237
235
  })], 2)]);
238
236
  }, h = [], d = /* @__PURE__ */ a(
239
237
  c,
@@ -243,7 +241,7 @@ var u = function() {
243
241
  null,
244
242
  null
245
243
  );
246
- const p = d.exports;
244
+ const f = d.exports;
247
245
  export {
248
- p as default
246
+ f as default
249
247
  };