voiptime-components 1.0.13 → 1.0.14
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 +354 -357
- 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
|
|
1
|
+
import { createElementBlock as m, openBlock as p, createElementVNode as h, createStaticVNode as Ae, defineComponent as le, computed as M, createBlock as ce, createCommentVNode as P, resolveDynamicComponent as Oe, useSlots as je, resolveDirective as Ne, withDirectives as Le, normalizeClass as W, renderSlot as pe, Teleport as rt, normalizeStyle as ie, withModifiers as he, toDisplayString as te, watch as me, Fragment as ne, renderList as oe, vModelSelect as it, createVNode as Z, withCtx as xe, createTextVNode as _e, ref as O, createApp as at, h as be, onMounted as ve, onUnmounted as $e, nextTick as ct, mergeModels as Re, useModel as ut, reactive as dt, provide as pt, unref as K, inject as ht } from "vue";
|
|
2
2
|
const D = (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
|
+
}, mt = {}, vt = {
|
|
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 ft(t, e) {
|
|
15
|
+
return p(), m("svg", vt, e[0] || (e[0] = [
|
|
16
16
|
h("path", {
|
|
17
17
|
d: "M14 8L10 12L6 8",
|
|
18
18
|
stroke: "currentColor",
|
|
@@ -22,15 +22,15 @@ function kt(t, e) {
|
|
|
22
22
|
}, null, -1)
|
|
23
23
|
]));
|
|
24
24
|
}
|
|
25
|
-
const
|
|
25
|
+
const _t = /* @__PURE__ */ D(mt, [["render", ft]]), gt = {}, Ct = {
|
|
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 wt(t, e) {
|
|
33
|
+
return p(), m("svg", Ct, e[0] || (e[0] = [
|
|
34
34
|
h("path", {
|
|
35
35
|
d: "M6 12L10 8L14 12",
|
|
36
36
|
stroke: "currentColor",
|
|
@@ -40,15 +40,15 @@ function Mt(t, e) {
|
|
|
40
40
|
}, null, -1)
|
|
41
41
|
]));
|
|
42
42
|
}
|
|
43
|
-
const
|
|
43
|
+
const kt = /* @__PURE__ */ D(gt, [["render", wt]]), bt = {}, yt = {
|
|
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 xt(t, e) {
|
|
51
|
+
return p(), m("svg", yt, 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 It(t, e) {
|
|
|
62
62
|
}, null, -1)
|
|
63
63
|
]));
|
|
64
64
|
}
|
|
65
|
-
const
|
|
65
|
+
const Mt = /* @__PURE__ */ D(bt, [["render", xt]]), Lt = {}, $t = {
|
|
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 St(t, e) {
|
|
73
|
+
return p(), m("svg", $t, 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 Tt(t, e) {
|
|
|
80
80
|
}, null, -1)
|
|
81
81
|
]));
|
|
82
82
|
}
|
|
83
|
-
const
|
|
83
|
+
const It = /* @__PURE__ */ D(Lt, [["render", St]]), Vt = {}, Bt = {
|
|
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 Rt(t, e) {
|
|
91
|
+
return p(), m("svg", Bt, 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 Wt(t, e) {
|
|
|
98
98
|
}, null, -1)
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
const
|
|
101
|
+
const Tt = /* @__PURE__ */ D(Vt, [["render", Rt]]), Et = {}, zt = {
|
|
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 Ht(t, e) {
|
|
109
|
+
return p(), m("svg", zt, 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 Ot(t, e) {
|
|
|
116
116
|
}, null, -1)
|
|
117
117
|
]));
|
|
118
118
|
}
|
|
119
|
-
const
|
|
119
|
+
const Wt = /* @__PURE__ */ D(Et, [["render", Ht]]), Dt = {}, Pt = {
|
|
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 At(t, e) {
|
|
127
|
+
return p(), m("svg", Pt, 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 Zt(t, e) {
|
|
|
140
140
|
}, null, -1)
|
|
141
141
|
]));
|
|
142
142
|
}
|
|
143
|
-
const
|
|
143
|
+
const Ot = /* @__PURE__ */ D(Dt, [["render", At]]), jt = {}, Nt = {
|
|
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 Ft(t, e) {
|
|
151
|
+
return p(), m("svg", Nt, 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 Xt(t, e) {
|
|
|
164
164
|
}, null, -1)
|
|
165
165
|
]));
|
|
166
166
|
}
|
|
167
|
-
const
|
|
167
|
+
const Zt = /* @__PURE__ */ D(jt, [["render", Ft]]), Ut = {}, Kt = {
|
|
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", Kt, 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 Qt(t, e) {
|
|
|
182
182
|
}, null, -1)
|
|
183
183
|
]));
|
|
184
184
|
}
|
|
185
|
-
const
|
|
185
|
+
const Xt = /* @__PURE__ */ D(Ut, [["render", qt]]), Gt = {}, Yt = {
|
|
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 Jt(t, e) {
|
|
193
|
+
return p(), m("svg", Yt, e[0] || (e[0] = [
|
|
194
194
|
h("path", {
|
|
195
195
|
"fill-rule": "evenodd",
|
|
196
196
|
"clip-rule": "evenodd",
|
|
@@ -205,15 +205,15 @@ function on(t, e) {
|
|
|
205
205
|
}, null, -1)
|
|
206
206
|
]));
|
|
207
207
|
}
|
|
208
|
-
const
|
|
208
|
+
const Qt = /* @__PURE__ */ D(Gt, [["render", Jt]]), en = {}, tn = {
|
|
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 nn(t, e) {
|
|
216
|
+
return p(), m("svg", tn, e[0] || (e[0] = [
|
|
217
217
|
h("path", {
|
|
218
218
|
"fill-rule": "evenodd",
|
|
219
219
|
"clip-rule": "evenodd",
|
|
@@ -222,15 +222,15 @@ function an(t, e) {
|
|
|
222
222
|
}, null, -1)
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
|
-
const
|
|
225
|
+
const on = /* @__PURE__ */ D(en, [["render", nn]]), ln = {}, sn = {
|
|
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 rn(t, e) {
|
|
233
|
+
return p(), m("svg", sn, e[0] || (e[0] = [
|
|
234
234
|
h("path", {
|
|
235
235
|
"fill-rule": "evenodd",
|
|
236
236
|
"clip-rule": "evenodd",
|
|
@@ -239,15 +239,15 @@ function pn(t, e) {
|
|
|
239
239
|
}, null, -1)
|
|
240
240
|
]));
|
|
241
241
|
}
|
|
242
|
-
const
|
|
242
|
+
const an = /* @__PURE__ */ D(ln, [["render", rn]]), cn = {}, un = {
|
|
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 dn(t, e) {
|
|
250
|
+
return p(), m("svg", un, 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 fn(t, e) {
|
|
|
257
257
|
}, null, -1)
|
|
258
258
|
]));
|
|
259
259
|
}
|
|
260
|
-
const
|
|
260
|
+
const pn = /* @__PURE__ */ D(cn, [["render", dn]]), hn = {}, mn = {
|
|
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 vn(t, e) {
|
|
268
|
+
return p(), m("svg", mn, 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 wn(t, e) {
|
|
|
275
275
|
}, null, -1)
|
|
276
276
|
]));
|
|
277
277
|
}
|
|
278
|
-
const
|
|
278
|
+
const fn = /* @__PURE__ */ D(hn, [["render", vn]]), _n = {}, gn = {
|
|
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 Cn(t, e) {
|
|
286
|
+
return p(), m("svg", gn, 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 xn(t, e) {
|
|
|
293
293
|
}, null, -1)
|
|
294
294
|
]));
|
|
295
295
|
}
|
|
296
|
-
const
|
|
296
|
+
const wn = /* @__PURE__ */ D(_n, [["render", Cn]]), kn = {}, bn = {
|
|
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 yn(t, e) {
|
|
304
|
+
return p(), m("svg", bn, 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 Sn(t, e) {
|
|
|
316
316
|
}, null, -1)
|
|
317
317
|
]));
|
|
318
318
|
}
|
|
319
|
-
const
|
|
319
|
+
const xn = /* @__PURE__ */ D(kn, [["render", yn]]), Mn = {}, Ln = {
|
|
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",
|
|
328
|
-
|
|
326
|
+
function $n(t, e) {
|
|
327
|
+
return p(), m("svg", Ln, e[0] || (e[0] = [
|
|
328
|
+
Ae('<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 Sn = /* @__PURE__ */ D(Mn, [["render", $n]]), In = {}, Vn = {
|
|
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 Bn(t, e) {
|
|
339
|
+
return p(), m("svg", Vn, 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 Hn(t, e) {
|
|
|
346
346
|
}, null, -1)
|
|
347
347
|
]));
|
|
348
348
|
}
|
|
349
|
-
const
|
|
349
|
+
const Rn = /* @__PURE__ */ D(In, [["render", Bn]]), Tn = {}, En = {
|
|
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 zn(t, e) {
|
|
357
|
+
return p(), m("svg", En, 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 An(t, e) {
|
|
|
374
374
|
}, null, -1)
|
|
375
375
|
]));
|
|
376
376
|
}
|
|
377
|
-
const
|
|
377
|
+
const Hn = /* @__PURE__ */ D(Tn, [["render", zn]]), Wn = {}, Dn = {
|
|
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 Pn(t, e) {
|
|
385
|
+
return p(), m("svg", Dn, 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 Fn(t, e) {
|
|
|
399
399
|
}, null, -1)
|
|
400
400
|
]));
|
|
401
401
|
}
|
|
402
|
-
const
|
|
402
|
+
const An = /* @__PURE__ */ D(Wn, [["render", Pn]]), On = {}, jn = {
|
|
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",
|
|
411
|
-
|
|
409
|
+
function Nn(t, e) {
|
|
410
|
+
return p(), m("svg", jn, e[0] || (e[0] = [
|
|
411
|
+
Ae('<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 Fn = /* @__PURE__ */ D(On, [["render", Nn]]), Zn = {}, Un = {
|
|
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 Kn(t, e) {
|
|
422
|
+
return p(), m("svg", Un, 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 Jn(t, e) {
|
|
|
436
436
|
}, null, -1)
|
|
437
437
|
]));
|
|
438
438
|
}
|
|
439
|
-
const
|
|
439
|
+
const qn = /* @__PURE__ */ D(Zn, [["render", Kn]]), Xn = {
|
|
440
440
|
// arrow icons
|
|
441
|
-
arrowDown:
|
|
442
|
-
arrowTop:
|
|
443
|
-
arrowRight:
|
|
444
|
-
arrowLeft:
|
|
445
|
-
arrowReload:
|
|
441
|
+
arrowDown: _t,
|
|
442
|
+
arrowTop: kt,
|
|
443
|
+
arrowRight: It,
|
|
444
|
+
arrowLeft: Tt,
|
|
445
|
+
arrowReload: Mt,
|
|
446
446
|
// table icons
|
|
447
|
-
columnInsert:
|
|
448
|
-
freeze:
|
|
449
|
-
unfreeze:
|
|
450
|
-
columnsMove:
|
|
451
|
-
empty:
|
|
447
|
+
columnInsert: Wt,
|
|
448
|
+
freeze: Ot,
|
|
449
|
+
unfreeze: Zt,
|
|
450
|
+
columnsMove: Qt,
|
|
451
|
+
empty: Xt,
|
|
452
452
|
// actions icons
|
|
453
|
-
listBullet:
|
|
454
|
-
listBulletHorizontal:
|
|
455
|
-
close:
|
|
453
|
+
listBullet: on,
|
|
454
|
+
listBulletHorizontal: an,
|
|
455
|
+
close: pn,
|
|
456
456
|
// filter icons
|
|
457
|
-
filterSave:
|
|
458
|
-
filterReset:
|
|
459
|
-
filterNew:
|
|
460
|
-
filterMultiselect:
|
|
461
|
-
filterExchange:
|
|
462
|
-
filterEdit:
|
|
463
|
-
filterDateCheck:
|
|
464
|
-
filterAdvanced:
|
|
465
|
-
filterAdd:
|
|
466
|
-
}, Y = /* @__PURE__ */
|
|
457
|
+
filterSave: fn,
|
|
458
|
+
filterReset: wn,
|
|
459
|
+
filterNew: xn,
|
|
460
|
+
filterMultiselect: Sn,
|
|
461
|
+
filterExchange: Rn,
|
|
462
|
+
filterEdit: Hn,
|
|
463
|
+
filterDateCheck: An,
|
|
464
|
+
filterAdvanced: Fn,
|
|
465
|
+
filterAdd: qn
|
|
466
|
+
}, Y = /* @__PURE__ */ le({
|
|
467
467
|
__name: "VIcon",
|
|
468
468
|
props: {
|
|
469
469
|
name: {}
|
|
470
470
|
},
|
|
471
471
|
setup(t) {
|
|
472
|
-
const e = t, o = M(() =>
|
|
473
|
-
return (n, s) => o.value ? (p(),
|
|
472
|
+
const e = t, o = M(() => Xn[e.name]);
|
|
473
|
+
return (n, s) => o.value ? (p(), ce(Oe(o.value), { key: 0 })) : P("", !0);
|
|
474
474
|
}
|
|
475
|
-
}),
|
|
476
|
-
function
|
|
477
|
-
return p(), m("span",
|
|
475
|
+
}), Gn = {}, Yn = { class: "vt-loader" };
|
|
476
|
+
function Jn(t, e) {
|
|
477
|
+
return p(), m("span", Yn);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
479
|
+
const Fe = /* @__PURE__ */ D(Gn, [["render", Jn]]), Qn = ["disabled", "type", "data-placement"], eo = {
|
|
480
480
|
key: 2,
|
|
481
481
|
class: "vt-button__content"
|
|
482
|
-
},
|
|
482
|
+
}, ge = /* @__PURE__ */ le({
|
|
483
483
|
__name: "VButton",
|
|
484
484
|
props: {
|
|
485
485
|
type: { default: "default" },
|
|
@@ -493,7 +493,7 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
493
493
|
},
|
|
494
494
|
emits: ["click"],
|
|
495
495
|
setup(t, { emit: e }) {
|
|
496
|
-
const o = t, n = e, s =
|
|
496
|
+
const o = t, n = e, s = je(), l = M(() => !!(o.icon && o.shape)), a = M(() => {
|
|
497
497
|
var y, L;
|
|
498
498
|
const c = s.default ? s.default({}) : null;
|
|
499
499
|
return ((L = (y = c == null ? void 0 : c[0]) == null ? void 0 : y.children) == null ? void 0 : L.toString()) ?? "";
|
|
@@ -510,37 +510,37 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
510
510
|
!o.disabled && !o.loading && n("click", c);
|
|
511
511
|
};
|
|
512
512
|
return (c, y) => {
|
|
513
|
-
const L =
|
|
514
|
-
return
|
|
513
|
+
const L = Ne("tooltip");
|
|
514
|
+
return Le((p(), m("button", {
|
|
515
515
|
class: W(r.value),
|
|
516
516
|
disabled: o.disabled || o.loading,
|
|
517
517
|
type: o.htmlType,
|
|
518
518
|
"data-placement": o.tooltipPlacement,
|
|
519
519
|
onClick: u
|
|
520
520
|
}, [
|
|
521
|
-
o.loading ? (p(),
|
|
521
|
+
o.loading ? (p(), ce(Fe, {
|
|
522
522
|
key: 0,
|
|
523
523
|
class: "vt-button__icon"
|
|
524
|
-
})) : o.icon ? (p(),
|
|
524
|
+
})) : o.icon ? (p(), ce(Y, {
|
|
525
525
|
key: 1,
|
|
526
526
|
name: o.icon,
|
|
527
527
|
class: "vt-button__icon"
|
|
528
528
|
}, null, 8, ["name"])) : P("", !0),
|
|
529
|
-
l.value ? P("", !0) : (p(), m("span",
|
|
529
|
+
l.value ? P("", !0) : (p(), m("span", eo, [
|
|
530
530
|
pe(c.$slots, "default")
|
|
531
531
|
]))
|
|
532
|
-
], 10,
|
|
532
|
+
], 10, Qn)), [
|
|
533
533
|
[L, i.value]
|
|
534
534
|
]);
|
|
535
535
|
};
|
|
536
536
|
}
|
|
537
|
-
}),
|
|
537
|
+
}), to = {
|
|
538
538
|
key: 0,
|
|
539
539
|
class: "vt-modal__header"
|
|
540
|
-
},
|
|
540
|
+
}, no = {
|
|
541
541
|
key: 0,
|
|
542
542
|
class: "vt-modal__title"
|
|
543
|
-
},
|
|
543
|
+
}, oo = { class: "vt-modal__content" }, Ze = /* @__PURE__ */ le({
|
|
544
544
|
__name: "VModal",
|
|
545
545
|
props: {
|
|
546
546
|
modelValue: { type: Boolean },
|
|
@@ -559,11 +559,11 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
559
559
|
}, r = () => {
|
|
560
560
|
o.closeOnBackdropClick && a();
|
|
561
561
|
};
|
|
562
|
-
return (i, u) => (p(),
|
|
562
|
+
return (i, u) => (p(), ce(rt, { to: "body" }, [
|
|
563
563
|
i.modelValue ? (p(), m("div", {
|
|
564
564
|
key: 0,
|
|
565
565
|
class: "vt-modal__backdrop",
|
|
566
|
-
style:
|
|
566
|
+
style: ie(l.value),
|
|
567
567
|
onClick: r
|
|
568
568
|
}, [
|
|
569
569
|
h("div", {
|
|
@@ -571,23 +571,23 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
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(),
|
|
574
|
+
i.title || i.showCloseButton ? (p(), m("div", to, [
|
|
575
|
+
i.title ? (p(), m("h2", no, te(i.title), 1)) : P("", !0),
|
|
576
|
+
i.showCloseButton ? (p(), ce(Y, {
|
|
577
577
|
key: 1,
|
|
578
578
|
name: "close",
|
|
579
579
|
class: "vt-modal__close",
|
|
580
580
|
onClick: a
|
|
581
581
|
})) : P("", !0)
|
|
582
582
|
])) : P("", !0),
|
|
583
|
-
h("div",
|
|
583
|
+
h("div", oo, [
|
|
584
584
|
pe(i.$slots, "default")
|
|
585
585
|
])
|
|
586
586
|
], 2)
|
|
587
587
|
], 4)) : P("", !0)
|
|
588
588
|
]));
|
|
589
589
|
}
|
|
590
|
-
}),
|
|
590
|
+
}), lo = { class: "vt-pagination" }, so = { class: "vt-pagination__info" }, ro = { class: "vt-pagination__rows-per-page" }, io = ["value"], ao = { class: "vt-pagination__navigation" }, co = ["disabled"], uo = ["onClick"], po = ["disabled"], ho = /* @__PURE__ */ le({
|
|
591
591
|
__name: "VPagination",
|
|
592
592
|
props: {
|
|
593
593
|
totalItems: {},
|
|
@@ -627,7 +627,7 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
627
627
|
typeof $ == "number" && $ !== s.value && (s.value = $, L());
|
|
628
628
|
}, F = () => {
|
|
629
629
|
u.value || (s.value--, L());
|
|
630
|
-
},
|
|
630
|
+
}, Q = () => {
|
|
631
631
|
c.value || (s.value++, L());
|
|
632
632
|
}, ee = () => {
|
|
633
633
|
s.value = 1, L();
|
|
@@ -639,62 +639,62 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
639
639
|
() => {
|
|
640
640
|
s.value > a.value && a.value > 0 && (s.value = a.value, L());
|
|
641
641
|
}
|
|
642
|
-
), ($, E) => (p(), m("div",
|
|
643
|
-
h("div",
|
|
644
|
-
h("div",
|
|
642
|
+
), ($, E) => (p(), m("div", lo, [
|
|
643
|
+
h("div", so, [
|
|
644
|
+
h("div", ro, [
|
|
645
645
|
E[1] || (E[1] = h("label", {
|
|
646
646
|
for: "rowsSelect",
|
|
647
647
|
class: "vt-pagination__label"
|
|
648
648
|
}, "Рядків на сторінку:", -1)),
|
|
649
|
-
|
|
649
|
+
Le(h("select", {
|
|
650
650
|
id: "rowsSelect",
|
|
651
651
|
"onUpdate:modelValue": E[0] || (E[0] = (R) => l.value = R),
|
|
652
652
|
onChange: ee,
|
|
653
653
|
class: "vt-pagination__select"
|
|
654
654
|
}, [
|
|
655
|
-
(p(!0), m(
|
|
655
|
+
(p(!0), m(ne, null, oe($.pageSizeOptions, (R) => (p(), m("option", {
|
|
656
656
|
key: R,
|
|
657
657
|
value: R
|
|
658
|
-
}, te(R), 9,
|
|
658
|
+
}, te(R), 9, io))), 128))
|
|
659
659
|
], 544), [
|
|
660
|
-
[
|
|
660
|
+
[it, l.value]
|
|
661
661
|
])
|
|
662
662
|
]),
|
|
663
663
|
h("span", null, te(r.value) + " - " + te(i.value) + " з " + te($.totalItems), 1)
|
|
664
664
|
]),
|
|
665
|
-
h("div",
|
|
665
|
+
h("div", ao, [
|
|
666
666
|
h("button", {
|
|
667
667
|
onClick: F,
|
|
668
668
|
disabled: u.value,
|
|
669
669
|
class: W({ "vt-pagination__nav-button": !0, "has-items": !u.value })
|
|
670
670
|
}, [
|
|
671
671
|
Z(Y, { name: "arrowLeft" })
|
|
672
|
-
], 10,
|
|
673
|
-
(p(!0), m(
|
|
672
|
+
], 10, co),
|
|
673
|
+
(p(!0), m(ne, null, oe(y.value, (R) => (p(), m("button", {
|
|
674
674
|
key: R,
|
|
675
675
|
onClick: (X) => q(R),
|
|
676
676
|
class: W(["vt-pagination__nav-button", {
|
|
677
677
|
"vt-pagination__nav-button--active": R === s.value
|
|
678
678
|
}])
|
|
679
|
-
}, te(R), 11,
|
|
679
|
+
}, te(R), 11, uo))), 128)),
|
|
680
680
|
h("button", {
|
|
681
|
-
onClick:
|
|
681
|
+
onClick: Q,
|
|
682
682
|
disabled: c.value,
|
|
683
683
|
class: W({ "vt-pagination__nav-button": !0, "has-items": !c.value })
|
|
684
684
|
}, [
|
|
685
685
|
Z(Y, { name: "arrowRight" })
|
|
686
|
-
], 10,
|
|
686
|
+
], 10, po)
|
|
687
687
|
]),
|
|
688
688
|
h("div", null, [
|
|
689
|
-
Z(
|
|
689
|
+
Z(ge, {
|
|
690
690
|
icon: "arrowReload",
|
|
691
691
|
shape: "circle",
|
|
692
692
|
tooltip: "",
|
|
693
693
|
tooltipPlacement: "left",
|
|
694
694
|
onClick: j
|
|
695
695
|
}, {
|
|
696
|
-
default:
|
|
697
|
-
|
|
696
|
+
default: xe(() => E[2] || (E[2] = [
|
|
697
|
+
_e("Оновити дані ", -1)
|
|
698
698
|
])),
|
|
699
699
|
_: 1,
|
|
700
700
|
__: [2]
|
|
@@ -702,7 +702,7 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
702
702
|
])
|
|
703
703
|
]));
|
|
704
704
|
}
|
|
705
|
-
}),
|
|
705
|
+
}), mo = ["for"], vo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ue = /* @__PURE__ */ le({
|
|
706
706
|
__name: "VCheckbox",
|
|
707
707
|
props: {
|
|
708
708
|
modelValue: { type: Boolean, default: void 0 },
|
|
@@ -754,7 +754,7 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
754
754
|
onChange: r,
|
|
755
755
|
onFocus: i,
|
|
756
756
|
onBlur: u
|
|
757
|
-
}, null, 40,
|
|
757
|
+
}, null, 40, vo),
|
|
758
758
|
h("div", {
|
|
759
759
|
class: W([
|
|
760
760
|
"vt-checkbox__box",
|
|
@@ -837,14 +837,14 @@ const qe = /* @__PURE__ */ D(to, [["render", oo]]), lo = ["disabled", "type", "d
|
|
|
837
837
|
}, [
|
|
838
838
|
pe(c.$slots, "label", {}, () => [
|
|
839
839
|
pe(c.$slots, "default", {}, () => [
|
|
840
|
-
|
|
840
|
+
_e(te(c.label), 1)
|
|
841
841
|
])
|
|
842
842
|
])
|
|
843
843
|
], 2)) : P("", !0)
|
|
844
|
-
], 10,
|
|
844
|
+
], 10, mo));
|
|
845
845
|
}
|
|
846
846
|
});
|
|
847
|
-
function
|
|
847
|
+
function fo(t) {
|
|
848
848
|
const e = M(() => [...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;
|
|
@@ -872,7 +872,7 @@ function ko(t) {
|
|
|
872
872
|
}
|
|
873
873
|
};
|
|
874
874
|
}
|
|
875
|
-
function
|
|
875
|
+
function _o(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 bo(t) {
|
|
|
901
901
|
}
|
|
902
902
|
};
|
|
903
903
|
}
|
|
904
|
-
function
|
|
904
|
+
function go() {
|
|
905
905
|
const t = O({
|
|
906
906
|
resizingCol: null,
|
|
907
907
|
startX: 0,
|
|
@@ -916,7 +916,7 @@ function yo() {
|
|
|
916
916
|
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((j) => {
|
|
917
917
|
j.classList.add("vt-table__resizer--active");
|
|
918
918
|
});
|
|
919
|
-
const q = u.clientX - y, F = c.minWidth || 50,
|
|
919
|
+
const q = u.clientX - y, F = c.minWidth || 50, Q = c.maxWidth || 1e3, ee = Math.max(Math.min(L + q, Q), F);
|
|
920
920
|
c.width = ee;
|
|
921
921
|
}, i = () => {
|
|
922
922
|
const { resizingCol: u } = t.value;
|
|
@@ -929,7 +929,7 @@ function yo() {
|
|
|
929
929
|
resizeState: t
|
|
930
930
|
};
|
|
931
931
|
}
|
|
932
|
-
function
|
|
932
|
+
function Co(t, e, o, n) {
|
|
933
933
|
var U;
|
|
934
934
|
const s = t.selectionKey || "id", l = O([]), a = O(null), r = O(!1);
|
|
935
935
|
(U = t.defaultSelection) != null && U.length && (l.value = [...t.defaultSelection]);
|
|
@@ -937,7 +937,7 @@ function xo(t, e, o, n) {
|
|
|
937
937
|
if (r.value) return !1;
|
|
938
938
|
const C = c.value;
|
|
939
939
|
return C > 0 && C < e.value.length;
|
|
940
|
-
}), q = M(() => r.value ? !0 : y.value && !L.value), F = M(() => r.value),
|
|
940
|
+
}), q = M(() => r.value ? !0 : y.value && !L.value), F = M(() => r.value), Q = (C, w) => {
|
|
941
941
|
const S = i(C), G = l.value.some((f) => i(f) === i(C)), d = w !== void 0 ? w : !G;
|
|
942
942
|
if (r.value && !d) {
|
|
943
943
|
r.value = !1, n != null && n.value && (l.value = n.value.filter((f) => i(f) !== S)), H(C, !1);
|
|
@@ -998,7 +998,7 @@ function xo(t, e, o, n) {
|
|
|
998
998
|
isIndeterminate: L,
|
|
999
999
|
isDoubleCheck: F,
|
|
1000
1000
|
isFullSelection: r,
|
|
1001
|
-
toggleRowSelection:
|
|
1001
|
+
toggleRowSelection: Q,
|
|
1002
1002
|
toggleAllSelection: ee,
|
|
1003
1003
|
clearSelection: R,
|
|
1004
1004
|
setCurrentRow: X,
|
|
@@ -1007,7 +1007,7 @@ function xo(t, e, o, n) {
|
|
|
1007
1007
|
selectAbsolutelyAll: E
|
|
1008
1008
|
};
|
|
1009
1009
|
}
|
|
1010
|
-
function
|
|
1010
|
+
function wo(t, e) {
|
|
1011
1011
|
if (!t)
|
|
1012
1012
|
return String(e.value ?? "");
|
|
1013
1013
|
try {
|
|
@@ -1017,54 +1017,54 @@ function Mo(t, e) {
|
|
|
1017
1017
|
return console.error("Error rendering table slot:", o), String(e.value ?? "");
|
|
1018
1018
|
}
|
|
1019
1019
|
}
|
|
1020
|
-
const
|
|
1020
|
+
const ko = (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;
|
|
1024
1024
|
if (t === e) return 0;
|
|
1025
1025
|
let n = 0;
|
|
1026
1026
|
const s = Number(t), l = Number(e);
|
|
1027
|
-
return !isNaN(s) && !isNaN(l) ? n = s - l :
|
|
1027
|
+
return !isNaN(s) && !isNaN(l) ? n = s - l : Te(t) && Te(e) ? n = new Date(t).getTime() - new Date(e).getTime() : typeof t == "boolean" && typeof e == "boolean" ? n = t === e ? 0 : t ? -1 : 1 : n = String(t).localeCompare(String(e), void 0, {
|
|
1028
1028
|
numeric: !0,
|
|
1029
1029
|
sensitivity: "base"
|
|
1030
1030
|
}), o === "desc" ? -n : n;
|
|
1031
|
-
},
|
|
1031
|
+
}, Te = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, bo = (t, e, o) => {
|
|
1032
1032
|
t.sortable && o({
|
|
1033
1033
|
prop: t.prop,
|
|
1034
1034
|
direction: e
|
|
1035
1035
|
});
|
|
1036
|
-
},
|
|
1036
|
+
}, Ee = (t, e) => {
|
|
1037
1037
|
const o = (e == null ? void 0 : e.prop) === t.prop, n = e == null ? void 0 : e.direction;
|
|
1038
1038
|
return {
|
|
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
|
+
}, yo = (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 || ko;
|
|
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 xo {
|
|
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 = at({
|
|
1060
1060
|
setup() {
|
|
1061
1061
|
const i = () => {
|
|
1062
1062
|
s.value = !1, setTimeout(() => {
|
|
1063
|
-
|
|
1063
|
+
ae.closeById(o);
|
|
1064
1064
|
}, 100);
|
|
1065
1065
|
};
|
|
1066
|
-
return () =>
|
|
1067
|
-
|
|
1066
|
+
return () => be(
|
|
1067
|
+
Ze,
|
|
1068
1068
|
{
|
|
1069
1069
|
modelValue: s.value,
|
|
1070
1070
|
"onUpdate:modelValue": i,
|
|
@@ -1076,7 +1076,7 @@ class Io {
|
|
|
1076
1076
|
zIndex: l
|
|
1077
1077
|
},
|
|
1078
1078
|
{
|
|
1079
|
-
default: () => e.component ?
|
|
1079
|
+
default: () => e.component ? be(e.component, e.props || {}) : e.content ? be("div", { innerHTML: e.content }) : null
|
|
1080
1080
|
}
|
|
1081
1081
|
);
|
|
1082
1082
|
}
|
|
@@ -1118,24 +1118,24 @@ class Io {
|
|
|
1118
1118
|
recalculateZIndices() {
|
|
1119
1119
|
}
|
|
1120
1120
|
}
|
|
1121
|
-
const
|
|
1121
|
+
const ae = new xo(), Mo = {
|
|
1122
1122
|
install(t) {
|
|
1123
|
-
t.config.globalProperties.$modal =
|
|
1124
|
-
closeAll: () =>
|
|
1125
|
-
getCount: () =>
|
|
1126
|
-
closeById: (e) =>
|
|
1123
|
+
t.config.globalProperties.$modal = ae, t.config.globalProperties.$modalStack = {
|
|
1124
|
+
closeAll: () => ae.closeAll(),
|
|
1125
|
+
getCount: () => ae.getOpenModalsCount(),
|
|
1126
|
+
closeById: (e) => ae.closeById(e)
|
|
1127
1127
|
};
|
|
1128
1128
|
}
|
|
1129
|
-
},
|
|
1129
|
+
}, Lo = { class: "vt-columns-selector-body" }, $o = { class: "vt-columns-selector" }, So = { class: "vt-columns-selector__panel" }, Io = ["draggable", "onDragstart", "onDragover", "onDrop"], Vo = {
|
|
1130
1130
|
key: 0,
|
|
1131
1131
|
class: "vt-columns-selector__panel-item-pinned"
|
|
1132
|
-
},
|
|
1132
|
+
}, Bo = { class: "vt-columns-selector__available" }, Ro = ["onClick"], To = {
|
|
1133
1133
|
key: 0,
|
|
1134
1134
|
class: "vt-columns-selector__group-columns"
|
|
1135
|
-
},
|
|
1135
|
+
}, Eo = {
|
|
1136
1136
|
key: 0,
|
|
1137
1137
|
class: "vt-columns-selector__pinned-note"
|
|
1138
|
-
},
|
|
1138
|
+
}, zo = { class: "vt-modal__content-button" }, Ho = /* @__PURE__ */ le({
|
|
1139
1139
|
__name: "VTableColumnSelector",
|
|
1140
1140
|
props: {
|
|
1141
1141
|
columns: {},
|
|
@@ -1148,18 +1148,18 @@ const ie = new Io(), Vo = {
|
|
|
1148
1148
|
return o.columnsSelector.forEach((f) => {
|
|
1149
1149
|
if (f.name === "removed")
|
|
1150
1150
|
return;
|
|
1151
|
-
const g = f.columns.map((V) => V.prop),
|
|
1152
|
-
|
|
1151
|
+
const g = f.columns.map((V) => V.prop), k = s.value.filter((V) => g.includes(V.prop));
|
|
1152
|
+
k.length === 0 ? d[f.name] = { checked: !1, indeterminate: !1 } : k.length === f.columns.length ? d[f.name] = { checked: !0, indeterminate: !1 } : d[f.name] = { checked: !1, indeterminate: !0 };
|
|
1153
1153
|
}), d;
|
|
1154
1154
|
}), c = M(() => o.columnsSelector.filter((d) => d.name !== "removed")), y = (d) => d.pinnedLeft || d.pinnedRight, L = (d) => !y(d), q = () => {
|
|
1155
1155
|
const d = s.value;
|
|
1156
1156
|
let f = -1;
|
|
1157
|
-
for (let
|
|
1158
|
-
d[
|
|
1157
|
+
for (let k = 0; k < d.length; k++)
|
|
1158
|
+
d[k].pinnedLeft && (f = k);
|
|
1159
1159
|
let g = d.length;
|
|
1160
|
-
for (let
|
|
1161
|
-
if (d[
|
|
1162
|
-
g =
|
|
1160
|
+
for (let k = 0; k < d.length; k++)
|
|
1161
|
+
if (d[k].pinnedRight) {
|
|
1162
|
+
g = k;
|
|
1163
1163
|
break;
|
|
1164
1164
|
}
|
|
1165
1165
|
return {
|
|
@@ -1169,7 +1169,7 @@ const ie = new Io(), Vo = {
|
|
|
1169
1169
|
}, F = (d) => {
|
|
1170
1170
|
const f = q();
|
|
1171
1171
|
return !(d < f.minIndex || d > f.maxIndex + 1);
|
|
1172
|
-
},
|
|
1172
|
+
}, Q = (d, f) => {
|
|
1173
1173
|
const g = s.value[f];
|
|
1174
1174
|
if (!L(g)) {
|
|
1175
1175
|
d.preventDefault();
|
|
@@ -1179,9 +1179,9 @@ const ie = new Io(), Vo = {
|
|
|
1179
1179
|
}, ee = (d, f) => {
|
|
1180
1180
|
if (a.value === -1) return;
|
|
1181
1181
|
d.preventDefault();
|
|
1182
|
-
const g = d.currentTarget.getBoundingClientRect(),
|
|
1183
|
-
let B = f,
|
|
1184
|
-
|
|
1182
|
+
const g = d.currentTarget.getBoundingClientRect(), k = d.clientY, V = g.top + g.height / 2;
|
|
1183
|
+
let B = f, J = "before";
|
|
1184
|
+
k < V ? (B = f, J = "before") : (B = f + 1, J = "after"), a.value < B && B--, F(B) ? (r.value = f, i.value = J, d.dataTransfer.dropEffect = "move") : (r.value = -1, d.dataTransfer.dropEffect = "none");
|
|
1185
1185
|
}, j = () => {
|
|
1186
1186
|
setTimeout(() => {
|
|
1187
1187
|
a.value === -1 && (r.value = -1);
|
|
@@ -1191,14 +1191,14 @@ const ie = new Io(), Vo = {
|
|
|
1191
1191
|
R();
|
|
1192
1192
|
return;
|
|
1193
1193
|
}
|
|
1194
|
-
const g = d.currentTarget.getBoundingClientRect(),
|
|
1194
|
+
const g = d.currentTarget.getBoundingClientRect(), k = d.clientY, V = g.top + g.height / 2;
|
|
1195
1195
|
let B = f;
|
|
1196
|
-
if (
|
|
1196
|
+
if (k >= V && (B = f + 1), a.value < B && B--, !F(B) || B === a.value) {
|
|
1197
1197
|
R();
|
|
1198
1198
|
return;
|
|
1199
1199
|
}
|
|
1200
|
-
const
|
|
1201
|
-
|
|
1200
|
+
const J = [...s.value], [Ce] = J.splice(a.value, 1);
|
|
1201
|
+
J.splice(B, 0, Ce), s.value = J, R();
|
|
1202
1202
|
}, E = () => {
|
|
1203
1203
|
R();
|
|
1204
1204
|
}, R = () => {
|
|
@@ -1221,15 +1221,15 @@ const ie = new Io(), Vo = {
|
|
|
1221
1221
|
}, H = (d, f) => {
|
|
1222
1222
|
if (f)
|
|
1223
1223
|
d.columns.forEach((g) => {
|
|
1224
|
-
s.value.some((
|
|
1224
|
+
s.value.some((k) => k.prop === g.prop) || s.value.push({ ...g });
|
|
1225
1225
|
});
|
|
1226
1226
|
else {
|
|
1227
1227
|
const g = [];
|
|
1228
|
-
d.columns.forEach((
|
|
1229
|
-
const V = s.value.find((B) => B.prop ===
|
|
1228
|
+
d.columns.forEach((k) => {
|
|
1229
|
+
const V = s.value.find((B) => B.prop === k.prop);
|
|
1230
1230
|
V && !y(V) && g.push(V);
|
|
1231
1231
|
}), s.value = s.value.filter(
|
|
1232
|
-
(
|
|
1232
|
+
(k) => !g.some((V) => V.prop === k.prop)
|
|
1233
1233
|
);
|
|
1234
1234
|
}
|
|
1235
1235
|
}, U = (d) => s.value.some((f) => f.prop === d.prop), C = (d) => {
|
|
@@ -1238,23 +1238,23 @@ const ie = new Io(), Vo = {
|
|
|
1238
1238
|
}, w = (d) => {
|
|
1239
1239
|
l.value.has(d) ? l.value.delete(d) : l.value.add(d);
|
|
1240
1240
|
}, S = () => {
|
|
1241
|
-
n("update-columns", [...s.value]),
|
|
1241
|
+
n("update-columns", [...s.value]), ae.close();
|
|
1242
1242
|
}, G = () => {
|
|
1243
|
-
|
|
1243
|
+
ae.close();
|
|
1244
1244
|
};
|
|
1245
1245
|
return ve(() => {
|
|
1246
1246
|
x();
|
|
1247
|
-
}), (d, f) => (p(), m("div",
|
|
1248
|
-
h("div",
|
|
1249
|
-
h("div",
|
|
1250
|
-
(p(!0), m(
|
|
1247
|
+
}), (d, f) => (p(), m("div", Lo, [
|
|
1248
|
+
h("div", $o, [
|
|
1249
|
+
h("div", So, [
|
|
1250
|
+
(p(!0), m(ne, null, oe(s.value, (g, k) => (p(), m("div", {
|
|
1251
1251
|
key: g.prop,
|
|
1252
|
-
class: W(X(
|
|
1252
|
+
class: W(X(k)),
|
|
1253
1253
|
draggable: L(g),
|
|
1254
|
-
onDragstart: (V) =>
|
|
1255
|
-
onDragover: (V) => ee(V,
|
|
1254
|
+
onDragstart: (V) => Q(V, k),
|
|
1255
|
+
onDragover: (V) => ee(V, k),
|
|
1256
1256
|
onDragleave: j,
|
|
1257
|
-
onDrop: (V) => $(V,
|
|
1257
|
+
onDrop: (V) => $(V, k),
|
|
1258
1258
|
onDragend: E
|
|
1259
1259
|
}, [
|
|
1260
1260
|
Z(Y, {
|
|
@@ -1269,12 +1269,12 @@ const ie = new Io(), Vo = {
|
|
|
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", Vo, "pinned")) : P("", !0)
|
|
1273
|
+
], 42, Io))), 128))
|
|
1274
1274
|
]),
|
|
1275
|
-
h("div",
|
|
1276
|
-
(p(!0), m(
|
|
1277
|
-
var
|
|
1275
|
+
h("div", Bo, [
|
|
1276
|
+
(p(!0), m(ne, null, oe(c.value, (g) => {
|
|
1277
|
+
var k, V;
|
|
1278
1278
|
return p(), m("div", {
|
|
1279
1279
|
key: g.name,
|
|
1280
1280
|
class: "vt-columns-selector__group"
|
|
@@ -1285,20 +1285,20 @@ const ie = new Io(), Vo = {
|
|
|
1285
1285
|
}, [
|
|
1286
1286
|
Z(ue, {
|
|
1287
1287
|
label: g.label,
|
|
1288
|
-
checked: ((
|
|
1288
|
+
checked: ((k = u.value[g.name]) == null ? void 0 : k.checked) || !1,
|
|
1289
1289
|
indeterminate: ((V = u.value[g.name]) == null ? void 0 : V.indeterminate) || !1,
|
|
1290
1290
|
onChange: (B) => H(g, B),
|
|
1291
1291
|
onClick: f[1] || (f[1] = he(() => {
|
|
1292
1292
|
}, ["stop"]))
|
|
1293
1293
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
1294
|
-
g.icon ? (p(),
|
|
1294
|
+
g.icon ? (p(), ce(Y, {
|
|
1295
1295
|
key: 0,
|
|
1296
1296
|
name: g.icon,
|
|
1297
1297
|
class: "vt-columns-selector__group-icon"
|
|
1298
1298
|
}, null, 8, ["name"])) : P("", !0)
|
|
1299
|
-
], 8,
|
|
1300
|
-
l.value.has(g.name) ? (p(), m("div",
|
|
1301
|
-
(p(!0), m(
|
|
1299
|
+
], 8, Ro),
|
|
1300
|
+
l.value.has(g.name) ? (p(), m("div", To, [
|
|
1301
|
+
(p(!0), m(ne, null, oe(g.columns, (B) => (p(), m("div", {
|
|
1302
1302
|
key: B.prop,
|
|
1303
1303
|
class: "vt-columns-selector__group-column"
|
|
1304
1304
|
}, [
|
|
@@ -1306,29 +1306,29 @@ const ie = new Io(), Vo = {
|
|
|
1306
1306
|
label: B.label,
|
|
1307
1307
|
checked: U(B),
|
|
1308
1308
|
disabled: !C(B),
|
|
1309
|
-
onChange: (
|
|
1309
|
+
onChange: (J) => z(B, J)
|
|
1310
1310
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
1311
|
-
C(B) ? P("", !0) : (p(), m("span",
|
|
1311
|
+
C(B) ? P("", !0) : (p(), m("span", Eo, " (закріплена) "))
|
|
1312
1312
|
]))), 128))
|
|
1313
1313
|
])) : P("", !0)
|
|
1314
1314
|
]);
|
|
1315
1315
|
}), 128))
|
|
1316
1316
|
])
|
|
1317
1317
|
]),
|
|
1318
|
-
h("div",
|
|
1319
|
-
Z(
|
|
1320
|
-
default:
|
|
1321
|
-
|
|
1318
|
+
h("div", zo, [
|
|
1319
|
+
Z(ge, { onClick: G }, {
|
|
1320
|
+
default: xe(() => f[2] || (f[2] = [
|
|
1321
|
+
_e("Скасувати", -1)
|
|
1322
1322
|
])),
|
|
1323
1323
|
_: 1,
|
|
1324
1324
|
__: [2]
|
|
1325
1325
|
}),
|
|
1326
|
-
Z(
|
|
1326
|
+
Z(ge, {
|
|
1327
1327
|
type: "primary",
|
|
1328
1328
|
onClick: S
|
|
1329
1329
|
}, {
|
|
1330
|
-
default:
|
|
1331
|
-
|
|
1330
|
+
default: xe(() => f[3] || (f[3] = [
|
|
1331
|
+
_e("Зберегти", -1)
|
|
1332
1332
|
])),
|
|
1333
1333
|
_: 1,
|
|
1334
1334
|
__: [3]
|
|
@@ -1336,7 +1336,7 @@ const ie = new Io(), Vo = {
|
|
|
1336
1336
|
])
|
|
1337
1337
|
]));
|
|
1338
1338
|
}
|
|
1339
|
-
}),
|
|
1339
|
+
}), Wo = /* @__PURE__ */ le({
|
|
1340
1340
|
__name: "ColumnActions",
|
|
1341
1341
|
props: {
|
|
1342
1342
|
column: {},
|
|
@@ -1346,7 +1346,7 @@ const ie = new Io(), Vo = {
|
|
|
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
|
|
1349
|
+
if (await ct(), !s.value || !l.value) return;
|
|
1350
1350
|
const x = l.value.getBoundingClientRect(), z = s.value, H = z.offsetWidth, U = x.left + x.width / 2;
|
|
1351
1351
|
z.style.top = `${x.bottom - 20}px`, z.style.left = `${U - H / 2}px`;
|
|
1352
1352
|
const C = z.getBoundingClientRect();
|
|
@@ -1362,7 +1362,7 @@ const ie = new Io(), Vo = {
|
|
|
1362
1362
|
}, F = (x) => {
|
|
1363
1363
|
var z, H;
|
|
1364
1364
|
!((z = l.value) != null && z.contains(x.target)) && !((H = s.value) != null && H.contains(x.target)) && q();
|
|
1365
|
-
},
|
|
1365
|
+
}, Q = () => {
|
|
1366
1366
|
X() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), q();
|
|
1367
1367
|
}, ee = (x) => ({
|
|
1368
1368
|
name: "removed",
|
|
@@ -1382,7 +1382,7 @@ const ie = new Io(), Vo = {
|
|
|
1382
1382
|
if (!z.has(S)) {
|
|
1383
1383
|
let d;
|
|
1384
1384
|
(G = o.columnsSelector) == null || G.forEach((f) => {
|
|
1385
|
-
const g = f.columns.find((
|
|
1385
|
+
const g = f.columns.find((k) => k.prop === S);
|
|
1386
1386
|
g && (d = g);
|
|
1387
1387
|
}), d || (d = o.allColumns.find((f) => f.prop === S)), d && U.push(d);
|
|
1388
1388
|
}
|
|
@@ -1390,8 +1390,8 @@ const ie = new Io(), Vo = {
|
|
|
1390
1390
|
const C = [...o.columnsSelector || []];
|
|
1391
1391
|
U.length > 0 && C.push(ee(U)), u.value = C;
|
|
1392
1392
|
}, $ = () => {
|
|
1393
|
-
j(o.allColumns),
|
|
1394
|
-
component:
|
|
1393
|
+
j(o.allColumns), ae.open({
|
|
1394
|
+
component: Ho,
|
|
1395
1395
|
title: "Управління колонками таблиці",
|
|
1396
1396
|
props: {
|
|
1397
1397
|
columns: o.allColumns,
|
|
@@ -1408,7 +1408,7 @@ const ie = new Io(), Vo = {
|
|
|
1408
1408
|
}, E = () => o.column.pinnedLeft, R = () => o.column.pinnedRight, X = () => E() || R();
|
|
1409
1409
|
return ve(() => {
|
|
1410
1410
|
document.addEventListener("click", F), l.value && (a.value = l.value.closest("th")), j(o.allColumns);
|
|
1411
|
-
}),
|
|
1411
|
+
}), $e(() => {
|
|
1412
1412
|
document.removeEventListener("click", F);
|
|
1413
1413
|
}), (x, z) => (p(), m("div", {
|
|
1414
1414
|
ref_key: "triggerRef",
|
|
@@ -1423,7 +1423,7 @@ const ie = new Io(), Vo = {
|
|
|
1423
1423
|
ref: s,
|
|
1424
1424
|
class: W(["dropdown-menu", "vt-table-dropdown", { visible: r.value }])
|
|
1425
1425
|
}, [
|
|
1426
|
-
h("li", { onClick:
|
|
1426
|
+
h("li", { onClick: Q }, [
|
|
1427
1427
|
Z(Y, {
|
|
1428
1428
|
name: X() ? "unfreeze" : "freeze"
|
|
1429
1429
|
}, null, 8, ["name"]),
|
|
@@ -1436,21 +1436,21 @@ const ie = new Io(), Vo = {
|
|
|
1436
1436
|
], 2)) : P("", !0)
|
|
1437
1437
|
], 512));
|
|
1438
1438
|
}
|
|
1439
|
-
}),
|
|
1439
|
+
}), Do = { class: "vt-table" }, Po = { class: "vt-th__content" }, Ao = { class: "vt-th__content" }, Oo = { class: "vt-th__label" }, jo = {
|
|
1440
1440
|
key: 0,
|
|
1441
1441
|
class: "vt-th__sortable"
|
|
1442
|
-
},
|
|
1442
|
+
}, No = ["data-resizer", "onMousedown"], Fo = {
|
|
1443
1443
|
key: 0,
|
|
1444
1444
|
class: "vt-table__empty-row"
|
|
1445
|
-
},
|
|
1445
|
+
}, Zo = ["colspan"], Uo = { class: "vt-table__empty-content" }, Ko = ["onClick"], qo = { class: "vt-table__cell-content" }, Xo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, Go = { key: 1 }, Yo = ["data-resizer", "onMousedown"], Jo = {
|
|
1446
1446
|
key: 0,
|
|
1447
1447
|
class: "vt-table__summary"
|
|
1448
|
-
},
|
|
1448
|
+
}, Qo = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, el = /* @__PURE__ */ le({
|
|
1449
1449
|
__name: "VTable",
|
|
1450
|
-
props: /* @__PURE__ */
|
|
1450
|
+
props: /* @__PURE__ */ Re({
|
|
1451
1451
|
data: {},
|
|
1452
1452
|
maxHeight: { default: void 0 },
|
|
1453
|
-
rowKey: { default:
|
|
1453
|
+
rowKey: { default: "id" },
|
|
1454
1454
|
defaultSort: {},
|
|
1455
1455
|
showSummary: { type: Boolean, default: !1 },
|
|
1456
1456
|
summaryMethod: {},
|
|
@@ -1469,11 +1469,11 @@ const ie = new Io(), Vo = {
|
|
|
1469
1469
|
},
|
|
1470
1470
|
columnsModifiers: {}
|
|
1471
1471
|
}),
|
|
1472
|
-
emits: /* @__PURE__ */
|
|
1472
|
+
emits: /* @__PURE__ */ Re(["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 =
|
|
1474
|
+
const n = t, s = o, l = ut(t, "columns"), a = O({}), r = O(), i = dt([]), u = O(n.defaultSort || null), c = M(() => l.value !== void 0), y = M(() => n.data && n.data.length > 0), L = O(!1), q = O(0);
|
|
1475
1475
|
let F;
|
|
1476
|
-
const
|
|
1476
|
+
const Q = (v, _) => n.rowKey && v[n.rowKey] != null ? `row_${v[n.rowKey]}` : `row_${_}`, ee = () => {
|
|
1477
1477
|
c.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(
|
|
@@ -1488,11 +1488,11 @@ const ie = new Io(), Vo = {
|
|
|
1488
1488
|
v && !c.value && i.splice(0, i.length, ...v);
|
|
1489
1489
|
},
|
|
1490
1490
|
{ deep: !0 }
|
|
1491
|
-
),
|
|
1492
|
-
const { sortedColumns: j, getDefaultColumnWidth: $, getStickyOffset: E } =
|
|
1493
|
-
width: `${
|
|
1494
|
-
minWidth: `${
|
|
1495
|
-
maxWidth: `${
|
|
1491
|
+
), pt("vt-table-columns", i);
|
|
1492
|
+
const { sortedColumns: j, getDefaultColumnWidth: $, getStickyOffset: E } = fo(i), { getTableWrapperStyle: R, getColumnStyle: X, getHeaderStyle: x, getFooterStyle: z } = _o(n), { onMouseDown: H } = go(), U = M(() => yo(n.data, u.value, i)), C = M(() => n.allData || n.data), w = n.selectable ? Co(n, U, s, C) : null, S = () => ({
|
|
1493
|
+
width: `${ye}px`,
|
|
1494
|
+
minWidth: `${ye}px`,
|
|
1495
|
+
maxWidth: `${ye}px`,
|
|
1496
1496
|
left: "0px",
|
|
1497
1497
|
position: "sticky",
|
|
1498
1498
|
zIndex: 10
|
|
@@ -1516,8 +1516,8 @@ const ie = new Io(), Vo = {
|
|
|
1516
1516
|
if (!r.value || L.value) return;
|
|
1517
1517
|
const v = r.value, _ = v.scrollTop, I = v.scrollHeight, T = v.clientHeight, A = 30;
|
|
1518
1518
|
F && clearTimeout(F), F = setTimeout(() => {
|
|
1519
|
-
const fe = _ - q.value > 1,
|
|
1520
|
-
q.value = _, fe && (
|
|
1519
|
+
const fe = _ - q.value > 1, b = I - _ - T <= A, se = I - _ - T <= 5;
|
|
1520
|
+
q.value = _, fe && (b || se) && (L.value = !0, s("infinity-scroll"), setTimeout(() => {
|
|
1521
1521
|
L.value = !1;
|
|
1522
1522
|
}, 1e3));
|
|
1523
1523
|
}, 50);
|
|
@@ -1526,11 +1526,11 @@ const ie = new Io(), Vo = {
|
|
|
1526
1526
|
};
|
|
1527
1527
|
ve(() => {
|
|
1528
1528
|
r.value && r.value.addEventListener("scroll", f);
|
|
1529
|
-
}),
|
|
1529
|
+
}), $e(() => {
|
|
1530
1530
|
F && clearTimeout(F), r.value && r.value.removeEventListener("scroll", f);
|
|
1531
1531
|
});
|
|
1532
|
-
const
|
|
1533
|
-
|
|
1532
|
+
const k = (v, _) => {
|
|
1533
|
+
bo(v, _, (I) => {
|
|
1534
1534
|
var T, A;
|
|
1535
1535
|
((T = u.value) == null ? void 0 : T.prop) === v.prop && u.value.direction === _ ? u.value = null : u.value = I, s("sort-change", {
|
|
1536
1536
|
column: v,
|
|
@@ -1544,10 +1544,10 @@ const ie = new Io(), Vo = {
|
|
|
1544
1544
|
pinnedLeft: _ === "left",
|
|
1545
1545
|
pinnedRight: _ === "right"
|
|
1546
1546
|
};
|
|
1547
|
-
|
|
1547
|
+
J(v.prop, I), s("column-pin", { column: { ...v, ...I }, position: _ });
|
|
1548
1548
|
}, B = (v) => {
|
|
1549
1549
|
i.splice(0, i.length, ...v), c.value && (l.value = [...v]), s("columns-change", [...v]);
|
|
1550
|
-
},
|
|
1550
|
+
}, J = (v, _) => {
|
|
1551
1551
|
const I = i.findIndex((T) => T.prop === v);
|
|
1552
1552
|
if (I !== -1) {
|
|
1553
1553
|
if (Object.assign(i[I], _), c.value && l.value) {
|
|
@@ -1565,28 +1565,28 @@ const ie = new Io(), Vo = {
|
|
|
1565
1565
|
"Доступні колонки:",
|
|
1566
1566
|
i.map((T) => T.prop)
|
|
1567
1567
|
);
|
|
1568
|
-
},
|
|
1568
|
+
}, Ce = (v, _, I) => {
|
|
1569
1569
|
s("row-click", { row: v, column: _, event: I }), n.highlightCurrentRow && w && w.setCurrentRow(v);
|
|
1570
|
-
},
|
|
1570
|
+
}, Ue = (v, _, I) => {
|
|
1571
1571
|
I.stopPropagation(), w && w.toggleRowSelection(_, v);
|
|
1572
|
-
},
|
|
1572
|
+
}, Ke = (v, _) => {
|
|
1573
1573
|
_.stopPropagation(), w && w.toggleAllSelection();
|
|
1574
|
-
},
|
|
1574
|
+
}, Se = (v, _) => {
|
|
1575
1575
|
v && (a.value[_] = v);
|
|
1576
|
-
},
|
|
1576
|
+
}, Ie = (v, _) => {
|
|
1577
1577
|
const I = _.width || $();
|
|
1578
1578
|
H(v, _, $, (T) => {
|
|
1579
|
-
|
|
1579
|
+
J(_.prop, { width: T }), s("column-resize", {
|
|
1580
1580
|
column: { ..._, width: T },
|
|
1581
1581
|
width: T,
|
|
1582
1582
|
oldWidth: I
|
|
1583
1583
|
});
|
|
1584
1584
|
});
|
|
1585
|
-
},
|
|
1585
|
+
}, qe = (v, _) => X(v, _, E, $), Xe = (v, _) => x(v, _, E, $), Ge = (v, _) => z(v, _, E, $), Ye = (v, _) => {
|
|
1586
1586
|
if (!_ || !_.prop) return "";
|
|
1587
1587
|
const I = v[_.prop];
|
|
1588
1588
|
return I == null ? "" : String(I);
|
|
1589
|
-
},
|
|
1589
|
+
}, Je = M(() => {
|
|
1590
1590
|
if (!n.showSummary || !y.value) return {};
|
|
1591
1591
|
const v = i;
|
|
1592
1592
|
if (typeof n.summaryMethod == "function") {
|
|
@@ -1603,40 +1603,40 @@ const ie = new Io(), Vo = {
|
|
|
1603
1603
|
},
|
|
1604
1604
|
{}
|
|
1605
1605
|
);
|
|
1606
|
-
}),
|
|
1606
|
+
}), Qe = M(() => n.showSummary && y.value), et = (v, _) => {
|
|
1607
1607
|
w && w.toggleRowSelection(v, _);
|
|
1608
|
-
},
|
|
1608
|
+
}, tt = () => {
|
|
1609
1609
|
w && w.toggleAllSelection();
|
|
1610
|
-
},
|
|
1610
|
+
}, nt = () => {
|
|
1611
1611
|
w && w.selectAbsolutelyAll();
|
|
1612
|
-
},
|
|
1612
|
+
}, ot = () => {
|
|
1613
1613
|
w && w.clearSelection();
|
|
1614
|
-
},
|
|
1614
|
+
}, lt = () => w ? w.getSelectionRows() : [], st = (v) => {
|
|
1615
1615
|
w && w.setSelectionRows(v);
|
|
1616
1616
|
};
|
|
1617
1617
|
return ve(() => {
|
|
1618
1618
|
ee();
|
|
1619
1619
|
}), e({
|
|
1620
|
-
toggleRowSelection:
|
|
1621
|
-
toggleAllSelection:
|
|
1622
|
-
selectAbsolutelyAll:
|
|
1623
|
-
clearSelection:
|
|
1624
|
-
getSelectionRows:
|
|
1625
|
-
setSelectionRows:
|
|
1620
|
+
toggleRowSelection: et,
|
|
1621
|
+
toggleAllSelection: tt,
|
|
1622
|
+
selectAbsolutelyAll: nt,
|
|
1623
|
+
clearSelection: ot,
|
|
1624
|
+
getSelectionRows: lt,
|
|
1625
|
+
setSelectionRows: st,
|
|
1626
1626
|
resetInfinityScroll: g
|
|
1627
1627
|
// Додаємо метод для скидання infinity scroll
|
|
1628
1628
|
}), (v, _) => {
|
|
1629
1629
|
var T, A, de, fe;
|
|
1630
|
-
const I =
|
|
1630
|
+
const I = Ne("tooltip");
|
|
1631
1631
|
return p(), m("div", {
|
|
1632
1632
|
ref_key: "tableWrapperRef",
|
|
1633
1633
|
ref: r,
|
|
1634
1634
|
class: "vt-table-wrapper",
|
|
1635
|
-
style:
|
|
1635
|
+
style: ie(K(R)()),
|
|
1636
1636
|
onScroll: f
|
|
1637
1637
|
}, [
|
|
1638
1638
|
pe(v.$slots, "default"),
|
|
1639
|
-
h("table",
|
|
1639
|
+
h("table", Do, [
|
|
1640
1640
|
h("thead", null, [
|
|
1641
1641
|
h("tr", null, [
|
|
1642
1642
|
n.selectable ? (p(), m("th", {
|
|
@@ -1645,49 +1645,49 @@ const ie = new Io(), Vo = {
|
|
|
1645
1645
|
"vt-table__th--sticky": n.maxHeight,
|
|
1646
1646
|
"vt-table__th--pinned-left": !0
|
|
1647
1647
|
}]),
|
|
1648
|
-
style:
|
|
1648
|
+
style: ie(G())
|
|
1649
1649
|
}, [
|
|
1650
|
-
h("div",
|
|
1650
|
+
h("div", Po, [
|
|
1651
1651
|
Z(ue, {
|
|
1652
1652
|
checked: (T = K(w)) == null ? void 0 : T.isAllSelected.value,
|
|
1653
1653
|
indeterminate: (A = K(w)) == null ? void 0 : A.isIndeterminate.value,
|
|
1654
1654
|
"is-double": (fe = (de = K(w)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
|
|
1655
|
-
onChange:
|
|
1655
|
+
onChange: Ke
|
|
1656
1656
|
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
1657
1657
|
])
|
|
1658
1658
|
], 6)) : P("", !0),
|
|
1659
|
-
(p(!0), m(
|
|
1660
|
-
key:
|
|
1659
|
+
(p(!0), m(ne, null, oe(K(j), (b, se) => (p(), m("th", {
|
|
1660
|
+
key: b.prop,
|
|
1661
1661
|
ref_for: !0,
|
|
1662
|
-
ref: (
|
|
1663
|
-
style:
|
|
1662
|
+
ref: (re) => Se(re, b.prop),
|
|
1663
|
+
style: ie(Xe(b, se)),
|
|
1664
1664
|
class: W([
|
|
1665
1665
|
"vt-table__th",
|
|
1666
1666
|
{
|
|
1667
1667
|
"vt-table__th--sticky": n.maxHeight,
|
|
1668
|
-
"vt-table__th--pinned-left":
|
|
1669
|
-
"vt-table__th--pinned-right":
|
|
1670
|
-
"vt-table__th--sortable":
|
|
1668
|
+
"vt-table__th--pinned-left": b.pinnedLeft,
|
|
1669
|
+
"vt-table__th--pinned-right": b.pinnedRight,
|
|
1670
|
+
"vt-table__th--sortable": b.sortable
|
|
1671
1671
|
}
|
|
1672
1672
|
])
|
|
1673
1673
|
}, [
|
|
1674
|
-
h("div",
|
|
1675
|
-
h("div",
|
|
1676
|
-
|
|
1674
|
+
h("div", Ao, [
|
|
1675
|
+
h("div", Oo, te(b.label), 1),
|
|
1676
|
+
b.sortable ? (p(), m("div", jo, [
|
|
1677
1677
|
Z(Y, {
|
|
1678
1678
|
name: "arrowTop",
|
|
1679
|
-
class: W(K(
|
|
1680
|
-
onClick: he((
|
|
1679
|
+
class: W(K(Ee)(b, u.value).asc),
|
|
1680
|
+
onClick: he((re) => k(b, "asc"), ["stop"])
|
|
1681
1681
|
}, null, 8, ["class", "onClick"]),
|
|
1682
1682
|
Z(Y, {
|
|
1683
1683
|
name: "arrowDown",
|
|
1684
|
-
class: W(K(
|
|
1685
|
-
onClick: he((
|
|
1684
|
+
class: W(K(Ee)(b, u.value).desc),
|
|
1685
|
+
onClick: he((re) => k(b, "desc"), ["stop"])
|
|
1686
1686
|
}, null, 8, ["class", "onClick"])
|
|
1687
1687
|
])) : P("", !0),
|
|
1688
|
-
|
|
1688
|
+
b.actionColumn ? (p(), ce(Wo, {
|
|
1689
1689
|
key: 1,
|
|
1690
|
-
column:
|
|
1690
|
+
column: b,
|
|
1691
1691
|
"all-columns": K(j),
|
|
1692
1692
|
columnsSelector: n.columnsSelector,
|
|
1693
1693
|
onPin: V,
|
|
@@ -1696,48 +1696,46 @@ const ie = new Io(), Vo = {
|
|
|
1696
1696
|
]),
|
|
1697
1697
|
h("div", {
|
|
1698
1698
|
class: "vt-table__resizer",
|
|
1699
|
-
"data-resizer":
|
|
1700
|
-
onMousedown: (
|
|
1701
|
-
}, null, 40,
|
|
1699
|
+
"data-resizer": b.prop,
|
|
1700
|
+
onMousedown: (re) => Ie(re, b)
|
|
1701
|
+
}, null, 40, No)
|
|
1702
1702
|
], 6))), 128))
|
|
1703
1703
|
])
|
|
1704
1704
|
]),
|
|
1705
1705
|
h("tbody", null, [
|
|
1706
|
-
y.value ? (p(!0), m(
|
|
1707
|
-
var
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
const Re = (p(), m("tr", {
|
|
1711
|
-
key: J(k, ne),
|
|
1706
|
+
y.value ? (p(!0), m(ne, { key: 1 }, oe(U.value, (b, se) => {
|
|
1707
|
+
var re, Ve, Be;
|
|
1708
|
+
return p(), m("tr", {
|
|
1709
|
+
key: Q(b, se),
|
|
1712
1710
|
class: W([
|
|
1713
1711
|
"vt-table__row",
|
|
1714
1712
|
{
|
|
1715
|
-
"vt-table__row--selected": (
|
|
1716
|
-
"vt-table__row--current": ((
|
|
1713
|
+
"vt-table__row--selected": (re = K(w)) == null ? void 0 : re.isRowSelected(b),
|
|
1714
|
+
"vt-table__row--current": ((Ve = K(w)) == null ? void 0 : Ve.currentRow.value) === b,
|
|
1717
1715
|
"vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
|
|
1718
1716
|
}
|
|
1719
1717
|
]),
|
|
1720
|
-
onClick: (N) =>
|
|
1718
|
+
onClick: (N) => Ce(b, K(j)[0], N)
|
|
1721
1719
|
}, [
|
|
1722
1720
|
n.selectable ? (p(), m("td", {
|
|
1723
1721
|
key: 0,
|
|
1724
1722
|
class: W(["vt-table__td vt-table__td--selection", {
|
|
1725
1723
|
"vt-table__td--pinned-left": !0
|
|
1726
1724
|
}]),
|
|
1727
|
-
style:
|
|
1725
|
+
style: ie(S())
|
|
1728
1726
|
}, [
|
|
1729
|
-
h("div",
|
|
1727
|
+
h("div", qo, [
|
|
1730
1728
|
Z(ue, {
|
|
1731
|
-
checked: (
|
|
1732
|
-
onChange: (N,
|
|
1729
|
+
checked: (Be = K(w)) == null ? void 0 : Be.isRowSelected(b),
|
|
1730
|
+
onChange: (N, we) => Ue(N, b, we)
|
|
1733
1731
|
}, null, 8, ["checked", "onChange"])
|
|
1734
1732
|
])
|
|
1735
1733
|
], 4)) : P("", !0),
|
|
1736
|
-
(p(!0), m(
|
|
1734
|
+
(p(!0), m(ne, null, oe(K(j), (N, we) => (p(), m("td", {
|
|
1737
1735
|
key: N.prop,
|
|
1738
1736
|
ref_for: !0,
|
|
1739
|
-
ref: (
|
|
1740
|
-
style:
|
|
1737
|
+
ref: (ke) => Se(ke, N.prop),
|
|
1738
|
+
style: ie(qe(N, we)),
|
|
1741
1739
|
class: W([
|
|
1742
1740
|
"vt-table__td",
|
|
1743
1741
|
{
|
|
@@ -1746,57 +1744,56 @@ const ie = new Io(), Vo = {
|
|
|
1746
1744
|
}
|
|
1747
1745
|
])
|
|
1748
1746
|
}, [
|
|
1749
|
-
|
|
1750
|
-
N.renderSlot ? (p(),
|
|
1747
|
+
Le((p(), m("div", Xo, [
|
|
1748
|
+
N.renderSlot ? (p(), ce(Oe(() => K(wo)(N.renderSlot, { row: b, column: N, value: b[N.prop], index: se })), { key: 0 })) : (p(), m("span", Go, te(b[N.prop]), 1))
|
|
1751
1749
|
])), [
|
|
1752
|
-
[I, N.showOverflowTooltip ?
|
|
1750
|
+
[I, N.showOverflowTooltip ? Ye(b, N) : null]
|
|
1753
1751
|
]),
|
|
1754
1752
|
h("div", {
|
|
1755
1753
|
class: "vt-table__resizer",
|
|
1756
1754
|
"data-resizer": N.prop,
|
|
1757
|
-
onMousedown: (
|
|
1758
|
-
}, null, 40,
|
|
1755
|
+
onMousedown: (ke) => Ie(ke, N)
|
|
1756
|
+
}, null, 40, Yo)
|
|
1759
1757
|
], 6))), 128))
|
|
1760
|
-
], 10,
|
|
1761
|
-
|
|
1762
|
-
}, _, 0), 128)) : (p(), m("tr", Xo, [
|
|
1758
|
+
], 10, Ko);
|
|
1759
|
+
}), 128)) : (p(), m("tr", Fo, [
|
|
1763
1760
|
h("td", {
|
|
1764
1761
|
colspan: K(j).length + (n.selectable ? 1 : 0),
|
|
1765
1762
|
class: "vt-table__empty-cell"
|
|
1766
1763
|
}, [
|
|
1767
|
-
h("div",
|
|
1764
|
+
h("div", Uo, [
|
|
1768
1765
|
Z(Y, {
|
|
1769
1766
|
name: "empty",
|
|
1770
1767
|
class: "vt-table__empty-icon"
|
|
1771
1768
|
}),
|
|
1772
|
-
_[
|
|
1769
|
+
_[0] || (_[0] = h("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
1773
1770
|
])
|
|
1774
|
-
], 8,
|
|
1771
|
+
], 8, Zo)
|
|
1775
1772
|
]))
|
|
1776
1773
|
]),
|
|
1777
|
-
|
|
1774
|
+
Qe.value ? (p(), m("tfoot", Jo, [
|
|
1778
1775
|
h("tr", null, [
|
|
1779
1776
|
n.selectable ? (p(), m("td", {
|
|
1780
1777
|
key: 0,
|
|
1781
1778
|
class: W(["vt-table__td", {
|
|
1782
1779
|
"vt-table__td--pinned-left": !0
|
|
1783
1780
|
}]),
|
|
1784
|
-
style:
|
|
1785
|
-
}, _[
|
|
1781
|
+
style: ie(d())
|
|
1782
|
+
}, _[1] || (_[1] = [
|
|
1786
1783
|
h("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
1787
1784
|
]), 4)) : P("", !0),
|
|
1788
|
-
(p(!0), m(
|
|
1789
|
-
key:
|
|
1790
|
-
style:
|
|
1785
|
+
(p(!0), m(ne, null, oe(K(j), (b, se) => (p(), m("td", {
|
|
1786
|
+
key: b.prop,
|
|
1787
|
+
style: ie(Ge(b, se)),
|
|
1791
1788
|
class: W([
|
|
1792
1789
|
"vt-table__td",
|
|
1793
1790
|
{
|
|
1794
|
-
"vt-table__td--pinned-left":
|
|
1795
|
-
"vt-table__td--pinned-right":
|
|
1791
|
+
"vt-table__td--pinned-left": b.pinnedLeft,
|
|
1792
|
+
"vt-table__td--pinned-right": b.pinnedRight
|
|
1796
1793
|
}
|
|
1797
1794
|
])
|
|
1798
1795
|
}, [
|
|
1799
|
-
h("div",
|
|
1796
|
+
h("div", Qo, te(Je.value[b.prop]), 1)
|
|
1800
1797
|
], 6))), 128))
|
|
1801
1798
|
])
|
|
1802
1799
|
])) : P("", !0)
|
|
@@ -1804,7 +1801,7 @@ const ie = new Io(), Vo = {
|
|
|
1804
1801
|
], 36);
|
|
1805
1802
|
};
|
|
1806
1803
|
}
|
|
1807
|
-
}),
|
|
1804
|
+
}), tl = /* @__PURE__ */ le({
|
|
1808
1805
|
__name: "VTableColumn",
|
|
1809
1806
|
props: {
|
|
1810
1807
|
prop: {},
|
|
@@ -1822,7 +1819,7 @@ const ie = new Io(), Vo = {
|
|
|
1822
1819
|
sortMethod: {}
|
|
1823
1820
|
},
|
|
1824
1821
|
setup(t) {
|
|
1825
|
-
const e = t, o =
|
|
1822
|
+
const e = t, o = je(), n = ht("vt-table-columns");
|
|
1826
1823
|
n || console.error(
|
|
1827
1824
|
"VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
|
|
1828
1825
|
);
|
|
@@ -1874,14 +1871,14 @@ const ie = new Io(), Vo = {
|
|
|
1874
1871
|
}
|
|
1875
1872
|
},
|
|
1876
1873
|
{ deep: !0 }
|
|
1877
|
-
),
|
|
1874
|
+
), $e(() => {
|
|
1878
1875
|
if (n) {
|
|
1879
1876
|
const a = n.findIndex((r) => r.prop === e.prop);
|
|
1880
1877
|
a > -1 && n.splice(a, 1);
|
|
1881
1878
|
}
|
|
1882
1879
|
}), (a, r) => null;
|
|
1883
1880
|
}
|
|
1884
|
-
}),
|
|
1881
|
+
}), ze = (t, e) => {
|
|
1885
1882
|
const o = document.createElement("div");
|
|
1886
1883
|
o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
|
|
1887
1884
|
position: "absolute",
|
|
@@ -1947,7 +1944,7 @@ const ie = new Io(), Vo = {
|
|
|
1947
1944
|
break;
|
|
1948
1945
|
}
|
|
1949
1946
|
return o.appendChild(n), o;
|
|
1950
|
-
},
|
|
1947
|
+
}, Me = (t, e, o) => {
|
|
1951
1948
|
const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
|
|
1952
1949
|
let r = 0, i = 0;
|
|
1953
1950
|
switch (o) {
|
|
@@ -1966,25 +1963,25 @@ const ie = new Io(), Vo = {
|
|
|
1966
1963
|
}
|
|
1967
1964
|
const u = window.innerWidth, c = window.innerHeight;
|
|
1968
1965
|
i < 8 ? i = 8 : i + s.width > u - 8 && (i = u - s.width - 8), r < a + 8 ? o === "top" ? r = n.bottom + a + 8 : r = a + 8 : r + s.height > a + c - 8 && (o === "bottom" ? r = n.top + a - s.height - 8 : r = a + c - s.height - 8), t.style.top = `${r}px`, t.style.left = `${i}px`;
|
|
1969
|
-
},
|
|
1970
|
-
t.parentElement || document.body.appendChild(t), t.style.visibility = "visible",
|
|
1966
|
+
}, He = (t, e, o) => {
|
|
1967
|
+
t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Me(t, e, o), requestAnimationFrame(() => {
|
|
1971
1968
|
t.style.opacity = "1";
|
|
1972
1969
|
});
|
|
1973
|
-
},
|
|
1970
|
+
}, We = (t) => {
|
|
1974
1971
|
t.style.opacity = "0", t.style.visibility = "hidden";
|
|
1975
|
-
},
|
|
1972
|
+
}, De = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Pe = (t) => !!t.closest(".vt-table, table"), nl = {
|
|
1976
1973
|
mounted(t, e) {
|
|
1977
1974
|
var i;
|
|
1978
1975
|
const o = (i = e.value) == null ? void 0 : i.trim();
|
|
1979
1976
|
if (!o) return;
|
|
1980
|
-
const n = t.dataset.placement || "top", s =
|
|
1977
|
+
const n = t.dataset.placement || "top", s = ze(o, n);
|
|
1981
1978
|
t.__tooltipEl = s;
|
|
1982
1979
|
const l = () => {
|
|
1983
|
-
(
|
|
1980
|
+
(Pe(t) ? De(t) : !0) && He(s, t, n);
|
|
1984
1981
|
}, a = () => {
|
|
1985
|
-
|
|
1982
|
+
We(s);
|
|
1986
1983
|
}, r = () => {
|
|
1987
|
-
s.style.opacity === "1" &&
|
|
1984
|
+
s.style.opacity === "1" && Me(s, t, n);
|
|
1988
1985
|
};
|
|
1989
1986
|
t.__mouseenterHandler = l, t.__mouseleaveHandler = a, t.__scrollHandler = r, t.addEventListener("mouseenter", l), t.addEventListener("mouseleave", a), window.addEventListener("scroll", r, !0), window.addEventListener("resize", r);
|
|
1990
1987
|
},
|
|
@@ -1994,14 +1991,14 @@ const ie = new Io(), Vo = {
|
|
|
1994
1991
|
if (t.__tooltipEl)
|
|
1995
1992
|
o ? t.__tooltipEl.firstChild.textContent = o : (t.__tooltipEl.parentElement && t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl);
|
|
1996
1993
|
else if (o) {
|
|
1997
|
-
const s = t.dataset.placement || "top", l =
|
|
1994
|
+
const s = t.dataset.placement || "top", l = ze(o, s);
|
|
1998
1995
|
t.__tooltipEl = l;
|
|
1999
1996
|
const a = () => {
|
|
2000
|
-
(
|
|
1997
|
+
(Pe(t) ? De(t) : !0) && He(l, t, s);
|
|
2001
1998
|
}, r = () => {
|
|
2002
|
-
|
|
1999
|
+
We(l);
|
|
2003
2000
|
}, i = () => {
|
|
2004
|
-
l.style.opacity === "1" &&
|
|
2001
|
+
l.style.opacity === "1" && Me(l, t, s);
|
|
2005
2002
|
};
|
|
2006
2003
|
t.__mouseenterHandler = a, t.__mouseleaveHandler = r, t.__scrollHandler = i, t.addEventListener("mouseenter", a), t.addEventListener("mouseleave", r), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
|
|
2007
2004
|
}
|
|
@@ -2009,32 +2006,32 @@ const ie = new Io(), Vo = {
|
|
|
2009
2006
|
beforeUnmount(t) {
|
|
2010
2007
|
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);
|
|
2011
2008
|
}
|
|
2012
|
-
},
|
|
2009
|
+
}, sl = {
|
|
2013
2010
|
sortable: !0,
|
|
2014
2011
|
actionColumn: !1,
|
|
2015
2012
|
showOverflowTooltip: !0,
|
|
2016
2013
|
visible: !0,
|
|
2017
2014
|
pinnedLeft: !1,
|
|
2018
2015
|
pinnedRight: !1
|
|
2019
|
-
},
|
|
2016
|
+
}, ol = {
|
|
2020
2017
|
install(t, e = {}) {
|
|
2021
2018
|
const { prefix: o = "V", modal: n = !0 } = e;
|
|
2022
|
-
t.component(`${o}Button`,
|
|
2019
|
+
t.component(`${o}Button`, ge), t.component(`${o}Icon`, Y), t.component(`${o}Loader`, Fe), t.component(`${o}Modal`, Ze), t.component(`${o}Pagination`, ho), t.component(`${o}Checkbox`, ue), t.component(`${o}Table`, el), t.component(`${o}TableColumn`, tl), t.directive("tooltip", nl), n && t.use(Mo);
|
|
2023
2020
|
}
|
|
2024
|
-
},
|
|
2021
|
+
}, rl = ol.install;
|
|
2025
2022
|
export {
|
|
2026
|
-
|
|
2027
|
-
|
|
2023
|
+
sl as DEFAULT_COLUMN_CONFIG,
|
|
2024
|
+
ge as VButton,
|
|
2028
2025
|
ue as VCheckbox,
|
|
2029
2026
|
Y as VIcon,
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2027
|
+
Fe as VLoader,
|
|
2028
|
+
Ze as VModal,
|
|
2029
|
+
Mo as VModalPlugin,
|
|
2030
|
+
ho as VPagination,
|
|
2031
|
+
el as VTable,
|
|
2032
|
+
tl as VTableColumn,
|
|
2033
|
+
ol as default,
|
|
2034
|
+
rl as install,
|
|
2035
|
+
ae as modalManager,
|
|
2036
|
+
nl as tooltipDirective
|
|
2040
2037
|
};
|