@web-utils/component 2.9.11 → 2.9.13
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/easy-popup/index.mjs +55 -27
- package/easy-popup/style.css +1 -1
- package/element-dialog/index.mjs +48 -32
- package/element-dialog/style.css +1 -1
- package/flow-designer/index.mjs +1 -1
- package/flow-designer/style.css +1 -1
- package/flow-viewer/index.mjs +23 -15
- package/flow-viewer/style.css +1 -1
- package/form-view/style.css +1 -1
- package/fy-curd/index.mjs +5 -5
- package/fy-u-editor/index.mjs +103 -110
- package/fy-upload/index.mjs +1 -1
- package/image-cropper/index.mjs +1 -1
- package/license/index.mjs +3 -3
- package/package.json +1 -1
- package/tag-render/index.mjs +2 -2
- package/tag-render/style.css +1 -1
- package/vue-cron/index.mjs +90 -72
- package/vue-cron/style.css +1 -1
- package/vue-tree-select/index.mjs +2 -2
- package/vue-tree-select/style.css +1 -1
- package/web-types.json +19 -3
- package/x-input-tag/style.css +1 -1
package/easy-popup/index.mjs
CHANGED
|
@@ -1,18 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
var
|
|
1
|
+
var h = (e, t, i) => new Promise((o, a) => {
|
|
2
|
+
var f = (s) => {
|
|
3
|
+
try {
|
|
4
|
+
n(i.next(s));
|
|
5
|
+
} catch (r) {
|
|
6
|
+
a(r);
|
|
7
|
+
}
|
|
8
|
+
}, l = (s) => {
|
|
9
|
+
try {
|
|
10
|
+
n(i.throw(s));
|
|
11
|
+
} catch (r) {
|
|
12
|
+
a(r);
|
|
13
|
+
}
|
|
14
|
+
}, n = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(f, l);
|
|
15
|
+
n((i = i.apply(e, t)).next());
|
|
16
|
+
});
|
|
17
|
+
import { getComputedWidth as u, getComputedHeight as c } from "@web-utils/core";
|
|
18
|
+
import { n as p } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
|
|
19
|
+
var _ = function() {
|
|
3
20
|
var e = this, t = e.$createElement, i = e._self._c || t;
|
|
4
|
-
return
|
|
21
|
+
return i("Transition", {
|
|
22
|
+
attrs: {
|
|
23
|
+
name: "easy-popup"
|
|
24
|
+
}
|
|
25
|
+
}, [e.rendered ? i("div", {
|
|
5
26
|
directives: [{
|
|
6
27
|
name: "show",
|
|
7
28
|
rawName: "v-show",
|
|
8
29
|
value: e.visible,
|
|
9
30
|
expression: "visible"
|
|
10
31
|
}],
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
32
|
+
ref: "container",
|
|
33
|
+
class: ["easy-popup", {
|
|
34
|
+
"easy-popup__visible": e.visible,
|
|
35
|
+
"easy-popup__hide": !e.visible
|
|
36
|
+
}],
|
|
37
|
+
style: e.position
|
|
38
|
+
}, [e._t("default")], 2) : e._e()]);
|
|
39
|
+
}, v = [];
|
|
40
|
+
const y = {
|
|
16
41
|
name: "EasyPopup",
|
|
17
42
|
props: {
|
|
18
43
|
// 是否开启边界检测
|
|
@@ -41,7 +66,7 @@ const a = {
|
|
|
41
66
|
};
|
|
42
67
|
},
|
|
43
68
|
computed: {
|
|
44
|
-
|
|
69
|
+
position() {
|
|
45
70
|
return {
|
|
46
71
|
top: `${this.axis.y + this.offset.y}px`,
|
|
47
72
|
left: `${this.axis.x + this.offset.x}px`
|
|
@@ -50,38 +75,41 @@ const a = {
|
|
|
50
75
|
},
|
|
51
76
|
watch: {
|
|
52
77
|
axis() {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
78
|
+
return h(this, null, function* () {
|
|
79
|
+
if (this.border) {
|
|
80
|
+
yield this.$nextTick();
|
|
81
|
+
const e = u(this.$refs.container), t = c(this.$refs.container), i = document.body.offsetWidth, o = document.body.offsetHeight;
|
|
82
|
+
this.axis.x + this.offset.x + e >= i && (this.axis.x = i - e - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + t >= o && (this.axis.y = o - t - this.borderWidth - this.offset.y);
|
|
83
|
+
}
|
|
84
|
+
});
|
|
57
85
|
}
|
|
58
86
|
},
|
|
59
87
|
methods: {
|
|
60
|
-
show(e) {
|
|
61
|
-
this.axis = { x: e
|
|
88
|
+
show({ clientX: e, clientY: t }) {
|
|
89
|
+
this.axis = { x: e, y: t }, this.visible || (document.addEventListener("click", this.hide, !0), this.rendered = !0, this.visible = !0);
|
|
62
90
|
},
|
|
63
91
|
hide() {
|
|
64
92
|
this.visible = !1, document.removeEventListener("click", this.hide);
|
|
65
93
|
}
|
|
66
94
|
}
|
|
67
|
-
},
|
|
68
|
-
var
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
95
|
+
}, d = {};
|
|
96
|
+
var x = /* @__PURE__ */ p(
|
|
97
|
+
y,
|
|
98
|
+
_,
|
|
99
|
+
v,
|
|
72
100
|
!1,
|
|
73
|
-
|
|
101
|
+
m,
|
|
74
102
|
null,
|
|
75
103
|
null,
|
|
76
104
|
null
|
|
77
105
|
);
|
|
78
|
-
function
|
|
79
|
-
for (let t in
|
|
80
|
-
this[t] =
|
|
106
|
+
function m(e) {
|
|
107
|
+
for (let t in d)
|
|
108
|
+
this[t] = d[t];
|
|
81
109
|
}
|
|
82
|
-
const
|
|
83
|
-
return
|
|
110
|
+
const E = /* @__PURE__ */ function() {
|
|
111
|
+
return x.exports;
|
|
84
112
|
}();
|
|
85
113
|
export {
|
|
86
|
-
|
|
114
|
+
E as default
|
|
87
115
|
};
|
package/easy-popup/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.easy-popup{position:fixed;z-index:9999;width:300px;min-height:200px;padding:12px;background:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px #0000001a;user-select:none}
|
|
1
|
+
.easy-popup{position:fixed;z-index:9999;width:300px;min-height:200px;padding:12px;background:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px #0000001a;user-select:none}@keyframes easy-popup-zoom-in{0%{transform:scale3d(0,0,0);opacity:0}to{opacity:1}}.easy-popup-enter-active,.easy-popup-enter{animation:easy-popup-zoom-in .2s}@keyframes easy-popup-zoom-out{0%{opacity:1}to{transform:scale3d(0,0,0);opacity:0}}.easy-popup-leave-active,.easy-popup-leave{animation:easy-popup-zoom-out .2s}
|
package/element-dialog/index.mjs
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
1
|
+
var s = (e, l, t) => new Promise((i, r) => {
|
|
2
|
+
var u = (o) => {
|
|
3
3
|
try {
|
|
4
4
|
a(t.next(o));
|
|
5
|
-
} catch (
|
|
6
|
-
n
|
|
5
|
+
} catch (n) {
|
|
6
|
+
r(n);
|
|
7
7
|
}
|
|
8
|
-
},
|
|
8
|
+
}, c = (o) => {
|
|
9
9
|
try {
|
|
10
10
|
a(t.throw(o));
|
|
11
|
-
} catch (
|
|
12
|
-
n
|
|
11
|
+
} catch (n) {
|
|
12
|
+
r(n);
|
|
13
13
|
}
|
|
14
|
-
}, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(
|
|
14
|
+
}, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(u, c);
|
|
15
15
|
a((t = t.apply(e, l)).next());
|
|
16
16
|
});
|
|
17
17
|
import d from "element-ui/lib/dialog";
|
|
18
18
|
import { dialogDrag as h } from "@web-utils/vue/directives/dialog-drag";
|
|
19
|
-
import {
|
|
20
|
-
|
|
19
|
+
import { getComputedHeight as f, isDef as m } from "@web-utils/core";
|
|
20
|
+
import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
|
|
21
|
+
var y = function() {
|
|
21
22
|
var e = this, l = e.$createElement, t = e._self._c || l;
|
|
22
23
|
return t("Transition", {
|
|
23
24
|
attrs: {
|
|
@@ -57,7 +58,9 @@ var m = function() {
|
|
|
57
58
|
"el-dialog--flex-row": e.flexRow,
|
|
58
59
|
"el-dialog--flex-column": e.flexColumn
|
|
59
60
|
}, e.customClass],
|
|
60
|
-
style: e.style,
|
|
61
|
+
style: Object.assign({}, e.style, {
|
|
62
|
+
top: e.marginTop
|
|
63
|
+
}),
|
|
61
64
|
attrs: {
|
|
62
65
|
role: "dialog",
|
|
63
66
|
"aria-modal": "true",
|
|
@@ -104,8 +107,8 @@ var m = function() {
|
|
|
104
107
|
}, [e._t("footer", null, {
|
|
105
108
|
handleClose: e.handleClose
|
|
106
109
|
})], 2) : e._e()])])]);
|
|
107
|
-
},
|
|
108
|
-
const
|
|
110
|
+
}, _ = [];
|
|
111
|
+
const v = {
|
|
109
112
|
props: {
|
|
110
113
|
visible: {
|
|
111
114
|
type: Boolean,
|
|
@@ -140,12 +143,12 @@ const y = {
|
|
|
140
143
|
default: "76vh"
|
|
141
144
|
}
|
|
142
145
|
}
|
|
143
|
-
},
|
|
146
|
+
}, C = {
|
|
144
147
|
name: "ElementDialog",
|
|
145
148
|
directives: {
|
|
146
149
|
dialogDrag: h
|
|
147
150
|
},
|
|
148
|
-
mixins: [...d.mixins || d.default.mixins,
|
|
151
|
+
mixins: [...d.mixins || d.default.mixins, v],
|
|
149
152
|
props: {
|
|
150
153
|
title: {
|
|
151
154
|
type: String,
|
|
@@ -192,12 +195,15 @@ const y = {
|
|
|
192
195
|
type: Boolean,
|
|
193
196
|
default: !0
|
|
194
197
|
},
|
|
195
|
-
embed: Boolean
|
|
198
|
+
embed: Boolean,
|
|
199
|
+
verticalCenter: Boolean,
|
|
200
|
+
offsetTop: Number
|
|
196
201
|
},
|
|
197
202
|
data() {
|
|
198
203
|
return {
|
|
199
204
|
fullScreen: !1,
|
|
200
|
-
closed: !1
|
|
205
|
+
closed: !1,
|
|
206
|
+
marginTop: 0
|
|
201
207
|
};
|
|
202
208
|
},
|
|
203
209
|
computed: {
|
|
@@ -205,23 +211,33 @@ const y = {
|
|
|
205
211
|
const e = {
|
|
206
212
|
maxHeight: "100%"
|
|
207
213
|
};
|
|
208
|
-
return this.fullScreen || (
|
|
214
|
+
return this.fullScreen || (this.width && (e.width = this.width), e.maxHeight = this.maxHeight), e;
|
|
209
215
|
}
|
|
210
216
|
},
|
|
211
217
|
watch: {
|
|
212
218
|
visible(e) {
|
|
213
|
-
return
|
|
214
|
-
e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
|
|
219
|
+
return s(this, null, function* () {
|
|
220
|
+
e ? (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"));
|
|
215
221
|
});
|
|
216
222
|
}
|
|
217
223
|
},
|
|
224
|
+
created() {
|
|
225
|
+
this.$watch(() => ({ offsetTop: this.offsetTop, verticalCenter: this.verticalCenter, top: this.top }), this.computeTop, { deep: !0 });
|
|
226
|
+
},
|
|
218
227
|
mounted() {
|
|
219
|
-
|
|
228
|
+
return s(this, null, function* () {
|
|
229
|
+
this.visible && (this.rendered = !0, this.open(), yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
|
|
230
|
+
});
|
|
220
231
|
},
|
|
221
232
|
destroyed() {
|
|
222
233
|
this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
|
|
223
234
|
},
|
|
224
235
|
methods: {
|
|
236
|
+
computeTop() {
|
|
237
|
+
return s(this, null, function* () {
|
|
238
|
+
yield this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - f(this.$refs.dialog)) / 2 + (m(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
|
|
239
|
+
});
|
|
240
|
+
},
|
|
225
241
|
toggleFullScreen() {
|
|
226
242
|
this.fullScreen = !this.fullScreen;
|
|
227
243
|
},
|
|
@@ -254,24 +270,24 @@ const y = {
|
|
|
254
270
|
this.exitFullScreen(), this.$emit("closed");
|
|
255
271
|
}
|
|
256
272
|
}
|
|
257
|
-
},
|
|
258
|
-
var
|
|
273
|
+
}, p = {};
|
|
274
|
+
var b = /* @__PURE__ */ g(
|
|
275
|
+
C,
|
|
276
|
+
y,
|
|
259
277
|
_,
|
|
260
|
-
m,
|
|
261
|
-
g,
|
|
262
278
|
!1,
|
|
263
|
-
|
|
279
|
+
S,
|
|
264
280
|
null,
|
|
265
281
|
null,
|
|
266
282
|
null
|
|
267
283
|
);
|
|
268
|
-
function
|
|
269
|
-
for (let l in
|
|
270
|
-
this[l] =
|
|
284
|
+
function S(e) {
|
|
285
|
+
for (let l in p)
|
|
286
|
+
this[l] = p[l];
|
|
271
287
|
}
|
|
272
|
-
const
|
|
273
|
-
return
|
|
288
|
+
const E = /* @__PURE__ */ function() {
|
|
289
|
+
return b.exports;
|
|
274
290
|
}();
|
|
275
291
|
export {
|
|
276
|
-
|
|
292
|
+
E as default
|
|
277
293
|
};
|
package/element-dialog/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.element-dialog.el-dialog.el-dialog-resizeable{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;flex:1 1 auto;padding:0}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{position:relative;font-size:18px}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{padding-bottom:10px;text-align:right}.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;top:0!important;left:0!important;width:100%!important;height:100%!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{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{display:flex;flex-direction:row}.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{display:flex;flex-direction:row;position:relative;align-items:center;padding:4px 10px;font-size:16px;background-color:#409eff}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-weight:400;font-size:16px}.element-dialog.el-dialog .header-button-wrapper{position:absolute;top:50%;right:10px;display:flex;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{padding:2px;color:#fff;border:none;outline:0;cursor:pointer}.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{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;flex:1 1 auto;padding:0}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{position:relative;font-size:18px}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{padding-bottom:10px;text-align:right}.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;margin-top:0!important;top:0!important;left:0!important;width:100%!important;height:100%!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{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{display:flex;flex-direction:row}.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{display:flex;flex-direction:row;position:relative;align-items:center;padding:4px 10px;font-size:16px;background-color:#409eff}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-weight:400;font-size:16px}.element-dialog.el-dialog .header-button-wrapper{position:absolute;top:50%;right:10px;display:flex;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{padding:2px;color:#fff;border:none;outline:0;cursor:pointer}.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)}
|
package/flow-designer/index.mjs
CHANGED
|
@@ -9902,7 +9902,7 @@ const Pi = {
|
|
|
9902
9902
|
/* 创建新的流程图 */
|
|
9903
9903
|
createNewDiagram(e) {
|
|
9904
9904
|
return u(this, null, function* () {
|
|
9905
|
-
const i = this.processId || `Process_${new Date().getTime()}`, t = this.processName || `业务流程_${new Date().getTime()}`, n = e || Xn(i, t, this.prefix);
|
|
9905
|
+
const i = this.processId || `Process_${(/* @__PURE__ */ new Date()).getTime()}`, t = this.processName || `业务流程_${(/* @__PURE__ */ new Date()).getTime()}`, n = e || Xn(i, t, this.prefix);
|
|
9906
9906
|
try {
|
|
9907
9907
|
const { warnings: s } = yield this.bpmnModeler.importXML(n);
|
|
9908
9908
|
this.bpmnModeler.get("canvas").zoom("fit-viewport", "center"), s != null && s.length;
|
package/flow-designer/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.process-panel__container{box-sizing:border-box;max-height:100%;padding:0 8px;overflow-
|
|
1
|
+
.process-panel__container{box-sizing:border-box;max-height:100%;padding:0 8px;overflow-x:hidden;overflow-y:auto;border-left:1px solid #eee;box-shadow:0 0 8px #ccc;transition:width .25s ease-in}.process-panel__container.hide:hover{background-color:#e8f4ff}.process-panel__container.show{overflow-x:auto}.process-panel__container .open-properties-handel{color:#606266;font-size:20px;text-align:center;cursor:pointer}.process-panel__container .open-properties-handel:hover{color:#1682e6}.process-panel__container .element-property{display:flex;align-items:flex-start;width:100%;margin:8px 0}.process-panel__container .element-property .element-property__label{display:block;box-sizing:border-box;width:90px;padding-right:12px;overflow:hidden;font-size:14px;line-height:32px;text-align:right}.process-panel__container .element-property .element-property__value{flex:1;line-height:32px}.process-panel__container .element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.process-panel__container .list-property{flex-direction:column}.process-panel__container .list-property .element-listener-item{display:inline-grid;grid-column-gap:8px;grid-template-columns:16px auto 32px 32px;width:100%}.process-panel__container .list-property .element-listener-item+.element-listener-item{margin-top:8px}.process-panel__container .el-collapse-item__content{padding-bottom:0}.process-panel__container .el-input.is-disabled .el-input__inner{color:#999}.process-panel__container .el-form-item.el-form-item--mini{margin-bottom:0}.process-panel__container .el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}.panel-tab__title{padding:0 8px;font-weight:600;font-size:1.1em;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #eee}.panel-tab__content .panel-tab__content--title{display:flex;justify-content:space-between;padding-bottom:8px}.panel-tab__content .panel-tab__content--title span{flex:1;text-align:left}.listener-filed__title{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:0}.listener-filed__title span{width:200px;font-size:14px;text-align:left}.listener-filed__title i{margin-right:8px}.element-drawer__button{display:inline-flex;justify-content:space-around;width:100%;margin-top:8px}.element-drawer__button>.el-button{width:100%}.flow-drawer .el-drawer__body{padding:10px}.my-process-designer{display:flex;flex:1;flex-direction:column;box-sizing:border-box;width:100%;height:100%}.my-process-designer .bts-toggle-mode{display:none}.my-process-designer .djs-palette.open .djs-palette-entries div[class^=bpmn-icon-]:before,.my-process-designer .djs-palette.open .djs-palette-entries div[class*=bpmn-icon-]:before{line-height:unset}.my-process-designer .djs-palette.open .djs-palette-entries div.entry{position:relative}.my-process-designer .djs-palette.open .djs-palette-entries div.entry:hover:after{position:absolute;top:0;right:-10px;bottom:0;z-index:100;display:inline-block;box-sizing:border-box;width:max-content;padding:0 16px;overflow:hidden;font-size:.5em;font-variant:normal;text-transform:none;text-decoration:inherit;vertical-align:text-bottom;background:#fafafa;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 6px #eee;transform:translate(100%);content:attr(title)}.my-process-designer .my-process-designer__header{width:100%;min-height:36px}.my-process-designer .my-process-designer__header .el-button{text-align:center}.my-process-designer .my-process-designer__header .el-button-group{margin:4px}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button{width:100%;padding-right:8px;padding-left:8px;text-align:left}.my-process-designer .my-process-designer__header .el-tooltip__popper .el-button:hover{color:#fff;background:rgba(64,158,255,.8)}.my-process-designer .my-process-designer__header .align{position:relative}.my-process-designer .my-process-designer__header .align i:after{position:absolute;transform:rotate(90deg) translate(200%,60%);content:"|"}.my-process-designer .my-process-designer__header .align.align-left i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-right i{transform:rotate(-90deg)}.my-process-designer .my-process-designer__header .align.align-top i{transform:rotate(180deg)}.my-process-designer .my-process-designer__header .align.align-bottom i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-center i{transform:rotate(90deg)}.my-process-designer .my-process-designer__header .align.align-center i:after{transform:rotate(90deg) translateY(60%)}.my-process-designer .my-process-designer__header .align.align-middle i{transform:rotate(0)}.my-process-designer .my-process-designer__header .align.align-middle i:after{transform:rotate(90deg) translateY(60%)}.my-process-designer .my-process-designer__container{display:inline-flex;flex:1;width:100%}.my-process-designer .my-process-designer__container .my-process-designer__canvas{position:relative;flex:1;height:100%}.my-process-designer .my-process-designer__container .my-process-designer__canvas div.toggle-mode{display:none}.my-process-designer .my-process-designer__container .my-process-designer__property-panel{z-index:10;height:100%;overflow:scroll;overflow-y:auto}.my-process-designer .my-process-designer__container .my-process-designer__property-panel *{box-sizing:border-box}.flow-designer{display:flex;width:100%;height:100%;background-color:#fff}
|
package/flow-viewer/index.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var k = Object.defineProperty, b = Object.defineProperties;
|
|
2
|
-
var
|
|
2
|
+
var x = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var f = Object.getOwnPropertySymbols;
|
|
4
|
-
var
|
|
4
|
+
var M = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
|
|
5
5
|
var u = (e, i, t) => i in e ? k(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, w = (e, i) => {
|
|
6
6
|
for (var t in i || (i = {}))
|
|
7
|
-
|
|
7
|
+
M.call(i, t) && u(e, t, i[t]);
|
|
8
8
|
if (f)
|
|
9
9
|
for (var t of f(i))
|
|
10
10
|
V.call(i, t) && u(e, t, i[t]);
|
|
11
11
|
return e;
|
|
12
|
-
}, v = (e, i) => b(e,
|
|
12
|
+
}, v = (e, i) => b(e, x(i));
|
|
13
13
|
var y = (e, i, t) => new Promise((l, o) => {
|
|
14
14
|
var h = (r) => {
|
|
15
15
|
try {
|
|
@@ -30,9 +30,9 @@ import $ from "bpmn-js/lib/NavigatedViewer";
|
|
|
30
30
|
import d from "diagram-js/lib/navigation/zoomscroll/ZoomScroll";
|
|
31
31
|
import { create as c, attr as m, append as p } from "tiny-svg";
|
|
32
32
|
import { query as E } from "min-dom";
|
|
33
|
-
import
|
|
33
|
+
import F from "@web-utils/component/easy-popup";
|
|
34
34
|
import "@web-utils/component/easy-popup/style.css";
|
|
35
|
-
import { n as
|
|
35
|
+
import { n as S } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
|
|
36
36
|
var A = function() {
|
|
37
37
|
var e = this, i = e.$createElement, t = e._self._c || i;
|
|
38
38
|
return t("div", {
|
|
@@ -42,7 +42,13 @@ var A = function() {
|
|
|
42
42
|
"--highlight-color": e.highlightColor
|
|
43
43
|
}
|
|
44
44
|
}, [t("EasyPopup", {
|
|
45
|
-
ref: "popup"
|
|
45
|
+
ref: "popup",
|
|
46
|
+
attrs: {
|
|
47
|
+
offset: {
|
|
48
|
+
x: 6,
|
|
49
|
+
y: 6
|
|
50
|
+
}
|
|
51
|
+
}
|
|
46
52
|
}, [e._t("default", function() {
|
|
47
53
|
return [e._v(" " + e._s(e.element) + " ")];
|
|
48
54
|
}, {
|
|
@@ -55,7 +61,7 @@ const g = d.prototype._handleWheel, W = {
|
|
|
55
61
|
}, X = {
|
|
56
62
|
name: "FlowViewer",
|
|
57
63
|
components: {
|
|
58
|
-
EasyPopup:
|
|
64
|
+
EasyPopup: F
|
|
59
65
|
},
|
|
60
66
|
props: {
|
|
61
67
|
xml: {
|
|
@@ -112,9 +118,11 @@ const g = d.prototype._handleWheel, W = {
|
|
|
112
118
|
const i = e.error, t = e.warnings;
|
|
113
119
|
i ? this.$emit("error", i) : this.$emit("shown", t), this.bpmnViewer.get("canvas").zoom("fit-viewport", "center"), this.canvas = this.bpmnViewer.get("canvas"), this.elementRegistry = this.bpmnViewer.get("elementRegistry");
|
|
114
120
|
const l = this.bpmnViewer.get("eventBus");
|
|
115
|
-
l.on("element.mousemove", (n) =>
|
|
116
|
-
n.element.type === "bpmn:UserTask" && (
|
|
117
|
-
|
|
121
|
+
l.on("element.mousemove", (n) => {
|
|
122
|
+
n.element.type === "bpmn:UserTask" && requestAnimationFrame(() => y(this, null, function* () {
|
|
123
|
+
this.$emit("node-mousemove", n.element), this.element = n.element, yield this.$nextTick(), this.$refs.popup.show(n.originalEvent);
|
|
124
|
+
}));
|
|
125
|
+
}), l.on("element.out", () => {
|
|
118
126
|
this.$refs.popup.hide(), this.element = {};
|
|
119
127
|
}), this.highlightFlow(this.historicActivities, this.activities);
|
|
120
128
|
const o = c("marker");
|
|
@@ -168,22 +176,22 @@ const g = d.prototype._handleWheel, W = {
|
|
|
168
176
|
}
|
|
169
177
|
}
|
|
170
178
|
}, _ = {};
|
|
171
|
-
var
|
|
179
|
+
var q = /* @__PURE__ */ S(
|
|
172
180
|
X,
|
|
173
181
|
A,
|
|
174
182
|
B,
|
|
175
183
|
!1,
|
|
176
|
-
|
|
184
|
+
C,
|
|
177
185
|
null,
|
|
178
186
|
null,
|
|
179
187
|
null
|
|
180
188
|
);
|
|
181
|
-
function
|
|
189
|
+
function C(e) {
|
|
182
190
|
for (let i in _)
|
|
183
191
|
this[i] = _[i];
|
|
184
192
|
}
|
|
185
193
|
const P = /* @__PURE__ */ function() {
|
|
186
|
-
return
|
|
194
|
+
return q.exports;
|
|
187
195
|
}();
|
|
188
196
|
export {
|
|
189
197
|
P as default
|
package/flow-viewer/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow-viewer{width:100%;height:400px}.flow-viewer .highlight g.djs-visual rect,.flow-viewer .highlight g.djs-visual circle,.flow-viewer .highlight g.djs-visual polygon,.flow-viewer .highlight g.djs-visual path{stroke:var(--highlight-color)!important}.flow-viewer .highlight g.djs-visual polygon+path{fill:var(--highlight-color)!important}@keyframes dashoffset{to{stroke-dashoffset:100%}}.flow-viewer .highlight-current g.djs-visual rect{
|
|
1
|
+
.flow-viewer{width:100%;height:400px}.flow-viewer .highlight g.djs-visual rect,.flow-viewer .highlight g.djs-visual circle,.flow-viewer .highlight g.djs-visual polygon,.flow-viewer .highlight g.djs-visual path{stroke:var(--highlight-color)!important}.flow-viewer .highlight g.djs-visual polygon+path{fill:var(--highlight-color)!important}@keyframes dashoffset{to{stroke-dashoffset:100%}}.flow-viewer .highlight-current g.djs-visual rect{animation:dashoffset 40s linear infinite;animation-fill-mode:forwards;fill:#fbe9d1!important;stroke:#d67e7d!important;stroke-dasharray:8}.flow-viewer .highlight-line g.djs-visual path{stroke:var(--highlight-color)!important;stroke-width:2px!important;marker-end:url(#sequenceflow-arrow-green)!important}
|
package/form-view/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.form-view{display:flex;flex-direction:column;height:100%}.form-view .form-scroller-wrapper{position:relative;flex:1}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{position:absolute;inset:0;flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{box-shadow:0 2px 12px #0000001a;
|
|
1
|
+
.form-view{display:flex;flex-direction:column;height:100%}.form-view .form-scroller-wrapper{position:relative;flex:1}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{position:absolute;inset:0;flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{box-shadow:0 2px 12px #0000001a;max-width:1000px;margin:14px auto;padding:20px;overflow:hidden;color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;transition:.3s}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{box-shadow:0 2px 12px #0000001a;position:absolute;top:55px;left:20px;background-color:#fff}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{position:relative;padding:5px 20px;color:#e34e55;font-weight:700;font-size:15px;background-color:#f3f5fb}.form-view .form-nav-item{position:relative;padding:5px 0;font-size:14px;font-family:element-icons,serif;list-style:none;cursor:pointer}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{position:absolute;left:-14px;content:"\e6e0"}.form-view .form-view-title{width:100%;height:36px;margin-bottom:10px;color:#333;font-size:22px;line-height:36px;text-align:center;background-color:#fff}.form-view .tip{margin:20px 0;padding:8px 16px;background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-size:19px;font-family:impact,Constantia,Georgia,serif}.form-view .el-table .el-table__header th{color:#595959;font-weight:400;background:#fff}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{padding:0 0 0 4px;line-height:1.6;white-space:normal;word-break:break-word;background:transparent;border:0}@keyframes breathe-indicator{0%{box-shadow:0 0 0 0 var(--color-primary, #f00)}to{box-shadow:0 0 4px 1px var(--color-primary, #f00)}}.form-view .breathe-indicator-animation{animation-name:breathe-indicator;animation-duration:.3s;animation-timing-function:ease-in-out;animation-delay:.1s;animation-iteration-count:4;animation-direction:alternate}@media screen and (min-width: 1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}
|
package/fy-curd/index.mjs
CHANGED
|
@@ -489,31 +489,31 @@ const le = {
|
|
|
489
489
|
shortcuts: [{
|
|
490
490
|
text: "今日",
|
|
491
491
|
onClick(e) {
|
|
492
|
-
const t = new Date(), n = new Date();
|
|
492
|
+
const t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
|
|
493
493
|
n.setTime(n.getTime()), e.$emit("pick", [n, t]);
|
|
494
494
|
}
|
|
495
495
|
}, {
|
|
496
496
|
text: "昨日",
|
|
497
497
|
onClick(e) {
|
|
498
|
-
const t = new Date(), n = new Date();
|
|
498
|
+
const t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
|
|
499
499
|
n.setTime(n.getTime() - 3600 * 1e3 * 24 * 1), e.$emit("pick", [n, t]);
|
|
500
500
|
}
|
|
501
501
|
}, {
|
|
502
502
|
text: "最近一周",
|
|
503
503
|
onClick(e) {
|
|
504
|
-
const t = new Date(), n = new Date();
|
|
504
|
+
const t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
|
|
505
505
|
n.setTime(n.getTime() - 3600 * 1e3 * 24 * 7), e.$emit("pick", [n, t]);
|
|
506
506
|
}
|
|
507
507
|
}, {
|
|
508
508
|
text: "最近一个月",
|
|
509
509
|
onClick(e) {
|
|
510
|
-
const t = new Date(), n = new Date();
|
|
510
|
+
const t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
|
|
511
511
|
n.setTime(n.getTime() - 3600 * 1e3 * 24 * 30), e.$emit("pick", [n, t]);
|
|
512
512
|
}
|
|
513
513
|
}, {
|
|
514
514
|
text: "最近三个月",
|
|
515
515
|
onClick(e) {
|
|
516
|
-
const t = new Date(), n = new Date();
|
|
516
|
+
const t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
|
|
517
517
|
n.setTime(n.getTime() - 3600 * 1e3 * 24 * 90), e.$emit("pick", [n, t]);
|
|
518
518
|
}
|
|
519
519
|
}]
|