voiptime-components 1.0.15 → 1.0.17
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/index.cjs.js +1 -1
- package/dist/index.es.js +552 -558
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { createElementBlock as m, openBlock as p, createElementVNode as h, createStaticVNode as Ne, defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as m, openBlock as p, createElementVNode as h, createStaticVNode as Ne, defineComponent as se, computed as L, createBlock as ce, createCommentVNode as A, resolveDynamicComponent as Fe, useSlots as Ze, resolveDirective as Ue, withDirectives as $e, normalizeClass as D, renderSlot as pe, Teleport as ut, normalizeStyle as ie, withModifiers as he, toDisplayString as te, watch as me, Fragment as oe, renderList as le, vModelSelect as dt, createVNode as F, withCtx as Me, createTextVNode as ge, ref as O, createApp as pt, h as ye, onMounted as ve, onUnmounted as Se, nextTick as ht, mergeModels as ze, useModel as mt, reactive as vt, provide as ft, unref as Z, isMemoSame as _t, inject as gt } from "vue";
|
|
2
|
+
const P = (t, e) => {
|
|
3
3
|
const o = t.__vccOpts || t;
|
|
4
4
|
for (const [n, s] of e)
|
|
5
5
|
o[n] = s;
|
|
6
6
|
return o;
|
|
7
|
-
},
|
|
7
|
+
}, Ct = {}, wt = {
|
|
8
8
|
width: "20",
|
|
9
9
|
height: "20",
|
|
10
10
|
viewBox: "0 0 20 20",
|
|
11
11
|
fill: "none",
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
return p(), m("svg",
|
|
14
|
+
function kt(t, e) {
|
|
15
|
+
return p(), m("svg", wt, e[0] || (e[0] = [
|
|
16
16
|
h("path", {
|
|
17
17
|
d: "M14 8L10 12L6 8",
|
|
18
18
|
stroke: "currentColor",
|
|
@@ -22,15 +22,15 @@ function wt(t, e) {
|
|
|
22
22
|
}, null, -1)
|
|
23
23
|
]));
|
|
24
24
|
}
|
|
25
|
-
const
|
|
25
|
+
const bt = /* @__PURE__ */ P(Ct, [["render", kt]]), yt = {}, xt = {
|
|
26
26
|
width: "20",
|
|
27
27
|
height: "20",
|
|
28
28
|
viewBox: "0 0 20 20",
|
|
29
29
|
fill: "none",
|
|
30
30
|
xmlns: "http://www.w3.org/2000/svg"
|
|
31
31
|
};
|
|
32
|
-
function
|
|
33
|
-
return p(), m("svg",
|
|
32
|
+
function Mt(t, e) {
|
|
33
|
+
return p(), m("svg", xt, e[0] || (e[0] = [
|
|
34
34
|
h("path", {
|
|
35
35
|
d: "M6 12L10 8L14 12",
|
|
36
36
|
stroke: "currentColor",
|
|
@@ -40,15 +40,15 @@ function xt(t, e) {
|
|
|
40
40
|
}, null, -1)
|
|
41
41
|
]));
|
|
42
42
|
}
|
|
43
|
-
const
|
|
43
|
+
const Lt = /* @__PURE__ */ P(yt, [["render", Mt]]), $t = {}, St = {
|
|
44
44
|
width: "14",
|
|
45
45
|
height: "15",
|
|
46
46
|
viewBox: "0 0 14 15",
|
|
47
47
|
fill: "none",
|
|
48
48
|
xmlns: "http://www.w3.org/2000/svg"
|
|
49
49
|
};
|
|
50
|
-
function
|
|
51
|
-
return p(), m("svg",
|
|
50
|
+
function It(t, e) {
|
|
51
|
+
return p(), m("svg", St, e[0] || (e[0] = [
|
|
52
52
|
h("path", {
|
|
53
53
|
d: "M11.8789 4.90517L11.2561 4.20124C10.4045 3.33504 9.28504 2.7626 8.06789 2.5709C6.85074 2.3792 5.60245 2.57874 4.5127 3.13917C3.42296 3.69961 2.55134 4.59032 2.03031 5.67593C1.50928 6.76155 1.36732 7.98272 1.626 9.15387C1.88469 10.325 2.52987 11.3821 3.46351 12.1645C4.39716 12.9469 5.56821 13.4119 6.79871 13.4887C8.02921 13.5655 9.25189 13.25 10.2809 12.5901C11.31 11.9302 12.0891 10.962 12.5 9.83266",
|
|
54
54
|
stroke: "currentColor",
|
|
@@ -62,15 +62,15 @@ function St(t, e) {
|
|
|
62
62
|
}, null, -1)
|
|
63
63
|
]));
|
|
64
64
|
}
|
|
65
|
-
const
|
|
65
|
+
const Vt = /* @__PURE__ */ P($t, [["render", It]]), Bt = {}, Rt = {
|
|
66
66
|
width: "21",
|
|
67
67
|
height: "20",
|
|
68
68
|
viewBox: "0 0 21 20",
|
|
69
69
|
fill: "none",
|
|
70
70
|
xmlns: "http://www.w3.org/2000/svg"
|
|
71
71
|
};
|
|
72
|
-
function
|
|
73
|
-
return p(), m("svg",
|
|
72
|
+
function Tt(t, e) {
|
|
73
|
+
return p(), m("svg", Rt, e[0] || (e[0] = [
|
|
74
74
|
h("path", {
|
|
75
75
|
d: "M8.60352 6L12.6035 10L8.60352 14",
|
|
76
76
|
stroke: "currentColor",
|
|
@@ -80,15 +80,15 @@ function Rt(t, e) {
|
|
|
80
80
|
}, null, -1)
|
|
81
81
|
]));
|
|
82
82
|
}
|
|
83
|
-
const
|
|
83
|
+
const Et = /* @__PURE__ */ P(Bt, [["render", Tt]]), zt = {}, Ht = {
|
|
84
84
|
width: "21",
|
|
85
85
|
height: "20",
|
|
86
86
|
viewBox: "0 0 21 20",
|
|
87
87
|
fill: "none",
|
|
88
88
|
xmlns: "http://www.w3.org/2000/svg"
|
|
89
89
|
};
|
|
90
|
-
function
|
|
91
|
-
return p(), m("svg",
|
|
90
|
+
function Wt(t, e) {
|
|
91
|
+
return p(), m("svg", Ht, e[0] || (e[0] = [
|
|
92
92
|
h("path", {
|
|
93
93
|
d: "M12.3984 14L8.39844 10L12.3984 6",
|
|
94
94
|
stroke: "currentColor",
|
|
@@ -98,15 +98,15 @@ function Ht(t, e) {
|
|
|
98
98
|
}, null, -1)
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
const
|
|
101
|
+
const Dt = /* @__PURE__ */ P(zt, [["render", Wt]]), Pt = {}, At = {
|
|
102
102
|
width: "20",
|
|
103
103
|
height: "20",
|
|
104
104
|
viewBox: "0 0 20 20",
|
|
105
105
|
fill: "none",
|
|
106
106
|
xmlns: "http://www.w3.org/2000/svg"
|
|
107
107
|
};
|
|
108
|
-
function
|
|
109
|
-
return p(), m("svg",
|
|
108
|
+
function Ot(t, e) {
|
|
109
|
+
return p(), m("svg", At, e[0] || (e[0] = [
|
|
110
110
|
h("path", {
|
|
111
111
|
d: "M12.5 1.66406L11.1783 2.94156C10.6233 3.47906 10.345 3.7474 10 3.7474C9.655 3.7474 9.37667 3.47906 8.82167 2.94156L7.5 1.66406M14.5833 5.83073C15.7533 5.83073 16.3392 5.83073 16.7592 6.11156C16.9412 6.23319 17.0975 6.3895 17.2192 6.57156C17.5 6.99156 17.5 7.5774 17.5 8.7474V15.4141C17.5 16.5841 17.5 17.1699 17.2192 17.5899C17.0975 17.772 16.9412 17.9283 16.7592 18.0499C16.3392 18.3307 15.7533 18.3307 14.5833 18.3307C13.4133 18.3307 12.8275 18.3307 12.4075 18.0499C12.2254 17.9283 12.0691 17.772 11.9475 17.5899C11.6667 17.1699 11.6667 16.5841 11.6667 15.4141V8.7474C11.6667 7.5774 11.6667 6.99156 11.9475 6.57156C12.0691 6.3895 12.2254 6.23319 12.4075 6.11156C12.8275 5.83073 13.4133 5.83073 14.5833 5.83073ZM5.41667 5.83073C6.58667 5.83073 7.1725 5.83073 7.5925 6.11156C7.77456 6.23319 7.93087 6.3895 8.0525 6.57156C8.33333 6.99156 8.33333 7.5774 8.33333 8.7474V15.4141C8.33333 16.5841 8.33333 17.1699 8.0525 17.5899C7.93087 17.772 7.77456 17.9283 7.5925 18.0499C7.1725 18.3307 6.58667 18.3307 5.41667 18.3307C4.24667 18.3307 3.66083 18.3307 3.24083 18.0499C3.05877 17.9283 2.90246 17.772 2.78083 17.5899C2.5 17.1699 2.5 16.5841 2.5 15.4141V8.7474C2.5 7.5774 2.5 6.99156 2.78083 6.57156C2.90246 6.3895 3.05877 6.23319 3.24083 6.11156C3.66083 5.83073 4.24667 5.83073 5.41667 5.83073Z",
|
|
112
112
|
stroke: "currentColor",
|
|
@@ -116,15 +116,15 @@ function At(t, e) {
|
|
|
116
116
|
}, null, -1)
|
|
117
117
|
]));
|
|
118
118
|
}
|
|
119
|
-
const
|
|
119
|
+
const jt = /* @__PURE__ */ P(Pt, [["render", Ot]]), Nt = {}, Ft = {
|
|
120
120
|
width: "20",
|
|
121
121
|
height: "20",
|
|
122
122
|
viewBox: "0 0 20 20",
|
|
123
123
|
fill: "none",
|
|
124
124
|
xmlns: "http://www.w3.org/2000/svg"
|
|
125
125
|
};
|
|
126
|
-
function
|
|
127
|
-
return p(), m("svg",
|
|
126
|
+
function Zt(t, e) {
|
|
127
|
+
return p(), m("svg", Ft, e[0] || (e[0] = [
|
|
128
128
|
h("path", {
|
|
129
129
|
d: "M8 3V5.2225M8 5.2225V10.7775M8 5.2225L9.875 4.25M8 5.2225L6.125 4.25M8 10.7775V13M8 10.7775L6.125 11.75M8 10.7775L9.875 11.75M13 8H10.7775M10.7775 8H5.2225M10.7775 8L11.75 9.875M10.7775 8L11.75 6.125M5.2225 8H3M5.2225 8L4.25 6.125M5.2225 8L4.25 9.875",
|
|
130
130
|
stroke: "currentColor",
|
|
@@ -140,15 +140,15 @@ function Ft(t, e) {
|
|
|
140
140
|
}, null, -1)
|
|
141
141
|
]));
|
|
142
142
|
}
|
|
143
|
-
const
|
|
143
|
+
const Ut = /* @__PURE__ */ P(Nt, [["render", Zt]]), Kt = {}, qt = {
|
|
144
144
|
width: "20",
|
|
145
145
|
height: "20",
|
|
146
146
|
viewBox: "0 0 20 20",
|
|
147
147
|
fill: "none",
|
|
148
148
|
xmlns: "http://www.w3.org/2000/svg"
|
|
149
149
|
};
|
|
150
|
-
function
|
|
151
|
-
return p(), m("svg",
|
|
150
|
+
function Xt(t, e) {
|
|
151
|
+
return p(), m("svg", qt, e[0] || (e[0] = [
|
|
152
152
|
h("path", {
|
|
153
153
|
d: "M8 3V5.2225M8 5.2225V10.7775M8 5.2225L9.875 4.25M8 5.2225L6.125 4.25M8 10.7775V13M8 10.7775L6.125 11.75M8 10.7775L9.875 11.75M13 8H10.7775M10.7775 8H5.2225M10.7775 8L11.75 9.875M10.7775 8L11.75 6.125M5.2225 8H3M5.2225 8L4.25 6.125M5.2225 8L4.25 9.875",
|
|
154
154
|
stroke: "currentColor",
|
|
@@ -164,15 +164,15 @@ function qt(t, e) {
|
|
|
164
164
|
}, null, -1)
|
|
165
165
|
]));
|
|
166
166
|
}
|
|
167
|
-
const
|
|
167
|
+
const Gt = /* @__PURE__ */ P(Kt, [["render", Xt]]), Yt = {}, Jt = {
|
|
168
168
|
xmlns: "http://www.w3.org/2000/svg",
|
|
169
169
|
width: "60",
|
|
170
170
|
height: "60",
|
|
171
171
|
viewBox: "0 0 60 60",
|
|
172
172
|
fill: "none"
|
|
173
173
|
};
|
|
174
|
-
function
|
|
175
|
-
return p(), m("svg",
|
|
174
|
+
function Qt(t, e) {
|
|
175
|
+
return p(), m("svg", Jt, e[0] || (e[0] = [
|
|
176
176
|
h("path", {
|
|
177
177
|
d: "M24.195 7H18.625C17.1332 7 15.7024 7.59263 14.6475 8.64752C13.5926 9.70242 13 11.1332 13 12.625V46.375C13 47.8668 13.5926 49.2976 14.6475 50.3525C15.7024 51.4074 17.1332 52 18.625 52H41.125C42.6168 52 44.0476 51.4074 45.1025 50.3525C46.1574 49.2976 46.75 47.8668 46.75 46.375V29.5M24.195 7C27.3025 7 29.875 9.5175 29.875 12.625V18.25C29.875 19.7418 30.4676 21.1726 31.5225 22.2275C32.5774 23.2824 34.0082 23.875 35.5 23.875H41.125C42.6168 23.875 44.0476 24.4676 45.1025 25.5225C46.1574 26.5774 46.75 28.0082 46.75 29.5M24.195 7C33.42 7 46.75 20.4 46.75 29.5",
|
|
178
178
|
stroke: "currentColor",
|
|
@@ -182,15 +182,15 @@ function Jt(t, e) {
|
|
|
182
182
|
}, null, -1)
|
|
183
183
|
]));
|
|
184
184
|
}
|
|
185
|
-
const
|
|
185
|
+
const en = /* @__PURE__ */ P(Yt, [["render", Qt]]), tn = {}, nn = {
|
|
186
186
|
width: "20",
|
|
187
187
|
height: "20",
|
|
188
188
|
viewBox: "0 0 20 20",
|
|
189
189
|
fill: "none",
|
|
190
190
|
xmlns: "http://www.w3.org/2000/svg"
|
|
191
191
|
};
|
|
192
|
-
function
|
|
193
|
-
return p(), m("svg",
|
|
192
|
+
function on(t, e) {
|
|
193
|
+
return p(), m("svg", nn, e[0] || (e[0] = [
|
|
194
194
|
h("path", {
|
|
195
195
|
"fill-rule": "evenodd",
|
|
196
196
|
"clip-rule": "evenodd",
|
|
@@ -205,15 +205,15 @@ function nn(t, e) {
|
|
|
205
205
|
}, null, -1)
|
|
206
206
|
]));
|
|
207
207
|
}
|
|
208
|
-
const
|
|
208
|
+
const ln = /* @__PURE__ */ P(tn, [["render", on]]), sn = {}, rn = {
|
|
209
209
|
width: "20",
|
|
210
210
|
height: "20",
|
|
211
211
|
viewBox: "0 0 20 20",
|
|
212
212
|
fill: "none",
|
|
213
213
|
xmlns: "http://www.w3.org/2000/svg"
|
|
214
214
|
};
|
|
215
|
-
function
|
|
216
|
-
return p(), m("svg",
|
|
215
|
+
function an(t, e) {
|
|
216
|
+
return p(), m("svg", rn, e[0] || (e[0] = [
|
|
217
217
|
h("path", {
|
|
218
218
|
"fill-rule": "evenodd",
|
|
219
219
|
"clip-rule": "evenodd",
|
|
@@ -222,15 +222,15 @@ function rn(t, e) {
|
|
|
222
222
|
}, null, -1)
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
|
-
const
|
|
225
|
+
const cn = /* @__PURE__ */ P(sn, [["render", an]]), un = {}, dn = {
|
|
226
226
|
width: "21",
|
|
227
227
|
height: "20",
|
|
228
228
|
viewBox: "0 0 21 20",
|
|
229
229
|
fill: "none",
|
|
230
230
|
xmlns: "http://www.w3.org/2000/svg"
|
|
231
231
|
};
|
|
232
|
-
function
|
|
233
|
-
return p(), m("svg",
|
|
232
|
+
function pn(t, e) {
|
|
233
|
+
return p(), m("svg", dn, e[0] || (e[0] = [
|
|
234
234
|
h("path", {
|
|
235
235
|
"fill-rule": "evenodd",
|
|
236
236
|
"clip-rule": "evenodd",
|
|
@@ -239,15 +239,15 @@ function dn(t, e) {
|
|
|
239
239
|
}, null, -1)
|
|
240
240
|
]));
|
|
241
241
|
}
|
|
242
|
-
const
|
|
242
|
+
const hn = /* @__PURE__ */ P(un, [["render", pn]]), mn = {}, vn = {
|
|
243
243
|
width: "20",
|
|
244
244
|
height: "20",
|
|
245
245
|
viewBox: "0 0 20 20",
|
|
246
246
|
fill: "none",
|
|
247
247
|
xmlns: "http://www.w3.org/2000/svg"
|
|
248
248
|
};
|
|
249
|
-
function
|
|
250
|
-
return p(), m("svg",
|
|
249
|
+
function fn(t, e) {
|
|
250
|
+
return p(), m("svg", vn, e[0] || (e[0] = [
|
|
251
251
|
h("path", {
|
|
252
252
|
d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
|
|
253
253
|
stroke: "currentColor",
|
|
@@ -257,15 +257,15 @@ function vn(t, e) {
|
|
|
257
257
|
}, null, -1)
|
|
258
258
|
]));
|
|
259
259
|
}
|
|
260
|
-
const
|
|
260
|
+
const _n = /* @__PURE__ */ P(mn, [["render", fn]]), gn = {}, Cn = {
|
|
261
261
|
width: "20",
|
|
262
262
|
height: "20",
|
|
263
263
|
viewBox: "0 0 20 20",
|
|
264
264
|
fill: "none",
|
|
265
265
|
xmlns: "http://www.w3.org/2000/svg"
|
|
266
266
|
};
|
|
267
|
-
function
|
|
268
|
-
return p(), m("svg",
|
|
267
|
+
function wn(t, e) {
|
|
268
|
+
return p(), m("svg", Cn, e[0] || (e[0] = [
|
|
269
269
|
h("path", {
|
|
270
270
|
d: "M9.31732 16.8976L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V12.5026M12.5007 15.8359L14.1673 17.5026L17.5007 14.1693",
|
|
271
271
|
stroke: "currentColor",
|
|
@@ -275,15 +275,15 @@ function Cn(t, e) {
|
|
|
275
275
|
}, null, -1)
|
|
276
276
|
]));
|
|
277
277
|
}
|
|
278
|
-
const
|
|
278
|
+
const kn = /* @__PURE__ */ P(gn, [["render", wn]]), bn = {}, yn = {
|
|
279
279
|
width: "20",
|
|
280
280
|
height: "20",
|
|
281
281
|
viewBox: "0 0 20 20",
|
|
282
282
|
fill: "none",
|
|
283
283
|
xmlns: "http://www.w3.org/2000/svg"
|
|
284
284
|
};
|
|
285
|
-
function
|
|
286
|
-
return p(), m("svg",
|
|
285
|
+
function xn(t, e) {
|
|
286
|
+
return p(), m("svg", yn, e[0] || (e[0] = [
|
|
287
287
|
h("path", {
|
|
288
288
|
d: "M11.4657 16.1809L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V11.2526M18.334 18.3359L14.1673 14.1693M14.1673 18.3359L18.334 14.1693",
|
|
289
289
|
stroke: "currentColor",
|
|
@@ -293,15 +293,15 @@ function yn(t, e) {
|
|
|
293
293
|
}, null, -1)
|
|
294
294
|
]));
|
|
295
295
|
}
|
|
296
|
-
const
|
|
296
|
+
const Mn = /* @__PURE__ */ P(bn, [["render", xn]]), Ln = {}, $n = {
|
|
297
297
|
width: "20",
|
|
298
298
|
height: "20",
|
|
299
299
|
viewBox: "0 0 20 20",
|
|
300
300
|
fill: "none",
|
|
301
301
|
xmlns: "http://www.w3.org/2000/svg"
|
|
302
302
|
};
|
|
303
|
-
function
|
|
304
|
-
return p(), m("svg",
|
|
303
|
+
function Sn(t, e) {
|
|
304
|
+
return p(), m("svg", $n, e[0] || (e[0] = [
|
|
305
305
|
h("path", {
|
|
306
306
|
d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
|
|
307
307
|
stroke: "currentColor",
|
|
@@ -316,27 +316,27 @@ function $n(t, e) {
|
|
|
316
316
|
}, null, -1)
|
|
317
317
|
]));
|
|
318
318
|
}
|
|
319
|
-
const
|
|
319
|
+
const In = /* @__PURE__ */ P(Ln, [["render", Sn]]), Vn = {}, Bn = {
|
|
320
320
|
width: "20",
|
|
321
321
|
height: "20",
|
|
322
322
|
viewBox: "0 0 20 20",
|
|
323
323
|
fill: "none",
|
|
324
324
|
xmlns: "http://www.w3.org/2000/svg"
|
|
325
325
|
};
|
|
326
|
-
function
|
|
327
|
-
return p(), m("svg",
|
|
326
|
+
function Rn(t, e) {
|
|
327
|
+
return p(), m("svg", Bn, e[0] || (e[0] = [
|
|
328
328
|
Ne('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
|
|
329
329
|
]));
|
|
330
330
|
}
|
|
331
|
-
const
|
|
331
|
+
const Tn = /* @__PURE__ */ P(Vn, [["render", Rn]]), En = {}, zn = {
|
|
332
332
|
width: "20",
|
|
333
333
|
height: "20",
|
|
334
334
|
viewBox: "0 0 20 20",
|
|
335
335
|
fill: "none",
|
|
336
336
|
xmlns: "http://www.w3.org/2000/svg"
|
|
337
337
|
};
|
|
338
|
-
function
|
|
339
|
-
return p(), m("svg",
|
|
338
|
+
function Hn(t, e) {
|
|
339
|
+
return p(), m("svg", zn, e[0] || (e[0] = [
|
|
340
340
|
h("path", {
|
|
341
341
|
d: "M16.6673 5.83594L6.66732 5.83594M16.6673 5.83594L13.7507 8.7526M16.6673 5.83594L13.7507 2.91927M14.1673 14.1693L3.33398 14.1693M3.33398 14.1693L6.25065 17.0859M3.33398 14.1693L6.25065 11.2526",
|
|
342
342
|
stroke: "currentColor",
|
|
@@ -346,15 +346,15 @@ function zn(t, e) {
|
|
|
346
346
|
}, null, -1)
|
|
347
347
|
]));
|
|
348
348
|
}
|
|
349
|
-
const
|
|
349
|
+
const Wn = /* @__PURE__ */ P(En, [["render", Hn]]), Dn = {}, Pn = {
|
|
350
350
|
width: "20",
|
|
351
351
|
height: "20",
|
|
352
352
|
viewBox: "0 0 20 20",
|
|
353
353
|
fill: "none",
|
|
354
354
|
xmlns: "http://www.w3.org/2000/svg"
|
|
355
355
|
};
|
|
356
|
-
function
|
|
357
|
-
return p(), m("svg",
|
|
356
|
+
function An(t, e) {
|
|
357
|
+
return p(), m("svg", Pn, e[0] || (e[0] = [
|
|
358
358
|
h("path", {
|
|
359
359
|
d: "M11.1667 10.9167V9.66667L14.845 5.98833C15.1576 5.67585 15.3332 5.25199 15.3333 4.81V3H2V4.85583C2.00004 5.27033 2.15454 5.66994 2.43333 5.97667L6.16667 10.0833V17.1667C6.16667 17.1667 7.37495 16.7639 8.14917 16.5058",
|
|
360
360
|
stroke: "currentColor",
|
|
@@ -374,15 +374,15 @@ function Pn(t, e) {
|
|
|
374
374
|
}, null, -1)
|
|
375
375
|
]));
|
|
376
376
|
}
|
|
377
|
-
const
|
|
377
|
+
const On = /* @__PURE__ */ P(Dn, [["render", An]]), jn = {}, Nn = {
|
|
378
378
|
width: "20",
|
|
379
379
|
height: "20",
|
|
380
380
|
viewBox: "0 0 20 20",
|
|
381
381
|
fill: "none",
|
|
382
382
|
xmlns: "http://www.w3.org/2000/svg"
|
|
383
383
|
};
|
|
384
|
-
function
|
|
385
|
-
return p(), m("svg",
|
|
384
|
+
function Fn(t, e) {
|
|
385
|
+
return p(), m("svg", Nn, e[0] || (e[0] = [
|
|
386
386
|
h("path", {
|
|
387
387
|
d: "M6.2832 15.8359H3.3332C3.11222 15.8359 2.90029 15.7482 2.74404 15.5919C2.58778 15.4356 2.5 15.2237 2.5 15.0027V4.16954C2.49995 4.06009 2.52146 3.9517 2.56331 3.85056C2.60516 3.74943 2.66652 3.65753 2.7439 3.58012C2.82127 3.50271 2.91314 3.4413 3.01426 3.3994C3.11537 3.3575 3.22375 3.33594 3.3332 3.33594H16.6668C16.7763 3.33594 16.8846 3.3575 16.9857 3.3994C17.0869 3.4413 17.1787 3.50271 17.2561 3.58012C17.3335 3.65753 17.3948 3.74943 17.4367 3.85056C17.4785 3.9517 17.5001 4.06009 17.5 4.16954V15.0027C17.5 15.2237 17.4122 15.4356 17.256 15.5919C17.0997 15.7482 16.8878 15.8359 16.6668 15.8359H5.38347",
|
|
388
388
|
stroke: "currentColor",
|
|
@@ -399,27 +399,27 @@ function Nn(t, e) {
|
|
|
399
399
|
}, null, -1)
|
|
400
400
|
]));
|
|
401
401
|
}
|
|
402
|
-
const
|
|
402
|
+
const Zn = /* @__PURE__ */ P(jn, [["render", Fn]]), Un = {}, Kn = {
|
|
403
403
|
width: "20",
|
|
404
404
|
height: "20",
|
|
405
405
|
viewBox: "0 0 20 20",
|
|
406
406
|
fill: "none",
|
|
407
407
|
xmlns: "http://www.w3.org/2000/svg"
|
|
408
408
|
};
|
|
409
|
-
function
|
|
410
|
-
return p(), m("svg",
|
|
409
|
+
function qn(t, e) {
|
|
410
|
+
return p(), m("svg", Kn, e[0] || (e[0] = [
|
|
411
411
|
Ne('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
|
|
412
412
|
]));
|
|
413
413
|
}
|
|
414
|
-
const
|
|
414
|
+
const Xn = /* @__PURE__ */ P(Un, [["render", qn]]), Gn = {}, Yn = {
|
|
415
415
|
width: "20",
|
|
416
416
|
height: "20",
|
|
417
417
|
viewBox: "0 0 20 20",
|
|
418
418
|
fill: "none",
|
|
419
419
|
xmlns: "http://www.w3.org/2000/svg"
|
|
420
420
|
};
|
|
421
|
-
function
|
|
422
|
-
return p(), m("svg",
|
|
421
|
+
function Jn(t, e) {
|
|
422
|
+
return p(), m("svg", Yn, e[0] || (e[0] = [
|
|
423
423
|
h("path", {
|
|
424
424
|
d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
|
|
425
425
|
stroke: "currentColor",
|
|
@@ -436,50 +436,50 @@ function Yn(t, e) {
|
|
|
436
436
|
}, null, -1)
|
|
437
437
|
]));
|
|
438
438
|
}
|
|
439
|
-
const
|
|
439
|
+
const Qn = /* @__PURE__ */ P(Gn, [["render", Jn]]), eo = {
|
|
440
440
|
// arrow icons
|
|
441
|
-
arrowDown:
|
|
442
|
-
arrowTop:
|
|
443
|
-
arrowRight:
|
|
444
|
-
arrowLeft:
|
|
445
|
-
arrowReload:
|
|
441
|
+
arrowDown: bt,
|
|
442
|
+
arrowTop: Lt,
|
|
443
|
+
arrowRight: Et,
|
|
444
|
+
arrowLeft: Dt,
|
|
445
|
+
arrowReload: Vt,
|
|
446
446
|
// table icons
|
|
447
|
-
columnInsert:
|
|
448
|
-
freeze:
|
|
449
|
-
unfreeze:
|
|
450
|
-
columnsMove:
|
|
451
|
-
empty:
|
|
447
|
+
columnInsert: jt,
|
|
448
|
+
freeze: Ut,
|
|
449
|
+
unfreeze: Gt,
|
|
450
|
+
columnsMove: ln,
|
|
451
|
+
empty: en,
|
|
452
452
|
// actions icons
|
|
453
|
-
listBullet:
|
|
454
|
-
listBulletHorizontal:
|
|
455
|
-
close:
|
|
453
|
+
listBullet: cn,
|
|
454
|
+
listBulletHorizontal: hn,
|
|
455
|
+
close: _n,
|
|
456
456
|
// filter icons
|
|
457
|
-
filterSave:
|
|
458
|
-
filterReset:
|
|
459
|
-
filterNew:
|
|
460
|
-
filterMultiselect:
|
|
461
|
-
filterExchange:
|
|
462
|
-
filterEdit:
|
|
463
|
-
filterDateCheck:
|
|
464
|
-
filterAdvanced:
|
|
465
|
-
filterAdd:
|
|
466
|
-
},
|
|
457
|
+
filterSave: kn,
|
|
458
|
+
filterReset: Mn,
|
|
459
|
+
filterNew: In,
|
|
460
|
+
filterMultiselect: Tn,
|
|
461
|
+
filterExchange: Wn,
|
|
462
|
+
filterEdit: On,
|
|
463
|
+
filterDateCheck: Zn,
|
|
464
|
+
filterAdvanced: Xn,
|
|
465
|
+
filterAdd: Qn
|
|
466
|
+
}, J = /* @__PURE__ */ se({
|
|
467
467
|
__name: "VIcon",
|
|
468
468
|
props: {
|
|
469
469
|
name: {}
|
|
470
470
|
},
|
|
471
471
|
setup(t) {
|
|
472
|
-
const e = t, o =
|
|
473
|
-
return (n, s) => o.value ? (p(), ce(Fe(o.value), { key: 0 })) :
|
|
472
|
+
const e = t, o = L(() => eo[e.name]);
|
|
473
|
+
return (n, s) => o.value ? (p(), ce(Fe(o.value), { key: 0 })) : A("", !0);
|
|
474
474
|
}
|
|
475
|
-
}),
|
|
476
|
-
function
|
|
477
|
-
return p(), m("span",
|
|
475
|
+
}), to = {}, no = { class: "vt-loader" };
|
|
476
|
+
function oo(t, e) {
|
|
477
|
+
return p(), m("span", no);
|
|
478
478
|
}
|
|
479
|
-
const Ke = /* @__PURE__ */
|
|
479
|
+
const Ke = /* @__PURE__ */ P(to, [["render", oo]]), lo = ["disabled", "type", "data-placement"], so = {
|
|
480
480
|
key: 2,
|
|
481
481
|
class: "vt-button__content"
|
|
482
|
-
}, Ce = /* @__PURE__ */
|
|
482
|
+
}, Ce = /* @__PURE__ */ se({
|
|
483
483
|
__name: "VButton",
|
|
484
484
|
props: {
|
|
485
485
|
type: { default: "default" },
|
|
@@ -493,11 +493,11 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
493
493
|
},
|
|
494
494
|
emits: ["click"],
|
|
495
495
|
setup(t, { emit: e }) {
|
|
496
|
-
const o = t, n = e, s = Ze(), l =
|
|
497
|
-
var y,
|
|
496
|
+
const o = t, n = e, s = Ze(), l = L(() => !!(o.icon && o.shape)), a = L(() => {
|
|
497
|
+
var y, $;
|
|
498
498
|
const c = s.default ? s.default({}) : null;
|
|
499
|
-
return ((
|
|
500
|
-
}), r =
|
|
499
|
+
return (($ = (y = c == null ? void 0 : c[0]) == null ? void 0 : y.children) == null ? void 0 : $.toString()) ?? "";
|
|
500
|
+
}), r = L(() => [
|
|
501
501
|
"vt-button",
|
|
502
502
|
`vt-button--${o.type}`,
|
|
503
503
|
{
|
|
@@ -506,13 +506,13 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
506
506
|
"vt-button--disabled": o.disabled || o.loading,
|
|
507
507
|
"vt-button--loading": o.loading
|
|
508
508
|
}
|
|
509
|
-
]), i =
|
|
509
|
+
]), i = L(() => l.value && o.tooltip ? a.value : null), u = (c) => {
|
|
510
510
|
!o.disabled && !o.loading && n("click", c);
|
|
511
511
|
};
|
|
512
512
|
return (c, y) => {
|
|
513
|
-
const
|
|
513
|
+
const $ = Ue("tooltip");
|
|
514
514
|
return $e((p(), m("button", {
|
|
515
|
-
class:
|
|
515
|
+
class: D(r.value),
|
|
516
516
|
disabled: o.disabled || o.loading,
|
|
517
517
|
type: o.htmlType,
|
|
518
518
|
"data-placement": o.tooltipPlacement,
|
|
@@ -521,26 +521,26 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
521
521
|
o.loading ? (p(), ce(Ke, {
|
|
522
522
|
key: 0,
|
|
523
523
|
class: "vt-button__icon"
|
|
524
|
-
})) : o.icon ? (p(), ce(
|
|
524
|
+
})) : o.icon ? (p(), ce(J, {
|
|
525
525
|
key: 1,
|
|
526
526
|
name: o.icon,
|
|
527
527
|
class: "vt-button__icon"
|
|
528
|
-
}, null, 8, ["name"])) :
|
|
529
|
-
l.value ?
|
|
528
|
+
}, null, 8, ["name"])) : A("", !0),
|
|
529
|
+
l.value ? A("", !0) : (p(), m("span", so, [
|
|
530
530
|
pe(c.$slots, "default")
|
|
531
531
|
]))
|
|
532
|
-
], 10,
|
|
533
|
-
[
|
|
532
|
+
], 10, lo)), [
|
|
533
|
+
[$, i.value]
|
|
534
534
|
]);
|
|
535
535
|
};
|
|
536
536
|
}
|
|
537
|
-
}),
|
|
537
|
+
}), ro = {
|
|
538
538
|
key: 0,
|
|
539
539
|
class: "vt-modal__header"
|
|
540
|
-
},
|
|
540
|
+
}, io = {
|
|
541
541
|
key: 0,
|
|
542
542
|
class: "vt-modal__title"
|
|
543
|
-
},
|
|
543
|
+
}, ao = { class: "vt-modal__content" }, qe = /* @__PURE__ */ se({
|
|
544
544
|
__name: "VModal",
|
|
545
545
|
props: {
|
|
546
546
|
modelValue: { type: Boolean },
|
|
@@ -552,14 +552,14 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
552
552
|
},
|
|
553
553
|
emits: ["update:modelValue", "close"],
|
|
554
554
|
setup(t, { emit: e }) {
|
|
555
|
-
const o = t, n = e, s =
|
|
555
|
+
const o = t, n = e, s = L(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), l = L(() => ({
|
|
556
556
|
zIndex: o.zIndex
|
|
557
557
|
})), a = () => {
|
|
558
558
|
n("update:modelValue", !1), n("close");
|
|
559
559
|
}, r = () => {
|
|
560
560
|
o.closeOnBackdropClick && a();
|
|
561
561
|
};
|
|
562
|
-
return (i, u) => (p(), ce(
|
|
562
|
+
return (i, u) => (p(), ce(ut, { to: "body" }, [
|
|
563
563
|
i.modelValue ? (p(), m("div", {
|
|
564
564
|
key: 0,
|
|
565
565
|
class: "vt-modal__backdrop",
|
|
@@ -567,27 +567,27 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
567
567
|
onClick: r
|
|
568
568
|
}, [
|
|
569
569
|
h("div", {
|
|
570
|
-
class:
|
|
570
|
+
class: D(s.value),
|
|
571
571
|
onClick: u[0] || (u[0] = he(() => {
|
|
572
572
|
}, ["stop"]))
|
|
573
573
|
}, [
|
|
574
|
-
i.title || i.showCloseButton ? (p(), m("div",
|
|
575
|
-
i.title ? (p(), m("h2",
|
|
576
|
-
i.showCloseButton ? (p(), ce(
|
|
574
|
+
i.title || i.showCloseButton ? (p(), m("div", ro, [
|
|
575
|
+
i.title ? (p(), m("h2", io, te(i.title), 1)) : A("", !0),
|
|
576
|
+
i.showCloseButton ? (p(), ce(J, {
|
|
577
577
|
key: 1,
|
|
578
578
|
name: "close",
|
|
579
579
|
class: "vt-modal__close",
|
|
580
580
|
onClick: a
|
|
581
|
-
})) :
|
|
582
|
-
])) :
|
|
583
|
-
h("div",
|
|
581
|
+
})) : A("", !0)
|
|
582
|
+
])) : A("", !0),
|
|
583
|
+
h("div", ao, [
|
|
584
584
|
pe(i.$slots, "default")
|
|
585
585
|
])
|
|
586
586
|
], 2)
|
|
587
|
-
], 4)) :
|
|
587
|
+
], 4)) : A("", !0)
|
|
588
588
|
]));
|
|
589
589
|
}
|
|
590
|
-
}),
|
|
590
|
+
}), co = { class: "vt-pagination" }, uo = { class: "vt-pagination__info" }, po = { class: "vt-pagination__rows-per-page" }, ho = ["value"], mo = { class: "vt-pagination__navigation" }, vo = ["disabled"], fo = ["onClick"], _o = ["disabled"], go = /* @__PURE__ */ se({
|
|
591
591
|
__name: "VPagination",
|
|
592
592
|
props: {
|
|
593
593
|
totalItems: {},
|
|
@@ -598,102 +598,102 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
598
598
|
},
|
|
599
599
|
emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
|
|
600
600
|
setup(t, { emit: e }) {
|
|
601
|
-
const o = t, n = e, s =
|
|
601
|
+
const o = t, n = e, s = L({
|
|
602
602
|
get: () => o.currentPage,
|
|
603
|
-
set: (
|
|
604
|
-
}), l =
|
|
603
|
+
set: (x) => n("update:currentPage", x)
|
|
604
|
+
}), l = L({
|
|
605
605
|
get: () => o.pageSize,
|
|
606
|
-
set: (
|
|
607
|
-
}), a =
|
|
608
|
-
const
|
|
609
|
-
if (
|
|
610
|
-
for (let
|
|
611
|
-
|
|
606
|
+
set: (x) => n("update:pageSize", x)
|
|
607
|
+
}), a = L(() => Math.ceil(o.totalItems / l.value)), r = L(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), i = L(() => Math.min(s.value * l.value, o.totalItems)), u = L(() => s.value <= 1), c = L(() => s.value >= a.value), y = L(() => {
|
|
608
|
+
const x = [], B = a.value, I = s.value, K = o.maxVisiblePages;
|
|
609
|
+
if (B <= K)
|
|
610
|
+
for (let M = 1; M <= B; M++)
|
|
611
|
+
x.push(M);
|
|
612
612
|
else {
|
|
613
|
-
|
|
614
|
-
const
|
|
615
|
-
|
|
616
|
-
for (let H =
|
|
617
|
-
|
|
618
|
-
z <
|
|
613
|
+
x.push(1);
|
|
614
|
+
const M = Math.max(2, I - Math.floor(K / 2)), z = Math.min(B - 1, I + Math.floor(K / 2));
|
|
615
|
+
M > 2 && x.push("...");
|
|
616
|
+
for (let H = M; H <= z; H++)
|
|
617
|
+
x.push(H);
|
|
618
|
+
z < B - 1 && x.push("..."), B > 1 && x.push(B);
|
|
619
619
|
}
|
|
620
|
-
return
|
|
621
|
-
}),
|
|
620
|
+
return x;
|
|
621
|
+
}), $ = () => {
|
|
622
622
|
n("pageChange", {
|
|
623
623
|
page: s.value,
|
|
624
624
|
pageSize: l.value
|
|
625
625
|
});
|
|
626
|
-
},
|
|
627
|
-
typeof
|
|
628
|
-
},
|
|
629
|
-
u.value || (s.value--,
|
|
630
|
-
},
|
|
631
|
-
c.value || (s.value++,
|
|
632
|
-
},
|
|
633
|
-
s.value = 1,
|
|
634
|
-
},
|
|
626
|
+
}, N = (x) => {
|
|
627
|
+
typeof x == "number" && x !== s.value && (s.value = x, $());
|
|
628
|
+
}, q = () => {
|
|
629
|
+
u.value || (s.value--, $());
|
|
630
|
+
}, U = () => {
|
|
631
|
+
c.value || (s.value++, $());
|
|
632
|
+
}, G = () => {
|
|
633
|
+
s.value = 1, $();
|
|
634
|
+
}, Y = () => {
|
|
635
635
|
n("reloadData", s.value);
|
|
636
636
|
};
|
|
637
637
|
return me(
|
|
638
638
|
() => o.totalItems,
|
|
639
639
|
() => {
|
|
640
|
-
s.value > a.value && a.value > 0 && (s.value = a.value,
|
|
640
|
+
s.value > a.value && a.value > 0 && (s.value = a.value, $());
|
|
641
641
|
}
|
|
642
|
-
), (
|
|
643
|
-
h("div",
|
|
644
|
-
h("div",
|
|
645
|
-
|
|
642
|
+
), (x, B) => (p(), m("div", co, [
|
|
643
|
+
h("div", uo, [
|
|
644
|
+
h("div", po, [
|
|
645
|
+
B[1] || (B[1] = h("label", {
|
|
646
646
|
for: "rowsSelect",
|
|
647
647
|
class: "vt-pagination__label"
|
|
648
648
|
}, "Рядків на сторінку:", -1)),
|
|
649
649
|
$e(h("select", {
|
|
650
650
|
id: "rowsSelect",
|
|
651
|
-
"onUpdate:modelValue":
|
|
652
|
-
onChange:
|
|
651
|
+
"onUpdate:modelValue": B[0] || (B[0] = (I) => l.value = I),
|
|
652
|
+
onChange: G,
|
|
653
653
|
class: "vt-pagination__select"
|
|
654
654
|
}, [
|
|
655
|
-
(p(!0), m(
|
|
656
|
-
key:
|
|
657
|
-
value:
|
|
658
|
-
}, te(
|
|
655
|
+
(p(!0), m(oe, null, le(x.pageSizeOptions, (I) => (p(), m("option", {
|
|
656
|
+
key: I,
|
|
657
|
+
value: I
|
|
658
|
+
}, te(I), 9, ho))), 128))
|
|
659
659
|
], 544), [
|
|
660
|
-
[
|
|
660
|
+
[dt, l.value]
|
|
661
661
|
])
|
|
662
662
|
]),
|
|
663
|
-
h("span", null, te(r.value) + " - " + te(i.value) + " з " + te(
|
|
663
|
+
h("span", null, te(r.value) + " - " + te(i.value) + " з " + te(x.totalItems), 1)
|
|
664
664
|
]),
|
|
665
|
-
h("div",
|
|
665
|
+
h("div", mo, [
|
|
666
666
|
h("button", {
|
|
667
|
-
onClick:
|
|
667
|
+
onClick: q,
|
|
668
668
|
disabled: u.value,
|
|
669
|
-
class:
|
|
669
|
+
class: D({ "vt-pagination__nav-button": !0, "has-items": !u.value })
|
|
670
670
|
}, [
|
|
671
|
-
|
|
672
|
-
], 10,
|
|
673
|
-
(p(!0), m(
|
|
674
|
-
key:
|
|
675
|
-
onClick: (
|
|
676
|
-
class:
|
|
677
|
-
"vt-pagination__nav-button--active":
|
|
671
|
+
F(J, { name: "arrowLeft" })
|
|
672
|
+
], 10, vo),
|
|
673
|
+
(p(!0), m(oe, null, le(y.value, (I) => (p(), m("button", {
|
|
674
|
+
key: I,
|
|
675
|
+
onClick: (K) => N(I),
|
|
676
|
+
class: D(["vt-pagination__nav-button", {
|
|
677
|
+
"vt-pagination__nav-button--active": I === s.value
|
|
678
678
|
}])
|
|
679
|
-
}, te(
|
|
679
|
+
}, te(I), 11, fo))), 128)),
|
|
680
680
|
h("button", {
|
|
681
|
-
onClick:
|
|
681
|
+
onClick: U,
|
|
682
682
|
disabled: c.value,
|
|
683
|
-
class:
|
|
683
|
+
class: D({ "vt-pagination__nav-button": !0, "has-items": !c.value })
|
|
684
684
|
}, [
|
|
685
|
-
|
|
686
|
-
], 10,
|
|
685
|
+
F(J, { name: "arrowRight" })
|
|
686
|
+
], 10, _o)
|
|
687
687
|
]),
|
|
688
688
|
h("div", null, [
|
|
689
|
-
|
|
689
|
+
F(Ce, {
|
|
690
690
|
icon: "arrowReload",
|
|
691
691
|
shape: "circle",
|
|
692
692
|
tooltip: "",
|
|
693
693
|
tooltipPlacement: "left",
|
|
694
|
-
onClick:
|
|
694
|
+
onClick: Y
|
|
695
695
|
}, {
|
|
696
|
-
default: Me(() =>
|
|
696
|
+
default: Me(() => B[2] || (B[2] = [
|
|
697
697
|
ge("Оновити дані ", -1)
|
|
698
698
|
])),
|
|
699
699
|
_: 1,
|
|
@@ -702,7 +702,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
702
702
|
])
|
|
703
703
|
]));
|
|
704
704
|
}
|
|
705
|
-
}),
|
|
705
|
+
}), Co = ["for"], wo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ue = /* @__PURE__ */ se({
|
|
706
706
|
__name: "VCheckbox",
|
|
707
707
|
props: {
|
|
708
708
|
modelValue: { type: Boolean, default: void 0 },
|
|
@@ -720,17 +720,17 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
720
720
|
},
|
|
721
721
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
722
722
|
setup(t, { emit: e }) {
|
|
723
|
-
const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l =
|
|
723
|
+
const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l = L(() => o.id || s()), a = L(() => o.modelValue ?? o.checked), r = (c) => {
|
|
724
724
|
if (o.disabled) return;
|
|
725
|
-
const
|
|
726
|
-
n("update:modelValue",
|
|
725
|
+
const $ = c.target.checked;
|
|
726
|
+
n("update:modelValue", $), n("change", $, c);
|
|
727
727
|
}, i = (c) => {
|
|
728
728
|
n("focus", c);
|
|
729
729
|
}, u = (c) => {
|
|
730
730
|
n("blur", c);
|
|
731
731
|
};
|
|
732
732
|
return (c, y) => (p(), m("label", {
|
|
733
|
-
class:
|
|
733
|
+
class: D([
|
|
734
734
|
"vt-checkbox",
|
|
735
735
|
`vt-checkbox--${c.size}`,
|
|
736
736
|
`vt-checkbox--${c.variant}`,
|
|
@@ -754,9 +754,9 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
754
754
|
onChange: r,
|
|
755
755
|
onFocus: i,
|
|
756
756
|
onBlur: u
|
|
757
|
-
}, null, 40,
|
|
757
|
+
}, null, 40, wo),
|
|
758
758
|
h("div", {
|
|
759
|
-
class:
|
|
759
|
+
class: D([
|
|
760
760
|
"vt-checkbox__box",
|
|
761
761
|
{
|
|
762
762
|
"vt-checkbox__box--checked": a.value && !c.indeterminate && !c.isDouble,
|
|
@@ -768,7 +768,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
768
768
|
}, [
|
|
769
769
|
!c.indeterminate && !c.isDouble ? (p(), m("svg", {
|
|
770
770
|
key: 0,
|
|
771
|
-
class:
|
|
771
|
+
class: D([
|
|
772
772
|
"vt-checkbox__checkmark",
|
|
773
773
|
{
|
|
774
774
|
"vt-checkbox__checkmark--checked": a.value
|
|
@@ -786,10 +786,10 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
786
786
|
"stroke-width": "2",
|
|
787
787
|
"stroke-linecap": "round"
|
|
788
788
|
}, null, -1)
|
|
789
|
-
]), 2)) :
|
|
789
|
+
]), 2)) : A("", !0),
|
|
790
790
|
c.isDouble && a.value ? (p(), m("svg", {
|
|
791
791
|
key: 1,
|
|
792
|
-
class:
|
|
792
|
+
class: D([
|
|
793
793
|
"vt-checkbox__checkmark",
|
|
794
794
|
{
|
|
795
795
|
"vt-checkbox__checkmark--checked": a.value
|
|
@@ -815,20 +815,20 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
815
815
|
"stroke-linecap": "round",
|
|
816
816
|
"stroke-linejoin": "round"
|
|
817
817
|
}, null, -1)
|
|
818
|
-
]), 2)) :
|
|
818
|
+
]), 2)) : A("", !0),
|
|
819
819
|
c.indeterminate ? (p(), m("div", {
|
|
820
820
|
key: 2,
|
|
821
|
-
class:
|
|
821
|
+
class: D([
|
|
822
822
|
"vt-checkbox__indeterminate-mark",
|
|
823
823
|
{
|
|
824
824
|
"vt-checkbox__indeterminate-mark--visible": c.indeterminate
|
|
825
825
|
}
|
|
826
826
|
])
|
|
827
|
-
}, null, 2)) :
|
|
827
|
+
}, null, 2)) : A("", !0)
|
|
828
828
|
], 2),
|
|
829
829
|
c.label || c.$slots.label || c.$slots.default ? (p(), m("span", {
|
|
830
830
|
key: 0,
|
|
831
|
-
class:
|
|
831
|
+
class: D([
|
|
832
832
|
"vt-checkbox__label",
|
|
833
833
|
{
|
|
834
834
|
"vt-checkbox__label--disabled": c.disabled
|
|
@@ -840,12 +840,12 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
840
840
|
ge(te(c.label), 1)
|
|
841
841
|
])
|
|
842
842
|
])
|
|
843
|
-
], 2)) :
|
|
844
|
-
], 10,
|
|
843
|
+
], 2)) : A("", !0)
|
|
844
|
+
], 10, Co));
|
|
845
845
|
}
|
|
846
846
|
});
|
|
847
|
-
function
|
|
848
|
-
const e =
|
|
847
|
+
function ko(t) {
|
|
848
|
+
const e = L(() => [...t].sort((s, l) => s.pinnedLeft && !l.pinnedLeft ? -1 : !s.pinnedLeft && l.pinnedLeft || s.pinnedRight && !l.pinnedRight ? 1 : !s.pinnedRight && l.pinnedRight ? -1 : 0)), o = () => {
|
|
849
849
|
const s = e.value.length, l = e.value.filter((c) => c.width || c.minWidth), a = l.reduce((c, y) => c + (y.width || y.minWidth || 0), 0), r = s - l.length;
|
|
850
850
|
if (r === 0) return 150;
|
|
851
851
|
const u = Math.max(800 - a, r * 80);
|
|
@@ -872,7 +872,7 @@ function wo(t) {
|
|
|
872
872
|
}
|
|
873
873
|
};
|
|
874
874
|
}
|
|
875
|
-
function
|
|
875
|
+
function bo(t) {
|
|
876
876
|
const e = () => {
|
|
877
877
|
const l = {};
|
|
878
878
|
return t.maxHeight && (l.maxHeight = `${t.maxHeight}px`), l;
|
|
@@ -901,7 +901,7 @@ function ko(t) {
|
|
|
901
901
|
}
|
|
902
902
|
};
|
|
903
903
|
}
|
|
904
|
-
function
|
|
904
|
+
function yo() {
|
|
905
905
|
const t = O({
|
|
906
906
|
resizingCol: null,
|
|
907
907
|
startX: 0,
|
|
@@ -911,13 +911,13 @@ function bo() {
|
|
|
911
911
|
onMouseDown: (n, s, l, a) => {
|
|
912
912
|
n.preventDefault(), n.stopPropagation(), t.value.resizingCol = s, t.value.startX = n.clientX, t.value.startWidth = s.width || s.minWidth || l(s.prop);
|
|
913
913
|
const r = (u) => {
|
|
914
|
-
const { resizingCol: c, startX: y, startWidth:
|
|
914
|
+
const { resizingCol: c, startX: y, startWidth: $ } = t.value;
|
|
915
915
|
if (!c) return;
|
|
916
|
-
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((
|
|
917
|
-
|
|
916
|
+
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((Y) => {
|
|
917
|
+
Y.classList.add("vt-table__resizer--active");
|
|
918
918
|
});
|
|
919
|
-
const
|
|
920
|
-
c.width =
|
|
919
|
+
const N = u.clientX - y, q = c.minWidth || 50, U = c.maxWidth || 1e3, G = Math.max(Math.min($ + N, U), q);
|
|
920
|
+
c.width = G;
|
|
921
921
|
}, i = () => {
|
|
922
922
|
const { resizingCol: u } = t.value;
|
|
923
923
|
document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((c) => {
|
|
@@ -929,85 +929,85 @@ function bo() {
|
|
|
929
929
|
resizeState: t
|
|
930
930
|
};
|
|
931
931
|
}
|
|
932
|
-
function
|
|
933
|
-
var
|
|
932
|
+
function xo(t, e, o, n) {
|
|
933
|
+
var Q;
|
|
934
934
|
const s = t.selectionKey || "id", l = O([]), a = O(null), r = O(!1);
|
|
935
|
-
(
|
|
936
|
-
const i = (
|
|
935
|
+
(Q = t.defaultSelection) != null && Q.length && (l.value = [...t.defaultSelection]);
|
|
936
|
+
const i = (w) => w[s], u = (w) => r.value ? !0 : l.value.some((C) => i(C) === i(w)), c = L(() => e.value.filter((w) => u(w)).length), y = L(() => e.value.length > 0 && c.value === e.value.length), $ = L(() => {
|
|
937
937
|
if (r.value) return !1;
|
|
938
|
-
const
|
|
939
|
-
return
|
|
940
|
-
}),
|
|
941
|
-
const
|
|
938
|
+
const w = c.value;
|
|
939
|
+
return w > 0 && w < e.value.length;
|
|
940
|
+
}), N = L(() => r.value ? !0 : y.value && !$.value), q = L(() => r.value), U = (w, C) => {
|
|
941
|
+
const V = i(w), X = l.value.some((f) => i(f) === i(w)), d = C !== void 0 ? C : !X;
|
|
942
942
|
if (r.value && !d) {
|
|
943
|
-
r.value = !1, n != null && n.value && (l.value = n.value.filter((f) => i(f) !==
|
|
943
|
+
r.value = !1, n != null && n.value && (l.value = n.value.filter((f) => i(f) !== V)), H(w, !1);
|
|
944
944
|
return;
|
|
945
945
|
}
|
|
946
|
-
r.value && d || (d && !
|
|
947
|
-
},
|
|
948
|
-
switch (
|
|
946
|
+
r.value && d || (d && !X ? l.value.push(w) : !d && X && (l.value = l.value.filter((f) => i(f) !== V)), t.selectOnClickRow && C === void 0 && K(d ? w : null), H(w, d));
|
|
947
|
+
}, G = () => {
|
|
948
|
+
switch (Y()) {
|
|
949
949
|
case "none":
|
|
950
950
|
case "partial":
|
|
951
|
-
|
|
951
|
+
x();
|
|
952
952
|
break;
|
|
953
953
|
case "allVisible":
|
|
954
|
-
|
|
954
|
+
B();
|
|
955
955
|
break;
|
|
956
956
|
case "absoluteAll":
|
|
957
|
-
|
|
957
|
+
I();
|
|
958
958
|
break;
|
|
959
959
|
}
|
|
960
|
-
},
|
|
961
|
-
const
|
|
962
|
-
l.value.forEach((
|
|
963
|
-
|
|
964
|
-
}), e.value.forEach((
|
|
965
|
-
|
|
966
|
-
}), l.value =
|
|
967
|
-
},
|
|
960
|
+
}, Y = () => r.value ? "absoluteAll" : y.value ? "allVisible" : c.value > 0 ? "partial" : "none", x = () => {
|
|
961
|
+
const w = [], C = new Set(l.value.map((V) => i(V)));
|
|
962
|
+
l.value.forEach((V) => {
|
|
963
|
+
w.push(V);
|
|
964
|
+
}), e.value.forEach((V) => {
|
|
965
|
+
C.has(i(V)) || w.push(V);
|
|
966
|
+
}), l.value = w, r.value = !1, H();
|
|
967
|
+
}, B = () => {
|
|
968
968
|
r.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...e.value], H(void 0, void 0, !0);
|
|
969
|
-
},
|
|
969
|
+
}, I = () => {
|
|
970
970
|
l.value = [], r.value = !1, a.value = null, H();
|
|
971
|
-
},
|
|
972
|
-
const
|
|
973
|
-
a.value =
|
|
971
|
+
}, K = (w) => {
|
|
972
|
+
const C = a.value;
|
|
973
|
+
a.value = w, o("current-change", {
|
|
974
974
|
currentRow: a.value,
|
|
975
|
-
oldCurrentRow:
|
|
975
|
+
oldCurrentRow: C
|
|
976
976
|
});
|
|
977
|
-
},
|
|
978
|
-
l.value = [...
|
|
979
|
-
}, H = (
|
|
980
|
-
const
|
|
977
|
+
}, M = () => [...l.value], z = (w) => {
|
|
978
|
+
l.value = [...w], r.value = !1, H();
|
|
979
|
+
}, H = (w, C, V = !1) => {
|
|
980
|
+
const X = {
|
|
981
981
|
selection: [...l.value],
|
|
982
|
-
row:
|
|
983
|
-
selected:
|
|
984
|
-
isAllSelected:
|
|
982
|
+
row: w,
|
|
983
|
+
selected: C,
|
|
984
|
+
isAllSelected: V || r.value
|
|
985
985
|
};
|
|
986
|
-
o("selection-change",
|
|
986
|
+
o("selection-change", X);
|
|
987
987
|
};
|
|
988
988
|
return me(
|
|
989
989
|
() => t.defaultSelection,
|
|
990
|
-
(
|
|
991
|
-
|
|
990
|
+
(w) => {
|
|
991
|
+
w != null && w.length && (l.value = [...w]);
|
|
992
992
|
}
|
|
993
993
|
), {
|
|
994
994
|
selectedRows: l,
|
|
995
995
|
currentRow: a,
|
|
996
996
|
isRowSelected: u,
|
|
997
|
-
isAllSelected:
|
|
998
|
-
isIndeterminate:
|
|
999
|
-
isDoubleCheck:
|
|
997
|
+
isAllSelected: N,
|
|
998
|
+
isIndeterminate: $,
|
|
999
|
+
isDoubleCheck: q,
|
|
1000
1000
|
isFullSelection: r,
|
|
1001
|
-
toggleRowSelection:
|
|
1002
|
-
toggleAllSelection:
|
|
1003
|
-
clearSelection:
|
|
1004
|
-
setCurrentRow:
|
|
1005
|
-
getSelectionRows:
|
|
1001
|
+
toggleRowSelection: U,
|
|
1002
|
+
toggleAllSelection: G,
|
|
1003
|
+
clearSelection: I,
|
|
1004
|
+
setCurrentRow: K,
|
|
1005
|
+
getSelectionRows: M,
|
|
1006
1006
|
setSelectionRows: z,
|
|
1007
|
-
selectAbsolutelyAll:
|
|
1007
|
+
selectAbsolutelyAll: B
|
|
1008
1008
|
};
|
|
1009
1009
|
}
|
|
1010
|
-
function
|
|
1010
|
+
function Mo(t, e) {
|
|
1011
1011
|
if (!t)
|
|
1012
1012
|
return String(e.value ?? "");
|
|
1013
1013
|
try {
|
|
@@ -1017,7 +1017,7 @@ function xo(t, e) {
|
|
|
1017
1017
|
return console.error("Error rendering table slot:", o), String(e.value ?? "");
|
|
1018
1018
|
}
|
|
1019
1019
|
}
|
|
1020
|
-
const
|
|
1020
|
+
const Lo = (t, e, o = "asc") => {
|
|
1021
1021
|
if (t == null && e == null) return 0;
|
|
1022
1022
|
if (t == null) return o === "asc" ? 1 : -1;
|
|
1023
1023
|
if (e == null) return o === "asc" ? -1 : 1;
|
|
@@ -1028,7 +1028,7 @@ const Mo = (t, e, o = "asc") => {
|
|
|
1028
1028
|
numeric: !0,
|
|
1029
1029
|
sensitivity: "base"
|
|
1030
1030
|
}), o === "desc" ? -n : n;
|
|
1031
|
-
}, He = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1,
|
|
1031
|
+
}, He = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, $o = (t, e, o) => {
|
|
1032
1032
|
t.sortable && o({
|
|
1033
1033
|
prop: t.prop,
|
|
1034
1034
|
direction: e
|
|
@@ -1039,24 +1039,24 @@ const Mo = (t, e, o = "asc") => {
|
|
|
1039
1039
|
asc: ["vt-th__sort-icon", o && n === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
|
|
1040
1040
|
desc: ["vt-th__sort-icon", o && n === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
|
|
1041
1041
|
};
|
|
1042
|
-
},
|
|
1042
|
+
}, So = (t, e, o) => {
|
|
1043
1043
|
if (!e) return [...t];
|
|
1044
1044
|
const n = o.find((l) => l.prop === e.prop);
|
|
1045
1045
|
if (!(n != null && n.sortable)) return [...t];
|
|
1046
|
-
const s = n.sortMethod ||
|
|
1046
|
+
const s = n.sortMethod || Lo;
|
|
1047
1047
|
return [...t].sort((l, a) => {
|
|
1048
1048
|
const r = l[n.prop], i = a[n.prop];
|
|
1049
1049
|
return s(r, i, e.direction);
|
|
1050
1050
|
});
|
|
1051
1051
|
};
|
|
1052
|
-
class
|
|
1052
|
+
class Io {
|
|
1053
1053
|
constructor() {
|
|
1054
1054
|
this.modalStack = [], this.baseZIndex = 1e3;
|
|
1055
1055
|
}
|
|
1056
1056
|
open(e = {}) {
|
|
1057
1057
|
const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, n = document.createElement("div");
|
|
1058
1058
|
n.setAttribute("data-vt-modal", o), document.body.appendChild(n);
|
|
1059
|
-
const s = O(!0), l = this.baseZIndex + this.modalStack.length * 10, a =
|
|
1059
|
+
const s = O(!0), l = this.baseZIndex + this.modalStack.length * 10, a = pt({
|
|
1060
1060
|
setup() {
|
|
1061
1061
|
const i = () => {
|
|
1062
1062
|
s.value = !1, setTimeout(() => {
|
|
@@ -1118,7 +1118,7 @@ class So {
|
|
|
1118
1118
|
recalculateZIndices() {
|
|
1119
1119
|
}
|
|
1120
1120
|
}
|
|
1121
|
-
const ae = new
|
|
1121
|
+
const ae = new Io(), Vo = {
|
|
1122
1122
|
install(t) {
|
|
1123
1123
|
t.config.globalProperties.$modal = ae, t.config.globalProperties.$modalStack = {
|
|
1124
1124
|
closeAll: () => ae.closeAll(),
|
|
@@ -1126,16 +1126,16 @@ const ae = new So(), Io = {
|
|
|
1126
1126
|
closeById: (e) => ae.closeById(e)
|
|
1127
1127
|
};
|
|
1128
1128
|
}
|
|
1129
|
-
},
|
|
1129
|
+
}, Bo = { class: "vt-columns-selector-body" }, Ro = { class: "vt-columns-selector" }, To = { class: "vt-columns-selector__panel" }, Eo = ["draggable", "onDragstart", "onDragover", "onDrop"], zo = {
|
|
1130
1130
|
key: 0,
|
|
1131
1131
|
class: "vt-columns-selector__panel-item-pinned"
|
|
1132
|
-
},
|
|
1132
|
+
}, Ho = { class: "vt-columns-selector__available" }, Wo = ["onClick"], Do = {
|
|
1133
1133
|
key: 0,
|
|
1134
1134
|
class: "vt-columns-selector__group-columns"
|
|
1135
|
-
},
|
|
1135
|
+
}, Po = {
|
|
1136
1136
|
key: 0,
|
|
1137
1137
|
class: "vt-columns-selector__pinned-note"
|
|
1138
|
-
},
|
|
1138
|
+
}, Ao = { class: "vt-modal__content-button" }, Oo = /* @__PURE__ */ se({
|
|
1139
1139
|
__name: "VTableColumnSelector",
|
|
1140
1140
|
props: {
|
|
1141
1141
|
columns: {},
|
|
@@ -1143,15 +1143,15 @@ const ae = new So(), Io = {
|
|
|
1143
1143
|
},
|
|
1144
1144
|
emits: ["update-columns"],
|
|
1145
1145
|
setup(t, { emit: e }) {
|
|
1146
|
-
const o = t, n = e, s = O([]), l = O(/* @__PURE__ */ new Set()), a = O(-1), r = O(-1), i = O("before"), u =
|
|
1146
|
+
const o = t, n = e, s = O([]), l = O(/* @__PURE__ */ new Set()), a = O(-1), r = O(-1), i = O("before"), u = L(() => {
|
|
1147
1147
|
const d = {};
|
|
1148
1148
|
return o.columnsSelector.forEach((f) => {
|
|
1149
1149
|
if (f.name === "removed")
|
|
1150
1150
|
return;
|
|
1151
|
-
const g = f.columns.map((
|
|
1151
|
+
const g = f.columns.map((R) => R.prop), b = s.value.filter((R) => g.includes(R.prop));
|
|
1152
1152
|
b.length === 0 ? d[f.name] = { checked: !1, indeterminate: !1 } : b.length === f.columns.length ? d[f.name] = { checked: !0, indeterminate: !1 } : d[f.name] = { checked: !1, indeterminate: !0 };
|
|
1153
1153
|
}), d;
|
|
1154
|
-
}), c =
|
|
1154
|
+
}), c = L(() => o.columnsSelector.filter((d) => d.name !== "removed")), y = (d) => d.pinnedLeft || d.pinnedRight, $ = (d) => !y(d), N = () => {
|
|
1155
1155
|
const d = s.value;
|
|
1156
1156
|
let f = -1;
|
|
1157
1157
|
for (let b = 0; b < d.length; b++)
|
|
@@ -1166,47 +1166,47 @@ const ae = new So(), Io = {
|
|
|
1166
1166
|
minIndex: f + 1,
|
|
1167
1167
|
maxIndex: g - 1
|
|
1168
1168
|
};
|
|
1169
|
-
},
|
|
1170
|
-
const f =
|
|
1169
|
+
}, q = (d) => {
|
|
1170
|
+
const f = N();
|
|
1171
1171
|
return !(d < f.minIndex || d > f.maxIndex + 1);
|
|
1172
|
-
},
|
|
1172
|
+
}, U = (d, f) => {
|
|
1173
1173
|
const g = s.value[f];
|
|
1174
|
-
if (
|
|
1174
|
+
if (!$(g)) {
|
|
1175
1175
|
d.preventDefault();
|
|
1176
1176
|
return;
|
|
1177
1177
|
}
|
|
1178
1178
|
a.value = f, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
|
|
1179
|
-
},
|
|
1179
|
+
}, G = (d, f) => {
|
|
1180
1180
|
if (a.value === -1) return;
|
|
1181
1181
|
d.preventDefault();
|
|
1182
|
-
const g = d.currentTarget.getBoundingClientRect(), b = d.clientY,
|
|
1183
|
-
let
|
|
1184
|
-
b <
|
|
1185
|
-
},
|
|
1182
|
+
const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, R = g.top + g.height / 2;
|
|
1183
|
+
let T = f, ee = "before";
|
|
1184
|
+
b < R ? (T = f, ee = "before") : (T = f + 1, ee = "after"), a.value < T && T--, q(T) ? (r.value = f, i.value = ee, d.dataTransfer.dropEffect = "move") : (r.value = -1, d.dataTransfer.dropEffect = "none");
|
|
1185
|
+
}, Y = () => {
|
|
1186
1186
|
setTimeout(() => {
|
|
1187
1187
|
a.value === -1 && (r.value = -1);
|
|
1188
1188
|
}, 50);
|
|
1189
|
-
},
|
|
1189
|
+
}, x = (d, f) => {
|
|
1190
1190
|
if (d.preventDefault(), a.value === -1 || r.value === -1) {
|
|
1191
|
-
|
|
1191
|
+
I();
|
|
1192
1192
|
return;
|
|
1193
1193
|
}
|
|
1194
|
-
const g = d.currentTarget.getBoundingClientRect(), b = d.clientY,
|
|
1195
|
-
let
|
|
1196
|
-
if (b >=
|
|
1197
|
-
|
|
1194
|
+
const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, R = g.top + g.height / 2;
|
|
1195
|
+
let T = f;
|
|
1196
|
+
if (b >= R && (T = f + 1), a.value < T && T--, !q(T) || T === a.value) {
|
|
1197
|
+
I();
|
|
1198
1198
|
return;
|
|
1199
1199
|
}
|
|
1200
|
-
const
|
|
1201
|
-
|
|
1202
|
-
},
|
|
1203
|
-
|
|
1204
|
-
},
|
|
1200
|
+
const ee = [...s.value], [we] = ee.splice(a.value, 1);
|
|
1201
|
+
ee.splice(T, 0, we), s.value = ee, I();
|
|
1202
|
+
}, B = () => {
|
|
1203
|
+
I();
|
|
1204
|
+
}, I = () => {
|
|
1205
1205
|
a.value = -1, r.value = -1, i.value = "before", document.body.style.cursor = "";
|
|
1206
|
-
},
|
|
1206
|
+
}, K = (d) => {
|
|
1207
1207
|
const f = ["vt-columns-selector__panel-item"];
|
|
1208
1208
|
return a.value === d && f.push("vt-columns-selector__panel-item--dragging"), r.value === d && i.value === "before" && f.push("vt-columns-selector__panel-item--drop-before"), r.value === d && i.value === "after" && f.push("vt-columns-selector__panel-item--drop-after"), f;
|
|
1209
|
-
},
|
|
1209
|
+
}, M = () => {
|
|
1210
1210
|
s.value = [...o.columns.map((d) => ({ ...d }))], o.columnsSelector.forEach((d) => {
|
|
1211
1211
|
d.name !== "removed" && l.value.add(d.name);
|
|
1212
1212
|
});
|
|
@@ -1226,106 +1226,106 @@ const ae = new So(), Io = {
|
|
|
1226
1226
|
else {
|
|
1227
1227
|
const g = [];
|
|
1228
1228
|
d.columns.forEach((b) => {
|
|
1229
|
-
const
|
|
1230
|
-
|
|
1229
|
+
const R = s.value.find((T) => T.prop === b.prop);
|
|
1230
|
+
R && !y(R) && g.push(R);
|
|
1231
1231
|
}), s.value = s.value.filter(
|
|
1232
|
-
(b) => !g.some((
|
|
1232
|
+
(b) => !g.some((R) => R.prop === b.prop)
|
|
1233
1233
|
);
|
|
1234
1234
|
}
|
|
1235
|
-
},
|
|
1235
|
+
}, Q = (d) => s.value.some((f) => f.prop === d.prop), w = (d) => {
|
|
1236
1236
|
const f = s.value.find((g) => g.prop === d.prop);
|
|
1237
1237
|
return !f || !y(f);
|
|
1238
|
-
},
|
|
1238
|
+
}, C = (d) => {
|
|
1239
1239
|
l.value.has(d) ? l.value.delete(d) : l.value.add(d);
|
|
1240
|
-
},
|
|
1240
|
+
}, V = () => {
|
|
1241
1241
|
n("update-columns", [...s.value]), ae.close();
|
|
1242
|
-
},
|
|
1242
|
+
}, X = () => {
|
|
1243
1243
|
ae.close();
|
|
1244
1244
|
};
|
|
1245
1245
|
return ve(() => {
|
|
1246
|
-
|
|
1247
|
-
}), (d, f) => (p(), m("div",
|
|
1248
|
-
h("div",
|
|
1249
|
-
h("div",
|
|
1250
|
-
(p(!0), m(
|
|
1246
|
+
M();
|
|
1247
|
+
}), (d, f) => (p(), m("div", Bo, [
|
|
1248
|
+
h("div", Ro, [
|
|
1249
|
+
h("div", To, [
|
|
1250
|
+
(p(!0), m(oe, null, le(s.value, (g, b) => (p(), m("div", {
|
|
1251
1251
|
key: g.prop,
|
|
1252
|
-
class:
|
|
1253
|
-
draggable:
|
|
1254
|
-
onDragstart: (
|
|
1255
|
-
onDragover: (
|
|
1256
|
-
onDragleave:
|
|
1257
|
-
onDrop: (
|
|
1258
|
-
onDragend:
|
|
1252
|
+
class: D(K(b)),
|
|
1253
|
+
draggable: $(g),
|
|
1254
|
+
onDragstart: (R) => U(R, b),
|
|
1255
|
+
onDragover: (R) => G(R, b),
|
|
1256
|
+
onDragleave: Y,
|
|
1257
|
+
onDrop: (R) => x(R, b),
|
|
1258
|
+
onDragend: B
|
|
1259
1259
|
}, [
|
|
1260
|
-
|
|
1261
|
-
name:
|
|
1262
|
-
class:
|
|
1260
|
+
F(J, {
|
|
1261
|
+
name: $(g) ? "columnsMove" : "freeze",
|
|
1262
|
+
class: D(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": $(g) }])
|
|
1263
1263
|
}, null, 8, ["name", "class"]),
|
|
1264
|
-
|
|
1264
|
+
F(ue, {
|
|
1265
1265
|
label: g.label,
|
|
1266
1266
|
checked: !0,
|
|
1267
1267
|
disabled: y(g),
|
|
1268
|
-
onChange: (
|
|
1268
|
+
onChange: (R) => z(g, R),
|
|
1269
1269
|
onClick: f[0] || (f[0] = he(() => {
|
|
1270
1270
|
}, ["stop"]))
|
|
1271
1271
|
}, null, 8, ["label", "disabled", "onChange"]),
|
|
1272
|
-
y(g) ? (p(), m("span",
|
|
1273
|
-
], 42,
|
|
1272
|
+
y(g) ? (p(), m("span", zo, "pinned")) : A("", !0)
|
|
1273
|
+
], 42, Eo))), 128))
|
|
1274
1274
|
]),
|
|
1275
|
-
h("div",
|
|
1276
|
-
(p(!0), m(
|
|
1277
|
-
var b,
|
|
1275
|
+
h("div", Ho, [
|
|
1276
|
+
(p(!0), m(oe, null, le(c.value, (g) => {
|
|
1277
|
+
var b, R;
|
|
1278
1278
|
return p(), m("div", {
|
|
1279
1279
|
key: g.name,
|
|
1280
1280
|
class: "vt-columns-selector__group"
|
|
1281
1281
|
}, [
|
|
1282
1282
|
h("div", {
|
|
1283
1283
|
class: "vt-columns-selector__group-header",
|
|
1284
|
-
onClick: (
|
|
1284
|
+
onClick: (T) => C(g.name)
|
|
1285
1285
|
}, [
|
|
1286
|
-
|
|
1286
|
+
F(ue, {
|
|
1287
1287
|
label: g.label,
|
|
1288
1288
|
checked: ((b = u.value[g.name]) == null ? void 0 : b.checked) || !1,
|
|
1289
|
-
indeterminate: ((
|
|
1290
|
-
onChange: (
|
|
1289
|
+
indeterminate: ((R = u.value[g.name]) == null ? void 0 : R.indeterminate) || !1,
|
|
1290
|
+
onChange: (T) => H(g, T),
|
|
1291
1291
|
onClick: f[1] || (f[1] = he(() => {
|
|
1292
1292
|
}, ["stop"]))
|
|
1293
1293
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
1294
|
-
g.icon ? (p(), ce(
|
|
1294
|
+
g.icon ? (p(), ce(J, {
|
|
1295
1295
|
key: 0,
|
|
1296
1296
|
name: g.icon,
|
|
1297
1297
|
class: "vt-columns-selector__group-icon"
|
|
1298
|
-
}, null, 8, ["name"])) :
|
|
1299
|
-
], 8,
|
|
1300
|
-
l.value.has(g.name) ? (p(), m("div",
|
|
1301
|
-
(p(!0), m(
|
|
1302
|
-
key:
|
|
1298
|
+
}, null, 8, ["name"])) : A("", !0)
|
|
1299
|
+
], 8, Wo),
|
|
1300
|
+
l.value.has(g.name) ? (p(), m("div", Do, [
|
|
1301
|
+
(p(!0), m(oe, null, le(g.columns, (T) => (p(), m("div", {
|
|
1302
|
+
key: T.prop,
|
|
1303
1303
|
class: "vt-columns-selector__group-column"
|
|
1304
1304
|
}, [
|
|
1305
|
-
|
|
1306
|
-
label:
|
|
1307
|
-
checked:
|
|
1308
|
-
disabled: !
|
|
1309
|
-
onChange: (
|
|
1305
|
+
F(ue, {
|
|
1306
|
+
label: T.label,
|
|
1307
|
+
checked: Q(T),
|
|
1308
|
+
disabled: !w(T),
|
|
1309
|
+
onChange: (ee) => z(T, ee)
|
|
1310
1310
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
1311
|
-
|
|
1311
|
+
w(T) ? A("", !0) : (p(), m("span", Po, " (закріплена) "))
|
|
1312
1312
|
]))), 128))
|
|
1313
|
-
])) :
|
|
1313
|
+
])) : A("", !0)
|
|
1314
1314
|
]);
|
|
1315
1315
|
}), 128))
|
|
1316
1316
|
])
|
|
1317
1317
|
]),
|
|
1318
|
-
h("div",
|
|
1319
|
-
|
|
1318
|
+
h("div", Ao, [
|
|
1319
|
+
F(Ce, { onClick: X }, {
|
|
1320
1320
|
default: Me(() => f[2] || (f[2] = [
|
|
1321
1321
|
ge("Скасувати", -1)
|
|
1322
1322
|
])),
|
|
1323
1323
|
_: 1,
|
|
1324
1324
|
__: [2]
|
|
1325
1325
|
}),
|
|
1326
|
-
|
|
1326
|
+
F(Ce, {
|
|
1327
1327
|
type: "primary",
|
|
1328
|
-
onClick:
|
|
1328
|
+
onClick: V
|
|
1329
1329
|
}, {
|
|
1330
1330
|
default: Me(() => f[3] || (f[3] = [
|
|
1331
1331
|
ge("Зберегти", -1)
|
|
@@ -1336,7 +1336,7 @@ const ae = new So(), Io = {
|
|
|
1336
1336
|
])
|
|
1337
1337
|
]));
|
|
1338
1338
|
}
|
|
1339
|
-
}),
|
|
1339
|
+
}), jo = /* @__PURE__ */ se({
|
|
1340
1340
|
__name: "ColumnActions",
|
|
1341
1341
|
props: {
|
|
1342
1342
|
column: {},
|
|
@@ -1346,106 +1346,106 @@ const ae = new So(), Io = {
|
|
|
1346
1346
|
emits: ["pin", "update-columns"],
|
|
1347
1347
|
setup(t, { emit: e }) {
|
|
1348
1348
|
const o = t, n = e, s = O(), l = O(), a = O(), r = O(!1), i = O(!1), u = O([]), c = async () => {
|
|
1349
|
-
if (await
|
|
1350
|
-
const
|
|
1351
|
-
z.style.top = `${
|
|
1352
|
-
const
|
|
1353
|
-
|
|
1354
|
-
}, y = (
|
|
1355
|
-
|
|
1356
|
-
},
|
|
1349
|
+
if (await ht(), !s.value || !l.value) return;
|
|
1350
|
+
const M = l.value.getBoundingClientRect(), z = s.value, H = z.offsetWidth, Q = M.left + M.width / 2;
|
|
1351
|
+
z.style.top = `${M.bottom - 20}px`, z.style.left = `${Q - H / 2}px`;
|
|
1352
|
+
const w = z.getBoundingClientRect();
|
|
1353
|
+
w.right > window.innerWidth && (z.style.left = `${window.innerWidth - H - 8}px`), w.left < 0 && (z.style.left = "8px");
|
|
1354
|
+
}, y = (M) => {
|
|
1355
|
+
M.stopPropagation(), !i.value && (r.value ? N() : $());
|
|
1356
|
+
}, $ = () => {
|
|
1357
1357
|
i.value || (r.value = !0, c(), a.value && (a.value.style.zIndex = "22"));
|
|
1358
|
-
},
|
|
1358
|
+
}, N = () => {
|
|
1359
1359
|
i.value = !0, r.value = !1, a.value && a.value.style.removeProperty("z-index"), setTimeout(() => {
|
|
1360
1360
|
i.value = !1;
|
|
1361
1361
|
}, 100);
|
|
1362
|
-
},
|
|
1362
|
+
}, q = (M) => {
|
|
1363
1363
|
var z, H;
|
|
1364
|
-
!((z = l.value) != null && z.contains(
|
|
1365
|
-
},
|
|
1366
|
-
|
|
1367
|
-
},
|
|
1364
|
+
!((z = l.value) != null && z.contains(M.target)) && !((H = s.value) != null && H.contains(M.target)) && N();
|
|
1365
|
+
}, U = () => {
|
|
1366
|
+
K() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), N();
|
|
1367
|
+
}, G = (M) => ({
|
|
1368
1368
|
name: "removed",
|
|
1369
1369
|
label: "Видалені колонки",
|
|
1370
1370
|
order: 999,
|
|
1371
1371
|
// Найвищий порядок, щоб відображались останніми
|
|
1372
|
-
columns:
|
|
1373
|
-
}),
|
|
1374
|
-
var
|
|
1375
|
-
const z = new Set(
|
|
1376
|
-
(
|
|
1377
|
-
|
|
1378
|
-
}), o.allColumns.forEach((
|
|
1379
|
-
const
|
|
1380
|
-
H.forEach((
|
|
1381
|
-
var
|
|
1382
|
-
if (!z.has(
|
|
1372
|
+
columns: M
|
|
1373
|
+
}), Y = (M) => {
|
|
1374
|
+
var C;
|
|
1375
|
+
const z = new Set(M.map((V) => V.prop)), H = /* @__PURE__ */ new Set();
|
|
1376
|
+
(C = o.columnsSelector) == null || C.forEach((V) => {
|
|
1377
|
+
V.columns.forEach((X) => H.add(X.prop));
|
|
1378
|
+
}), o.allColumns.forEach((V) => H.add(V.prop));
|
|
1379
|
+
const Q = [];
|
|
1380
|
+
H.forEach((V) => {
|
|
1381
|
+
var X;
|
|
1382
|
+
if (!z.has(V)) {
|
|
1383
1383
|
let d;
|
|
1384
|
-
(
|
|
1385
|
-
const g = f.columns.find((b) => b.prop ===
|
|
1384
|
+
(X = o.columnsSelector) == null || X.forEach((f) => {
|
|
1385
|
+
const g = f.columns.find((b) => b.prop === V);
|
|
1386
1386
|
g && (d = g);
|
|
1387
|
-
}), d || (d = o.allColumns.find((f) => f.prop ===
|
|
1387
|
+
}), d || (d = o.allColumns.find((f) => f.prop === V)), d && Q.push(d);
|
|
1388
1388
|
}
|
|
1389
1389
|
});
|
|
1390
|
-
const
|
|
1391
|
-
|
|
1392
|
-
},
|
|
1393
|
-
|
|
1394
|
-
component:
|
|
1390
|
+
const w = [...o.columnsSelector || []];
|
|
1391
|
+
Q.length > 0 && w.push(G(Q)), u.value = w;
|
|
1392
|
+
}, x = () => {
|
|
1393
|
+
Y(o.allColumns), ae.open({
|
|
1394
|
+
component: Oo,
|
|
1395
1395
|
title: "Управління колонками таблиці",
|
|
1396
1396
|
props: {
|
|
1397
1397
|
columns: o.allColumns,
|
|
1398
1398
|
// Передаємо всі колонки
|
|
1399
1399
|
columnsSelector: u.value,
|
|
1400
1400
|
// Передаємо оновлені доступні колонки
|
|
1401
|
-
"onUpdate-columns": (
|
|
1402
|
-
console.log("ColumnActions отримав оновлені колонки:",
|
|
1401
|
+
"onUpdate-columns": (M) => {
|
|
1402
|
+
console.log("ColumnActions отримав оновлені колонки:", M), n("update-columns", M), Y(M);
|
|
1403
1403
|
}
|
|
1404
1404
|
},
|
|
1405
1405
|
size: "large",
|
|
1406
1406
|
closeOnBackdropClick: !1
|
|
1407
|
-
}),
|
|
1408
|
-
},
|
|
1407
|
+
}), N();
|
|
1408
|
+
}, B = () => o.column.pinnedLeft, I = () => o.column.pinnedRight, K = () => B() || I();
|
|
1409
1409
|
return ve(() => {
|
|
1410
|
-
document.addEventListener("click",
|
|
1410
|
+
document.addEventListener("click", q), l.value && (a.value = l.value.closest("th")), Y(o.allColumns);
|
|
1411
1411
|
}), Se(() => {
|
|
1412
|
-
document.removeEventListener("click",
|
|
1413
|
-
}), (
|
|
1412
|
+
document.removeEventListener("click", q);
|
|
1413
|
+
}), (M, z) => (p(), m("div", {
|
|
1414
1414
|
ref_key: "triggerRef",
|
|
1415
1415
|
ref: l,
|
|
1416
1416
|
class: "vt-table-header-actions",
|
|
1417
1417
|
onClick: y
|
|
1418
1418
|
}, [
|
|
1419
|
-
|
|
1419
|
+
F(J, { name: "listBullet" }),
|
|
1420
1420
|
r.value ? (p(), m("ul", {
|
|
1421
1421
|
key: 0,
|
|
1422
1422
|
ref_key: "menuRef",
|
|
1423
1423
|
ref: s,
|
|
1424
|
-
class:
|
|
1424
|
+
class: D(["dropdown-menu", "vt-table-dropdown", { visible: r.value }])
|
|
1425
1425
|
}, [
|
|
1426
|
-
h("li", { onClick:
|
|
1427
|
-
|
|
1428
|
-
name:
|
|
1426
|
+
h("li", { onClick: U }, [
|
|
1427
|
+
F(J, {
|
|
1428
|
+
name: K() ? "unfreeze" : "freeze"
|
|
1429
1429
|
}, null, 8, ["name"]),
|
|
1430
|
-
h("span", null, te(
|
|
1430
|
+
h("span", null, te(K() ? "Розморозити" : "Заморозити"), 1)
|
|
1431
1431
|
]),
|
|
1432
|
-
h("li", { onClick:
|
|
1433
|
-
|
|
1432
|
+
h("li", { onClick: x }, [
|
|
1433
|
+
F(J, { name: "columnInsert" }),
|
|
1434
1434
|
z[0] || (z[0] = h("span", null, "Колонки", -1))
|
|
1435
1435
|
])
|
|
1436
|
-
], 2)) :
|
|
1436
|
+
], 2)) : A("", !0)
|
|
1437
1437
|
], 512));
|
|
1438
1438
|
}
|
|
1439
|
-
}),
|
|
1439
|
+
}), No = { class: "vt-table" }, Fo = { class: "vt-th__content" }, Zo = { class: "vt-th__content" }, Uo = { class: "vt-th__label" }, Ko = {
|
|
1440
1440
|
key: 0,
|
|
1441
1441
|
class: "vt-th__sortable"
|
|
1442
|
-
},
|
|
1442
|
+
}, qo = ["data-resizer", "onMousedown"], Xo = {
|
|
1443
1443
|
key: 0,
|
|
1444
1444
|
class: "vt-table__empty-row"
|
|
1445
|
-
},
|
|
1445
|
+
}, Go = ["colspan"], Yo = { class: "vt-table__empty-content" }, Jo = ["onClick"], Qo = { class: "vt-table__cell-content" }, el = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, tl = { key: 1 }, nl = ["data-resizer", "onMousedown"], ol = {
|
|
1446
1446
|
key: 0,
|
|
1447
1447
|
class: "vt-table__summary"
|
|
1448
|
-
},
|
|
1448
|
+
}, ll = { class: "vt-table__cell-content vt-table__cell-content--summary" }, xe = 50, sl = /* @__PURE__ */ se({
|
|
1449
1449
|
__name: "VTable",
|
|
1450
1450
|
props: /* @__PURE__ */ ze({
|
|
1451
1451
|
data: {},
|
|
@@ -1471,197 +1471,191 @@ const ae = new So(), Io = {
|
|
|
1471
1471
|
}),
|
|
1472
1472
|
emits: /* @__PURE__ */ ze(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
|
|
1473
1473
|
setup(t, { expose: e, emit: o }) {
|
|
1474
|
-
const n = t, s = o, l =
|
|
1475
|
-
let
|
|
1476
|
-
const
|
|
1477
|
-
|
|
1474
|
+
const n = t, s = o, l = mt(t, "columns"), a = O({}), r = O(), i = vt([]), u = O(n.defaultSort || null), c = L(() => So(n.data || [], u.value, i)), y = L(() => l.value !== void 0), $ = L(() => n.data && n.data.length > 0), N = O(!1), q = O(0);
|
|
1475
|
+
let U;
|
|
1476
|
+
const G = (v, _) => n.rowKey && v[n.rowKey] != null ? String(v[n.rowKey]) : String(_), Y = () => {
|
|
1477
|
+
y.value && l.value ? i.splice(0, i.length, ...l.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
|
|
1478
1478
|
};
|
|
1479
1479
|
me(
|
|
1480
1480
|
() => l.value,
|
|
1481
1481
|
(v) => {
|
|
1482
|
-
v &&
|
|
1482
|
+
v && y.value && i.splice(0, i.length, ...v);
|
|
1483
1483
|
},
|
|
1484
1484
|
{ deep: !0 }
|
|
1485
1485
|
), me(
|
|
1486
1486
|
() => n.columns,
|
|
1487
1487
|
(v) => {
|
|
1488
|
-
v && !
|
|
1488
|
+
v && !y.value && i.splice(0, i.length, ...v);
|
|
1489
1489
|
},
|
|
1490
1490
|
{ deep: !0 }
|
|
1491
|
-
),
|
|
1492
|
-
const { sortedColumns:
|
|
1491
|
+
), ft("vt-table-columns", i);
|
|
1492
|
+
const { sortedColumns: x, getDefaultColumnWidth: B, getStickyOffset: I } = ko(i), { getTableWrapperStyle: K, getColumnStyle: M, getHeaderStyle: z, getFooterStyle: H } = bo(n), { onMouseDown: Q } = yo(), w = L(() => n.allData || n.data), C = n.selectable ? xo(n, c, s, w) : null, V = () => ({
|
|
1493
1493
|
width: `${xe}px`,
|
|
1494
1494
|
minWidth: `${xe}px`,
|
|
1495
1495
|
maxWidth: `${xe}px`,
|
|
1496
1496
|
left: "0px",
|
|
1497
1497
|
position: "sticky",
|
|
1498
1498
|
zIndex: 10
|
|
1499
|
-
}),
|
|
1500
|
-
const v =
|
|
1499
|
+
}), X = () => {
|
|
1500
|
+
const v = V();
|
|
1501
1501
|
return n.maxHeight ? {
|
|
1502
1502
|
...v,
|
|
1503
1503
|
top: "0px",
|
|
1504
1504
|
zIndex: 11
|
|
1505
|
-
// Вищий z-index для header
|
|
1506
1505
|
} : v;
|
|
1507
1506
|
}, d = () => {
|
|
1508
|
-
const v =
|
|
1507
|
+
const v = V();
|
|
1509
1508
|
return n.maxHeight ? {
|
|
1510
1509
|
...v,
|
|
1511
1510
|
bottom: "0px",
|
|
1512
1511
|
zIndex: 11
|
|
1513
|
-
// Вищий z-index для footer
|
|
1514
1512
|
} : v;
|
|
1515
1513
|
}, f = () => {
|
|
1516
|
-
if (!r.value ||
|
|
1517
|
-
const v = r.value, _ = v.scrollTop,
|
|
1518
|
-
|
|
1519
|
-
const fe = _ - q.value > 1, k =
|
|
1520
|
-
q.value = _, fe && (k ||
|
|
1521
|
-
|
|
1514
|
+
if (!r.value || N.value) return;
|
|
1515
|
+
const v = r.value, _ = v.scrollTop, S = v.scrollHeight, E = v.clientHeight, W = 30;
|
|
1516
|
+
U && clearTimeout(U), U = setTimeout(() => {
|
|
1517
|
+
const fe = _ - q.value > 1, k = S - _ - E <= W, ne = S - _ - E <= 5;
|
|
1518
|
+
q.value = _, fe && (k || ne) && (N.value = !0, s("infinity-scroll"), setTimeout(() => {
|
|
1519
|
+
N.value = !1;
|
|
1522
1520
|
}, 1e3));
|
|
1523
1521
|
}, 50);
|
|
1524
1522
|
}, g = () => {
|
|
1525
|
-
|
|
1523
|
+
N.value = !1;
|
|
1526
1524
|
};
|
|
1527
1525
|
ve(() => {
|
|
1528
1526
|
r.value && r.value.addEventListener("scroll", f);
|
|
1529
1527
|
}), Se(() => {
|
|
1530
|
-
|
|
1528
|
+
U && clearTimeout(U), r.value && r.value.removeEventListener("scroll", f);
|
|
1531
1529
|
});
|
|
1532
1530
|
const b = (v, _) => {
|
|
1533
|
-
|
|
1534
|
-
var
|
|
1535
|
-
((
|
|
1531
|
+
$o(v, _, (S) => {
|
|
1532
|
+
var E, W;
|
|
1533
|
+
((E = u.value) == null ? void 0 : E.prop) === v.prop && u.value.direction === _ ? u.value = null : u.value = S, s("sort-change", {
|
|
1536
1534
|
column: v,
|
|
1537
|
-
direction: ((
|
|
1535
|
+
direction: ((W = u.value) == null ? void 0 : W.direction) || null,
|
|
1538
1536
|
prop: v.prop,
|
|
1539
|
-
sortedData:
|
|
1537
|
+
sortedData: c.value
|
|
1540
1538
|
});
|
|
1541
1539
|
});
|
|
1542
|
-
},
|
|
1543
|
-
const
|
|
1540
|
+
}, R = (v, _) => {
|
|
1541
|
+
const S = {
|
|
1544
1542
|
pinnedLeft: _ === "left",
|
|
1545
1543
|
pinnedRight: _ === "right"
|
|
1546
1544
|
};
|
|
1547
|
-
|
|
1548
|
-
},
|
|
1549
|
-
i.splice(0, i.length, ...v),
|
|
1550
|
-
},
|
|
1551
|
-
const
|
|
1552
|
-
if (
|
|
1553
|
-
if (Object.assign(i[
|
|
1554
|
-
const
|
|
1555
|
-
if (
|
|
1556
|
-
const
|
|
1557
|
-
|
|
1545
|
+
ee(v.prop, S), s("column-pin", { column: { ...v, ...S }, position: _ });
|
|
1546
|
+
}, T = (v) => {
|
|
1547
|
+
i.splice(0, i.length, ...v), y.value && (l.value = [...v]), s("columns-change", [...v]);
|
|
1548
|
+
}, ee = (v, _) => {
|
|
1549
|
+
const S = i.findIndex((E) => E.prop === v);
|
|
1550
|
+
if (S !== -1) {
|
|
1551
|
+
if (Object.assign(i[S], _), y.value && l.value) {
|
|
1552
|
+
const E = l.value.findIndex((W) => W.prop === v);
|
|
1553
|
+
if (E !== -1) {
|
|
1554
|
+
const W = [...l.value];
|
|
1555
|
+
W[E] = { ...W[E], ..._ }, l.value = W;
|
|
1558
1556
|
}
|
|
1559
1557
|
}
|
|
1560
1558
|
s("columns-change", [...i]);
|
|
1561
|
-
}
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
i.map((T) => T.prop)
|
|
1567
|
-
);
|
|
1568
|
-
}, we = (v, _, I) => {
|
|
1569
|
-
s("row-click", { row: v, column: _, event: I }), n.highlightCurrentRow && w && w.setCurrentRow(v);
|
|
1570
|
-
}, Xe = (v, _, I) => {
|
|
1571
|
-
I.stopPropagation(), w && w.toggleRowSelection(_, v);
|
|
1559
|
+
}
|
|
1560
|
+
}, we = (v, _, S) => {
|
|
1561
|
+
s("row-click", { row: v, column: _, event: S }), n.highlightCurrentRow && C && C.setCurrentRow(v);
|
|
1562
|
+
}, Xe = (v, _, S) => {
|
|
1563
|
+
S.stopPropagation(), C && C.toggleRowSelection(_, v);
|
|
1572
1564
|
}, Ge = (v, _) => {
|
|
1573
|
-
_.stopPropagation(),
|
|
1565
|
+
_.stopPropagation(), C && C.toggleAllSelection();
|
|
1574
1566
|
}, Ie = (v, _) => {
|
|
1575
1567
|
v && (a.value[_] = v);
|
|
1576
1568
|
}, Ve = (v, _) => {
|
|
1577
|
-
const
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
column: { ..._, width:
|
|
1581
|
-
width:
|
|
1582
|
-
oldWidth:
|
|
1569
|
+
const S = _.width || B();
|
|
1570
|
+
Q(v, _, B, (E) => {
|
|
1571
|
+
ee(_.prop, { width: E }), s("column-resize", {
|
|
1572
|
+
column: { ..._, width: E },
|
|
1573
|
+
width: E,
|
|
1574
|
+
oldWidth: S
|
|
1583
1575
|
});
|
|
1584
1576
|
});
|
|
1585
|
-
}, Ye = (v, _) =>
|
|
1577
|
+
}, Ye = (v, _) => M(v, _, I, B), Je = (v, _) => z(v, _, I, B), Qe = (v, _) => H(v, _, I, B), et = (v, _) => {
|
|
1586
1578
|
if (!_ || !_.prop) return "";
|
|
1587
|
-
const
|
|
1588
|
-
return
|
|
1589
|
-
}, tt =
|
|
1590
|
-
|
|
1579
|
+
const S = v[_.prop];
|
|
1580
|
+
return S == null ? "" : String(S);
|
|
1581
|
+
}, tt = (v, _, S) => {
|
|
1582
|
+
const E = v[_.prop], W = (C == null ? void 0 : C.isRowSelected(v)) || !1;
|
|
1583
|
+
return [E, W];
|
|
1584
|
+
}, nt = L(() => {
|
|
1585
|
+
if (!n.showSummary || !$.value) return {};
|
|
1591
1586
|
const v = i;
|
|
1592
1587
|
if (typeof n.summaryMethod == "function") {
|
|
1593
|
-
const _ = n.summaryMethod({ columns: v, data:
|
|
1588
|
+
const _ = n.summaryMethod({ columns: v, data: c.value });
|
|
1594
1589
|
return v.reduce(
|
|
1595
|
-
(
|
|
1590
|
+
(S, E, W) => (S[E.prop] = _[W], S),
|
|
1596
1591
|
{}
|
|
1597
1592
|
);
|
|
1598
1593
|
}
|
|
1599
1594
|
return v.reduce(
|
|
1600
|
-
(_,
|
|
1601
|
-
const
|
|
1602
|
-
return _[
|
|
1595
|
+
(_, S) => {
|
|
1596
|
+
const E = c.value.map((W) => W[S.prop]);
|
|
1597
|
+
return _[S.prop] = E.every((W) => typeof W == "number") ? E.reduce((W, de) => W + de, 0) : "", _;
|
|
1603
1598
|
},
|
|
1604
1599
|
{}
|
|
1605
1600
|
);
|
|
1606
|
-
}),
|
|
1607
|
-
|
|
1608
|
-
}, lt = () => {
|
|
1609
|
-
w && w.toggleAllSelection();
|
|
1601
|
+
}), ot = L(() => n.showSummary && $.value), lt = (v, _) => {
|
|
1602
|
+
C && C.toggleRowSelection(v, _);
|
|
1610
1603
|
}, st = () => {
|
|
1611
|
-
|
|
1604
|
+
C && C.toggleAllSelection();
|
|
1612
1605
|
}, rt = () => {
|
|
1613
|
-
|
|
1614
|
-
}, it = () =>
|
|
1615
|
-
|
|
1606
|
+
C && C.selectAbsolutelyAll();
|
|
1607
|
+
}, it = () => {
|
|
1608
|
+
C && C.clearSelection();
|
|
1609
|
+
}, at = () => C ? C.getSelectionRows() : [], ct = (v) => {
|
|
1610
|
+
C && C.setSelectionRows(v);
|
|
1616
1611
|
};
|
|
1617
1612
|
return ve(() => {
|
|
1618
|
-
|
|
1613
|
+
Y();
|
|
1619
1614
|
}), e({
|
|
1620
|
-
toggleRowSelection:
|
|
1621
|
-
toggleAllSelection:
|
|
1622
|
-
selectAbsolutelyAll:
|
|
1623
|
-
clearSelection:
|
|
1624
|
-
getSelectionRows:
|
|
1625
|
-
setSelectionRows:
|
|
1615
|
+
toggleRowSelection: lt,
|
|
1616
|
+
toggleAllSelection: st,
|
|
1617
|
+
selectAbsolutelyAll: rt,
|
|
1618
|
+
clearSelection: it,
|
|
1619
|
+
getSelectionRows: at,
|
|
1620
|
+
setSelectionRows: ct,
|
|
1626
1621
|
resetInfinityScroll: g
|
|
1627
|
-
// Додаємо метод для скидання infinity scroll
|
|
1628
1622
|
}), (v, _) => {
|
|
1629
|
-
var
|
|
1630
|
-
const
|
|
1623
|
+
var E, W, de, fe;
|
|
1624
|
+
const S = Ue("tooltip");
|
|
1631
1625
|
return p(), m("div", {
|
|
1632
1626
|
ref_key: "tableWrapperRef",
|
|
1633
1627
|
ref: r,
|
|
1634
1628
|
class: "vt-table-wrapper",
|
|
1635
|
-
style: ie(K
|
|
1629
|
+
style: ie(Z(K)()),
|
|
1636
1630
|
onScroll: f
|
|
1637
1631
|
}, [
|
|
1638
1632
|
pe(v.$slots, "default"),
|
|
1639
|
-
h("table",
|
|
1633
|
+
h("table", No, [
|
|
1640
1634
|
h("thead", null, [
|
|
1641
1635
|
h("tr", null, [
|
|
1642
1636
|
n.selectable ? (p(), m("th", {
|
|
1643
1637
|
key: 0,
|
|
1644
|
-
class:
|
|
1638
|
+
class: D(["vt-table__th vt-table__th--selection", {
|
|
1645
1639
|
"vt-table__th--sticky": n.maxHeight,
|
|
1646
1640
|
"vt-table__th--pinned-left": !0
|
|
1647
1641
|
}]),
|
|
1648
|
-
style: ie(
|
|
1642
|
+
style: ie(X())
|
|
1649
1643
|
}, [
|
|
1650
|
-
h("div",
|
|
1651
|
-
|
|
1652
|
-
checked: (
|
|
1653
|
-
indeterminate: (
|
|
1654
|
-
"is-double": (fe = (de =
|
|
1644
|
+
h("div", Fo, [
|
|
1645
|
+
F(ue, {
|
|
1646
|
+
checked: (E = Z(C)) == null ? void 0 : E.isAllSelected.value,
|
|
1647
|
+
indeterminate: (W = Z(C)) == null ? void 0 : W.isIndeterminate.value,
|
|
1648
|
+
"is-double": (fe = (de = Z(C)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
|
|
1655
1649
|
onChange: Ge
|
|
1656
1650
|
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
1657
1651
|
])
|
|
1658
|
-
], 6)) :
|
|
1659
|
-
(p(!0), m(
|
|
1652
|
+
], 6)) : A("", !0),
|
|
1653
|
+
(p(!0), m(oe, null, le(Z(x), (k, ne) => (p(), m("th", {
|
|
1660
1654
|
key: k.prop,
|
|
1661
1655
|
ref_for: !0,
|
|
1662
1656
|
ref: (re) => Ie(re, k.prop),
|
|
1663
|
-
style: ie(Je(k,
|
|
1664
|
-
class:
|
|
1657
|
+
style: ie(Je(k, ne)),
|
|
1658
|
+
class: D([
|
|
1665
1659
|
"vt-table__th",
|
|
1666
1660
|
{
|
|
1667
1661
|
"vt-table__th--sticky": n.maxHeight,
|
|
@@ -1671,75 +1665,75 @@ const ae = new So(), Io = {
|
|
|
1671
1665
|
}
|
|
1672
1666
|
])
|
|
1673
1667
|
}, [
|
|
1674
|
-
h("div",
|
|
1675
|
-
h("div",
|
|
1676
|
-
k.sortable ? (p(), m("div",
|
|
1677
|
-
|
|
1668
|
+
h("div", Zo, [
|
|
1669
|
+
h("div", Uo, te(k.label), 1),
|
|
1670
|
+
k.sortable ? (p(), m("div", Ko, [
|
|
1671
|
+
F(J, {
|
|
1678
1672
|
name: "arrowTop",
|
|
1679
|
-
class:
|
|
1673
|
+
class: D(Z(We)(k, u.value).asc),
|
|
1680
1674
|
onClick: he((re) => b(k, "asc"), ["stop"])
|
|
1681
1675
|
}, null, 8, ["class", "onClick"]),
|
|
1682
|
-
|
|
1676
|
+
F(J, {
|
|
1683
1677
|
name: "arrowDown",
|
|
1684
|
-
class:
|
|
1678
|
+
class: D(Z(We)(k, u.value).desc),
|
|
1685
1679
|
onClick: he((re) => b(k, "desc"), ["stop"])
|
|
1686
1680
|
}, null, 8, ["class", "onClick"])
|
|
1687
|
-
])) :
|
|
1688
|
-
k.actionColumn ? (p(), ce(
|
|
1681
|
+
])) : A("", !0),
|
|
1682
|
+
k.actionColumn ? (p(), ce(jo, {
|
|
1689
1683
|
key: 1,
|
|
1690
1684
|
column: k,
|
|
1691
|
-
"all-columns":
|
|
1685
|
+
"all-columns": Z(x),
|
|
1692
1686
|
columnsSelector: n.columnsSelector,
|
|
1693
|
-
onPin:
|
|
1694
|
-
onUpdateColumns:
|
|
1695
|
-
}, null, 8, ["column", "all-columns", "columnsSelector"])) :
|
|
1687
|
+
onPin: R,
|
|
1688
|
+
onUpdateColumns: T
|
|
1689
|
+
}, null, 8, ["column", "all-columns", "columnsSelector"])) : A("", !0)
|
|
1696
1690
|
]),
|
|
1697
1691
|
h("div", {
|
|
1698
1692
|
class: "vt-table__resizer",
|
|
1699
1693
|
"data-resizer": k.prop,
|
|
1700
1694
|
onMousedown: (re) => Ve(re, k)
|
|
1701
|
-
}, null, 40,
|
|
1695
|
+
}, null, 40, qo)
|
|
1702
1696
|
], 6))), 128))
|
|
1703
1697
|
])
|
|
1704
1698
|
]),
|
|
1705
1699
|
h("tbody", null, [
|
|
1706
|
-
|
|
1700
|
+
$.value ? (p(!0), m(oe, { key: 1 }, le(c.value, (k, ne) => {
|
|
1707
1701
|
var re, Be, Re;
|
|
1708
1702
|
return p(), m("tr", {
|
|
1709
|
-
key:
|
|
1710
|
-
class:
|
|
1703
|
+
key: G(k, ne),
|
|
1704
|
+
class: D([
|
|
1711
1705
|
"vt-table__row",
|
|
1712
1706
|
{
|
|
1713
|
-
"vt-table__row--selected": (re =
|
|
1714
|
-
"vt-table__row--current": ((Be =
|
|
1707
|
+
"vt-table__row--selected": (re = Z(C)) == null ? void 0 : re.isRowSelected(k),
|
|
1708
|
+
"vt-table__row--current": ((Be = Z(C)) == null ? void 0 : Be.currentRow.value) === k,
|
|
1715
1709
|
"vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
|
|
1716
1710
|
}
|
|
1717
1711
|
]),
|
|
1718
|
-
onClick: (j) => we(k,
|
|
1712
|
+
onClick: (j) => we(k, Z(x)[0], j)
|
|
1719
1713
|
}, [
|
|
1720
1714
|
n.selectable ? (p(), m("td", {
|
|
1721
1715
|
key: 0,
|
|
1722
|
-
class:
|
|
1716
|
+
class: D(["vt-table__td vt-table__td--selection", {
|
|
1723
1717
|
"vt-table__td--pinned-left": !0
|
|
1724
1718
|
}]),
|
|
1725
|
-
style: ie(
|
|
1719
|
+
style: ie(V())
|
|
1726
1720
|
}, [
|
|
1727
|
-
h("div",
|
|
1728
|
-
|
|
1729
|
-
checked: (Re =
|
|
1721
|
+
h("div", Qo, [
|
|
1722
|
+
F(ue, {
|
|
1723
|
+
checked: (Re = Z(C)) == null ? void 0 : Re.isRowSelected(k),
|
|
1730
1724
|
onChange: (j, ke) => Xe(j, k, ke)
|
|
1731
1725
|
}, null, 8, ["checked", "onChange"])
|
|
1732
1726
|
])
|
|
1733
|
-
], 4)) :
|
|
1734
|
-
(p(!0), m(
|
|
1735
|
-
const Te =
|
|
1736
|
-
if (_e && _e.key === j.prop &&
|
|
1727
|
+
], 4)) : A("", !0),
|
|
1728
|
+
(p(!0), m(oe, null, le(Z(x), (j, ke, cl, _e) => {
|
|
1729
|
+
const Te = tt(k, j);
|
|
1730
|
+
if (_e && _e.key === `${G(k, ne)}-${j.prop}` && _t(_e, Te)) return _e;
|
|
1737
1731
|
const Ee = (p(), m("td", {
|
|
1738
|
-
key: j.prop
|
|
1732
|
+
key: `${G(k, ne)}-${j.prop}`,
|
|
1739
1733
|
ref_for: !0,
|
|
1740
1734
|
ref: (be) => Ie(be, j.prop),
|
|
1741
1735
|
style: ie(Ye(j, ke)),
|
|
1742
|
-
class:
|
|
1736
|
+
class: D([
|
|
1743
1737
|
"vt-table__td",
|
|
1744
1738
|
{
|
|
1745
1739
|
"vt-table__td--pinned-left": j.pinnedLeft,
|
|
@@ -1747,50 +1741,50 @@ const ae = new So(), Io = {
|
|
|
1747
1741
|
}
|
|
1748
1742
|
])
|
|
1749
1743
|
}, [
|
|
1750
|
-
$e((p(), m("div",
|
|
1751
|
-
j.renderSlot ? (p(), ce(Fe(() =>
|
|
1744
|
+
$e((p(), m("div", el, [
|
|
1745
|
+
j.renderSlot ? (p(), ce(Fe(() => Z(Mo)(j.renderSlot, { row: k, column: j, value: k[j.prop], index: ne })), { key: 0 })) : (p(), m("span", tl, te(k[j.prop]), 1))
|
|
1752
1746
|
])), [
|
|
1753
|
-
[
|
|
1747
|
+
[S, j.showOverflowTooltip ? et(k, j) : null]
|
|
1754
1748
|
]),
|
|
1755
1749
|
h("div", {
|
|
1756
1750
|
class: "vt-table__resizer",
|
|
1757
1751
|
"data-resizer": j.prop,
|
|
1758
1752
|
onMousedown: (be) => Ve(be, j)
|
|
1759
|
-
}, null, 40,
|
|
1753
|
+
}, null, 40, nl)
|
|
1760
1754
|
], 6));
|
|
1761
1755
|
return Ee.memo = Te, Ee;
|
|
1762
1756
|
}, _, 0), 128))
|
|
1763
|
-
], 10,
|
|
1764
|
-
}), 128)) : (p(), m("tr",
|
|
1757
|
+
], 10, Jo);
|
|
1758
|
+
}), 128)) : (p(), m("tr", Xo, [
|
|
1765
1759
|
h("td", {
|
|
1766
|
-
colspan:
|
|
1760
|
+
colspan: Z(x).length + (n.selectable ? 1 : 0),
|
|
1767
1761
|
class: "vt-table__empty-cell"
|
|
1768
1762
|
}, [
|
|
1769
|
-
h("div",
|
|
1770
|
-
|
|
1763
|
+
h("div", Yo, [
|
|
1764
|
+
F(J, {
|
|
1771
1765
|
name: "empty",
|
|
1772
1766
|
class: "vt-table__empty-icon"
|
|
1773
1767
|
}),
|
|
1774
1768
|
_[2] || (_[2] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
1775
1769
|
])
|
|
1776
|
-
], 8,
|
|
1770
|
+
], 8, Go)
|
|
1777
1771
|
]))
|
|
1778
1772
|
]),
|
|
1779
|
-
|
|
1773
|
+
ot.value ? (p(), m("tfoot", ol, [
|
|
1780
1774
|
h("tr", null, [
|
|
1781
1775
|
n.selectable ? (p(), m("td", {
|
|
1782
1776
|
key: 0,
|
|
1783
|
-
class:
|
|
1777
|
+
class: D(["vt-table__td", {
|
|
1784
1778
|
"vt-table__td--pinned-left": !0
|
|
1785
1779
|
}]),
|
|
1786
1780
|
style: ie(d())
|
|
1787
1781
|
}, _[3] || (_[3] = [
|
|
1788
1782
|
h("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
1789
|
-
]), 4)) :
|
|
1790
|
-
(p(!0), m(
|
|
1783
|
+
]), 4)) : A("", !0),
|
|
1784
|
+
(p(!0), m(oe, null, le(Z(x), (k, ne) => (p(), m("td", {
|
|
1791
1785
|
key: k.prop,
|
|
1792
|
-
style: ie(Qe(k,
|
|
1793
|
-
class:
|
|
1786
|
+
style: ie(Qe(k, ne)),
|
|
1787
|
+
class: D([
|
|
1794
1788
|
"vt-table__td",
|
|
1795
1789
|
{
|
|
1796
1790
|
"vt-table__td--pinned-left": k.pinnedLeft,
|
|
@@ -1798,15 +1792,15 @@ const ae = new So(), Io = {
|
|
|
1798
1792
|
}
|
|
1799
1793
|
])
|
|
1800
1794
|
}, [
|
|
1801
|
-
h("div",
|
|
1795
|
+
h("div", ll, te(nt.value[k.prop]), 1)
|
|
1802
1796
|
], 6))), 128))
|
|
1803
1797
|
])
|
|
1804
|
-
])) :
|
|
1798
|
+
])) : A("", !0)
|
|
1805
1799
|
])
|
|
1806
1800
|
], 36);
|
|
1807
1801
|
};
|
|
1808
1802
|
}
|
|
1809
|
-
}),
|
|
1803
|
+
}), rl = /* @__PURE__ */ se({
|
|
1810
1804
|
__name: "VTableColumn",
|
|
1811
1805
|
props: {
|
|
1812
1806
|
prop: {},
|
|
@@ -1824,7 +1818,7 @@ const ae = new So(), Io = {
|
|
|
1824
1818
|
sortMethod: {}
|
|
1825
1819
|
},
|
|
1826
1820
|
setup(t) {
|
|
1827
|
-
const e = t, o = Ze(), n =
|
|
1821
|
+
const e = t, o = Ze(), n = gt("vt-table-columns");
|
|
1828
1822
|
n || console.error(
|
|
1829
1823
|
"VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
|
|
1830
1824
|
);
|
|
@@ -1974,7 +1968,7 @@ const ae = new So(), Io = {
|
|
|
1974
1968
|
});
|
|
1975
1969
|
}, Ae = (t) => {
|
|
1976
1970
|
t.style.opacity = "0", t.style.visibility = "hidden";
|
|
1977
|
-
}, Oe = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, je = (t) => !!t.closest(".vt-table, table"),
|
|
1971
|
+
}, Oe = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, je = (t) => !!t.closest(".vt-table, table"), il = {
|
|
1978
1972
|
mounted(t, e) {
|
|
1979
1973
|
var i;
|
|
1980
1974
|
const o = (i = e.value) == null ? void 0 : i.trim();
|
|
@@ -2011,32 +2005,32 @@ const ae = new So(), Io = {
|
|
|
2011
2005
|
beforeUnmount(t) {
|
|
2012
2006
|
t.__tooltipEl && t.__tooltipEl.parentElement && (t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl), t.__mouseenterHandler && (t.removeEventListener("mouseenter", t.__mouseenterHandler), delete t.__mouseenterHandler), t.__mouseleaveHandler && (t.removeEventListener("mouseleave", t.__mouseleaveHandler), delete t.__mouseleaveHandler), t.__scrollHandler && (window.removeEventListener("scroll", t.__scrollHandler, !0), window.removeEventListener("resize", t.__scrollHandler), delete t.__scrollHandler);
|
|
2013
2007
|
}
|
|
2014
|
-
},
|
|
2008
|
+
}, dl = {
|
|
2015
2009
|
sortable: !0,
|
|
2016
2010
|
actionColumn: !1,
|
|
2017
2011
|
showOverflowTooltip: !0,
|
|
2018
2012
|
visible: !0,
|
|
2019
2013
|
pinnedLeft: !1,
|
|
2020
2014
|
pinnedRight: !1
|
|
2021
|
-
},
|
|
2015
|
+
}, al = {
|
|
2022
2016
|
install(t, e = {}) {
|
|
2023
2017
|
const { prefix: o = "V", modal: n = !0 } = e;
|
|
2024
|
-
t.component(`${o}Button`, Ce), t.component(`${o}Icon`,
|
|
2018
|
+
t.component(`${o}Button`, Ce), t.component(`${o}Icon`, J), t.component(`${o}Loader`, Ke), t.component(`${o}Modal`, qe), t.component(`${o}Pagination`, go), t.component(`${o}Checkbox`, ue), t.component(`${o}Table`, sl), t.component(`${o}TableColumn`, rl), t.directive("tooltip", il), n && t.use(Vo);
|
|
2025
2019
|
}
|
|
2026
|
-
},
|
|
2020
|
+
}, pl = al.install;
|
|
2027
2021
|
export {
|
|
2028
|
-
|
|
2022
|
+
dl as DEFAULT_COLUMN_CONFIG,
|
|
2029
2023
|
Ce as VButton,
|
|
2030
2024
|
ue as VCheckbox,
|
|
2031
|
-
|
|
2025
|
+
J as VIcon,
|
|
2032
2026
|
Ke as VLoader,
|
|
2033
2027
|
qe as VModal,
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2028
|
+
Vo as VModalPlugin,
|
|
2029
|
+
go as VPagination,
|
|
2030
|
+
sl as VTable,
|
|
2031
|
+
rl as VTableColumn,
|
|
2032
|
+
al as default,
|
|
2033
|
+
pl as install,
|
|
2040
2034
|
ae as modalManager,
|
|
2041
|
-
|
|
2035
|
+
il as tooltipDirective
|
|
2042
2036
|
};
|