asiaint-lowcode 2.0.0 → 2.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/dist/asiaint-lowcode.js +12 -0
- package/dist/asiaint-lowcode.umd.cjs +1579 -0
- package/dist/index.d.ts +621 -0
- package/dist/lazy/Card---AoXvYS.js +46 -0
- package/dist/lazy/Cascader-BR70LGn1.js +41 -0
- package/dist/lazy/Checkbox-BkN59USC.js +75 -0
- package/dist/lazy/Collapse-Dm754krv.js +54 -0
- package/dist/lazy/ColorInput-Ox5qD0YJ.js +28 -0
- package/dist/lazy/Component-6kccf2p2.js +24 -0
- package/dist/lazy/Component-DF4pvvy0.js +97 -0
- package/dist/lazy/Component-DJQM5OQV.js +27 -0
- package/dist/lazy/Component-DO63yabq.js +66 -0
- package/dist/lazy/Component-DT__xEY1.js +117 -0
- package/dist/lazy/Component-DhFx0wp3.js +13 -0
- package/dist/lazy/Component-wdoYPdpq.js +321 -0
- package/dist/lazy/Custom-D5IoN5_M.js +26 -0
- package/dist/lazy/DatePicker-DuIm95j0.js +11 -0
- package/dist/lazy/Divider-2PVfgKTw.js +21 -0
- package/dist/lazy/FormList-BjQT7shp.js +199 -0
- package/dist/lazy/Grid-BovYqDr-.js +30 -0
- package/dist/lazy/Inline-Cv5LyrT1.js +30 -0
- package/dist/lazy/JsonEdit-Dp7eAHK0.js +16385 -0
- package/dist/lazy/ObjGroup-DT4UeHtF.js +32 -0
- package/dist/lazy/Radio-P_nuE_Fb.js +77 -0
- package/dist/lazy/SearchSelect-Tec35-Iy.js +86 -0
- package/dist/lazy/Select-CnMIf_86.js +67 -0
- package/dist/lazy/Tabs-C7dXurre.js +47 -0
- package/dist/lazy/Tag-YpWlcGOi.js +22 -0
- package/dist/lazy/TextArea-DW5pxGGU.js +25 -0
- package/dist/lazy/Title-32bZDihB.js +4 -0
- package/dist/lazy/Title.vue_vue_type_script_setup_true_lang-Ceco_9-w.js +23 -0
- package/dist/lazy/index-C9fXRITB.js +22456 -0
- package/dist/lazy/useSelect-DvhNm7sS.js +50 -0
- package/dist/style.css +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,321 @@
|
|
|
1
|
+
import { defineComponent as $, ref as v, computed as N, watch as L, onMounted as x, onBeforeUnmount as F, openBlock as T, createElementBlock as E, mergeModels as J, useModel as A, resolveComponent as G, unref as W, createElementVNode as P, createBlock as X, withCtx as D, createTextVNode as I, createCommentVNode as Y, createVNode as R } from "vue";
|
|
2
|
+
import { b as H, u as K, c as Q } from "./index-C9fXRITB.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const Z = $({
|
|
5
|
+
props: {
|
|
6
|
+
width: {
|
|
7
|
+
type: Number,
|
|
8
|
+
default: 800
|
|
9
|
+
},
|
|
10
|
+
height: {
|
|
11
|
+
type: Number,
|
|
12
|
+
default: 300
|
|
13
|
+
},
|
|
14
|
+
lineWidth: {
|
|
15
|
+
type: Number,
|
|
16
|
+
default: 4
|
|
17
|
+
},
|
|
18
|
+
lineColor: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: "#000000"
|
|
21
|
+
},
|
|
22
|
+
bgColor: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
25
|
+
},
|
|
26
|
+
isCrop: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !1
|
|
29
|
+
},
|
|
30
|
+
isClearBgColor: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: !1
|
|
33
|
+
},
|
|
34
|
+
format: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: "image/png"
|
|
37
|
+
},
|
|
38
|
+
quality: {
|
|
39
|
+
type: Number,
|
|
40
|
+
default: 1
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
setup(a) {
|
|
44
|
+
const n = v(!1), c = v(""), d = v([]), t = v(null), g = v(0), o = v(0), C = v(!1), f = v(1), l = v(null), S = N(() => a.height / a.width), u = N(() => a.bgColor ? a.bgColor : "rgba(255, 255, 255, 0)");
|
|
45
|
+
L(u, (e) => {
|
|
46
|
+
l.value && (l.value.style.background = e);
|
|
47
|
+
});
|
|
48
|
+
const s = () => {
|
|
49
|
+
if (l.value) {
|
|
50
|
+
l.value.style.width = `${a.width}px`;
|
|
51
|
+
const e = parseFloat(window.getComputedStyle(l.value).width);
|
|
52
|
+
l.value.style.height = `${S.value * e}px`, t.value = l.value.getContext("2d"), t.value && (t.value.scale(1 * f.value, 1 * f.value), f.value = e / a.width, t.value.scale(1 / f.value, 1 / f.value));
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
x(() => {
|
|
56
|
+
l.value && (l.value.height = a.height, l.value.width = a.width, l.value.style.background = u.value, s(), document.onmouseup = () => {
|
|
57
|
+
C.value = !1;
|
|
58
|
+
}), window.addEventListener("resize", s);
|
|
59
|
+
}), F(() => {
|
|
60
|
+
window.removeEventListener("resize", s);
|
|
61
|
+
});
|
|
62
|
+
const m = (e) => {
|
|
63
|
+
g.value = e.x, o.value = e.y, t.value && (t.value.beginPath(), t.value.moveTo(g.value, o.value), t.value.lineTo(e.x, e.y), t.value.lineCap = "round", t.value.lineJoin = "round", t.value.lineWidth = a.lineWidth * f.value, t.value.stroke(), t.value.closePath(), d.value.push(e));
|
|
64
|
+
}, y = (e) => {
|
|
65
|
+
t.value && (t.value.beginPath(), t.value.moveTo(g.value, o.value), t.value.lineTo(e.x, e.y), t.value.strokeStyle = a.lineColor, t.value.lineWidth = a.lineWidth * f.value, t.value.lineCap = "round", t.value.lineJoin = "round", t.value.stroke(), t.value.closePath(), o.value = e.y, g.value = e.x, d.value.push(e));
|
|
66
|
+
}, V = (e) => {
|
|
67
|
+
t.value && (t.value.beginPath(), t.value.moveTo(g.value, o.value), t.value.lineTo(e.x, e.y), t.value.lineCap = "round", t.value.lineJoin = "round", t.value.stroke(), t.value.closePath(), d.value.push(e), d.value.push({ x: -1, y: -1 }));
|
|
68
|
+
}, U = (e) => {
|
|
69
|
+
const i = (e == null ? void 0 : e.format) || a.format, b = (e == null ? void 0 : e.quality) || a.quality;
|
|
70
|
+
return new Promise((k, B) => {
|
|
71
|
+
if (!n.value) {
|
|
72
|
+
B("Warning: Not Signed!");
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
75
|
+
if (t.value) {
|
|
76
|
+
const h = t.value.getImageData(0, 0, l.value.width, l.value.height);
|
|
77
|
+
t.value.globalCompositeOperation = "destination-over", t.value.fillStyle = u.value, t.value.fillRect(0, 0, l.value.width, l.value.height), c.value = l.value.toDataURL(i, b);
|
|
78
|
+
let p = c.value;
|
|
79
|
+
if (t.value.clearRect(0, 0, l.value.width, l.value.height), t.value.putImageData(h, 0, 0), t.value.globalCompositeOperation = "source-over", a.isCrop) {
|
|
80
|
+
const r = q(h.data), w = document.createElement("canvas"), M = w.getContext("2d");
|
|
81
|
+
if (M) {
|
|
82
|
+
w.width = r[2] - r[0], w.height = r[3] - r[1];
|
|
83
|
+
const z = t.value.getImageData(r[0], r[1], r[2], r[3]);
|
|
84
|
+
M.globalCompositeOperation = "destination-over", M.putImageData(z, 0, 0), M.fillStyle = u.value, M.fillRect(0, 0, w.width, w.height), p = w.toDataURL(i, b);
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
k(p);
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
}, O = () => {
|
|
91
|
+
t.value && t.value.clearRect(0, 0, l.value.width, l.value.height), a.isClearBgColor && (d.value = [], n.value = !1, c.value = "");
|
|
92
|
+
}, q = (e) => {
|
|
93
|
+
let i = l.value.width, b = 0, k = l.value.height, B = 0;
|
|
94
|
+
for (let h = 0; h < l.value.width; h++)
|
|
95
|
+
for (let p = 0; p < l.value.height; p++) {
|
|
96
|
+
const r = (h + l.value.width * p) * 4;
|
|
97
|
+
(e[r] > 0 || e[r + 1] > 0 || e[r + 2] > 0 || e[r + 3] > 0) && (B = Math.max(p, B), b = Math.max(h, b), k = Math.min(p, k), i = Math.min(h, i));
|
|
98
|
+
}
|
|
99
|
+
return [i + 1, k + 1, b + 1, B + 1];
|
|
100
|
+
};
|
|
101
|
+
return {
|
|
102
|
+
canvas: l,
|
|
103
|
+
myBg: u,
|
|
104
|
+
drawStart: m,
|
|
105
|
+
drawMove: y,
|
|
106
|
+
drawEnd: V,
|
|
107
|
+
generate: U,
|
|
108
|
+
reset: O,
|
|
109
|
+
touchStart: (e) => {
|
|
110
|
+
if (e.preventDefault(), n.value = !0, e.touches.length === 1 && l.value) {
|
|
111
|
+
const i = {
|
|
112
|
+
x: e.targetTouches[0].clientX - l.value.getBoundingClientRect().left,
|
|
113
|
+
y: e.targetTouches[0].clientY - l.value.getBoundingClientRect().top
|
|
114
|
+
};
|
|
115
|
+
m(i);
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
touchMove: (e) => {
|
|
119
|
+
if (e.preventDefault(), e.touches.length === 1) {
|
|
120
|
+
const i = {
|
|
121
|
+
x: e.targetTouches[0].clientX - l.value.getBoundingClientRect().left,
|
|
122
|
+
y: e.targetTouches[0].clientY - l.value.getBoundingClientRect().top
|
|
123
|
+
};
|
|
124
|
+
y(i);
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
touchEnd: (e) => {
|
|
128
|
+
if (e.preventDefault(), e.touches.length === 1) {
|
|
129
|
+
const i = {
|
|
130
|
+
x: e.targetTouches[0].clientX - l.value.getBoundingClientRect().left,
|
|
131
|
+
y: e.targetTouches[0].clientY - l.value.getBoundingClientRect().top
|
|
132
|
+
};
|
|
133
|
+
V(i);
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
mouseDown: (e) => {
|
|
137
|
+
e.preventDefault(), C.value = !0, n.value = !0;
|
|
138
|
+
const i = {
|
|
139
|
+
x: e.offsetX,
|
|
140
|
+
y: e.offsetY
|
|
141
|
+
};
|
|
142
|
+
m(i);
|
|
143
|
+
},
|
|
144
|
+
mouseMove: (e) => {
|
|
145
|
+
if (e.preventDefault(), C.value) {
|
|
146
|
+
const i = {
|
|
147
|
+
x: e.offsetX,
|
|
148
|
+
y: e.offsetY
|
|
149
|
+
};
|
|
150
|
+
y(i);
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
mouseUp: (e) => {
|
|
154
|
+
e.preventDefault();
|
|
155
|
+
const i = {
|
|
156
|
+
x: e.offsetX,
|
|
157
|
+
y: e.offsetY
|
|
158
|
+
};
|
|
159
|
+
V(i), C.value = !1;
|
|
160
|
+
}
|
|
161
|
+
};
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
function j(a, n, c, d, t, g) {
|
|
165
|
+
return T(), E("canvas", {
|
|
166
|
+
ref: "canvas",
|
|
167
|
+
onMousedown: n[0] || (n[0] = (...o) => a.mouseDown && a.mouseDown(...o)),
|
|
168
|
+
onMousemove: n[1] || (n[1] = (...o) => a.mouseMove && a.mouseMove(...o)),
|
|
169
|
+
onMouseup: n[2] || (n[2] = (...o) => a.mouseUp && a.mouseUp(...o)),
|
|
170
|
+
onTouchstart: n[3] || (n[3] = (...o) => a.touchStart && a.touchStart(...o)),
|
|
171
|
+
onTouchmove: n[4] || (n[4] = (...o) => a.touchMove && a.touchMove(...o)),
|
|
172
|
+
onTouchend: n[5] || (n[5] = (...o) => a.touchEnd && a.touchEnd(...o))
|
|
173
|
+
}, null, 544);
|
|
174
|
+
}
|
|
175
|
+
const _ = /* @__PURE__ */ H(Z, [["render", j], ["__scopeId", "data-v-0e272b28"]]), ee = { key: 0 }, te = { class: "vfc-esign-preview" }, le = ["src"], ae = {
|
|
176
|
+
key: 1,
|
|
177
|
+
class: "vfc-esign"
|
|
178
|
+
}, ie = /* @__PURE__ */ $({
|
|
179
|
+
__name: "Component",
|
|
180
|
+
props: /* @__PURE__ */ J({
|
|
181
|
+
lineWidth: { default: 6 },
|
|
182
|
+
lineColor: { default: "#000000" },
|
|
183
|
+
bgColor: { default: "#f6f6f6" },
|
|
184
|
+
isCrop: { type: Boolean, default: !1 },
|
|
185
|
+
width: { default: 700 },
|
|
186
|
+
height: { default: 300 },
|
|
187
|
+
disabled: { type: Boolean },
|
|
188
|
+
format: { default: "image/png" }
|
|
189
|
+
}, {
|
|
190
|
+
modelValue: {},
|
|
191
|
+
modelModifiers: {}
|
|
192
|
+
}),
|
|
193
|
+
emits: ["update:modelValue"],
|
|
194
|
+
setup(a) {
|
|
195
|
+
const n = a, c = v(), d = K(), t = A(a, "modelValue"), g = {
|
|
196
|
+
size: "small",
|
|
197
|
+
labelPosition: "right",
|
|
198
|
+
items: [
|
|
199
|
+
{
|
|
200
|
+
component: "Inline",
|
|
201
|
+
children: [
|
|
202
|
+
{
|
|
203
|
+
label: "画笔粗细",
|
|
204
|
+
component: "InputNumber",
|
|
205
|
+
name: "lineWidth",
|
|
206
|
+
props: {
|
|
207
|
+
controlsPosition: "right"
|
|
208
|
+
}
|
|
209
|
+
},
|
|
210
|
+
{ label: "画笔颜色", component: "ColorPicker", name: "lineColor" },
|
|
211
|
+
{ label: "画板背景色", component: "ColorPicker", name: "bgColor" }
|
|
212
|
+
],
|
|
213
|
+
props: {
|
|
214
|
+
align: "left",
|
|
215
|
+
gap: 20
|
|
216
|
+
},
|
|
217
|
+
designKey: "design-ZuIT",
|
|
218
|
+
name: "form-OqAi",
|
|
219
|
+
style: {
|
|
220
|
+
marginBottom: "10px"
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
]
|
|
224
|
+
}, o = v({
|
|
225
|
+
lineWidth: 6,
|
|
226
|
+
lineColor: "#000000",
|
|
227
|
+
bgColor: "#fff"
|
|
228
|
+
}), C = () => {
|
|
229
|
+
c.value.reset();
|
|
230
|
+
}, f = () => {
|
|
231
|
+
c.value.generate().then((u) => {
|
|
232
|
+
t.value = u;
|
|
233
|
+
}).catch((u) => {
|
|
234
|
+
alert(u);
|
|
235
|
+
});
|
|
236
|
+
}, l = v(""), S = () => {
|
|
237
|
+
l.value = t.value, t.value = "";
|
|
238
|
+
};
|
|
239
|
+
return x(() => {
|
|
240
|
+
Object.assign(o.value, n);
|
|
241
|
+
}), (u, s) => {
|
|
242
|
+
const m = G("el-button");
|
|
243
|
+
return W(d).read || t.value ? (T(), E("div", ee, [
|
|
244
|
+
P("div", te, [
|
|
245
|
+
P("img", {
|
|
246
|
+
src: t.value,
|
|
247
|
+
alt: "未签名"
|
|
248
|
+
}, null, 8, le)
|
|
249
|
+
]),
|
|
250
|
+
W(d).read ? Y("", !0) : (T(), X(m, {
|
|
251
|
+
key: 0,
|
|
252
|
+
disabled: u.disabled,
|
|
253
|
+
onClick: S,
|
|
254
|
+
type: "primary"
|
|
255
|
+
}, {
|
|
256
|
+
default: D(() => s[2] || (s[2] = [
|
|
257
|
+
I("重写")
|
|
258
|
+
])),
|
|
259
|
+
_: 1
|
|
260
|
+
}, 8, ["disabled"]))
|
|
261
|
+
])) : (T(), E("div", ae, [
|
|
262
|
+
R(W(Q), {
|
|
263
|
+
modelValue: o.value,
|
|
264
|
+
"onUpdate:modelValue": s[0] || (s[0] = (y) => o.value = y),
|
|
265
|
+
schema: g,
|
|
266
|
+
class: "vfc-esign-actions"
|
|
267
|
+
}, null, 8, ["modelValue"]),
|
|
268
|
+
R(_, {
|
|
269
|
+
class: "vfc-esign-canvas",
|
|
270
|
+
ref_key: "esign",
|
|
271
|
+
ref: c,
|
|
272
|
+
width: u.width,
|
|
273
|
+
height: u.height,
|
|
274
|
+
isCrop: u.isCrop,
|
|
275
|
+
lineWidth: o.value.lineWidth,
|
|
276
|
+
lineColor: o.value.lineColor,
|
|
277
|
+
bgColor: o.value.bgColor,
|
|
278
|
+
format: u.format
|
|
279
|
+
}, null, 8, ["width", "height", "isCrop", "lineWidth", "lineColor", "bgColor", "format"]),
|
|
280
|
+
P("div", null, [
|
|
281
|
+
l.value ? (T(), X(m, {
|
|
282
|
+
key: 0,
|
|
283
|
+
disabled: u.disabled,
|
|
284
|
+
onClick: s[1] || (s[1] = (y) => t.value = l.value),
|
|
285
|
+
plain: "",
|
|
286
|
+
type: "primary"
|
|
287
|
+
}, {
|
|
288
|
+
default: D(() => s[3] || (s[3] = [
|
|
289
|
+
I("取消")
|
|
290
|
+
])),
|
|
291
|
+
_: 1
|
|
292
|
+
}, 8, ["disabled"])) : Y("", !0),
|
|
293
|
+
R(m, {
|
|
294
|
+
disabled: u.disabled,
|
|
295
|
+
onClick: C,
|
|
296
|
+
plain: "",
|
|
297
|
+
type: "primary"
|
|
298
|
+
}, {
|
|
299
|
+
default: D(() => s[4] || (s[4] = [
|
|
300
|
+
I("清空")
|
|
301
|
+
])),
|
|
302
|
+
_: 1
|
|
303
|
+
}, 8, ["disabled"]),
|
|
304
|
+
R(m, {
|
|
305
|
+
disabled: u.disabled,
|
|
306
|
+
onClick: f,
|
|
307
|
+
type: "primary"
|
|
308
|
+
}, {
|
|
309
|
+
default: D(() => s[5] || (s[5] = [
|
|
310
|
+
I("保存")
|
|
311
|
+
])),
|
|
312
|
+
_: 1
|
|
313
|
+
}, 8, ["disabled"])
|
|
314
|
+
])
|
|
315
|
+
]));
|
|
316
|
+
};
|
|
317
|
+
}
|
|
318
|
+
});
|
|
319
|
+
export {
|
|
320
|
+
ie as default
|
|
321
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { defineComponent as n, mergeModels as s, useModel as p, openBlock as t, createElementBlock as r, createBlock as d, resolveDynamicComponent as u, mergeProps as c } from "vue";
|
|
2
|
+
import { b as i } from "./index-C9fXRITB.js";
|
|
3
|
+
const f = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "empty"
|
|
6
|
+
}, _ = /* @__PURE__ */ n({
|
|
7
|
+
__name: "Custom",
|
|
8
|
+
props: /* @__PURE__ */ s({
|
|
9
|
+
componentName: {}
|
|
10
|
+
}, {
|
|
11
|
+
modelValue: {},
|
|
12
|
+
modelModifiers: {}
|
|
13
|
+
}),
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(l) {
|
|
16
|
+
const o = p(l, "modelValue");
|
|
17
|
+
return (e, m) => e.componentName ? (t(), d(u(e.componentName), c({
|
|
18
|
+
key: 1,
|
|
19
|
+
modelValue: o.value,
|
|
20
|
+
"onUpdate:modelValue": m[0] || (m[0] = (a) => o.value = a)
|
|
21
|
+
}, e.$attrs), null, 16, ["modelValue"])) : (t(), r("span", f, "请输入全局注册得组件名"));
|
|
22
|
+
}
|
|
23
|
+
}), v = /* @__PURE__ */ i(_, [["__scopeId", "data-v-2250b7d1"]]);
|
|
24
|
+
export {
|
|
25
|
+
v as default
|
|
26
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { resolveComponent as t, openBlock as o, createBlock as c, mergeProps as n } from "vue";
|
|
2
|
+
import { b as s } from "./index-C9fXRITB.js";
|
|
3
|
+
const _ = {};
|
|
4
|
+
function a(e, p) {
|
|
5
|
+
const r = t("el-date-picker");
|
|
6
|
+
return o(), c(r, n(e.$attrs, { style: { width: "100%" } }), null, 16);
|
|
7
|
+
}
|
|
8
|
+
const m = /* @__PURE__ */ s(_, [["render", a]]);
|
|
9
|
+
export {
|
|
10
|
+
m as default
|
|
11
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { defineComponent as o, resolveComponent as r, openBlock as i, createBlock as n, normalizeProps as p, guardReactiveProps as a, withCtx as s, createTextVNode as l, toDisplayString as c } from "vue";
|
|
2
|
+
const u = /* @__PURE__ */ o({
|
|
3
|
+
__name: "Divider",
|
|
4
|
+
props: {
|
|
5
|
+
title: {}
|
|
6
|
+
},
|
|
7
|
+
setup(_) {
|
|
8
|
+
return (e, d) => {
|
|
9
|
+
const t = r("ElDivider");
|
|
10
|
+
return i(), n(t, p(a(e.$attrs)), {
|
|
11
|
+
default: s(() => [
|
|
12
|
+
l(c(e.title), 1)
|
|
13
|
+
]),
|
|
14
|
+
_: 1
|
|
15
|
+
}, 16);
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
export {
|
|
20
|
+
u as default
|
|
21
|
+
};
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
import { defineComponent as S, mergeModels as j, useModel as G, ref as T, computed as M, watch as H, onMounted as J, provide as K, resolveComponent as b, openBlock as l, createElementBlock as _, unref as m, createBlock as s, Fragment as $, renderList as g, withCtx as r, createElementVNode as C, createVNode as v, mergeProps as R, createCommentVNode as y, toDisplayString as F, createTextVNode as O, h as Q } from "vue";
|
|
2
|
+
import { u as U, l as w, d as W, e as V, _ as L, f as X } from "./index-C9fXRITB.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const Y = { class: "vfc-formList" }, Z = { key: 1 }, x = { class: "list-item-content" }, ee = { class: "card-header" }, le = { style: { "margin-top": "5px" } }, oe = /* @__PURE__ */ S({
|
|
5
|
+
__name: "FormList",
|
|
6
|
+
props: /* @__PURE__ */ j({
|
|
7
|
+
children: { default: () => [] },
|
|
8
|
+
allowAdd: { type: Boolean, default: !0 },
|
|
9
|
+
allowReduce: { type: Boolean, default: !0 },
|
|
10
|
+
minLines: { default: 0 },
|
|
11
|
+
maxLines: { default: 999 },
|
|
12
|
+
mode: { default: "table" },
|
|
13
|
+
title: { default: "" },
|
|
14
|
+
name: { default: "" },
|
|
15
|
+
disabled: { type: Boolean }
|
|
16
|
+
}, {
|
|
17
|
+
modelValue: { default: [] },
|
|
18
|
+
modelModifiers: {}
|
|
19
|
+
}),
|
|
20
|
+
emits: ["update:modelValue"],
|
|
21
|
+
setup(z) {
|
|
22
|
+
const f = z, a = G(z, "modelValue"), A = T(0), N = U(), B = (e) => X(f.children, { $item: a.value[e], $index: e }), D = M(() => a.value.length >= f.maxLines), E = M(() => a.value.length <= f.minLines), q = () => {
|
|
23
|
+
D.value || (a.value = [...a.value, {}]);
|
|
24
|
+
}, I = (e) => {
|
|
25
|
+
const p = a.value.filter((i, o) => o !== e);
|
|
26
|
+
a.value = p;
|
|
27
|
+
}, P = (e, p, i, o) => {
|
|
28
|
+
const k = p.no, h = B(o)[k];
|
|
29
|
+
return Q(V, {
|
|
30
|
+
...h,
|
|
31
|
+
hideLabel: !0,
|
|
32
|
+
style: { marginBottom: 0 },
|
|
33
|
+
name: `${f.name}.${o}.${h.name}`
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
return H(a, (e, p) => {
|
|
37
|
+
const i = e.reduce((t, d, n) => (w.isEqual(d, p[n]) || (t = n), t), 0);
|
|
38
|
+
if (A.value = i, !f.children.some((t) => t.change)) return;
|
|
39
|
+
const o = B(i), k = e[i] || {}, h = p[i] || {};
|
|
40
|
+
o.forEach((t) => {
|
|
41
|
+
t.change && h && !w.isEqual(k[t.name], h[t.name]) && t.change.forEach((d) => {
|
|
42
|
+
if (d.condition !== !1) {
|
|
43
|
+
if (w.isString(d.condition) && /^{{\s*(.*?)\s*}}$/.test(d.condition)) return;
|
|
44
|
+
const n = d.target.split(".").pop();
|
|
45
|
+
a.value[i][n] = d.value;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
}), J(() => {
|
|
50
|
+
var e;
|
|
51
|
+
f.minLines && !((e = a.value) != null && e.length) && (a.value = Array.from({ length: f.minLines }, () => ({})));
|
|
52
|
+
}), K(
|
|
53
|
+
"$objGroupBase",
|
|
54
|
+
M(() => `${f.name}.${A.value}`)
|
|
55
|
+
), (e, p) => {
|
|
56
|
+
const i = b("el-space"), o = b("el-button"), k = b("el-form-item"), h = b("el-card"), t = b("el-table-column"), d = b("el-table");
|
|
57
|
+
return l(), _("div", Y, [
|
|
58
|
+
m(N).design ? (l(), s(m(W), {
|
|
59
|
+
key: 0,
|
|
60
|
+
list: e.children,
|
|
61
|
+
class: "layoutRender"
|
|
62
|
+
}, null, 8, ["list"])) : (l(), _("div", Z, [
|
|
63
|
+
e.mode === "inline" ? (l(!0), _($, { key: 0 }, g(a.value, (n, u) => (l(), s(k, {
|
|
64
|
+
key: n.key,
|
|
65
|
+
class: "list-item"
|
|
66
|
+
}, {
|
|
67
|
+
default: r(() => [
|
|
68
|
+
C("div", x, [
|
|
69
|
+
v(i, null, {
|
|
70
|
+
default: r(() => [
|
|
71
|
+
(l(!0), _($, null, g(B(u), (c) => (l(), s(m(V), R({ ref_for: !0 }, c, {
|
|
72
|
+
key: c.label,
|
|
73
|
+
name: `${e.name}.${u}.${c.name}`,
|
|
74
|
+
hideLabel: ""
|
|
75
|
+
}), null, 16, ["name"]))), 128))
|
|
76
|
+
]),
|
|
77
|
+
_: 2
|
|
78
|
+
}, 1024),
|
|
79
|
+
e.allowReduce && !E.value ? (l(), s(o, {
|
|
80
|
+
key: 0,
|
|
81
|
+
onClick: (c) => I(u),
|
|
82
|
+
circle: "",
|
|
83
|
+
type: "primary",
|
|
84
|
+
class: "list-btn reduceBtn",
|
|
85
|
+
disabled: e.disabled,
|
|
86
|
+
size: "small"
|
|
87
|
+
}, {
|
|
88
|
+
icon: r(() => [
|
|
89
|
+
v(m(L), {
|
|
90
|
+
name: "reduce",
|
|
91
|
+
color: "#fff"
|
|
92
|
+
})
|
|
93
|
+
]),
|
|
94
|
+
_: 2
|
|
95
|
+
}, 1032, ["onClick", "disabled"])) : y("", !0)
|
|
96
|
+
])
|
|
97
|
+
]),
|
|
98
|
+
_: 2
|
|
99
|
+
}, 1024))), 128)) : y("", !0),
|
|
100
|
+
e.mode === "card" ? (l(!0), _($, { key: 1 }, g(a.value, (n, u) => (l(), s(h, {
|
|
101
|
+
key: n.key,
|
|
102
|
+
class: "list-card"
|
|
103
|
+
}, {
|
|
104
|
+
header: r(() => [
|
|
105
|
+
C("div", ee, [
|
|
106
|
+
C("span", null, F(e.title + (u + 1)), 1),
|
|
107
|
+
e.allowReduce && !E.value ? (l(), s(o, {
|
|
108
|
+
key: 0,
|
|
109
|
+
onClick: (c) => I(u),
|
|
110
|
+
circle: "",
|
|
111
|
+
type: "primary",
|
|
112
|
+
class: "list-btn reduceBtn",
|
|
113
|
+
disabled: e.disabled,
|
|
114
|
+
size: "small"
|
|
115
|
+
}, {
|
|
116
|
+
icon: r(() => [
|
|
117
|
+
v(m(L), {
|
|
118
|
+
name: "reduce",
|
|
119
|
+
color: "#fff"
|
|
120
|
+
})
|
|
121
|
+
]),
|
|
122
|
+
_: 2
|
|
123
|
+
}, 1032, ["onClick", "disabled"])) : y("", !0)
|
|
124
|
+
])
|
|
125
|
+
]),
|
|
126
|
+
default: r(() => [
|
|
127
|
+
(l(!0), _($, null, g(B(u), (c) => (l(), s(m(V), R({ ref_for: !0 }, c, {
|
|
128
|
+
key: c.label,
|
|
129
|
+
class: "list-card-item",
|
|
130
|
+
name: `${e.name}.${u}.${c.name}`
|
|
131
|
+
}), null, 16, ["name"]))), 128))
|
|
132
|
+
]),
|
|
133
|
+
_: 2
|
|
134
|
+
}, 1024))), 128)) : y("", !0),
|
|
135
|
+
e.mode === "table" && a.value.length ? (l(), s(d, {
|
|
136
|
+
key: 2,
|
|
137
|
+
data: a.value,
|
|
138
|
+
style: { width: "100%" }
|
|
139
|
+
}, {
|
|
140
|
+
default: r(() => [
|
|
141
|
+
(l(!0), _($, null, g(e.children, (n) => (l(), s(t, R({
|
|
142
|
+
prop: n.name,
|
|
143
|
+
label: n.label,
|
|
144
|
+
key: n.name,
|
|
145
|
+
ref_for: !0
|
|
146
|
+
}, m(w.pickBy)(n, Boolean), { formatter: P }), null, 16, ["prop", "label"]))), 128)),
|
|
147
|
+
v(t, {
|
|
148
|
+
fixed: "right",
|
|
149
|
+
"min-width": "60"
|
|
150
|
+
}, {
|
|
151
|
+
default: r((n) => [
|
|
152
|
+
e.allowReduce && !E.value ? (l(), s(o, {
|
|
153
|
+
key: 0,
|
|
154
|
+
onClick: (u) => I(n.$index),
|
|
155
|
+
circle: "",
|
|
156
|
+
type: "primary",
|
|
157
|
+
class: "list-btn reduceBtn",
|
|
158
|
+
disabled: e.disabled,
|
|
159
|
+
size: "small",
|
|
160
|
+
plain: ""
|
|
161
|
+
}, {
|
|
162
|
+
icon: r(() => [
|
|
163
|
+
v(m(L), { name: "reduce" })
|
|
164
|
+
]),
|
|
165
|
+
_: 2
|
|
166
|
+
}, 1032, ["onClick", "disabled"])) : y("", !0)
|
|
167
|
+
]),
|
|
168
|
+
_: 1
|
|
169
|
+
})
|
|
170
|
+
]),
|
|
171
|
+
_: 1
|
|
172
|
+
}, 8, ["data"])) : y("", !0),
|
|
173
|
+
C("div", le, [
|
|
174
|
+
e.allowAdd && !D.value ? (l(), s(o, {
|
|
175
|
+
key: 0,
|
|
176
|
+
onClick: q,
|
|
177
|
+
type: "primary",
|
|
178
|
+
class: "list-btn addBtn",
|
|
179
|
+
disabled: e.disabled,
|
|
180
|
+
size: "small",
|
|
181
|
+
plain: ""
|
|
182
|
+
}, {
|
|
183
|
+
icon: r(() => [
|
|
184
|
+
v(m(L), { name: "add" })
|
|
185
|
+
]),
|
|
186
|
+
default: r(() => [
|
|
187
|
+
O(" " + F(e.title), 1)
|
|
188
|
+
]),
|
|
189
|
+
_: 1
|
|
190
|
+
}, 8, ["disabled"])) : y("", !0)
|
|
191
|
+
])
|
|
192
|
+
]))
|
|
193
|
+
]);
|
|
194
|
+
};
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
export {
|
|
198
|
+
oe as default
|
|
199
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as t, computed as n, openBlock as a, createBlock as m, unref as p, normalizeStyle as s } from "vue";
|
|
2
|
+
import { a as i } from "./index-C9fXRITB.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const g = /* @__PURE__ */ t({
|
|
5
|
+
__name: "Grid",
|
|
6
|
+
props: {
|
|
7
|
+
children: {},
|
|
8
|
+
columns: {},
|
|
9
|
+
rowGap: {},
|
|
10
|
+
columnGap: {},
|
|
11
|
+
alignItems: {}
|
|
12
|
+
},
|
|
13
|
+
setup(o) {
|
|
14
|
+
const e = o, r = n(() => ({
|
|
15
|
+
display: "grid",
|
|
16
|
+
"grid-template-columns": `repeat(${e.columns}, 1fr)`,
|
|
17
|
+
"row-gap": e.rowGap + "px",
|
|
18
|
+
"column-gap": e.columnGap + "px",
|
|
19
|
+
"align-items": e.alignItems
|
|
20
|
+
}));
|
|
21
|
+
return (l, c) => (a(), m(p(i), {
|
|
22
|
+
class: "form-item-grid",
|
|
23
|
+
style: s(r.value),
|
|
24
|
+
list: l.children
|
|
25
|
+
}, null, 8, ["style", "list"]));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export {
|
|
29
|
+
g as default
|
|
30
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { defineComponent as a, computed as l, openBlock as p, createBlock as r, unref as i, normalizeStyle as s } from "vue";
|
|
2
|
+
import { a as c, b as f } from "./index-C9fXRITB.js";
|
|
3
|
+
import "element-plus";
|
|
4
|
+
const m = /* @__PURE__ */ a({
|
|
5
|
+
__name: "Inline",
|
|
6
|
+
props: {
|
|
7
|
+
children: {},
|
|
8
|
+
align: {},
|
|
9
|
+
autoWrap: { type: Boolean },
|
|
10
|
+
gap: {}
|
|
11
|
+
},
|
|
12
|
+
setup(n) {
|
|
13
|
+
const e = n, t = l(() => ({
|
|
14
|
+
width: "100%",
|
|
15
|
+
display: "flex",
|
|
16
|
+
"justify-content": e.align,
|
|
17
|
+
"flex-wrap": e.autoWrap ? "wrap" : "nowrap",
|
|
18
|
+
"overflow-x": "auto",
|
|
19
|
+
gap: `${e.gap}px`
|
|
20
|
+
}));
|
|
21
|
+
return (o, u) => (p(), r(i(c), {
|
|
22
|
+
class: "form-item-inline",
|
|
23
|
+
style: s(t.value),
|
|
24
|
+
list: o.children
|
|
25
|
+
}, null, 8, ["style", "list"]));
|
|
26
|
+
}
|
|
27
|
+
}), x = /* @__PURE__ */ f(m, [["__scopeId", "data-v-c38cc7f7"]]);
|
|
28
|
+
export {
|
|
29
|
+
x as default
|
|
30
|
+
};
|