@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.
- package/awesome-button/index.mjs +25 -55
- package/base.css +1 -1
- package/card/index.mjs +13 -13
- package/card/style.css +1 -1
- package/carousel/style.css +1 -1
- package/chat/index.mjs +2 -2
- package/chat/style.css +1 -1
- package/chunks/{ElementForm.8w6UkiuU.mjs → ElementForm.CQ3PN5qj.mjs} +17 -35
- package/chunks/{ElementListeners.DOy8wyD2.mjs → ElementListeners.De_PRuIm.mjs} +56 -95
- package/chunks/{ElementMultiInstance.3Z28ewuh.mjs → ElementMultiInstance.DQo2wuAQ.mjs} +16 -26
- package/chunks/{ElementProperties.B2I48muA.mjs → ElementProperties.CosfDrlW.mjs} +16 -16
- package/chunks/{ElementTaskConfig.MBbkLrth.mjs → ElementTaskConfig.Bko0kgTp.mjs} +104 -113
- package/chunks/{FlowCondition.BfU9kw6h.mjs → FlowCondition.Y6qEYi1T.mjs} +36 -66
- package/chunks/{FormTemp.BSpnNput.mjs → FormTemp.Bu2VCxUh.mjs} +2 -2
- package/chunks/{SignalAndMessage.CH6L7cYu.mjs → SignalAndMessage.Bb5PFX0N.mjs} +11 -22
- package/chunks/{UserTaskListeners.XXe5dC5I.mjs → UserTaskListeners.Bv3BDfEI.mjs} +45 -86
- package/chunks/configComponents.BDhlZU8F.mjs +23 -0
- package/chunks/confirmable-mixin.D9aKzKZ9.mjs +85 -0
- package/chunks/core.DJEgjQW6.mjs +54 -0
- package/chunks/{dataformat.B9UvztrQ.mjs → dataformat.CpqOeGBl.mjs} +2 -2
- package/chunks/{dic.CET0XdKP.mjs → dic.Dkl-leRW.mjs} +43 -43
- package/chunks/dictionary.DqiP9x2m.mjs +25 -0
- package/chunks/{event.BT1F_1vF.mjs → event.9aDS6jcw.mjs} +2 -2
- package/chunks/form-input.B8z37eqj.mjs +31 -0
- package/chunks/form-item.D-H-wCPE.mjs +233 -0
- package/chunks/form-validate.CVarNHKX.mjs +12 -0
- package/chunks/helper.BiMLcEEk.mjs +41 -0
- package/chunks/index.9OxHjTIE.mjs +16 -0
- package/chunks/{index.MAFc4eFi.mjs → index.d3MV3Wq2.mjs} +43 -47
- package/chunks/{init.ofpxEyAI.mjs → init.DAsXSoLW.mjs} +2 -2
- package/chunks/{packages.CWPkeLu9.mjs → packages.ByyangTp.mjs} +3 -3
- package/chunks/sub-table-plus-props.BVsD71hT.mjs +30 -0
- package/chunks/{tab-mixin.CVr9bZtn.mjs → tab-mixin.BNK6dxLN.mjs} +1 -1
- package/chunks/{util.CoahLDYn.mjs → util.DqFv_pWg.mjs} +54 -55
- package/chunks/utilSelf.Csq1766E.mjs +48 -0
- package/color-picker/index.mjs +19 -37
- package/comment/style.css +1 -1
- package/confirm-button/index.mjs +1 -1
- package/confirmable/index.mjs +1 -1
- package/context-menu/style.css +1 -1
- package/count-up/index.mjs +13 -24
- package/custom-scrollbar/index.mjs +1 -2
- package/data-operatext/style.css +1 -1
- package/data-panel/style.css +1 -1
- package/data-pay/style.css +1 -1
- package/data-price/style.css +1 -1
- package/data-rotate/style.css +1 -1
- package/data-table-picker/index.mjs +1 -1
- package/data-tabs/style.css +1 -1
- package/dialog-form/index.mjs +16 -28
- package/dynamic-table/style.css +1 -1
- package/easy-popup/index.mjs +22 -40
- package/easy-popup/style.css +1 -1
- package/editable-tree/index.mjs +203 -250
- package/editable-tree/style.css +1 -1
- package/element-dialog/index.mjs +30 -52
- package/element-dialog/style.css +1 -1
- package/flex-column/index.mjs +13 -25
- package/flex-item/index.mjs +15 -27
- package/flex-row/index.mjs +13 -25
- package/flow/index.mjs +30 -32
- package/flow-designer/index.mjs +344 -375
- package/flow-designer/style.css +1 -1
- package/flow-node/index.mjs +1 -1
- package/flow-viewer/index.mjs +64 -91
- package/form-block/index.mjs +33 -26
- package/form-card/index.mjs +25 -0
- package/form-cascader/index.mjs +70 -67
- package/form-checkbox/index.mjs +71 -0
- package/form-checkbox-group/index.mjs +33 -53
- package/form-date-picker/index.mjs +44 -73
- package/form-holder/index.mjs +60 -64
- package/form-holder/style.css +1 -0
- package/form-input/index.mjs +62 -40
- package/form-input-cron-expression/index.mjs +77 -0
- package/form-input-cron-expression/style.css +1 -0
- package/form-input-email/index.mjs +21 -33
- package/form-input-id-card/index.mjs +25 -38
- package/form-input-number/index.mjs +39 -42
- package/form-input-number/style.css +1 -1
- package/form-input-phone-number/index.mjs +26 -37
- package/form-input-tag/index.mjs +32 -34
- package/form-input-time/index.mjs +22 -37
- package/form-item/index.mjs +109 -101
- package/form-item/style.css +1 -1
- package/form-item-config-provider/index.mjs +18 -10
- package/form-item-group/index.mjs +73 -69
- package/form-item-group/style.css +1 -1
- package/form-radio-group/index.mjs +41 -36
- package/form-radio-group/style.css +1 -1
- package/form-select/index.mjs +142 -75
- package/form-select/style.css +1 -0
- package/form-switch/index.mjs +29 -34
- package/form-table/index.mjs +85 -0
- package/form-table-plus/index.mjs +109 -0
- package/form-textarea/index.mjs +23 -35
- package/form-tree-select/index.mjs +72 -0
- package/form-tree-select/style.css +1 -0
- package/form-tree-select-multiple/index.mjs +78 -0
- package/form-view/index.mjs +43 -77
- package/form-view/style.css +1 -1
- package/fy-array/index.mjs +2 -2
- package/fy-cascader/index.mjs +1 -1
- package/fy-checkbox/index.mjs +1 -1
- package/fy-code/index.mjs +1 -1
- package/fy-curd/index.mjs +12 -17
- package/fy-curd/style.css +1 -1
- package/fy-date/index.mjs +1 -1
- package/fy-draggable/index.mjs +5 -7
- package/fy-draggable/style.css +1 -1
- package/fy-dynamic/index.mjs +14 -16
- package/fy-empty/index.mjs +1 -1
- package/fy-empty/style.css +1 -1
- package/fy-form/index.mjs +117 -136
- package/fy-form/style.css +1 -1
- package/fy-form-design/index.mjs +319 -345
- package/fy-form-design/style.css +1 -1
- package/fy-input/index.mjs +2 -2
- package/fy-input-color/index.mjs +1 -1
- package/fy-input-icon/index.mjs +1 -1
- package/fy-input-map/index.mjs +21 -26
- package/fy-input-map/style.css +1 -1
- package/fy-input-number/index.mjs +1 -1
- package/fy-input-table/index.mjs +10 -12
- package/fy-input-tree/index.mjs +1 -1
- package/fy-radio/index.mjs +1 -1
- package/fy-rate/index.mjs +1 -1
- package/fy-select/index.mjs +4 -4
- package/fy-slider/index.mjs +2 -2
- package/fy-switch/index.mjs +1 -1
- package/fy-tabs/index.mjs +0 -1
- package/fy-time/index.mjs +1 -1
- package/fy-title/index.mjs +1 -1
- package/fy-tree/index.mjs +1 -1
- package/fy-u-editor/index.mjs +77 -103
- package/fy-upload/index.mjs +3 -3
- package/fy-upload/style.css +1 -1
- package/highlight-j-s/index.mjs +1 -1
- package/highlight-j-s/style.css +1 -1
- package/image-cropper/index.mjs +14 -65
- package/image-preview/index.mjs +17 -45
- package/image-preview/style.css +1 -1
- package/image-viewer/style.css +1 -1
- package/index.mjs +666 -496
- package/input-number/index.mjs +64 -9
- package/keyboard/style.css +1 -1
- package/license/index.mjs +1 -1
- package/login/index.mjs +1 -1
- package/monaco-editor/index.mjs +44 -74
- package/name-avatar/style.css +1 -1
- package/package.json +18 -17
- package/page-index/index.mjs +30 -54
- package/page-index-top/index.mjs +25 -47
- package/pageable-table/index.mjs +354 -226
- package/pageable-table/style.css +1 -1
- package/pageable-view/index.mjs +63 -106
- package/photo-swipe/index.mjs +51 -74
- package/picker-table-view/index.mjs +117 -0
- package/present-view/index.mjs +43 -77
- package/present-view/style.css +1 -1
- package/record-video/index.mjs +1 -1
- package/resize-observer/index.mjs +1 -1
- package/resize-observer/style.css +1 -1
- package/search/index.mjs +2 -2
- package/search/style.css +1 -1
- package/search-popover/index.mjs +28 -48
- package/search-popover/style.css +1 -1
- package/sign/index.mjs +2 -2
- package/sign-panel/style.css +1 -1
- package/skeleton-panel/index.mjs +38 -0
- package/skeleton-panel/style.css +1 -0
- package/split-pane/index.mjs +31 -49
- package/split-pane/style.css +1 -1
- package/sub-table/index.mjs +206 -0
- package/sub-table/style.css +1 -0
- package/sub-table-plus/index.mjs +231 -0
- package/sub-table-plus/style.css +1 -0
- package/swiper/index.mjs +18 -38
- package/swiper/style.css +1 -1
- package/tab/index.mjs +1 -1
- package/tab/style.css +1 -1
- package/tab-item/index.mjs +2 -2
- package/table-column/index.mjs +112 -37
- package/table-column/style.css +1 -0
- package/table-view/index.mjs +178 -135
- package/table-view/style.css +1 -1
- package/tabs-view/index.mjs +104 -0
- package/tabs-view/style.css +1 -0
- package/tag-render/index.mjs +13 -24
- package/text-ellipsis/index.mjs +1 -1
- package/toolbar/index.mjs +115 -58
- package/toolbar/style.css +1 -1
- package/toolbar-button/index.mjs +92 -48
- package/verify/index.mjs +1 -1
- package/vue-cron/index.mjs +48 -66
- package/vue-qr-code/index.mjs +14 -32
- package/vue-quill-editor/index.mjs +3 -3
- package/vue-tags-input/index.mjs +1 -1
- package/vue-tree-select/index.mjs +352 -393
- package/vue-tree-select/style.css +1 -1
- package/vue-video-player/index.mjs +36 -67
- package/watermark/index.mjs +21 -31
- package/web-types.json +9240 -3843
- package/x-input-tag/index.mjs +29 -61
- package/chunks/confirmable-mixin.D4LAArE5.mjs +0 -114
- package/chunks/form-input-mixin.BkKiqJhi.mjs +0 -24
- package/chunks/form-item-mixin.CG4ZwzMC.mjs +0 -140
- package/chunks/input-number-mixin.CzjtGf2n.mjs +0 -60
- package/chunks/utilSelf.CRqpl0Cz.mjs +0 -56
- package/toolbar-button/style.css +0 -1
- /package/chunks/{form-pick-mixin.BFTIVn_i.mjs → form-pick.BFTIVn_i.mjs} +0 -0
package/element-dialog/index.mjs
CHANGED
|
@@ -1,24 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
},
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
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
|
|
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
|
-
},
|
|
94
|
+
}, m = {
|
|
111
95
|
name: "ElementDialog",
|
|
112
|
-
components: { EmulateForm:
|
|
96
|
+
components: { EmulateForm: f },
|
|
113
97
|
directives: {
|
|
114
|
-
dialogDrag:
|
|
98
|
+
dialogDrag: a
|
|
115
99
|
},
|
|
116
|
-
mixins: [...
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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(
|
|
299
|
-
return
|
|
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
|
-
},
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
294
|
+
}, y = [], _ = /* @__PURE__ */ s(
|
|
295
|
+
m,
|
|
296
|
+
g,
|
|
297
|
+
y,
|
|
320
298
|
!1,
|
|
321
299
|
null,
|
|
322
300
|
null
|
|
323
301
|
);
|
|
324
|
-
const
|
|
302
|
+
const $ = _.exports;
|
|
325
303
|
export {
|
|
326
|
-
|
|
304
|
+
$ as default
|
|
327
305
|
};
|
package/element-dialog/style.css
CHANGED
|
@@ -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
|
|
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}
|
package/flex-column/index.mjs
CHANGED
|
@@ -1,18 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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(
|
|
49
|
-
const
|
|
50
|
-
return
|
|
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
|
-
},
|
|
53
|
-
var
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
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
|
|
49
|
+
const m = f.exports;
|
|
62
50
|
export {
|
|
63
|
-
|
|
51
|
+
m as default
|
|
64
52
|
};
|
package/flex-item/index.mjs
CHANGED
|
@@ -1,18 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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:
|
|
53
|
-
const
|
|
54
|
-
return
|
|
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
|
-
|
|
49
|
+
a
|
|
62
50
|
)
|
|
63
|
-
]) : t("div",
|
|
51
|
+
]) : t("div", { ...n, class: l }, a);
|
|
64
52
|
}
|
|
65
|
-
},
|
|
66
|
-
var
|
|
67
|
-
|
|
68
|
-
|
|
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
|
|
62
|
+
const x = u.exports;
|
|
75
63
|
export {
|
|
76
|
-
|
|
64
|
+
x as default
|
|
77
65
|
};
|
package/flex-row/index.mjs
CHANGED
|
@@ -1,18 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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(
|
|
37
|
-
const
|
|
38
|
-
return
|
|
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
|
-
},
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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
|
|
37
|
+
const h = f.exports;
|
|
50
38
|
export {
|
|
51
|
-
|
|
39
|
+
h as default
|
|
52
40
|
};
|
package/flow/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r, s as l } from "../chunks/util.
|
|
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
|
|
119
|
-
const
|
|
120
|
-
if (
|
|
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(
|
|
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:
|
|
141
|
-
for (let
|
|
142
|
-
|
|
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,
|
|
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(
|
|
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(
|
|
196
|
-
e.jsPlumb.importDefaults(e.jsplumbSetting), e.jsPlumb.setSuspendDrawing(!1, !0), e.loadEasyFlow(), e.jsPlumb.bind("click",
|
|
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",
|
|
203
|
+
}), e.jsPlumb.bind("connection", (t) => {
|
|
206
204
|
console.log("connection", t);
|
|
207
|
-
const
|
|
205
|
+
const i = t.source.id, n = t.target.id;
|
|
208
206
|
e.loadEasyFlowFinish && e.option.lineList.push({
|
|
209
|
-
from:
|
|
210
|
-
to:
|
|
207
|
+
from: i,
|
|
208
|
+
to: n
|
|
211
209
|
});
|
|
212
|
-
}), e.jsPlumb.bind("connectionDetached",
|
|
210
|
+
}), e.jsPlumb.bind("connectionDetached", (t) => {
|
|
213
211
|
console.log("connectionDetached", t), e.deleteLine(t.sourceId, t.targetId);
|
|
214
|
-
}), e.jsPlumb.bind("connectionMoved",
|
|
212
|
+
}), e.jsPlumb.bind("connectionMoved", (t) => {
|
|
215
213
|
console.log("connectionMoved", t), e.changeLine(t.originalSourceId, t.originalTargetId);
|
|
216
|
-
}), e.jsPlumb.bind("contextmenu",
|
|
214
|
+
}), e.jsPlumb.bind("contextmenu", (t) => {
|
|
217
215
|
console.log("contextmenu", t);
|
|
218
|
-
}), e.jsPlumb.bind("beforeDrop",
|
|
216
|
+
}), e.jsPlumb.bind("beforeDrop", (t) => {
|
|
219
217
|
console.log("beforeDrop", t);
|
|
220
|
-
const
|
|
221
|
-
return
|
|
222
|
-
}), e.jsPlumb.bind("beforeDetach",
|
|
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,
|
|
231
|
-
return
|
|
232
|
-
return [
|
|
233
|
-
return t.handleClick(
|
|
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:
|
|
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
|
|
244
|
+
const f = d.exports;
|
|
247
245
|
export {
|
|
248
|
-
|
|
246
|
+
f as default
|
|
249
247
|
};
|