asiaint-lowcode 3.1.102 → 3.1.103
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 +5 -5
- package/dist/asiaint-lowcode.umd.cjs +197 -197
- package/dist/index.d.ts +4 -6
- package/dist/lazy/{Card-BMdf2FOG.js → Card-DgzxcSTh.js} +1 -1
- package/dist/lazy/{Cascader-BId-OuDH.js → Cascader-hy4tMhgf.js} +1 -1
- package/dist/lazy/{Checkbox-DbtOg0Qr.js → Checkbox-CEMk4jQf.js} +2 -2
- package/dist/lazy/{Collapse-B9fI8DJf.js → Collapse-B3j7HKIZ.js} +1 -1
- package/dist/lazy/{Component-DH_YYzNN.js → Component-BZg64IJL.js} +1 -1
- package/dist/lazy/{Component-BxxBM5oM.js → Component-CYI0yTkN.js} +1 -1
- package/dist/lazy/{Component-DbL-pqiK.js → Component-DU-D_jtW.js} +1 -1
- package/dist/lazy/{Component-D3aSxEDt.js → Component-chi-vKO_.js} +1 -1
- package/dist/lazy/{Component-H4P0RXJB.js → Component-r-PwWvCI.js} +1 -1
- package/dist/lazy/{CurdCard-BBhkAyrR.js → CurdCard-CujyUz_K.js} +1 -1
- package/dist/lazy/{Custom-BGsAzJr8.js → Custom-K7Nv0mMN.js} +1 -1
- package/dist/lazy/{DatePicker-CKvvfvuz.js → DatePicker-J4FfXpJS.js} +1 -1
- package/dist/lazy/DragList-Bnnv0hNa.js +332 -0
- package/dist/lazy/{FilterSearch-BktC9qBi.js → FilterSearch-BQEo2Kga.js} +1 -1
- package/dist/lazy/{FloatCurd-DV8EHSXb.js → FloatCurd-CO-Ge0YK.js} +1 -1
- package/dist/lazy/{FormList-D4L-vNfy.js → FormList-B-uxilyP.js} +1 -1
- package/dist/lazy/{Grid-b_aNKWbS.js → Grid-RcW_f8Y3.js} +1 -1
- package/dist/lazy/{InfiniteScroll-KwfQ-0RM.js → InfiniteScroll-BHfxrYPb.js} +1 -1
- package/dist/lazy/{Inline-D4k6bs63.js → Inline-DnEivGXj.js} +1 -1
- package/dist/lazy/{JsonEdit-B72Ydk48.js → JsonEdit-C9pScW5g.js} +1 -1
- package/dist/lazy/{LogList-D35IYkka.js → LogList-BqPEJhVX.js} +1 -1
- package/dist/lazy/{ObjGroup-B9LKgcZJ.js → ObjGroup-C918M_6L.js} +1 -1
- package/dist/lazy/{OfferDetails-CRp6CLRU.js → OfferDetails-Do5CZ2Uw.js} +1 -1
- package/dist/lazy/{Pagination-CwYLwO1y.js → Pagination-oU6OMO5j.js} +1 -1
- package/dist/lazy/{Progress-iZgcZMPw.js → Progress-BQx7fTDI.js} +1 -1
- package/dist/lazy/{Radio-Dgq31pLQ.js → Radio-BnhHI_2M.js} +2 -2
- package/dist/lazy/{SearchSelect-COnEj31O.js → SearchSelect-CWWA7v15.js} +2 -2
- package/dist/lazy/{Select-BLStykg2.js → Select-DoYeriki.js} +2 -2
- package/dist/lazy/{Table-BzaqEiLr.js → Table-bXICsWRl.js} +1 -1
- package/dist/lazy/{Tabs-CqQqNHbu.js → Tabs-BQzsVcbe.js} +1 -1
- package/dist/lazy/{TextArea--8IuwvFN.js → TextArea-BnVgg0Tz.js} +1 -1
- package/dist/lazy/{Wrapper-D5jKFO1a.js → Wrapper-DXxbeFz0.js} +1 -1
- package/dist/lazy/{index-DLZItbcM.js → index-CGuF8LK3.js} +7197 -7625
- package/dist/lazy/{useSelect-CGYFUsCu.js → useSelect-MxgUFiHz.js} +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/lazy/DragList-DLmKHx1I.js +0 -914
|
@@ -1,914 +0,0 @@
|
|
|
1
|
-
import { defineComponent as ze, inject as He, ref as ge, reactive as ce, toRef as gt, onBeforeMount as Ge, onMounted as Pe, watchEffect as ct, onBeforeUnmount as Ue, computed as ie, watch as z, openBlock as Q, createElementBlock as fe, normalizeClass as Le, normalizeStyle as je, renderSlot as we, createCommentVNode as ft, nextTick as G, provide as Ne, toRefs as Ee, Fragment as mt, renderList as ht, createBlock as Ke, mergeProps as pt, withCtx as qe, withDirectives as yt, createVNode as Je, vShow as vt, mergeModels as wt, useModel as bt, onUnmounted as xt, unref as Te, readonly as We } from "vue";
|
|
2
|
-
import { o as E, r as D, S as Ie, t as _e, w as zt, m as Mt, V as Rt, c as St, j as Bt, b as Ct, _ as Dt } from "./index-DLZItbcM.js";
|
|
3
|
-
import "element-plus";
|
|
4
|
-
const Qe = Symbol("LAYOUT_KEY"), Ze = Symbol("EMITTER_KEY");
|
|
5
|
-
function kt(o) {
|
|
6
|
-
let i = 0, n;
|
|
7
|
-
for (let e = 0, s = o.length; e < s; e++)
|
|
8
|
-
n = o[e].y + o[e].h, n > i && (i = n);
|
|
9
|
-
return i;
|
|
10
|
-
}
|
|
11
|
-
function be(o) {
|
|
12
|
-
const i = Array(o.length);
|
|
13
|
-
for (let n = 0, e = o.length; n < e; n++)
|
|
14
|
-
i[n] = $t(o[n]);
|
|
15
|
-
return i;
|
|
16
|
-
}
|
|
17
|
-
function $t(o) {
|
|
18
|
-
return { ...o };
|
|
19
|
-
}
|
|
20
|
-
function et(o, i) {
|
|
21
|
-
return !(o === i || o.x + o.w <= i.x || o.x >= i.x + i.w || o.y + o.h <= i.y || o.y >= i.y + i.h);
|
|
22
|
-
}
|
|
23
|
-
function J(o, i, n) {
|
|
24
|
-
const e = at(o), s = ot(o), a = Array(o.length);
|
|
25
|
-
for (let d = 0, u = s.length; d < u; d++) {
|
|
26
|
-
let t = s[d];
|
|
27
|
-
t.static || (t = Ht(e, t, i, n), e.push(t)), a[o.findIndex((S) => S.i === t.i)] = t, t.moved = !1;
|
|
28
|
-
}
|
|
29
|
-
return a;
|
|
30
|
-
}
|
|
31
|
-
function Ht(o, i, n, e) {
|
|
32
|
-
if (n)
|
|
33
|
-
for (; i.y > 0 && !re(o, i); )
|
|
34
|
-
i.y--;
|
|
35
|
-
else if (e) {
|
|
36
|
-
const a = e[i.i].y;
|
|
37
|
-
for (; i.y > a && !re(o, i); )
|
|
38
|
-
i.y--;
|
|
39
|
-
}
|
|
40
|
-
let s;
|
|
41
|
-
for (; s = re(o, i); )
|
|
42
|
-
i.y = s.y + s.h;
|
|
43
|
-
return i;
|
|
44
|
-
}
|
|
45
|
-
function Lt(o, i) {
|
|
46
|
-
const n = at(o);
|
|
47
|
-
for (let e = 0, s = o.length; e < s; e++) {
|
|
48
|
-
const a = o[e];
|
|
49
|
-
if (a.x + a.w > i.cols && (a.x = i.cols - a.w), a.x < 0 && (a.x = 0, a.w = i.cols), !a.static) n.push(a);
|
|
50
|
-
else
|
|
51
|
-
for (; re(n, a); )
|
|
52
|
-
a.y++;
|
|
53
|
-
}
|
|
54
|
-
return o;
|
|
55
|
-
}
|
|
56
|
-
function Ae(o, i) {
|
|
57
|
-
for (let n = 0, e = o.length; n < e; n++)
|
|
58
|
-
if (o[n].i === i) return o[n];
|
|
59
|
-
}
|
|
60
|
-
function re(o, i) {
|
|
61
|
-
for (let n = 0, e = o.length; n < e; n++)
|
|
62
|
-
if (et(o[n], i)) return o[n];
|
|
63
|
-
}
|
|
64
|
-
function tt(o, i) {
|
|
65
|
-
return o.filter((n) => et(n, i));
|
|
66
|
-
}
|
|
67
|
-
function at(o) {
|
|
68
|
-
return o.filter((i) => i.static);
|
|
69
|
-
}
|
|
70
|
-
function xe(o, i, n, e, s = !1, a = !1) {
|
|
71
|
-
if (i.static) return o;
|
|
72
|
-
const d = i.x, u = i.y, t = e && i.y > e;
|
|
73
|
-
typeof n == "number" && (i.x = n), typeof e == "number" && (i.y = e), i.moved = !0;
|
|
74
|
-
let S = ot(o);
|
|
75
|
-
t && (S = S.reverse());
|
|
76
|
-
const k = tt(S, i);
|
|
77
|
-
if (a && k.length)
|
|
78
|
-
return i.x = d, i.y = u, i.moved = !1, o;
|
|
79
|
-
for (let h = 0, y = k.length; h < y; h++) {
|
|
80
|
-
const b = k[h];
|
|
81
|
-
b.moved || i.y > b.y && i.y - b.y > b.h / 4 || (b.static ? o = Oe(o, b, i, s) : o = Oe(o, i, b, s));
|
|
82
|
-
}
|
|
83
|
-
return o;
|
|
84
|
-
}
|
|
85
|
-
function Oe(o, i, n, e) {
|
|
86
|
-
if (e) {
|
|
87
|
-
const s = {
|
|
88
|
-
x: n.x,
|
|
89
|
-
y: n.y,
|
|
90
|
-
w: n.w,
|
|
91
|
-
h: n.h
|
|
92
|
-
};
|
|
93
|
-
if (s.y = Math.max(i.y - n.h, 0), !re(o, s))
|
|
94
|
-
return xe(o, n, void 0, s.y, !1);
|
|
95
|
-
}
|
|
96
|
-
return xe(o, n, void 0, n.y + 1, !1);
|
|
97
|
-
}
|
|
98
|
-
function Nt(o, i, n, e) {
|
|
99
|
-
const s = "translate3d(" + i + "px," + o + "px, 0)";
|
|
100
|
-
return {
|
|
101
|
-
transform: s,
|
|
102
|
-
WebkitTransform: s,
|
|
103
|
-
MozTransform: s,
|
|
104
|
-
msTransform: s,
|
|
105
|
-
OTransform: s,
|
|
106
|
-
width: n + "px",
|
|
107
|
-
height: e + "px",
|
|
108
|
-
position: "absolute"
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
function Et(o, i, n, e) {
|
|
112
|
-
const s = "translate3d(" + i * -1 + "px," + o + "px, 0)";
|
|
113
|
-
return {
|
|
114
|
-
transform: s,
|
|
115
|
-
WebkitTransform: s,
|
|
116
|
-
MozTransform: s,
|
|
117
|
-
msTransform: s,
|
|
118
|
-
OTransform: s,
|
|
119
|
-
width: n + "px",
|
|
120
|
-
height: e + "px",
|
|
121
|
-
position: "absolute"
|
|
122
|
-
};
|
|
123
|
-
}
|
|
124
|
-
function Tt(o, i, n, e) {
|
|
125
|
-
return {
|
|
126
|
-
top: o + "px",
|
|
127
|
-
left: i + "px",
|
|
128
|
-
width: n + "px",
|
|
129
|
-
height: e + "px",
|
|
130
|
-
position: "absolute"
|
|
131
|
-
};
|
|
132
|
-
}
|
|
133
|
-
function Wt(o, i, n, e) {
|
|
134
|
-
return {
|
|
135
|
-
top: o + "px",
|
|
136
|
-
right: i + "px",
|
|
137
|
-
width: n + "px",
|
|
138
|
-
height: e + "px",
|
|
139
|
-
position: "absolute"
|
|
140
|
-
};
|
|
141
|
-
}
|
|
142
|
-
function ot(o) {
|
|
143
|
-
return Array.from(o).sort(function(i, n) {
|
|
144
|
-
return i.y === n.y && i.x === n.x ? 0 : i.y > n.y || i.y === n.y && i.x > n.x ? 1 : -1;
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
function It(o, i) {
|
|
148
|
-
i = i || "Layout";
|
|
149
|
-
const n = ["x", "y", "w", "h"], e = [];
|
|
150
|
-
if (!Array.isArray(o)) throw new Error(i + " must be an array!");
|
|
151
|
-
for (let s = 0, a = o.length; s < a; s++) {
|
|
152
|
-
const d = o[s];
|
|
153
|
-
for (let u = 0; u < n.length; u++)
|
|
154
|
-
if (typeof d[n[u]] != "number")
|
|
155
|
-
throw new Error(
|
|
156
|
-
"VueGridLayout: " + i + "[" + s + "]." + n[u] + " must be a number!"
|
|
157
|
-
);
|
|
158
|
-
if (d.i === void 0 || d.i === null)
|
|
159
|
-
throw new Error("VueGridLayout: " + i + "[" + s + "].i cannot be null!");
|
|
160
|
-
if (typeof d.i != "number" && typeof d.i != "string")
|
|
161
|
-
throw new Error("VueGridLayout: " + i + "[" + s + "].i must be a string or number!");
|
|
162
|
-
if (e.indexOf(d.i) >= 0)
|
|
163
|
-
throw new Error("VueGridLayout: " + i + "[" + s + "].i must be unique!");
|
|
164
|
-
if (e.push(d.i), d.static !== void 0 && typeof d.static != "boolean")
|
|
165
|
-
throw new Error("VueGridLayout: " + i + "[" + s + "].static must be a boolean!");
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
function _t(o, i = "vgl") {
|
|
169
|
-
const n = () => `${i}-${o}`;
|
|
170
|
-
return {
|
|
171
|
-
b: n,
|
|
172
|
-
be: (e) => `${n()}__${e}`,
|
|
173
|
-
bm: (e) => `${n()}--${e}`,
|
|
174
|
-
bem: (e, s) => `${n()}__${e}--${s}`
|
|
175
|
-
};
|
|
176
|
-
}
|
|
177
|
-
function Ye(o) {
|
|
178
|
-
return At(o);
|
|
179
|
-
}
|
|
180
|
-
function At(o) {
|
|
181
|
-
var i;
|
|
182
|
-
const n = ((i = o.target) == null ? void 0 : i.offsetParent) || document.body, e = o.offsetParent === document.body ? { left: 0, top: 0 } : n.getBoundingClientRect(), s = o.clientX + n.scrollLeft - e.left, a = o.clientY + n.scrollTop - e.top;
|
|
183
|
-
return { x: s, y: a };
|
|
184
|
-
}
|
|
185
|
-
function Fe(o, i, n, e) {
|
|
186
|
-
return Ot(o) ? {
|
|
187
|
-
deltaX: n - o,
|
|
188
|
-
deltaY: e - i,
|
|
189
|
-
lastX: o,
|
|
190
|
-
lastY: i,
|
|
191
|
-
x: n,
|
|
192
|
-
y: e
|
|
193
|
-
} : {
|
|
194
|
-
deltaX: 0,
|
|
195
|
-
deltaY: 0,
|
|
196
|
-
lastX: n,
|
|
197
|
-
lastY: e,
|
|
198
|
-
x: n,
|
|
199
|
-
y: e
|
|
200
|
-
};
|
|
201
|
-
}
|
|
202
|
-
function Ot(o) {
|
|
203
|
-
return typeof o == "number" && !Number.isNaN(o);
|
|
204
|
-
}
|
|
205
|
-
function Yt(o, i) {
|
|
206
|
-
const n = rt(o);
|
|
207
|
-
let e = n[0];
|
|
208
|
-
for (let s = 1, a = n.length; s < a; s++) {
|
|
209
|
-
const d = n[s];
|
|
210
|
-
i > o[d] && (e = d);
|
|
211
|
-
}
|
|
212
|
-
return e;
|
|
213
|
-
}
|
|
214
|
-
function it(o, i) {
|
|
215
|
-
if (!i[o])
|
|
216
|
-
throw new Error(
|
|
217
|
-
"ResponsiveGridLayout: `cols` entry for breakpoint " + o + " is missing!"
|
|
218
|
-
);
|
|
219
|
-
return i[o];
|
|
220
|
-
}
|
|
221
|
-
function Ft(o, i, n, e, s, a, d) {
|
|
222
|
-
if (i[e]) return be(i[e]);
|
|
223
|
-
let u = o;
|
|
224
|
-
const t = rt(n), S = t.slice(t.indexOf(e));
|
|
225
|
-
for (let k = 0, h = S.length; k < h; k++) {
|
|
226
|
-
const y = S[k];
|
|
227
|
-
if (i[y]) {
|
|
228
|
-
u = i[y];
|
|
229
|
-
break;
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
return u = be(u || []), J(Lt(u, { cols: a }), d);
|
|
233
|
-
}
|
|
234
|
-
function rt(o) {
|
|
235
|
-
return Object.keys(o).sort((i, n) => o[i] - o[n]);
|
|
236
|
-
}
|
|
237
|
-
let Vt = "auto";
|
|
238
|
-
function Xt() {
|
|
239
|
-
return typeof document < "u";
|
|
240
|
-
}
|
|
241
|
-
function Ve() {
|
|
242
|
-
return Xt() ? typeof document.dir < "u" ? document.dir : document.getElementsByTagName("html")[0].getAttribute("dir") : Vt;
|
|
243
|
-
}
|
|
244
|
-
const Xe = /* @__PURE__ */ ze({
|
|
245
|
-
__name: "grid-item",
|
|
246
|
-
props: {
|
|
247
|
-
isDraggable: { type: Boolean, default: void 0 },
|
|
248
|
-
isResizable: { type: Boolean, default: void 0 },
|
|
249
|
-
isBounded: { type: Boolean, default: void 0 },
|
|
250
|
-
static: { type: Boolean, default: !1 },
|
|
251
|
-
minH: { default: 1 },
|
|
252
|
-
minW: { default: 1 },
|
|
253
|
-
maxH: { default: 1 / 0 },
|
|
254
|
-
maxW: { default: 1 / 0 },
|
|
255
|
-
x: {},
|
|
256
|
-
y: {},
|
|
257
|
-
w: {},
|
|
258
|
-
h: {},
|
|
259
|
-
i: {},
|
|
260
|
-
dragIgnoreFrom: { default: "a, button" },
|
|
261
|
-
dragAllowFrom: { default: void 0 },
|
|
262
|
-
resizeIgnoreFrom: { default: "a, button" },
|
|
263
|
-
preserveAspectRatio: { type: Boolean, default: !1 },
|
|
264
|
-
dragOption: { default: () => ({}) },
|
|
265
|
-
resizeOption: { default: () => ({}) }
|
|
266
|
-
},
|
|
267
|
-
emits: ["container-resized", "resize", "resized", "move", "moved"],
|
|
268
|
-
setup(o, { expose: i, emit: n }) {
|
|
269
|
-
const e = o, s = n, a = He(Qe), d = He(Ze);
|
|
270
|
-
if (!a)
|
|
271
|
-
throw new Error("[grid-layout-plus]: missing layout store, GridItem must under a GridLayout.");
|
|
272
|
-
const u = ge(null), t = ce({
|
|
273
|
-
cols: 1,
|
|
274
|
-
containerWidth: 100,
|
|
275
|
-
rowHeight: 30,
|
|
276
|
-
margin: [10, 10],
|
|
277
|
-
maxRows: 1 / 0,
|
|
278
|
-
draggable: void 0,
|
|
279
|
-
resizable: void 0,
|
|
280
|
-
bounded: void 0,
|
|
281
|
-
transformScale: 1,
|
|
282
|
-
useCssTransforms: !0,
|
|
283
|
-
useStyleCursor: !0,
|
|
284
|
-
isDragging: !1,
|
|
285
|
-
dragging: {
|
|
286
|
-
top: -1,
|
|
287
|
-
left: -1
|
|
288
|
-
},
|
|
289
|
-
isResizing: !1,
|
|
290
|
-
resizing: {
|
|
291
|
-
width: -1,
|
|
292
|
-
height: -1
|
|
293
|
-
},
|
|
294
|
-
style: {},
|
|
295
|
-
rtl: !1
|
|
296
|
-
});
|
|
297
|
-
let S = !1, k = !1, h = NaN, y = NaN, b = NaN, $ = NaN, P = -1, ne = -1, Z = -1, Y = -1, B = e.x, I = e.y, C = e.w, T = e.h;
|
|
298
|
-
const V = ge(), se = ce({
|
|
299
|
-
i: gt(e, "i"),
|
|
300
|
-
state: t,
|
|
301
|
-
wrapper: V,
|
|
302
|
-
calcXY: Se
|
|
303
|
-
});
|
|
304
|
-
function ee(r) {
|
|
305
|
-
lt(r);
|
|
306
|
-
}
|
|
307
|
-
function le() {
|
|
308
|
-
De();
|
|
309
|
-
}
|
|
310
|
-
function l(r) {
|
|
311
|
-
E(e.isDraggable) && (t.draggable = r);
|
|
312
|
-
}
|
|
313
|
-
function x(r) {
|
|
314
|
-
E(e.isResizable) && (t.resizable = r);
|
|
315
|
-
}
|
|
316
|
-
function v(r) {
|
|
317
|
-
E(e.isBounded) && (t.bounded = r);
|
|
318
|
-
}
|
|
319
|
-
function W(r) {
|
|
320
|
-
t.transformScale = r;
|
|
321
|
-
}
|
|
322
|
-
function H(r) {
|
|
323
|
-
t.rowHeight = r;
|
|
324
|
-
}
|
|
325
|
-
function L(r) {
|
|
326
|
-
t.maxRows = r;
|
|
327
|
-
}
|
|
328
|
-
function f() {
|
|
329
|
-
t.rtl = Ve() === "rtl", De();
|
|
330
|
-
}
|
|
331
|
-
function X(r) {
|
|
332
|
-
t.cols = Math.floor(r);
|
|
333
|
-
}
|
|
334
|
-
a.increaseItem(se), Ge(() => {
|
|
335
|
-
t.rtl = Ve() === "rtl";
|
|
336
|
-
}), Pe(() => {
|
|
337
|
-
a.responsive && a.lastBreakpoint ? t.cols = it(a.lastBreakpoint, a.cols) : t.cols = a.colNum, t.rowHeight = a.rowHeight, t.containerWidth = a.width !== null ? a.width : 100, t.margin = a.margin !== void 0 ? a.margin.map(Number) : [10, 10], t.maxRows = a.maxRows, E(e.isDraggable) ? t.draggable = a.isDraggable : t.draggable = e.isDraggable, E(e.isResizable) ? t.resizable = a.isResizable : t.resizable = e.isResizable, E(e.isBounded) ? t.bounded = a.isBounded : t.bounded = e.isBounded, t.transformScale = a.transformScale, t.useCssTransforms = a.useCssTransforms, t.useStyleCursor = a.useStyleCursor, ct(() => {
|
|
338
|
-
B = e.x, I = e.y, T = e.h, C = e.w, D(K);
|
|
339
|
-
}), d.on("updateWidth", ee), d.on("compact", le), d.on("setDraggable", l), d.on("setResizable", x), d.on("setBounded", v), d.on("setTransformScale", W), d.on("setRowHeight", H), d.on("setMaxRows", L), d.on("directionchange", f), d.on("setColNum", X);
|
|
340
|
-
}), Ue(() => {
|
|
341
|
-
d.off("updateWidth", ee), d.off("compact", le), d.off("setDraggable", l), d.off("setResizable", x), d.off("setBounded", v), d.off("setTransformScale", W), d.off("setRowHeight", H), d.off("setMaxRows", L), d.off("directionchange", f), d.off("setColNum", X), u.value && (u.value.unset(), u.value = null), a.decreaseItem(se);
|
|
342
|
-
}), i({ state: t, wrapper: V });
|
|
343
|
-
const U = typeof navigator < "u" ? navigator.userAgent.toLowerCase().includes("android") : !1, _ = ie(() => t.resizable && !e.static), M = ie(() => a.isMirrored ? !t.rtl : t.rtl), j = ie(() => (t.draggable || t.resizable) && !e.static), O = _t("item"), nt = ie(() => ({
|
|
344
|
-
[O.b()]: !0,
|
|
345
|
-
[O.bm("resizable")]: _.value,
|
|
346
|
-
[O.bm("static")]: e.static,
|
|
347
|
-
[O.bm("resizing")]: t.isResizing,
|
|
348
|
-
[O.bm("dragging")]: t.isDragging,
|
|
349
|
-
[O.bm("transform")]: t.useCssTransforms,
|
|
350
|
-
[O.bm("rtl")]: M.value,
|
|
351
|
-
[O.bm("no-touch")]: U && j.value
|
|
352
|
-
})), ue = ie(() => [O.be("resizer"), M.value && O.bem("resizer", "rtl")].filter(Boolean));
|
|
353
|
-
z(
|
|
354
|
-
() => e.isDraggable,
|
|
355
|
-
(r) => {
|
|
356
|
-
t.draggable = r;
|
|
357
|
-
}
|
|
358
|
-
), z(
|
|
359
|
-
() => e.static,
|
|
360
|
-
() => {
|
|
361
|
-
D($e), D(q);
|
|
362
|
-
}
|
|
363
|
-
), z(
|
|
364
|
-
() => t.draggable,
|
|
365
|
-
() => {
|
|
366
|
-
D($e);
|
|
367
|
-
}
|
|
368
|
-
), z(
|
|
369
|
-
() => e.isResizable,
|
|
370
|
-
(r) => {
|
|
371
|
-
t.resizable = r;
|
|
372
|
-
}
|
|
373
|
-
), z(
|
|
374
|
-
() => e.isBounded,
|
|
375
|
-
(r) => {
|
|
376
|
-
t.bounded = r;
|
|
377
|
-
}
|
|
378
|
-
), z(
|
|
379
|
-
() => t.resizable,
|
|
380
|
-
() => {
|
|
381
|
-
D(q);
|
|
382
|
-
}
|
|
383
|
-
), z(
|
|
384
|
-
() => t.rowHeight,
|
|
385
|
-
() => {
|
|
386
|
-
D(K), D(me);
|
|
387
|
-
}
|
|
388
|
-
), z([() => t.cols, () => t.containerWidth], () => {
|
|
389
|
-
D(q), D(K), D(me);
|
|
390
|
-
}), z([() => e.minH, () => e.maxH, () => e.minW, () => e.maxW], () => {
|
|
391
|
-
D(q);
|
|
392
|
-
}), z(M, () => {
|
|
393
|
-
D(q), D(K);
|
|
394
|
-
}), z([() => a.margin, () => a.margin[0], () => a.margin[1]], () => {
|
|
395
|
-
const r = a.margin;
|
|
396
|
-
!r || r[0] === t.margin[0] && r[1] === t.margin[1] || (t.margin = r.map(Number), D(K), D(me));
|
|
397
|
-
});
|
|
398
|
-
function K() {
|
|
399
|
-
e.x + e.w > t.cols ? (B = 0, C = e.w > t.cols ? t.cols : e.w) : (B = e.x, C = e.w);
|
|
400
|
-
const r = te(B, I, C, T);
|
|
401
|
-
t.isDragging && (r.top = t.dragging.top, M.value ? r.right = t.dragging.left : r.left = t.dragging.left), t.isResizing && (r.width = t.resizing.width, r.height = t.resizing.height);
|
|
402
|
-
let c;
|
|
403
|
-
t.useCssTransforms ? M.value ? c = Et(r.top, r.right, r.width, r.height) : c = Nt(r.top, r.left, r.width, r.height) : M.value ? c = Wt(r.top, r.right, r.width, r.height) : c = Tt(r.top, r.left, r.width, r.height), t.style = c;
|
|
404
|
-
}
|
|
405
|
-
function me() {
|
|
406
|
-
const r = {};
|
|
407
|
-
for (const c of ["width", "height"]) {
|
|
408
|
-
const p = t.style[c].match(/^(\d+)px$/);
|
|
409
|
-
if (!p)
|
|
410
|
-
return;
|
|
411
|
-
r[c] = p[1];
|
|
412
|
-
}
|
|
413
|
-
s("container-resized", e.i, e.h, e.w, r.height, r.width);
|
|
414
|
-
}
|
|
415
|
-
function Me(r) {
|
|
416
|
-
if (e.static) return;
|
|
417
|
-
const c = r.type;
|
|
418
|
-
if (c === "resizestart" && t.isResizing || c !== "resizestart" && !t.isResizing)
|
|
419
|
-
return;
|
|
420
|
-
const p = Ye(r);
|
|
421
|
-
if (E(p)) return;
|
|
422
|
-
const { x: w, y: R } = p, m = { width: 0, height: 0 };
|
|
423
|
-
let g;
|
|
424
|
-
switch (c) {
|
|
425
|
-
case "resizestart": {
|
|
426
|
-
q(), P = C, ne = T, g = te(B, I, C, T), m.width = g.width, m.height = g.height, t.resizing = m, t.isResizing = !0;
|
|
427
|
-
break;
|
|
428
|
-
}
|
|
429
|
-
case "resizemove": {
|
|
430
|
-
!r.edges.right && !r.edges.left && (b = w), !r.edges.top && !r.edges.bottom && ($ = R);
|
|
431
|
-
const N = Fe(b, $, w, R);
|
|
432
|
-
M.value ? m.width = t.resizing.width - N.deltaX / t.transformScale : m.width = t.resizing.width + N.deltaX / t.transformScale, m.height = t.resizing.height + N.deltaY / t.transformScale, t.resizing = m;
|
|
433
|
-
break;
|
|
434
|
-
}
|
|
435
|
-
case "resizeend": {
|
|
436
|
-
g = te(B, I, C, T), m.width = g.width, m.height = g.height, t.resizing = { width: -1, height: -1 }, t.isResizing = !1;
|
|
437
|
-
break;
|
|
438
|
-
}
|
|
439
|
-
}
|
|
440
|
-
g = st(m.height, m.width), g.w < e.minW && (g.w = e.minW), g.w > e.maxW && (g.w = e.maxW), g.h < e.minH && (g.h = e.minH), g.h > e.maxH && (g.h = e.maxH), g.h < 1 && (g.h = 1), g.w < 1 && (g.w = 1), b = w, $ = R, (C !== g.w || T !== g.h) && s("resize", e.i, g.h, g.w, m.height, m.width), r.type === "resizeend" && (P !== C || ne !== T) && s("resized", e.i, g.h, g.w, m.height, m.width), d.emit("resizeEvent", r.type, e.i, B, I, g.h, g.w);
|
|
441
|
-
}
|
|
442
|
-
function Re(r) {
|
|
443
|
-
if (e.static || t.isResizing) return;
|
|
444
|
-
const c = r.type;
|
|
445
|
-
if (c === "dragstart" && t.isDragging || c !== "dragstart" && !t.isDragging)
|
|
446
|
-
return;
|
|
447
|
-
const p = Ye(r);
|
|
448
|
-
if (E(p)) return;
|
|
449
|
-
const { x: w, y: R } = p, m = r.target;
|
|
450
|
-
if (!m.offsetParent) return;
|
|
451
|
-
const g = { top: 0, left: 0 };
|
|
452
|
-
switch (c) {
|
|
453
|
-
case "dragstart": {
|
|
454
|
-
Z = B, Y = I;
|
|
455
|
-
const A = m.offsetParent.getBoundingClientRect(), F = m.getBoundingClientRect(), ae = F.left / t.transformScale, oe = A.left / t.transformScale, he = F.right / t.transformScale, pe = A.right / t.transformScale, ye = F.top / t.transformScale, ve = A.top / t.transformScale;
|
|
456
|
-
M.value ? g.left = (he - pe) * -1 : g.left = ae - oe, g.top = ye - ve, t.dragging = g, t.isDragging = !0;
|
|
457
|
-
break;
|
|
458
|
-
}
|
|
459
|
-
case "dragmove": {
|
|
460
|
-
const A = Fe(h, y, w, R);
|
|
461
|
-
if (M.value ? g.left = t.dragging.left - A.deltaX / t.transformScale : g.left = t.dragging.left + A.deltaX / t.transformScale, g.top = t.dragging.top + A.deltaY / t.transformScale, t.bounded) {
|
|
462
|
-
const F = m.offsetParent.clientHeight - Be(e.h, t.rowHeight, t.margin[1]);
|
|
463
|
-
g.top = Ce(g.top, 0, F);
|
|
464
|
-
const ae = de(), oe = t.containerWidth - Be(e.w, ae, t.margin[0]);
|
|
465
|
-
g.left = Ce(g.left, 0, oe);
|
|
466
|
-
}
|
|
467
|
-
t.dragging = g;
|
|
468
|
-
break;
|
|
469
|
-
}
|
|
470
|
-
case "dragend": {
|
|
471
|
-
const A = m.offsetParent.getBoundingClientRect(), F = m.getBoundingClientRect(), ae = F.left / t.transformScale, oe = A.left / t.transformScale, he = F.right / t.transformScale, pe = A.right / t.transformScale, ye = F.top / t.transformScale, ve = A.top / t.transformScale;
|
|
472
|
-
M.value ? g.left = (he - pe) * -1 : g.left = ae - oe, g.top = ye - ve, t.dragging = { top: -1, left: -1 }, t.isDragging = !1;
|
|
473
|
-
break;
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
let N;
|
|
477
|
-
M.value, N = Se(g.top, g.left), h = w, y = R, (B !== N.x || I !== N.y) && s("move", e.i, N.x, N.y), r.type === "dragend" && (Z !== B || Y !== I) && s("moved", e.i, N.x, N.y), d.emit("dragEvent", r.type, e.i, N.x, N.y, T, C);
|
|
478
|
-
}
|
|
479
|
-
function te(r, c, p, w) {
|
|
480
|
-
const R = de();
|
|
481
|
-
let m;
|
|
482
|
-
return M.value ? m = {
|
|
483
|
-
right: Math.round(R * r + (r + 1) * t.margin[0]),
|
|
484
|
-
top: Math.round(t.rowHeight * c + (c + 1) * t.margin[1]),
|
|
485
|
-
// 0 * Infinity === NaN, which causes problems with resize constraints;
|
|
486
|
-
// Fix this if it occurs.
|
|
487
|
-
// Note we do it here rather than later because Math.round(Infinity) causes depot
|
|
488
|
-
width: p === 1 / 0 ? p : Math.round(R * p + Math.max(0, p - 1) * t.margin[0]),
|
|
489
|
-
height: w === 1 / 0 ? w : Math.round(t.rowHeight * w + Math.max(0, w - 1) * t.margin[1])
|
|
490
|
-
} : m = {
|
|
491
|
-
left: Math.round(R * r + (r + 1) * t.margin[0]),
|
|
492
|
-
top: Math.round(t.rowHeight * c + (c + 1) * t.margin[1]),
|
|
493
|
-
// 0 * Infinity === NaN, which causes problems with resize constraints;
|
|
494
|
-
// Fix this if it occurs.
|
|
495
|
-
// Note we do it here rather than later because Math.round(Infinity) causes depot
|
|
496
|
-
width: p === 1 / 0 ? p : Math.round(R * p + Math.max(0, p - 1) * t.margin[0]),
|
|
497
|
-
height: w === 1 / 0 ? w : Math.round(t.rowHeight * w + Math.max(0, w - 1) * t.margin[1])
|
|
498
|
-
}, m;
|
|
499
|
-
}
|
|
500
|
-
function Se(r, c) {
|
|
501
|
-
const p = de();
|
|
502
|
-
let w = Math.round((c - t.margin[0]) / (p + t.margin[0])), R = Math.round((r - t.margin[1]) / (t.rowHeight + t.margin[1]));
|
|
503
|
-
return w = Math.max(Math.min(w, t.cols - C), 0), R = Math.max(Math.min(R, t.maxRows - T), 0), { x: w, y: R };
|
|
504
|
-
}
|
|
505
|
-
function de() {
|
|
506
|
-
return (t.containerWidth - t.margin[0] * (t.cols + 1)) / t.cols;
|
|
507
|
-
}
|
|
508
|
-
function Be(r, c, p) {
|
|
509
|
-
return Number.isFinite(r) ? Math.round(c * r + Math.max(0, r - 1) * p) : r;
|
|
510
|
-
}
|
|
511
|
-
function Ce(r, c, p) {
|
|
512
|
-
return Math.max(Math.min(r, p), c);
|
|
513
|
-
}
|
|
514
|
-
function st(r, c, p = !1) {
|
|
515
|
-
const w = de();
|
|
516
|
-
let R = Math.round((c + t.margin[0]) / (w + t.margin[0])), m = 0;
|
|
517
|
-
return p ? m = Math.ceil((r + t.margin[1]) / (t.rowHeight + t.margin[1])) : m = Math.round((r + t.margin[1]) / (t.rowHeight + t.margin[1])), R = Math.max(Math.min(R, t.cols - B), 0), m = Math.max(Math.min(m, t.maxRows - I), 0), { w: R, h: m };
|
|
518
|
-
}
|
|
519
|
-
function lt(r, c) {
|
|
520
|
-
t.containerWidth = r;
|
|
521
|
-
}
|
|
522
|
-
function De() {
|
|
523
|
-
K();
|
|
524
|
-
}
|
|
525
|
-
function ke() {
|
|
526
|
-
!u.value && V.value && (u.value = Ie(V.value), t.useStyleCursor || u.value.styleCursor(!1));
|
|
527
|
-
}
|
|
528
|
-
const ut = _e(Re);
|
|
529
|
-
function $e() {
|
|
530
|
-
if (ke(), !!u.value)
|
|
531
|
-
if (t.draggable && !e.static) {
|
|
532
|
-
const r = {
|
|
533
|
-
ignoreFrom: e.dragIgnoreFrom,
|
|
534
|
-
allowFrom: e.dragAllowFrom,
|
|
535
|
-
...e.dragOption
|
|
536
|
-
};
|
|
537
|
-
u.value.draggable(r), S || (S = !0, u.value.on("dragstart dragmove dragend", (c) => {
|
|
538
|
-
c.type === "dragmove" ? ut(c) : Re(c);
|
|
539
|
-
}));
|
|
540
|
-
} else
|
|
541
|
-
u.value.draggable({ enabled: !1 });
|
|
542
|
-
}
|
|
543
|
-
const dt = _e(Me);
|
|
544
|
-
function q() {
|
|
545
|
-
if (ke(), !!u.value)
|
|
546
|
-
if (t.resizable && !e.static) {
|
|
547
|
-
const r = te(0, 0, e.maxW, e.maxH), c = te(0, 0, e.minW, e.minH), p = {
|
|
548
|
-
edges: {
|
|
549
|
-
left: M.value ? `.${ue.value[0]}` : !1,
|
|
550
|
-
right: M.value ? !1 : `.${ue.value[0]}`,
|
|
551
|
-
bottom: `.${ue.value[0]}`,
|
|
552
|
-
top: !1
|
|
553
|
-
},
|
|
554
|
-
ignoreFrom: e.resizeIgnoreFrom,
|
|
555
|
-
restrictSize: {
|
|
556
|
-
min: {
|
|
557
|
-
height: c.height * t.transformScale,
|
|
558
|
-
width: c.width * t.transformScale
|
|
559
|
-
},
|
|
560
|
-
max: {
|
|
561
|
-
height: r.height * t.transformScale,
|
|
562
|
-
width: r.width * t.transformScale
|
|
563
|
-
}
|
|
564
|
-
},
|
|
565
|
-
...e.resizeOption
|
|
566
|
-
};
|
|
567
|
-
e.preserveAspectRatio && (p.modifiers = [Ie.modifiers.aspectRatio({ ratio: "preserve" })]), u.value.resizable(p), k || (k = !0, u.value.on("resizestart resizemove resizeend", (w) => {
|
|
568
|
-
w.type === "resizemove" ? dt(w) : Me(w);
|
|
569
|
-
}));
|
|
570
|
-
} else
|
|
571
|
-
u.value.resizable({ enabled: !1 });
|
|
572
|
-
}
|
|
573
|
-
return (r, c) => (Q(), fe("section", {
|
|
574
|
-
ref_key: "wrapper",
|
|
575
|
-
ref: V,
|
|
576
|
-
class: Le(nt.value),
|
|
577
|
-
style: je(t.style)
|
|
578
|
-
}, [
|
|
579
|
-
we(r.$slots, "default"),
|
|
580
|
-
_.value ? (Q(), fe("span", {
|
|
581
|
-
key: 0,
|
|
582
|
-
class: Le(ue.value)
|
|
583
|
-
}, null, 2)) : ft("", !0)
|
|
584
|
-
], 6));
|
|
585
|
-
}
|
|
586
|
-
}), Gt = /* @__PURE__ */ ze({
|
|
587
|
-
__name: "grid-layout",
|
|
588
|
-
props: {
|
|
589
|
-
autoSize: { type: Boolean, default: !0 },
|
|
590
|
-
colNum: { default: 12 },
|
|
591
|
-
rowHeight: { default: 150 },
|
|
592
|
-
maxRows: { default: 1 / 0 },
|
|
593
|
-
margin: { default: () => [10, 10] },
|
|
594
|
-
isDraggable: { type: Boolean, default: !0 },
|
|
595
|
-
isResizable: { type: Boolean, default: !0 },
|
|
596
|
-
isMirrored: { type: Boolean, default: !1 },
|
|
597
|
-
isBounded: { type: Boolean, default: !1 },
|
|
598
|
-
useCssTransforms: { type: Boolean, default: !0 },
|
|
599
|
-
verticalCompact: { type: Boolean, default: !0 },
|
|
600
|
-
restoreOnDrag: { type: Boolean, default: !1 },
|
|
601
|
-
layout: {},
|
|
602
|
-
responsive: { type: Boolean, default: !1 },
|
|
603
|
-
responsiveLayouts: { default: () => ({}) },
|
|
604
|
-
transformScale: { default: 1 },
|
|
605
|
-
breakpoints: { default: () => ({ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }) },
|
|
606
|
-
cols: { default: () => ({ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }) },
|
|
607
|
-
preventCollision: { type: Boolean, default: !1 },
|
|
608
|
-
useStyleCursor: { type: Boolean, default: !0 }
|
|
609
|
-
},
|
|
610
|
-
emits: [
|
|
611
|
-
"layout-before-mount",
|
|
612
|
-
"layout-mounted",
|
|
613
|
-
"layout-updated",
|
|
614
|
-
"breakpoint-changed",
|
|
615
|
-
"update:layout",
|
|
616
|
-
"layout-ready"
|
|
617
|
-
],
|
|
618
|
-
setup(o, { expose: i, emit: n }) {
|
|
619
|
-
const e = o, s = n, a = ce({
|
|
620
|
-
width: -1,
|
|
621
|
-
mergedStyle: {},
|
|
622
|
-
lastLayoutLength: 0,
|
|
623
|
-
isDragging: !1,
|
|
624
|
-
placeholder: {
|
|
625
|
-
x: 0,
|
|
626
|
-
y: 0,
|
|
627
|
-
w: 0,
|
|
628
|
-
h: 0,
|
|
629
|
-
i: ""
|
|
630
|
-
},
|
|
631
|
-
layouts: {},
|
|
632
|
-
// array to store all layouts from different breakpoints
|
|
633
|
-
lastBreakpoint: null,
|
|
634
|
-
// store last active breakpoint
|
|
635
|
-
originalLayout: null
|
|
636
|
-
// store original Layout
|
|
637
|
-
}), d = /* @__PURE__ */ new Map(), u = ge(e.layout), t = ge(), { observeResize: S, unobserveResize: k } = zt(), h = Rt();
|
|
638
|
-
h.on("resizeEvent", y), h.on("dragEvent", b), Ge(() => {
|
|
639
|
-
s("layout-before-mount", u.value);
|
|
640
|
-
}), Pe(() => {
|
|
641
|
-
s("layout-mounted", u.value), G(() => {
|
|
642
|
-
It(u.value), a.originalLayout = u.value, G(() => {
|
|
643
|
-
ee(), t.value && S(t.value, Mt(B, 16)), J(u.value, e.verticalCompact), s("layout-updated", u.value), Y(), B();
|
|
644
|
-
});
|
|
645
|
-
});
|
|
646
|
-
}), Ue(() => {
|
|
647
|
-
h.clearAll(), t.value && k(t.value);
|
|
648
|
-
});
|
|
649
|
-
function y(l, x, v, W, H, L) {
|
|
650
|
-
V(l, x, v, W, H, L);
|
|
651
|
-
}
|
|
652
|
-
function b(l, x, v, W, H, L) {
|
|
653
|
-
T(l, x, v, W, H, L);
|
|
654
|
-
}
|
|
655
|
-
z(
|
|
656
|
-
() => a.width,
|
|
657
|
-
(l, x) => {
|
|
658
|
-
G(() => {
|
|
659
|
-
h.emit("updateWidth", l), x === -1 && G(() => {
|
|
660
|
-
s("layout-ready", u.value);
|
|
661
|
-
}), Y();
|
|
662
|
-
});
|
|
663
|
-
}
|
|
664
|
-
), z(
|
|
665
|
-
() => [e.layout, e.layout.length],
|
|
666
|
-
() => {
|
|
667
|
-
u.value = e.layout, Z();
|
|
668
|
-
}
|
|
669
|
-
), z(
|
|
670
|
-
() => e.colNum,
|
|
671
|
-
(l) => {
|
|
672
|
-
h.emit("setColNum", l);
|
|
673
|
-
}
|
|
674
|
-
), z(
|
|
675
|
-
() => e.rowHeight,
|
|
676
|
-
(l) => {
|
|
677
|
-
h.emit("setRowHeight", l);
|
|
678
|
-
}
|
|
679
|
-
), z(
|
|
680
|
-
() => e.isDraggable,
|
|
681
|
-
(l) => {
|
|
682
|
-
h.emit("setDraggable", l);
|
|
683
|
-
}
|
|
684
|
-
), z(
|
|
685
|
-
() => e.isResizable,
|
|
686
|
-
(l) => {
|
|
687
|
-
h.emit("setResizable", l);
|
|
688
|
-
}
|
|
689
|
-
), z(
|
|
690
|
-
() => e.isBounded,
|
|
691
|
-
(l) => {
|
|
692
|
-
h.emit("setBounded", l);
|
|
693
|
-
}
|
|
694
|
-
), z(
|
|
695
|
-
() => e.transformScale,
|
|
696
|
-
(l) => {
|
|
697
|
-
h.emit("setTransformScale", l);
|
|
698
|
-
}
|
|
699
|
-
), z(
|
|
700
|
-
() => e.responsive,
|
|
701
|
-
(l) => {
|
|
702
|
-
l || (s("update:layout", a.originalLayout), h.emit("setColNum", e.colNum)), B();
|
|
703
|
-
}
|
|
704
|
-
), z(
|
|
705
|
-
() => e.maxRows,
|
|
706
|
-
(l) => {
|
|
707
|
-
h.emit("setMaxRows", l);
|
|
708
|
-
}
|
|
709
|
-
), z([() => e.margin, () => e.margin[1]], Y), Ne(
|
|
710
|
-
Qe,
|
|
711
|
-
ce({
|
|
712
|
-
...Ee(e),
|
|
713
|
-
...Ee(a),
|
|
714
|
-
increaseItem: $,
|
|
715
|
-
decreaseItem: P
|
|
716
|
-
})
|
|
717
|
-
), Ne(Ze, h), i({ state: a, getItem: ne, resizeEvent: V, dragEvent: T, layoutUpdate: Z });
|
|
718
|
-
function $(l) {
|
|
719
|
-
d.set(l.i, l);
|
|
720
|
-
}
|
|
721
|
-
function P(l) {
|
|
722
|
-
d.delete(l.i);
|
|
723
|
-
}
|
|
724
|
-
function ne(l) {
|
|
725
|
-
return d.get(l);
|
|
726
|
-
}
|
|
727
|
-
function Z() {
|
|
728
|
-
if (!E(u.value) && !E(a.originalLayout)) {
|
|
729
|
-
if (u.value.length !== a.originalLayout.length) {
|
|
730
|
-
const l = le(u.value, a.originalLayout);
|
|
731
|
-
if (l.length > 0)
|
|
732
|
-
if (u.value.length > a.originalLayout.length)
|
|
733
|
-
a.originalLayout = a.originalLayout.concat(l);
|
|
734
|
-
else {
|
|
735
|
-
const x = new Set(l.map((v) => v.i));
|
|
736
|
-
a.originalLayout = a.originalLayout.filter((v) => !x.has(v.i));
|
|
737
|
-
}
|
|
738
|
-
a.lastLayoutLength = u.value.length, ee();
|
|
739
|
-
}
|
|
740
|
-
J(u.value, e.verticalCompact), h.emit("updateWidth", a.width), Y(), s("layout-updated", u.value);
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
function Y() {
|
|
744
|
-
a.mergedStyle = {
|
|
745
|
-
height: I()
|
|
746
|
-
};
|
|
747
|
-
}
|
|
748
|
-
function B() {
|
|
749
|
-
t.value && (a.width = t.value.offsetWidth), h.emit("resizeEvent");
|
|
750
|
-
}
|
|
751
|
-
function I() {
|
|
752
|
-
if (!e.autoSize) return;
|
|
753
|
-
const l = parseFloat(e.margin[1]);
|
|
754
|
-
return kt(u.value) * (e.rowHeight + l) + l + "px";
|
|
755
|
-
}
|
|
756
|
-
let C;
|
|
757
|
-
function T(l, x, v, W, H, L) {
|
|
758
|
-
let f = Ae(u.value, x);
|
|
759
|
-
E(f) && (f = { h: 0, w: 0, x: 0, y: 0, i: "" }), l === "dragstart" && !e.verticalCompact && (C = u.value.reduce(
|
|
760
|
-
(X, { i: U, x: _, y: M }) => ({
|
|
761
|
-
...X,
|
|
762
|
-
[U]: { x: _, y: M }
|
|
763
|
-
}),
|
|
764
|
-
{}
|
|
765
|
-
)), l === "dragmove" || l === "dragstart" ? (a.placeholder.i = x, a.placeholder.x = f.x, a.placeholder.y = f.y, a.placeholder.w = L, a.placeholder.h = H, G(() => {
|
|
766
|
-
a.isDragging = !0;
|
|
767
|
-
}), h.emit("updateWidth", a.width)) : G(() => {
|
|
768
|
-
a.isDragging = !1;
|
|
769
|
-
}), u.value = xe(u.value, f, v, W, !0, e.preventCollision), e.restoreOnDrag ? (f.static = !0, J(u.value, e.verticalCompact, C), f.static = !1) : J(u.value, e.verticalCompact), h.emit("compact"), Y(), l === "dragend" && (C = void 0, s("layout-updated", u.value));
|
|
770
|
-
}
|
|
771
|
-
function V(l, x, v, W, H, L) {
|
|
772
|
-
let f = Ae(u.value, x);
|
|
773
|
-
E(f) && (f = { h: 0, w: 0, x: 0, y: 0, i: "" });
|
|
774
|
-
let X;
|
|
775
|
-
if (e.preventCollision) {
|
|
776
|
-
const U = tt(u.value, { ...f, w: L, h: H }).filter(
|
|
777
|
-
(_) => _.i !== f.i
|
|
778
|
-
);
|
|
779
|
-
if (X = U.length > 0, X) {
|
|
780
|
-
let _ = 1 / 0, M = 1 / 0;
|
|
781
|
-
U.forEach((j) => {
|
|
782
|
-
j.x > f.x && (_ = Math.min(_, j.x)), j.y > f.y && (M = Math.min(M, j.y));
|
|
783
|
-
}), Number.isFinite(_) && (f.w = _ - f.x), Number.isFinite(M) && (f.h = M - f.y);
|
|
784
|
-
}
|
|
785
|
-
}
|
|
786
|
-
X || (f.w = L, f.h = H), l === "resizestart" || l === "resizemove" ? (a.placeholder.i = x, a.placeholder.x = v, a.placeholder.y = W, a.placeholder.w = f.w, a.placeholder.h = f.h, G(() => {
|
|
787
|
-
a.isDragging = !0;
|
|
788
|
-
}), h.emit("updateWidth", a.width)) : l && G(() => {
|
|
789
|
-
a.isDragging = !1;
|
|
790
|
-
}), e.responsive && se(), J(u.value, e.verticalCompact), h.emit("compact"), Y(), l === "resizeend" && s("layout-updated", u.value);
|
|
791
|
-
}
|
|
792
|
-
function se() {
|
|
793
|
-
const l = Yt(e.breakpoints, a.width);
|
|
794
|
-
if (l === a.lastBreakpoint)
|
|
795
|
-
return;
|
|
796
|
-
const x = it(l, e.cols);
|
|
797
|
-
!E(a.lastBreakpoint) && !a.layouts[a.lastBreakpoint] && (a.layouts[a.lastBreakpoint] = be(u.value));
|
|
798
|
-
const v = Ft(
|
|
799
|
-
a.originalLayout,
|
|
800
|
-
a.layouts,
|
|
801
|
-
e.breakpoints,
|
|
802
|
-
l,
|
|
803
|
-
a.lastBreakpoint,
|
|
804
|
-
x,
|
|
805
|
-
e.verticalCompact
|
|
806
|
-
);
|
|
807
|
-
a.layouts[l] = v, a.lastBreakpoint !== l && s("breakpoint-changed", l, v), u.value = v, s("update:layout", v), a.lastBreakpoint = l, h.emit("setColNum", x);
|
|
808
|
-
}
|
|
809
|
-
function ee() {
|
|
810
|
-
a.layouts = Object.assign({}, e.responsiveLayouts);
|
|
811
|
-
}
|
|
812
|
-
function le(l, x) {
|
|
813
|
-
const v = new Set(x.map((f) => f.i)), W = new Set(l.map((f) => f.i)), H = l.filter((f) => !v.has(f.i)), L = x.filter((f) => !W.has(f.i));
|
|
814
|
-
return H.concat(L);
|
|
815
|
-
}
|
|
816
|
-
return (l, x) => (Q(), fe("div", {
|
|
817
|
-
ref_key: "wrapper",
|
|
818
|
-
ref: t,
|
|
819
|
-
class: "vgl-layout",
|
|
820
|
-
style: je(a.mergedStyle)
|
|
821
|
-
}, [
|
|
822
|
-
l.$slots.default ? we(l.$slots, "default", { key: 0 }) : (Q(!0), fe(mt, { key: 1 }, ht(u.value, (v) => (Q(), Ke(Xe, pt({
|
|
823
|
-
key: v.i,
|
|
824
|
-
ref_for: !0
|
|
825
|
-
}, v), {
|
|
826
|
-
default: qe(() => [
|
|
827
|
-
we(l.$slots, "item", { item: v })
|
|
828
|
-
]),
|
|
829
|
-
_: 2
|
|
830
|
-
}, 1040))), 128)),
|
|
831
|
-
yt(Je(Xe, {
|
|
832
|
-
class: "vgl-item--placeholder",
|
|
833
|
-
x: a.placeholder.x,
|
|
834
|
-
y: a.placeholder.y,
|
|
835
|
-
w: a.placeholder.w,
|
|
836
|
-
h: a.placeholder.h,
|
|
837
|
-
i: a.placeholder.i
|
|
838
|
-
}, null, 8, ["x", "y", "w", "h", "i"]), [
|
|
839
|
-
[vt, a.isDragging]
|
|
840
|
-
])
|
|
841
|
-
], 4));
|
|
842
|
-
}
|
|
843
|
-
}), Pt = /* @__PURE__ */ ze({
|
|
844
|
-
__name: "DragList",
|
|
845
|
-
props: /* @__PURE__ */ wt({
|
|
846
|
-
children: {},
|
|
847
|
-
rowHeight: {},
|
|
848
|
-
colNum: {},
|
|
849
|
-
maxRows: {},
|
|
850
|
-
isDraggable: { type: Boolean },
|
|
851
|
-
name: {},
|
|
852
|
-
onMoved: {}
|
|
853
|
-
}, {
|
|
854
|
-
gridlayout: { required: !0 },
|
|
855
|
-
gridlayoutModifiers: {}
|
|
856
|
-
}),
|
|
857
|
-
emits: ["update:gridlayout"],
|
|
858
|
-
setup(o, { expose: i }) {
|
|
859
|
-
const n = o, e = bt(o, "gridlayout"), t = {
|
|
860
|
-
getLayout: () => We(e),
|
|
861
|
-
setItemX: (y, b) => {
|
|
862
|
-
e.value[y].x = b;
|
|
863
|
-
},
|
|
864
|
-
setItemY: (y, b) => {
|
|
865
|
-
e.value[y].y = b;
|
|
866
|
-
},
|
|
867
|
-
setItemVisible: (y, b) => {
|
|
868
|
-
const $ = e.value.find((P) => P.i === y);
|
|
869
|
-
$ && ($.h = b ? $.contentHeight || 1 : 0);
|
|
870
|
-
},
|
|
871
|
-
type: "draglist"
|
|
872
|
-
}, { ruleModule: S, pageMethodMap: k } = St(), h = () => {
|
|
873
|
-
if (n.onMoved && S)
|
|
874
|
-
try {
|
|
875
|
-
S[n.onMoved](k, We(e.value));
|
|
876
|
-
} catch (y) {
|
|
877
|
-
console.error(y + `
|
|
878
|
-
onMoved: ${n.onMoved}`);
|
|
879
|
-
}
|
|
880
|
-
};
|
|
881
|
-
if (i(t), n.name) {
|
|
882
|
-
const y = Bt(n.name, t);
|
|
883
|
-
xt(() => {
|
|
884
|
-
y();
|
|
885
|
-
});
|
|
886
|
-
}
|
|
887
|
-
return (y, b) => (Q(), Ke(Te(Gt), {
|
|
888
|
-
layout: e.value,
|
|
889
|
-
"onUpdate:layout": b[1] || (b[1] = ($) => e.value = $),
|
|
890
|
-
"col-num": y.colNum || 12,
|
|
891
|
-
"row-height": y.rowHeight || 30,
|
|
892
|
-
"max-rows": y.maxRows,
|
|
893
|
-
margin: [8, 8],
|
|
894
|
-
"is-draggable": y.isDraggable,
|
|
895
|
-
"is-bounded": "",
|
|
896
|
-
"is-resizable": !1,
|
|
897
|
-
"vertical-compact": "",
|
|
898
|
-
"use-css-transforms": ""
|
|
899
|
-
}, {
|
|
900
|
-
default: qe(() => [
|
|
901
|
-
Je(Te(Ct), {
|
|
902
|
-
list: y.children,
|
|
903
|
-
gridData: e.value,
|
|
904
|
-
"onUpdate:gridData": b[0] || (b[0] = ($) => e.value = $),
|
|
905
|
-
onGridItemMoved: h
|
|
906
|
-
}, null, 8, ["list", "gridData"])
|
|
907
|
-
]),
|
|
908
|
-
_: 1
|
|
909
|
-
}, 8, ["layout", "col-num", "row-height", "max-rows", "is-draggable"]));
|
|
910
|
-
}
|
|
911
|
-
}), qt = /* @__PURE__ */ Dt(Pt, [["__scopeId", "data-v-869881f7"]]);
|
|
912
|
-
export {
|
|
913
|
-
qt as default
|
|
914
|
-
};
|