voiptime-components 0.0.17 → 0.0.19
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.d.ts +38 -17
- package/dist/index.es.js +423 -410
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as f, openBlock as p, createElementVNode as _, defineComponent as le, computed as x, createBlock as re, createCommentVNode as H, resolveDynamicComponent as Oe, useSlots as Me, resolveDirective as je, withDirectives as $e, normalizeClass as W, renderSlot as pe, Teleport as lt, normalizeStyle as ie, withModifiers as me, toDisplayString as te, watch as he, Fragment as ne, renderList as oe, vModelSelect as st, createVNode as Z, withCtx as xe, createTextVNode as _e, ref as D, createApp as it, h as ke, onMounted as ve, onUnmounted as Le, nextTick as at, mergeModels as ze, useModel as rt, reactive as ct, provide as ut, unref as U, inject as dt } from "vue";
|
|
2
|
+
const K = (e, t) => {
|
|
3
3
|
const o = e.__vccOpts || e;
|
|
4
4
|
for (const [n, s] of t)
|
|
5
5
|
o[n] = s;
|
|
@@ -12,8 +12,8 @@ const G = (e, t) => {
|
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
13
|
};
|
|
14
14
|
function ht(e, t) {
|
|
15
|
-
return
|
|
16
|
-
|
|
15
|
+
return p(), f("svg", mt, t[0] || (t[0] = [
|
|
16
|
+
_("path", {
|
|
17
17
|
d: "M14 8L10 12L6 8",
|
|
18
18
|
stroke: "currentColor",
|
|
19
19
|
"stroke-width": "1.5",
|
|
@@ -22,7 +22,7 @@ function ht(e, t) {
|
|
|
22
22
|
}, null, -1)
|
|
23
23
|
]));
|
|
24
24
|
}
|
|
25
|
-
const vt = /* @__PURE__ */
|
|
25
|
+
const vt = /* @__PURE__ */ K(pt, [["render", ht]]), ft = {}, _t = {
|
|
26
26
|
width: "20",
|
|
27
27
|
height: "20",
|
|
28
28
|
viewBox: "0 0 20 20",
|
|
@@ -30,8 +30,8 @@ const vt = /* @__PURE__ */ G(pt, [["render", ht]]), ft = {}, _t = {
|
|
|
30
30
|
xmlns: "http://www.w3.org/2000/svg"
|
|
31
31
|
};
|
|
32
32
|
function gt(e, t) {
|
|
33
|
-
return
|
|
34
|
-
|
|
33
|
+
return p(), f("svg", _t, t[0] || (t[0] = [
|
|
34
|
+
_("path", {
|
|
35
35
|
d: "M6 12L10 8L14 12",
|
|
36
36
|
stroke: "currentColor",
|
|
37
37
|
"stroke-width": "1.5",
|
|
@@ -40,7 +40,7 @@ function gt(e, t) {
|
|
|
40
40
|
}, null, -1)
|
|
41
41
|
]));
|
|
42
42
|
}
|
|
43
|
-
const Ct = /* @__PURE__ */
|
|
43
|
+
const Ct = /* @__PURE__ */ K(ft, [["render", gt]]), bt = {}, wt = {
|
|
44
44
|
width: "14",
|
|
45
45
|
height: "15",
|
|
46
46
|
viewBox: "0 0 14 15",
|
|
@@ -48,21 +48,21 @@ const Ct = /* @__PURE__ */ G(ft, [["render", gt]]), bt = {}, wt = {
|
|
|
48
48
|
xmlns: "http://www.w3.org/2000/svg"
|
|
49
49
|
};
|
|
50
50
|
function kt(e, t) {
|
|
51
|
-
return
|
|
52
|
-
|
|
51
|
+
return p(), f("svg", wt, t[0] || (t[0] = [
|
|
52
|
+
_("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",
|
|
55
55
|
"stroke-width": "1.5",
|
|
56
56
|
"stroke-miterlimit": "10",
|
|
57
57
|
"stroke-linecap": "round"
|
|
58
58
|
}, null, -1),
|
|
59
|
-
|
|
59
|
+
_("path", {
|
|
60
60
|
d: "M8.5157 6.5C8.07025 6.5 7.84716 5.96143 8.16215 5.64645L10.3086 3.5L12.455 1.35355C12.77 1.03857 13.3086 1.26165 13.3086 1.70711V6C13.3086 6.27614 13.0847 6.5 12.8086 6.5L8.5157 6.5Z",
|
|
61
61
|
fill: "currentColor"
|
|
62
62
|
}, null, -1)
|
|
63
63
|
]));
|
|
64
64
|
}
|
|
65
|
-
const yt = /* @__PURE__ */
|
|
65
|
+
const yt = /* @__PURE__ */ K(bt, [["render", kt]]), xt = {}, St = {
|
|
66
66
|
width: "21",
|
|
67
67
|
height: "20",
|
|
68
68
|
viewBox: "0 0 21 20",
|
|
@@ -70,8 +70,8 @@ const yt = /* @__PURE__ */ G(bt, [["render", kt]]), xt = {}, St = {
|
|
|
70
70
|
xmlns: "http://www.w3.org/2000/svg"
|
|
71
71
|
};
|
|
72
72
|
function Mt(e, t) {
|
|
73
|
-
return
|
|
74
|
-
|
|
73
|
+
return p(), f("svg", St, t[0] || (t[0] = [
|
|
74
|
+
_("path", {
|
|
75
75
|
d: "M8.60352 6L12.6035 10L8.60352 14",
|
|
76
76
|
stroke: "currentColor",
|
|
77
77
|
"stroke-width": "1.5",
|
|
@@ -80,7 +80,7 @@ function Mt(e, t) {
|
|
|
80
80
|
}, null, -1)
|
|
81
81
|
]));
|
|
82
82
|
}
|
|
83
|
-
const $t = /* @__PURE__ */
|
|
83
|
+
const $t = /* @__PURE__ */ K(xt, [["render", Mt]]), Lt = {}, It = {
|
|
84
84
|
width: "21",
|
|
85
85
|
height: "20",
|
|
86
86
|
viewBox: "0 0 21 20",
|
|
@@ -88,8 +88,8 @@ const $t = /* @__PURE__ */ G(xt, [["render", Mt]]), Lt = {}, It = {
|
|
|
88
88
|
xmlns: "http://www.w3.org/2000/svg"
|
|
89
89
|
};
|
|
90
90
|
function Bt(e, t) {
|
|
91
|
-
return
|
|
92
|
-
|
|
91
|
+
return p(), f("svg", It, t[0] || (t[0] = [
|
|
92
|
+
_("path", {
|
|
93
93
|
d: "M12.3984 14L8.39844 10L12.3984 6",
|
|
94
94
|
stroke: "currentColor",
|
|
95
95
|
"stroke-width": "1.5",
|
|
@@ -98,7 +98,7 @@ function Bt(e, t) {
|
|
|
98
98
|
}, null, -1)
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
const Rt = /* @__PURE__ */
|
|
101
|
+
const Rt = /* @__PURE__ */ K(Lt, [["render", Bt]]), Tt = {}, zt = {
|
|
102
102
|
width: "20",
|
|
103
103
|
height: "20",
|
|
104
104
|
viewBox: "0 0 20 20",
|
|
@@ -106,8 +106,8 @@ const Rt = /* @__PURE__ */ G(Lt, [["render", Bt]]), Tt = {}, zt = {
|
|
|
106
106
|
xmlns: "http://www.w3.org/2000/svg"
|
|
107
107
|
};
|
|
108
108
|
function Et(e, t) {
|
|
109
|
-
return
|
|
110
|
-
|
|
109
|
+
return p(), f("svg", zt, t[0] || (t[0] = [
|
|
110
|
+
_("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",
|
|
113
113
|
"stroke-width": "1.5",
|
|
@@ -116,7 +116,7 @@ function Et(e, t) {
|
|
|
116
116
|
}, null, -1)
|
|
117
117
|
]));
|
|
118
118
|
}
|
|
119
|
-
const Wt = /* @__PURE__ */
|
|
119
|
+
const Wt = /* @__PURE__ */ K(Tt, [["render", Et]]), Vt = {}, Ht = {
|
|
120
120
|
width: "20",
|
|
121
121
|
height: "20",
|
|
122
122
|
viewBox: "0 0 20 20",
|
|
@@ -124,15 +124,15 @@ const Wt = /* @__PURE__ */ G(Tt, [["render", Et]]), Vt = {}, Ht = {
|
|
|
124
124
|
xmlns: "http://www.w3.org/2000/svg"
|
|
125
125
|
};
|
|
126
126
|
function Pt(e, t) {
|
|
127
|
-
return
|
|
128
|
-
|
|
127
|
+
return p(), f("svg", Ht, t[0] || (t[0] = [
|
|
128
|
+
_("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",
|
|
131
131
|
"stroke-width": "1.5",
|
|
132
132
|
"stroke-linecap": "round",
|
|
133
133
|
"stroke-linejoin": "round"
|
|
134
134
|
}, null, -1),
|
|
135
|
-
|
|
135
|
+
_("path", {
|
|
136
136
|
d: "M12 14.7143L13.1151 15.6701C13.3268 15.8515 13.646 15.8247 13.8246 15.6105L16 13",
|
|
137
137
|
stroke: "currentColor",
|
|
138
138
|
"stroke-width": "1.5",
|
|
@@ -140,7 +140,7 @@ function Pt(e, t) {
|
|
|
140
140
|
}, null, -1)
|
|
141
141
|
]));
|
|
142
142
|
}
|
|
143
|
-
const Dt = /* @__PURE__ */
|
|
143
|
+
const Dt = /* @__PURE__ */ K(Vt, [["render", Pt]]), At = {}, Ot = {
|
|
144
144
|
width: "20",
|
|
145
145
|
height: "20",
|
|
146
146
|
viewBox: "0 0 20 20",
|
|
@@ -148,15 +148,15 @@ const Dt = /* @__PURE__ */ G(Vt, [["render", Pt]]), At = {}, Ot = {
|
|
|
148
148
|
xmlns: "http://www.w3.org/2000/svg"
|
|
149
149
|
};
|
|
150
150
|
function jt(e, t) {
|
|
151
|
-
return
|
|
152
|
-
|
|
151
|
+
return p(), f("svg", Ot, t[0] || (t[0] = [
|
|
152
|
+
_("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",
|
|
155
155
|
"stroke-width": "1.5",
|
|
156
156
|
"stroke-linecap": "round",
|
|
157
157
|
"stroke-linejoin": "round"
|
|
158
158
|
}, null, -1),
|
|
159
|
-
|
|
159
|
+
_("path", {
|
|
160
160
|
d: "M13 16L14.5 14.5M16 13L14.5 14.5M14.5 14.5L13 13M14.5 14.5L16 16",
|
|
161
161
|
stroke: "currentColor",
|
|
162
162
|
"stroke-width": "1.5",
|
|
@@ -164,7 +164,7 @@ function jt(e, t) {
|
|
|
164
164
|
}, null, -1)
|
|
165
165
|
]));
|
|
166
166
|
}
|
|
167
|
-
const Nt = /* @__PURE__ */
|
|
167
|
+
const Nt = /* @__PURE__ */ K(At, [["render", jt]]), Zt = {}, Ft = {
|
|
168
168
|
xmlns: "http://www.w3.org/2000/svg",
|
|
169
169
|
width: "60",
|
|
170
170
|
height: "60",
|
|
@@ -172,8 +172,8 @@ const Nt = /* @__PURE__ */ G(At, [["render", jt]]), Zt = {}, Ft = {
|
|
|
172
172
|
fill: "none"
|
|
173
173
|
};
|
|
174
174
|
function Ut(e, t) {
|
|
175
|
-
return
|
|
176
|
-
|
|
175
|
+
return p(), f("svg", Ft, t[0] || (t[0] = [
|
|
176
|
+
_("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",
|
|
179
179
|
"stroke-width": "2",
|
|
@@ -182,7 +182,7 @@ function Ut(e, t) {
|
|
|
182
182
|
}, null, -1)
|
|
183
183
|
]));
|
|
184
184
|
}
|
|
185
|
-
const qt = /* @__PURE__ */
|
|
185
|
+
const qt = /* @__PURE__ */ K(Zt, [["render", Ut]]), Xt = {}, Gt = {
|
|
186
186
|
width: "20",
|
|
187
187
|
height: "20",
|
|
188
188
|
viewBox: "0 0 20 20",
|
|
@@ -190,14 +190,14 @@ const qt = /* @__PURE__ */ G(Zt, [["render", Ut]]), Xt = {}, Gt = {
|
|
|
190
190
|
xmlns: "http://www.w3.org/2000/svg"
|
|
191
191
|
};
|
|
192
192
|
function Kt(e, t) {
|
|
193
|
-
return
|
|
194
|
-
|
|
193
|
+
return p(), f("svg", Gt, t[0] || (t[0] = [
|
|
194
|
+
_("path", {
|
|
195
195
|
"fill-rule": "evenodd",
|
|
196
196
|
"clip-rule": "evenodd",
|
|
197
197
|
d: "M6.99479 8.75521C6.55276 8.75521 6.12884 8.57961 5.81628 8.26705C5.50372 7.95449 5.32812 7.53057 5.32812 7.08854C5.32812 6.64651 5.50372 6.22259 5.81628 5.91003C6.12884 5.59747 6.55276 5.42187 6.99479 5.42188C7.43682 5.42187 7.86074 5.59747 8.1733 5.91003C8.48586 6.22259 8.66146 6.64651 8.66146 7.08854C8.66146 7.53057 8.48586 7.95449 8.1733 8.26705C7.86074 8.57961 7.43682 8.75521 6.99479 8.75521ZM6.99479 14.5885C6.55276 14.5885 6.12884 14.4129 5.81628 14.1004C5.50372 13.7878 5.32812 13.3639 5.32812 12.9219C5.32812 12.4798 5.50372 12.0559 5.81628 11.7434C6.12884 11.4308 6.55276 11.2552 6.99479 11.2552C7.43682 11.2552 7.86074 11.4308 8.1733 11.7434C8.48586 12.0559 8.66146 12.4798 8.66146 12.9219C8.66146 13.3639 8.48586 13.7878 8.1733 14.1004C7.86074 14.4129 7.43682 14.5885 6.99479 14.5885Z",
|
|
198
198
|
fill: "currentColor"
|
|
199
199
|
}, null, -1),
|
|
200
|
-
|
|
200
|
+
_("path", {
|
|
201
201
|
"fill-rule": "evenodd",
|
|
202
202
|
"clip-rule": "evenodd",
|
|
203
203
|
d: "M12.9948 8.75521C12.5528 8.75521 12.1288 8.57961 11.8163 8.26705C11.5037 7.95449 11.3281 7.53057 11.3281 7.08854C11.3281 6.64651 11.5037 6.22259 11.8163 5.91003C12.1288 5.59747 12.5528 5.42187 12.9948 5.42188C13.4368 5.42187 13.8607 5.59747 14.1733 5.91003C14.4859 6.22259 14.6615 6.64651 14.6615 7.08854C14.6615 7.53057 14.4859 7.95449 14.1733 8.26705C13.8607 8.57961 13.4368 8.75521 12.9948 8.75521ZM12.9948 14.5885C12.5528 14.5885 12.1288 14.4129 11.8163 14.1004C11.5037 13.7878 11.3281 13.3639 11.3281 12.9219C11.3281 12.4798 11.5037 12.0559 11.8163 11.7434C12.1288 11.4308 12.5528 11.2552 12.9948 11.2552C13.4368 11.2552 13.8607 11.4308 14.1733 11.7434C14.4859 12.0559 14.6615 12.4798 14.6615 12.9219C14.6615 13.3639 14.4859 13.7878 14.1733 14.1004C13.8607 14.4129 13.4368 14.5885 12.9948 14.5885Z",
|
|
@@ -205,7 +205,7 @@ function Kt(e, t) {
|
|
|
205
205
|
}, null, -1)
|
|
206
206
|
]));
|
|
207
207
|
}
|
|
208
|
-
const Yt = /* @__PURE__ */
|
|
208
|
+
const Yt = /* @__PURE__ */ K(Xt, [["render", Kt]]), Jt = {}, Qt = {
|
|
209
209
|
width: "20",
|
|
210
210
|
height: "20",
|
|
211
211
|
viewBox: "0 0 20 20",
|
|
@@ -213,8 +213,8 @@ const Yt = /* @__PURE__ */ G(Xt, [["render", Kt]]), Jt = {}, Qt = {
|
|
|
213
213
|
xmlns: "http://www.w3.org/2000/svg"
|
|
214
214
|
};
|
|
215
215
|
function en(e, t) {
|
|
216
|
-
return
|
|
217
|
-
|
|
216
|
+
return p(), f("svg", Qt, t[0] || (t[0] = [
|
|
217
|
+
_("path", {
|
|
218
218
|
"fill-rule": "evenodd",
|
|
219
219
|
"clip-rule": "evenodd",
|
|
220
220
|
d: "M10.1667 5.83333C9.72464 5.83333 9.30072 5.65774 8.98816 5.34518C8.67559 5.03262 8.5 4.60869 8.5 4.16667C8.5 3.72464 8.67559 3.30072 8.98816 2.98816C9.30072 2.67559 9.72464 2.5 10.1667 2.5C10.6087 2.5 11.0326 2.67559 11.3452 2.98816C11.6577 3.30072 11.8333 3.72464 11.8333 4.16667C11.8333 4.60869 11.6577 5.03262 11.3452 5.34518C11.0326 5.65774 10.6087 5.83333 10.1667 5.83333ZM10.1667 11.6667C9.72464 11.6667 9.30072 11.4911 8.98816 11.1785C8.67559 10.8659 8.5 10.442 8.5 10C8.5 9.55797 8.67559 9.13405 8.98816 8.82149C9.30072 8.50893 9.72464 8.33333 10.1667 8.33333C10.6087 8.33333 11.0326 8.50893 11.3452 8.82149C11.6577 9.13405 11.8333 9.55797 11.8333 10C11.8333 10.442 11.6577 10.8659 11.3452 11.1785C11.0326 11.4911 10.6087 11.6667 10.1667 11.6667ZM10.1667 17.5C9.72464 17.5 9.30072 17.3244 8.98816 17.0118C8.67559 16.6993 8.5 16.2754 8.5 15.8333C8.5 15.3913 8.67559 14.9674 8.98816 14.6548C9.30072 14.3423 9.72464 14.1667 10.1667 14.1667C10.6087 14.1667 11.0326 14.3423 11.3452 14.6548C11.6577 14.9674 11.8333 15.3913 11.8333 15.8333C11.8333 16.2754 11.6577 16.6993 11.3452 17.0118C11.0326 17.3244 10.6087 17.5 10.1667 17.5Z",
|
|
@@ -222,7 +222,7 @@ function en(e, t) {
|
|
|
222
222
|
}, null, -1)
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
|
-
const tn = /* @__PURE__ */
|
|
225
|
+
const tn = /* @__PURE__ */ K(Jt, [["render", en]]), nn = {}, on = {
|
|
226
226
|
width: "21",
|
|
227
227
|
height: "20",
|
|
228
228
|
viewBox: "0 0 21 20",
|
|
@@ -230,8 +230,8 @@ const tn = /* @__PURE__ */ G(Jt, [["render", en]]), nn = {}, on = {
|
|
|
230
230
|
xmlns: "http://www.w3.org/2000/svg"
|
|
231
231
|
};
|
|
232
232
|
function ln(e, t) {
|
|
233
|
-
return
|
|
234
|
-
|
|
233
|
+
return p(), f("svg", on, t[0] || (t[0] = [
|
|
234
|
+
_("path", {
|
|
235
235
|
"fill-rule": "evenodd",
|
|
236
236
|
"clip-rule": "evenodd",
|
|
237
237
|
d: "M6.33333 9.83333C6.33333 10.2754 6.15774 10.6993 5.84518 11.0118C5.53262 11.3244 5.10869 11.5 4.66667 11.5C4.22464 11.5 3.80072 11.3244 3.48816 11.0118C3.17559 10.6993 3 10.2754 3 9.83333C3 9.39131 3.17559 8.96738 3.48816 8.65482C3.80072 8.34226 4.22464 8.16667 4.66667 8.16667C5.10869 8.16667 5.53262 8.34226 5.84518 8.65482C6.15774 8.96738 6.33333 9.39131 6.33333 9.83333ZM12.1667 9.83333C12.1667 10.2754 11.9911 10.6993 11.6785 11.0118C11.3659 11.3244 10.942 11.5 10.5 11.5C10.058 11.5 9.63405 11.3244 9.32149 11.0118C9.00893 10.6993 8.83333 10.2754 8.83333 9.83333C8.83333 9.39131 9.00893 8.96738 9.32149 8.65482C9.63405 8.34226 10.058 8.16667 10.5 8.16667C10.942 8.16667 11.3659 8.34226 11.6785 8.65482C11.9911 8.96738 12.1667 9.39131 12.1667 9.83333ZM18 9.83333C18 10.2754 17.8244 10.6993 17.5118 11.0118C17.1993 11.3244 16.7754 11.5 16.3333 11.5C15.8913 11.5 15.4674 11.3244 15.1548 11.0118C14.8423 10.6993 14.6667 10.2754 14.6667 9.83333C14.6667 9.39131 14.8423 8.96738 15.1548 8.65482C15.4674 8.34226 15.8913 8.16667 16.3333 8.16667C16.7754 8.16667 17.1993 8.34226 17.5118 8.65482C17.8244 8.96738 18 9.39131 18 9.83333Z",
|
|
@@ -239,7 +239,7 @@ function ln(e, t) {
|
|
|
239
239
|
}, null, -1)
|
|
240
240
|
]));
|
|
241
241
|
}
|
|
242
|
-
const sn = /* @__PURE__ */
|
|
242
|
+
const sn = /* @__PURE__ */ K(nn, [["render", ln]]), an = {}, rn = {
|
|
243
243
|
width: "20",
|
|
244
244
|
height: "20",
|
|
245
245
|
viewBox: "0 0 20 20",
|
|
@@ -247,8 +247,8 @@ const sn = /* @__PURE__ */ G(nn, [["render", ln]]), an = {}, rn = {
|
|
|
247
247
|
xmlns: "http://www.w3.org/2000/svg"
|
|
248
248
|
};
|
|
249
249
|
function cn(e, t) {
|
|
250
|
-
return
|
|
251
|
-
|
|
250
|
+
return p(), f("svg", rn, t[0] || (t[0] = [
|
|
251
|
+
_("path", {
|
|
252
252
|
d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
|
|
253
253
|
stroke: "currentColor",
|
|
254
254
|
"stroke-width": "1.5",
|
|
@@ -257,7 +257,7 @@ function cn(e, t) {
|
|
|
257
257
|
}, null, -1)
|
|
258
258
|
]));
|
|
259
259
|
}
|
|
260
|
-
const un = /* @__PURE__ */
|
|
260
|
+
const un = /* @__PURE__ */ K(an, [["render", cn]]), dn = {
|
|
261
261
|
// arrow icons
|
|
262
262
|
arrowDown: vt,
|
|
263
263
|
arrowTop: Ct,
|
|
@@ -281,13 +281,13 @@ const un = /* @__PURE__ */ G(an, [["render", cn]]), dn = {
|
|
|
281
281
|
},
|
|
282
282
|
setup(e) {
|
|
283
283
|
const t = e, o = x(() => dn[t.name]);
|
|
284
|
-
return (n, s) => o.value ? (
|
|
284
|
+
return (n, s) => o.value ? (p(), re(Oe(o.value), { key: 0 })) : H("", !0);
|
|
285
285
|
}
|
|
286
286
|
}), pn = {}, mn = { class: "vt-loader" };
|
|
287
287
|
function hn(e, t) {
|
|
288
|
-
return
|
|
288
|
+
return p(), f("span", mn);
|
|
289
289
|
}
|
|
290
|
-
const
|
|
290
|
+
const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "data-placement"], fn = {
|
|
291
291
|
key: 2,
|
|
292
292
|
class: "vt-button__content"
|
|
293
293
|
}, ge = /* @__PURE__ */ le({
|
|
@@ -304,10 +304,10 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
304
304
|
},
|
|
305
305
|
emits: ["click"],
|
|
306
306
|
setup(e, { emit: t }) {
|
|
307
|
-
const o = e, n = t, s =
|
|
308
|
-
var
|
|
307
|
+
const o = e, n = t, s = Me(), l = x(() => !!(o.icon && o.shape)), r = x(() => {
|
|
308
|
+
var k, S;
|
|
309
309
|
const c = s.default ? s.default({}) : null;
|
|
310
|
-
return ((S = (
|
|
310
|
+
return ((S = (k = c == null ? void 0 : c[0]) == null ? void 0 : k.children) == null ? void 0 : S.toString()) ?? "";
|
|
311
311
|
}), i = x(() => [
|
|
312
312
|
"vt-button",
|
|
313
313
|
`vt-button--${o.type}`,
|
|
@@ -320,25 +320,25 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
320
320
|
]), a = x(() => l.value && o.tooltip ? r.value : null), u = (c) => {
|
|
321
321
|
!o.disabled && !o.loading && n("click", c);
|
|
322
322
|
};
|
|
323
|
-
return (c,
|
|
324
|
-
const S =
|
|
325
|
-
return
|
|
323
|
+
return (c, k) => {
|
|
324
|
+
const S = je("tooltip");
|
|
325
|
+
return $e((p(), f("button", {
|
|
326
326
|
class: W(i.value),
|
|
327
327
|
disabled: o.disabled || o.loading,
|
|
328
328
|
type: o.htmlType,
|
|
329
329
|
"data-placement": o.tooltipPlacement,
|
|
330
330
|
onClick: u
|
|
331
331
|
}, [
|
|
332
|
-
o.loading ? (
|
|
332
|
+
o.loading ? (p(), re(Ne, {
|
|
333
333
|
key: 0,
|
|
334
334
|
class: "vt-button__icon"
|
|
335
|
-
})) : o.icon ? (
|
|
335
|
+
})) : o.icon ? (p(), re(Y, {
|
|
336
336
|
key: 1,
|
|
337
337
|
name: o.icon,
|
|
338
338
|
class: "vt-button__icon"
|
|
339
339
|
}, null, 8, ["name"])) : H("", !0),
|
|
340
|
-
l.value ? H("", !0) : (
|
|
341
|
-
|
|
340
|
+
l.value ? H("", !0) : (p(), f("span", fn, [
|
|
341
|
+
pe(c.$slots, "default")
|
|
342
342
|
]))
|
|
343
343
|
], 10, vn)), [
|
|
344
344
|
[S, a.value]
|
|
@@ -351,7 +351,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
351
351
|
}, gn = {
|
|
352
352
|
key: 0,
|
|
353
353
|
class: "vt-modal__title"
|
|
354
|
-
}, Cn = { class: "vt-modal__content" },
|
|
354
|
+
}, Cn = { class: "vt-modal__content" }, Ze = /* @__PURE__ */ le({
|
|
355
355
|
__name: "VModal",
|
|
356
356
|
props: {
|
|
357
357
|
modelValue: { type: Boolean },
|
|
@@ -370,29 +370,29 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
370
370
|
}, i = () => {
|
|
371
371
|
o.closeOnBackdropClick && r();
|
|
372
372
|
};
|
|
373
|
-
return (a, u) => (
|
|
374
|
-
a.modelValue ? (
|
|
373
|
+
return (a, u) => (p(), re(lt, { to: "body" }, [
|
|
374
|
+
a.modelValue ? (p(), f("div", {
|
|
375
375
|
key: 0,
|
|
376
376
|
class: "vt-modal__backdrop",
|
|
377
377
|
style: ie(l.value),
|
|
378
378
|
onClick: i
|
|
379
379
|
}, [
|
|
380
|
-
|
|
380
|
+
_("div", {
|
|
381
381
|
class: W(s.value),
|
|
382
|
-
onClick: u[0] || (u[0] =
|
|
382
|
+
onClick: u[0] || (u[0] = me(() => {
|
|
383
383
|
}, ["stop"]))
|
|
384
384
|
}, [
|
|
385
|
-
a.title || a.showCloseButton ? (
|
|
386
|
-
a.title ? (
|
|
387
|
-
a.showCloseButton ? (
|
|
385
|
+
a.title || a.showCloseButton ? (p(), f("div", _n, [
|
|
386
|
+
a.title ? (p(), f("h2", gn, te(a.title), 1)) : H("", !0),
|
|
387
|
+
a.showCloseButton ? (p(), re(Y, {
|
|
388
388
|
key: 1,
|
|
389
389
|
name: "close",
|
|
390
390
|
class: "vt-modal__close",
|
|
391
391
|
onClick: r
|
|
392
392
|
})) : H("", !0)
|
|
393
393
|
])) : H("", !0),
|
|
394
|
-
|
|
395
|
-
|
|
394
|
+
_("div", Cn, [
|
|
395
|
+
pe(a.$slots, "default")
|
|
396
396
|
])
|
|
397
397
|
], 2)
|
|
398
398
|
], 4)) : H("", !0)
|
|
@@ -415,14 +415,14 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
415
415
|
}), l = x({
|
|
416
416
|
get: () => o.pageSize,
|
|
417
417
|
set: (M) => n("update:pageSize", M)
|
|
418
|
-
}), r = x(() => Math.ceil(o.totalItems / l.value)), i = x(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), a = x(() => Math.min(s.value * l.value, o.totalItems)), u = x(() => s.value <= 1), c = x(() => s.value >= r.value),
|
|
419
|
-
const M = [], V = r.value, R = s.value,
|
|
420
|
-
if (V <=
|
|
418
|
+
}), r = x(() => Math.ceil(o.totalItems / l.value)), i = x(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), a = x(() => Math.min(s.value * l.value, o.totalItems)), u = x(() => s.value <= 1), c = x(() => s.value >= r.value), k = x(() => {
|
|
419
|
+
const M = [], V = r.value, R = s.value, X = o.maxVisiblePages;
|
|
420
|
+
if (V <= X)
|
|
421
421
|
for (let y = 1; y <= V; y++)
|
|
422
422
|
M.push(y);
|
|
423
423
|
else {
|
|
424
424
|
M.push(1);
|
|
425
|
-
const y = Math.max(2, R - Math.floor(
|
|
425
|
+
const y = Math.max(2, R - Math.floor(X / 2)), E = Math.min(V - 1, R + Math.floor(X / 2));
|
|
426
426
|
y > 2 && M.push("...");
|
|
427
427
|
for (let $ = y; $ <= E; $++)
|
|
428
428
|
M.push($);
|
|
@@ -434,36 +434,36 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
434
434
|
page: s.value,
|
|
435
435
|
pageSize: l.value
|
|
436
436
|
});
|
|
437
|
-
},
|
|
437
|
+
}, q = (M) => {
|
|
438
438
|
typeof M == "number" && M !== s.value && (s.value = M, S());
|
|
439
|
-
},
|
|
439
|
+
}, j = () => {
|
|
440
440
|
u.value || (s.value--, S());
|
|
441
441
|
}, Q = () => {
|
|
442
442
|
c.value || (s.value++, S());
|
|
443
|
-
},
|
|
443
|
+
}, F = () => {
|
|
444
444
|
s.value = 1, S();
|
|
445
|
-
},
|
|
445
|
+
}, N = () => {
|
|
446
446
|
n("reloadData", s.value);
|
|
447
447
|
};
|
|
448
|
-
return
|
|
448
|
+
return he(
|
|
449
449
|
() => o.totalItems,
|
|
450
450
|
() => {
|
|
451
451
|
s.value > r.value && r.value > 0 && (s.value = r.value, S());
|
|
452
452
|
}
|
|
453
|
-
), (M, V) => (
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
V[1] || (V[1] =
|
|
453
|
+
), (M, V) => (p(), f("div", bn, [
|
|
454
|
+
_("div", wn, [
|
|
455
|
+
_("div", kn, [
|
|
456
|
+
V[1] || (V[1] = _("label", {
|
|
457
457
|
for: "rowsSelect",
|
|
458
458
|
class: "vt-pagination__label"
|
|
459
459
|
}, "Рядків на сторінку:", -1)),
|
|
460
|
-
|
|
460
|
+
$e(_("select", {
|
|
461
461
|
id: "rowsSelect",
|
|
462
462
|
"onUpdate:modelValue": V[0] || (V[0] = (R) => l.value = R),
|
|
463
|
-
onChange:
|
|
463
|
+
onChange: F,
|
|
464
464
|
class: "vt-pagination__select"
|
|
465
465
|
}, [
|
|
466
|
-
(
|
|
466
|
+
(p(!0), f(ne, null, oe(M.pageSizeOptions, (R) => (p(), f("option", {
|
|
467
467
|
key: R,
|
|
468
468
|
value: R
|
|
469
469
|
}, te(R), 9, yn))), 128))
|
|
@@ -471,41 +471,41 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
471
471
|
[st, l.value]
|
|
472
472
|
])
|
|
473
473
|
]),
|
|
474
|
-
|
|
474
|
+
_("span", null, te(i.value) + " - " + te(a.value) + " з " + te(M.totalItems), 1)
|
|
475
475
|
]),
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
onClick:
|
|
476
|
+
_("div", xn, [
|
|
477
|
+
_("button", {
|
|
478
|
+
onClick: j,
|
|
479
479
|
disabled: u.value,
|
|
480
480
|
class: W({ "vt-pagination__nav-button": !0, "has-items": !u.value })
|
|
481
481
|
}, [
|
|
482
|
-
|
|
482
|
+
Z(Y, { name: "arrowLeft" })
|
|
483
483
|
], 10, Sn),
|
|
484
|
-
(
|
|
484
|
+
(p(!0), f(ne, null, oe(k.value, (R) => (p(), f("button", {
|
|
485
485
|
key: R,
|
|
486
|
-
onClick: (
|
|
486
|
+
onClick: (X) => q(R),
|
|
487
487
|
class: W(["vt-pagination__nav-button", {
|
|
488
488
|
"vt-pagination__nav-button--active": R === s.value
|
|
489
489
|
}])
|
|
490
490
|
}, te(R), 11, Mn))), 128)),
|
|
491
|
-
|
|
491
|
+
_("button", {
|
|
492
492
|
onClick: Q,
|
|
493
493
|
disabled: c.value,
|
|
494
494
|
class: W({ "vt-pagination__nav-button": !0, "has-items": !c.value })
|
|
495
495
|
}, [
|
|
496
|
-
|
|
496
|
+
Z(Y, { name: "arrowRight" })
|
|
497
497
|
], 10, $n)
|
|
498
498
|
]),
|
|
499
|
-
|
|
500
|
-
|
|
499
|
+
_("div", null, [
|
|
500
|
+
Z(ge, {
|
|
501
501
|
icon: "arrowReload",
|
|
502
502
|
shape: "circle",
|
|
503
503
|
tooltip: "",
|
|
504
504
|
tooltipPlacement: "left",
|
|
505
|
-
onClick:
|
|
505
|
+
onClick: N
|
|
506
506
|
}, {
|
|
507
507
|
default: xe(() => V[2] || (V[2] = [
|
|
508
|
-
|
|
508
|
+
_e("Оновити дані ", -1)
|
|
509
509
|
])),
|
|
510
510
|
_: 1,
|
|
511
511
|
__: [2]
|
|
@@ -540,7 +540,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
540
540
|
}, u = (c) => {
|
|
541
541
|
n("blur", c);
|
|
542
542
|
};
|
|
543
|
-
return (c,
|
|
543
|
+
return (c, k) => (p(), f("label", {
|
|
544
544
|
class: W([
|
|
545
545
|
"vt-checkbox",
|
|
546
546
|
`vt-checkbox--${c.size}`,
|
|
@@ -552,7 +552,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
552
552
|
]),
|
|
553
553
|
for: l.value
|
|
554
554
|
}, [
|
|
555
|
-
|
|
555
|
+
_("input", {
|
|
556
556
|
id: l.value,
|
|
557
557
|
name: c.name,
|
|
558
558
|
value: c.value,
|
|
@@ -566,7 +566,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
566
566
|
onFocus: a,
|
|
567
567
|
onBlur: u
|
|
568
568
|
}, null, 40, Bn),
|
|
569
|
-
|
|
569
|
+
_("div", {
|
|
570
570
|
class: W([
|
|
571
571
|
"vt-checkbox__box",
|
|
572
572
|
{
|
|
@@ -577,7 +577,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
577
577
|
}
|
|
578
578
|
])
|
|
579
579
|
}, [
|
|
580
|
-
!c.indeterminate && !c.isDouble ? (
|
|
580
|
+
!c.indeterminate && !c.isDouble ? (p(), f("svg", {
|
|
581
581
|
key: 0,
|
|
582
582
|
class: W([
|
|
583
583
|
"vt-checkbox__checkmark",
|
|
@@ -590,15 +590,15 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
590
590
|
viewBox: "0 0 10 9",
|
|
591
591
|
fill: "none",
|
|
592
592
|
xmlns: "http://www.w3.org/2000/svg"
|
|
593
|
-
},
|
|
594
|
-
|
|
593
|
+
}, k[0] || (k[0] = [
|
|
594
|
+
_("path", {
|
|
595
595
|
d: "M1 5L3.58264 7.58264C3.80112 7.80112 4.16348 7.77113 4.34306 7.51971L9 1",
|
|
596
596
|
stroke: "currentColor",
|
|
597
597
|
"stroke-width": "2",
|
|
598
598
|
"stroke-linecap": "round"
|
|
599
599
|
}, null, -1)
|
|
600
600
|
]), 2)) : H("", !0),
|
|
601
|
-
c.isDouble && r.value ? (
|
|
601
|
+
c.isDouble && r.value ? (p(), f("svg", {
|
|
602
602
|
key: 1,
|
|
603
603
|
class: W([
|
|
604
604
|
"vt-checkbox__checkmark",
|
|
@@ -611,15 +611,15 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
611
611
|
viewBox: "0 0 13 6",
|
|
612
612
|
fill: "none",
|
|
613
613
|
xmlns: "http://www.w3.org/2000/svg"
|
|
614
|
-
},
|
|
615
|
-
|
|
614
|
+
}, k[1] || (k[1] = [
|
|
615
|
+
_("path", {
|
|
616
616
|
d: "M6 3L8.25 5L12 1",
|
|
617
617
|
stroke: "currentColor",
|
|
618
618
|
"stroke-width": "2",
|
|
619
619
|
"stroke-linecap": "round",
|
|
620
620
|
"stroke-linejoin": "round"
|
|
621
621
|
}, null, -1),
|
|
622
|
-
|
|
622
|
+
_("path", {
|
|
623
623
|
d: "M1 3L3.25 5L7 1",
|
|
624
624
|
stroke: "currentColor",
|
|
625
625
|
"stroke-width": "2",
|
|
@@ -627,7 +627,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
627
627
|
"stroke-linejoin": "round"
|
|
628
628
|
}, null, -1)
|
|
629
629
|
]), 2)) : H("", !0),
|
|
630
|
-
c.indeterminate ? (
|
|
630
|
+
c.indeterminate ? (p(), f("div", {
|
|
631
631
|
key: 2,
|
|
632
632
|
class: W([
|
|
633
633
|
"vt-checkbox__indeterminate-mark",
|
|
@@ -637,7 +637,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
637
637
|
])
|
|
638
638
|
}, null, 2)) : H("", !0)
|
|
639
639
|
], 2),
|
|
640
|
-
c.label || c.$slots.label || c.$slots.default ? (
|
|
640
|
+
c.label || c.$slots.label || c.$slots.default ? (p(), f("span", {
|
|
641
641
|
key: 0,
|
|
642
642
|
class: W([
|
|
643
643
|
"vt-checkbox__label",
|
|
@@ -646,9 +646,9 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
646
646
|
}
|
|
647
647
|
])
|
|
648
648
|
}, [
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
649
|
+
pe(c.$slots, "label", {}, () => [
|
|
650
|
+
pe(c.$slots, "default", {}, () => [
|
|
651
|
+
_e(te(c.label), 1)
|
|
652
652
|
])
|
|
653
653
|
])
|
|
654
654
|
], 2)) : H("", !0)
|
|
@@ -657,7 +657,7 @@ const je = /* @__PURE__ */ G(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
657
657
|
});
|
|
658
658
|
function Rn(e) {
|
|
659
659
|
const t = x(() => [...e].sort((s, l) => s.pinnedLeft && !l.pinnedLeft ? -1 : !s.pinnedLeft && l.pinnedLeft || s.pinnedRight && !l.pinnedRight ? 1 : !s.pinnedRight && l.pinnedRight ? -1 : 0)), o = () => {
|
|
660
|
-
const s = t.value.length, l = t.value.filter((c) => c.width || c.minWidth), r = l.reduce((c,
|
|
660
|
+
const s = t.value.length, l = t.value.filter((c) => c.width || c.minWidth), r = l.reduce((c, k) => c + (k.width || k.minWidth || 0), 0), i = s - l.length;
|
|
661
661
|
if (i === 0) return 150;
|
|
662
662
|
const u = Math.max(800 - r, i * 80);
|
|
663
663
|
return Math.max(Math.floor(u / i), 120);
|
|
@@ -722,13 +722,13 @@ function zn() {
|
|
|
722
722
|
onMouseDown: (n, s, l, r) => {
|
|
723
723
|
n.preventDefault(), n.stopPropagation(), e.value.resizingCol = s, e.value.startX = n.clientX, e.value.startWidth = s.width || s.minWidth || l(s.prop);
|
|
724
724
|
const i = (u) => {
|
|
725
|
-
const { resizingCol: c, startX:
|
|
725
|
+
const { resizingCol: c, startX: k, startWidth: S } = e.value;
|
|
726
726
|
if (!c) return;
|
|
727
|
-
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((
|
|
728
|
-
|
|
727
|
+
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((N) => {
|
|
728
|
+
N.classList.add("vt-table__resizer--active");
|
|
729
729
|
});
|
|
730
|
-
const
|
|
731
|
-
c.width =
|
|
730
|
+
const q = u.clientX - k, j = c.minWidth || 50, Q = c.maxWidth || 1e3, F = Math.max(Math.min(S + q, Q), j);
|
|
731
|
+
c.width = F;
|
|
732
732
|
}, a = () => {
|
|
733
733
|
const { resizingCol: u } = e.value;
|
|
734
734
|
document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((c) => {
|
|
@@ -744,19 +744,19 @@ function En(e, t, o, n) {
|
|
|
744
744
|
var J;
|
|
745
745
|
const s = e.selectionKey || "id", l = D([]), r = D(null), i = D(!1);
|
|
746
746
|
(J = e.defaultSelection) != null && J.length && (l.value = [...e.defaultSelection]);
|
|
747
|
-
const a = (
|
|
747
|
+
const a = (m) => m[s], u = (m) => i.value ? !0 : l.value.some((A) => a(A) === a(m)), c = x(() => t.value.filter((m) => u(m)).length), k = x(() => t.value.length > 0 && c.value === t.value.length), S = x(() => {
|
|
748
748
|
if (i.value) return !1;
|
|
749
|
-
const
|
|
750
|
-
return
|
|
751
|
-
}),
|
|
752
|
-
const T = a(
|
|
749
|
+
const m = c.value;
|
|
750
|
+
return m > 0 && m < t.value.length;
|
|
751
|
+
}), q = x(() => i.value ? !0 : k.value && !S.value), j = x(() => i.value), Q = (m, A) => {
|
|
752
|
+
const T = a(m), G = l.value.some((v) => a(v) === a(m)), d = A !== void 0 ? A : !G;
|
|
753
753
|
if (i.value && !d) {
|
|
754
|
-
i.value = !1, n != null && n.value && (l.value = n.value.filter((v) => a(v) !== T)), $(
|
|
754
|
+
i.value = !1, n != null && n.value && (l.value = n.value.filter((v) => a(v) !== T)), $(m, !1);
|
|
755
755
|
return;
|
|
756
756
|
}
|
|
757
|
-
i.value && d || (d && !
|
|
758
|
-
},
|
|
759
|
-
switch (
|
|
757
|
+
i.value && d || (d && !G ? l.value.push(m) : !d && G && (l.value = l.value.filter((v) => a(v) !== T)), e.selectOnClickRow && A === void 0 && X(d ? m : null), $(m, d));
|
|
758
|
+
}, F = () => {
|
|
759
|
+
switch (N()) {
|
|
760
760
|
case "none":
|
|
761
761
|
case "partial":
|
|
762
762
|
M();
|
|
@@ -768,89 +768,99 @@ function En(e, t, o, n) {
|
|
|
768
768
|
R();
|
|
769
769
|
break;
|
|
770
770
|
}
|
|
771
|
-
},
|
|
772
|
-
const
|
|
771
|
+
}, N = () => i.value ? "absoluteAll" : k.value ? "allVisible" : c.value > 0 ? "partial" : "none", M = () => {
|
|
772
|
+
const m = [], A = new Set(l.value.map((T) => a(T)));
|
|
773
773
|
l.value.forEach((T) => {
|
|
774
|
-
|
|
774
|
+
m.push(T);
|
|
775
775
|
}), t.value.forEach((T) => {
|
|
776
|
-
A.has(a(T)) ||
|
|
777
|
-
}), l.value =
|
|
776
|
+
A.has(a(T)) || m.push(T);
|
|
777
|
+
}), l.value = m, i.value = !1, $();
|
|
778
778
|
}, V = () => {
|
|
779
779
|
i.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...t.value], $(void 0, void 0, !0);
|
|
780
780
|
}, R = () => {
|
|
781
781
|
l.value = [], i.value = !1, r.value = null, $();
|
|
782
|
-
},
|
|
782
|
+
}, X = (m) => {
|
|
783
783
|
const A = r.value;
|
|
784
|
-
r.value =
|
|
784
|
+
r.value = m, o("current-change", {
|
|
785
785
|
currentRow: r.value,
|
|
786
786
|
oldCurrentRow: A
|
|
787
787
|
});
|
|
788
|
-
}, y = () => [...l.value], E = (
|
|
789
|
-
l.value = [...
|
|
790
|
-
}, $ = (
|
|
791
|
-
const
|
|
788
|
+
}, y = () => [...l.value], E = (m) => {
|
|
789
|
+
l.value = [...m], i.value = !1, $();
|
|
790
|
+
}, $ = (m, A, T = !1) => {
|
|
791
|
+
const G = {
|
|
792
792
|
selection: [...l.value],
|
|
793
|
-
row:
|
|
793
|
+
row: m,
|
|
794
794
|
selected: A,
|
|
795
795
|
isAllSelected: T || i.value
|
|
796
796
|
};
|
|
797
|
-
o("selection-change",
|
|
797
|
+
o("selection-change", G);
|
|
798
798
|
};
|
|
799
|
-
return
|
|
799
|
+
return he(
|
|
800
800
|
() => e.defaultSelection,
|
|
801
|
-
(
|
|
802
|
-
|
|
801
|
+
(m) => {
|
|
802
|
+
m != null && m.length && (l.value = [...m]);
|
|
803
803
|
}
|
|
804
804
|
), {
|
|
805
805
|
selectedRows: l,
|
|
806
806
|
currentRow: r,
|
|
807
807
|
isRowSelected: u,
|
|
808
|
-
isAllSelected:
|
|
808
|
+
isAllSelected: q,
|
|
809
809
|
isIndeterminate: S,
|
|
810
|
-
isDoubleCheck:
|
|
810
|
+
isDoubleCheck: j,
|
|
811
811
|
isFullSelection: i,
|
|
812
812
|
toggleRowSelection: Q,
|
|
813
|
-
toggleAllSelection:
|
|
813
|
+
toggleAllSelection: F,
|
|
814
814
|
clearSelection: R,
|
|
815
|
-
setCurrentRow:
|
|
815
|
+
setCurrentRow: X,
|
|
816
816
|
getSelectionRows: y,
|
|
817
817
|
setSelectionRows: E,
|
|
818
818
|
selectAbsolutelyAll: V
|
|
819
819
|
};
|
|
820
820
|
}
|
|
821
|
-
|
|
821
|
+
function Wn(e, t) {
|
|
822
|
+
if (!e)
|
|
823
|
+
return String(t.value ?? "");
|
|
824
|
+
try {
|
|
825
|
+
const o = e(t);
|
|
826
|
+
return o;
|
|
827
|
+
} catch (o) {
|
|
828
|
+
return console.error("Error rendering table slot:", o), String(t.value ?? "");
|
|
829
|
+
}
|
|
830
|
+
}
|
|
831
|
+
const Vn = (e, t, o = "asc") => {
|
|
822
832
|
if (e == null && t == null) return 0;
|
|
823
833
|
if (e == null) return o === "asc" ? 1 : -1;
|
|
824
834
|
if (t == null) return o === "asc" ? -1 : 1;
|
|
825
835
|
if (e === t) return 0;
|
|
826
836
|
let n = 0;
|
|
827
837
|
const s = Number(e), l = Number(t);
|
|
828
|
-
return !isNaN(s) && !isNaN(l) ? n = s - l :
|
|
838
|
+
return !isNaN(s) && !isNaN(l) ? n = s - l : Ee(e) && Ee(t) ? n = new Date(e).getTime() - new Date(t).getTime() : typeof e == "boolean" && typeof t == "boolean" ? n = e === t ? 0 : e ? -1 : 1 : n = String(e).localeCompare(String(t), void 0, {
|
|
829
839
|
numeric: !0,
|
|
830
840
|
sensitivity: "base"
|
|
831
841
|
}), o === "desc" ? -n : n;
|
|
832
|
-
},
|
|
842
|
+
}, Ee = (e) => e instanceof Date ? !isNaN(e.getTime()) : typeof e == "string" && /\d{4}-\d{2}-\d{2}|\//.test(e) ? !isNaN(new Date(e).getTime()) : !1, Hn = (e, t, o) => {
|
|
833
843
|
e.sortable && o({
|
|
834
844
|
prop: e.prop,
|
|
835
845
|
direction: t
|
|
836
846
|
});
|
|
837
|
-
},
|
|
847
|
+
}, We = (e, t) => {
|
|
838
848
|
const o = (t == null ? void 0 : t.prop) === e.prop, n = t == null ? void 0 : t.direction;
|
|
839
849
|
return {
|
|
840
850
|
asc: ["vt-th__sort-icon", o && n === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
|
|
841
851
|
desc: ["vt-th__sort-icon", o && n === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
|
|
842
852
|
};
|
|
843
|
-
},
|
|
853
|
+
}, Pn = (e, t, o) => {
|
|
844
854
|
if (!t) return [...e];
|
|
845
855
|
const n = o.find((l) => l.prop === t.prop);
|
|
846
856
|
if (!(n != null && n.sortable)) return [...e];
|
|
847
|
-
const s = n.sortMethod ||
|
|
857
|
+
const s = n.sortMethod || Vn;
|
|
848
858
|
return [...e].sort((l, r) => {
|
|
849
859
|
const i = l[n.prop], a = r[n.prop];
|
|
850
860
|
return s(i, a, t.direction);
|
|
851
861
|
});
|
|
852
862
|
};
|
|
853
|
-
class
|
|
863
|
+
class Dn {
|
|
854
864
|
constructor() {
|
|
855
865
|
this.modalStack = [], this.baseZIndex = 1e3;
|
|
856
866
|
}
|
|
@@ -865,7 +875,7 @@ class Pn {
|
|
|
865
875
|
}, 100);
|
|
866
876
|
};
|
|
867
877
|
return () => ke(
|
|
868
|
-
|
|
878
|
+
Ze,
|
|
869
879
|
{
|
|
870
880
|
modelValue: s.value,
|
|
871
881
|
"onUpdate:modelValue": a,
|
|
@@ -919,7 +929,7 @@ class Pn {
|
|
|
919
929
|
recalculateZIndices() {
|
|
920
930
|
}
|
|
921
931
|
}
|
|
922
|
-
const ae = new
|
|
932
|
+
const ae = new Dn(), An = {
|
|
923
933
|
install(e) {
|
|
924
934
|
e.config.globalProperties.$modal = ae, e.config.globalProperties.$modalStack = {
|
|
925
935
|
closeAll: () => ae.closeAll(),
|
|
@@ -927,16 +937,16 @@ const ae = new Pn(), Dn = {
|
|
|
927
937
|
closeById: (t) => ae.closeById(t)
|
|
928
938
|
};
|
|
929
939
|
}
|
|
930
|
-
},
|
|
940
|
+
}, On = { class: "vt-columns-selector-body" }, jn = { class: "vt-columns-selector" }, Nn = { class: "vt-columns-selector__panel" }, Zn = ["draggable", "onDragstart", "onDragover", "onDrop"], Fn = {
|
|
931
941
|
key: 0,
|
|
932
942
|
class: "vt-columns-selector__panel-item-pinned"
|
|
933
|
-
},
|
|
943
|
+
}, Un = { class: "vt-columns-selector__available" }, qn = ["onClick"], Xn = {
|
|
934
944
|
key: 0,
|
|
935
945
|
class: "vt-columns-selector__group-columns"
|
|
936
|
-
},
|
|
946
|
+
}, Gn = {
|
|
937
947
|
key: 0,
|
|
938
948
|
class: "vt-columns-selector__pinned-note"
|
|
939
|
-
},
|
|
949
|
+
}, Kn = { class: "vt-modal__content-button" }, Yn = /* @__PURE__ */ le({
|
|
940
950
|
__name: "VTableColumnSelector",
|
|
941
951
|
props: {
|
|
942
952
|
columns: {},
|
|
@@ -949,26 +959,26 @@ const ae = new Pn(), Dn = {
|
|
|
949
959
|
return o.columnsSelector.forEach((v) => {
|
|
950
960
|
if (v.name === "removed")
|
|
951
961
|
return;
|
|
952
|
-
const g = v.columns.map((B) => B.prop),
|
|
953
|
-
|
|
962
|
+
const g = v.columns.map((B) => B.prop), w = s.value.filter((B) => g.includes(B.prop));
|
|
963
|
+
w.length === 0 ? d[v.name] = { checked: !1, indeterminate: !1 } : w.length === v.columns.length ? d[v.name] = { checked: !0, indeterminate: !1 } : d[v.name] = { checked: !1, indeterminate: !0 };
|
|
954
964
|
}), d;
|
|
955
|
-
}), c = x(() => o.columnsSelector.filter((d) => d.name !== "removed")),
|
|
965
|
+
}), c = x(() => o.columnsSelector.filter((d) => d.name !== "removed")), k = (d) => d.pinnedLeft || d.pinnedRight, S = (d) => !k(d), q = () => {
|
|
956
966
|
const d = s.value;
|
|
957
967
|
let v = -1;
|
|
958
|
-
for (let
|
|
959
|
-
d[
|
|
968
|
+
for (let w = 0; w < d.length; w++)
|
|
969
|
+
d[w].pinnedLeft && (v = w);
|
|
960
970
|
let g = d.length;
|
|
961
|
-
for (let
|
|
962
|
-
if (d[
|
|
963
|
-
g =
|
|
971
|
+
for (let w = 0; w < d.length; w++)
|
|
972
|
+
if (d[w].pinnedRight) {
|
|
973
|
+
g = w;
|
|
964
974
|
break;
|
|
965
975
|
}
|
|
966
976
|
return {
|
|
967
977
|
minIndex: v + 1,
|
|
968
978
|
maxIndex: g - 1
|
|
969
979
|
};
|
|
970
|
-
},
|
|
971
|
-
const v =
|
|
980
|
+
}, j = (d) => {
|
|
981
|
+
const v = q();
|
|
972
982
|
return !(d < v.minIndex || d > v.maxIndex + 1);
|
|
973
983
|
}, Q = (d, v) => {
|
|
974
984
|
const g = s.value[v];
|
|
@@ -977,13 +987,13 @@ const ae = new Pn(), Dn = {
|
|
|
977
987
|
return;
|
|
978
988
|
}
|
|
979
989
|
r.value = v, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
|
|
980
|
-
},
|
|
990
|
+
}, F = (d, v) => {
|
|
981
991
|
if (r.value === -1) return;
|
|
982
992
|
d.preventDefault();
|
|
983
|
-
const g = d.currentTarget.getBoundingClientRect(),
|
|
993
|
+
const g = d.currentTarget.getBoundingClientRect(), w = d.clientY, B = g.top + g.height / 2;
|
|
984
994
|
let L = v, ee = "before";
|
|
985
|
-
|
|
986
|
-
},
|
|
995
|
+
w < B ? (L = v, ee = "before") : (L = v + 1, ee = "after"), r.value < L && L--, j(L) ? (i.value = v, a.value = ee, d.dataTransfer.dropEffect = "move") : (i.value = -1, d.dataTransfer.dropEffect = "none");
|
|
996
|
+
}, N = () => {
|
|
987
997
|
setTimeout(() => {
|
|
988
998
|
r.value === -1 && (i.value = -1);
|
|
989
999
|
}, 50);
|
|
@@ -992,9 +1002,9 @@ const ae = new Pn(), Dn = {
|
|
|
992
1002
|
R();
|
|
993
1003
|
return;
|
|
994
1004
|
}
|
|
995
|
-
const g = d.currentTarget.getBoundingClientRect(),
|
|
1005
|
+
const g = d.currentTarget.getBoundingClientRect(), w = d.clientY, B = g.top + g.height / 2;
|
|
996
1006
|
let L = v;
|
|
997
|
-
if (
|
|
1007
|
+
if (w >= B && (L = v + 1), r.value < L && L--, !j(L) || L === r.value) {
|
|
998
1008
|
R();
|
|
999
1009
|
return;
|
|
1000
1010
|
}
|
|
@@ -1004,7 +1014,7 @@ const ae = new Pn(), Dn = {
|
|
|
1004
1014
|
R();
|
|
1005
1015
|
}, R = () => {
|
|
1006
1016
|
r.value = -1, i.value = -1, a.value = "before", document.body.style.cursor = "";
|
|
1007
|
-
},
|
|
1017
|
+
}, X = (d) => {
|
|
1008
1018
|
const v = ["vt-columns-selector__panel-item"];
|
|
1009
1019
|
return r.value === d && v.push("vt-columns-selector__panel-item--dragging"), i.value === d && a.value === "before" && v.push("vt-columns-selector__panel-item--drop-before"), i.value === d && a.value === "after" && v.push("vt-columns-selector__panel-item--drop-after"), v;
|
|
1010
1020
|
}, y = () => {
|
|
@@ -1015,121 +1025,121 @@ const ae = new Pn(), Dn = {
|
|
|
1015
1025
|
if (v)
|
|
1016
1026
|
s.value.some((g) => g.prop === d.prop) || s.value.push({ ...d });
|
|
1017
1027
|
else {
|
|
1018
|
-
if (
|
|
1028
|
+
if (k(d))
|
|
1019
1029
|
return;
|
|
1020
1030
|
s.value = s.value.filter((g) => g.prop !== d.prop);
|
|
1021
1031
|
}
|
|
1022
1032
|
}, $ = (d, v) => {
|
|
1023
1033
|
if (v)
|
|
1024
1034
|
d.columns.forEach((g) => {
|
|
1025
|
-
s.value.some((
|
|
1035
|
+
s.value.some((w) => w.prop === g.prop) || s.value.push({ ...g });
|
|
1026
1036
|
});
|
|
1027
1037
|
else {
|
|
1028
1038
|
const g = [];
|
|
1029
|
-
d.columns.forEach((
|
|
1030
|
-
const B = s.value.find((L) => L.prop ===
|
|
1031
|
-
B && !
|
|
1039
|
+
d.columns.forEach((w) => {
|
|
1040
|
+
const B = s.value.find((L) => L.prop === w.prop);
|
|
1041
|
+
B && !k(B) && g.push(B);
|
|
1032
1042
|
}), s.value = s.value.filter(
|
|
1033
|
-
(
|
|
1043
|
+
(w) => !g.some((B) => B.prop === w.prop)
|
|
1034
1044
|
);
|
|
1035
1045
|
}
|
|
1036
|
-
}, J = (d) => s.value.some((v) => v.prop === d.prop),
|
|
1046
|
+
}, J = (d) => s.value.some((v) => v.prop === d.prop), m = (d) => {
|
|
1037
1047
|
const v = s.value.find((g) => g.prop === d.prop);
|
|
1038
|
-
return !v || !
|
|
1048
|
+
return !v || !k(v);
|
|
1039
1049
|
}, A = (d) => {
|
|
1040
1050
|
l.value.has(d) ? l.value.delete(d) : l.value.add(d);
|
|
1041
1051
|
}, T = () => {
|
|
1042
1052
|
n("update-columns", [...s.value]), ae.close();
|
|
1043
|
-
},
|
|
1053
|
+
}, G = () => {
|
|
1044
1054
|
ae.close();
|
|
1045
1055
|
};
|
|
1046
1056
|
return ve(() => {
|
|
1047
1057
|
y();
|
|
1048
|
-
}), (d, v) => (
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
(
|
|
1058
|
+
}), (d, v) => (p(), f("div", On, [
|
|
1059
|
+
_("div", jn, [
|
|
1060
|
+
_("div", Nn, [
|
|
1061
|
+
(p(!0), f(ne, null, oe(s.value, (g, w) => (p(), f("div", {
|
|
1052
1062
|
key: g.prop,
|
|
1053
|
-
class: W(
|
|
1063
|
+
class: W(X(w)),
|
|
1054
1064
|
draggable: S(g),
|
|
1055
|
-
onDragstart: (B) => Q(B,
|
|
1056
|
-
onDragover: (B) =>
|
|
1057
|
-
onDragleave:
|
|
1058
|
-
onDrop: (B) => M(B,
|
|
1065
|
+
onDragstart: (B) => Q(B, w),
|
|
1066
|
+
onDragover: (B) => F(B, w),
|
|
1067
|
+
onDragleave: N,
|
|
1068
|
+
onDrop: (B) => M(B, w),
|
|
1059
1069
|
onDragend: V
|
|
1060
1070
|
}, [
|
|
1061
|
-
|
|
1071
|
+
Z(Y, {
|
|
1062
1072
|
name: S(g) ? "columnsMove" : "freeze",
|
|
1063
1073
|
class: W(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": S(g) }])
|
|
1064
1074
|
}, null, 8, ["name", "class"]),
|
|
1065
|
-
|
|
1075
|
+
Z(ue, {
|
|
1066
1076
|
label: g.label,
|
|
1067
1077
|
checked: !0,
|
|
1068
|
-
disabled:
|
|
1078
|
+
disabled: k(g),
|
|
1069
1079
|
onChange: (B) => E(g, B),
|
|
1070
|
-
onClick: v[0] || (v[0] =
|
|
1080
|
+
onClick: v[0] || (v[0] = me(() => {
|
|
1071
1081
|
}, ["stop"]))
|
|
1072
1082
|
}, null, 8, ["label", "disabled", "onChange"]),
|
|
1073
|
-
|
|
1074
|
-
], 42,
|
|
1083
|
+
k(g) ? (p(), f("span", Fn, "pinned")) : H("", !0)
|
|
1084
|
+
], 42, Zn))), 128))
|
|
1075
1085
|
]),
|
|
1076
|
-
|
|
1077
|
-
(
|
|
1078
|
-
var
|
|
1079
|
-
return
|
|
1086
|
+
_("div", Un, [
|
|
1087
|
+
(p(!0), f(ne, null, oe(c.value, (g) => {
|
|
1088
|
+
var w, B;
|
|
1089
|
+
return p(), f("div", {
|
|
1080
1090
|
key: g.name,
|
|
1081
1091
|
class: "vt-columns-selector__group"
|
|
1082
1092
|
}, [
|
|
1083
|
-
|
|
1093
|
+
_("div", {
|
|
1084
1094
|
class: "vt-columns-selector__group-header",
|
|
1085
1095
|
onClick: (L) => A(g.name)
|
|
1086
1096
|
}, [
|
|
1087
|
-
|
|
1097
|
+
Z(ue, {
|
|
1088
1098
|
label: g.label,
|
|
1089
|
-
checked: ((
|
|
1099
|
+
checked: ((w = u.value[g.name]) == null ? void 0 : w.checked) || !1,
|
|
1090
1100
|
indeterminate: ((B = u.value[g.name]) == null ? void 0 : B.indeterminate) || !1,
|
|
1091
1101
|
onChange: (L) => $(g, L),
|
|
1092
|
-
onClick: v[1] || (v[1] =
|
|
1102
|
+
onClick: v[1] || (v[1] = me(() => {
|
|
1093
1103
|
}, ["stop"]))
|
|
1094
1104
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
1095
|
-
g.icon ? (
|
|
1105
|
+
g.icon ? (p(), re(Y, {
|
|
1096
1106
|
key: 0,
|
|
1097
1107
|
name: g.icon,
|
|
1098
1108
|
class: "vt-columns-selector__group-icon"
|
|
1099
1109
|
}, null, 8, ["name"])) : H("", !0)
|
|
1100
|
-
], 8,
|
|
1101
|
-
l.value.has(g.name) ? (
|
|
1102
|
-
(
|
|
1110
|
+
], 8, qn),
|
|
1111
|
+
l.value.has(g.name) ? (p(), f("div", Xn, [
|
|
1112
|
+
(p(!0), f(ne, null, oe(g.columns, (L) => (p(), f("div", {
|
|
1103
1113
|
key: L.prop,
|
|
1104
1114
|
class: "vt-columns-selector__group-column"
|
|
1105
1115
|
}, [
|
|
1106
|
-
|
|
1116
|
+
Z(ue, {
|
|
1107
1117
|
label: L.label,
|
|
1108
1118
|
checked: J(L),
|
|
1109
|
-
disabled: !
|
|
1119
|
+
disabled: !m(L),
|
|
1110
1120
|
onChange: (ee) => E(L, ee)
|
|
1111
1121
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
1112
|
-
|
|
1122
|
+
m(L) ? H("", !0) : (p(), f("span", Gn, " (закріплена) "))
|
|
1113
1123
|
]))), 128))
|
|
1114
1124
|
])) : H("", !0)
|
|
1115
1125
|
]);
|
|
1116
1126
|
}), 128))
|
|
1117
1127
|
])
|
|
1118
1128
|
]),
|
|
1119
|
-
|
|
1120
|
-
|
|
1129
|
+
_("div", Kn, [
|
|
1130
|
+
Z(ge, { onClick: G }, {
|
|
1121
1131
|
default: xe(() => v[2] || (v[2] = [
|
|
1122
|
-
|
|
1132
|
+
_e("Скасувати", -1)
|
|
1123
1133
|
])),
|
|
1124
1134
|
_: 1,
|
|
1125
1135
|
__: [2]
|
|
1126
1136
|
}),
|
|
1127
|
-
|
|
1137
|
+
Z(ge, {
|
|
1128
1138
|
type: "primary",
|
|
1129
1139
|
onClick: T
|
|
1130
1140
|
}, {
|
|
1131
1141
|
default: xe(() => v[3] || (v[3] = [
|
|
1132
|
-
|
|
1142
|
+
_e("Зберегти", -1)
|
|
1133
1143
|
])),
|
|
1134
1144
|
_: 1,
|
|
1135
1145
|
__: [3]
|
|
@@ -1137,7 +1147,7 @@ const ae = new Pn(), Dn = {
|
|
|
1137
1147
|
])
|
|
1138
1148
|
]));
|
|
1139
1149
|
}
|
|
1140
|
-
}),
|
|
1150
|
+
}), Jn = /* @__PURE__ */ le({
|
|
1141
1151
|
__name: "ColumnActions",
|
|
1142
1152
|
props: {
|
|
1143
1153
|
column: {},
|
|
@@ -1150,49 +1160,49 @@ const ae = new Pn(), Dn = {
|
|
|
1150
1160
|
if (await at(), !s.value || !l.value) return;
|
|
1151
1161
|
const y = l.value.getBoundingClientRect(), E = s.value, $ = E.offsetWidth, J = y.left + y.width / 2;
|
|
1152
1162
|
E.style.top = `${y.bottom - 20}px`, E.style.left = `${J - $ / 2}px`;
|
|
1153
|
-
const
|
|
1154
|
-
|
|
1155
|
-
},
|
|
1156
|
-
y.stopPropagation(), !a.value && (i.value ?
|
|
1163
|
+
const m = E.getBoundingClientRect();
|
|
1164
|
+
m.right > window.innerWidth && (E.style.left = `${window.innerWidth - $ - 8}px`), m.left < 0 && (E.style.left = "8px");
|
|
1165
|
+
}, k = (y) => {
|
|
1166
|
+
y.stopPropagation(), !a.value && (i.value ? q() : S());
|
|
1157
1167
|
}, S = () => {
|
|
1158
1168
|
a.value || (i.value = !0, c(), r.value && (r.value.style.zIndex = "22"));
|
|
1159
|
-
},
|
|
1169
|
+
}, q = () => {
|
|
1160
1170
|
a.value = !0, i.value = !1, r.value && r.value.style.removeProperty("z-index"), setTimeout(() => {
|
|
1161
1171
|
a.value = !1;
|
|
1162
1172
|
}, 100);
|
|
1163
|
-
},
|
|
1173
|
+
}, j = (y) => {
|
|
1164
1174
|
var E, $;
|
|
1165
|
-
!((E = l.value) != null && E.contains(y.target)) && !(($ = s.value) != null && $.contains(y.target)) &&
|
|
1175
|
+
!((E = l.value) != null && E.contains(y.target)) && !(($ = s.value) != null && $.contains(y.target)) && q();
|
|
1166
1176
|
}, Q = () => {
|
|
1167
|
-
|
|
1168
|
-
},
|
|
1177
|
+
X() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), q();
|
|
1178
|
+
}, F = (y) => ({
|
|
1169
1179
|
name: "removed",
|
|
1170
1180
|
label: "Видалені колонки",
|
|
1171
1181
|
order: 999,
|
|
1172
1182
|
// Найвищий порядок, щоб відображались останніми
|
|
1173
1183
|
columns: y
|
|
1174
|
-
}),
|
|
1184
|
+
}), N = (y) => {
|
|
1175
1185
|
var A;
|
|
1176
1186
|
const E = new Set(y.map((T) => T.prop)), $ = /* @__PURE__ */ new Set();
|
|
1177
1187
|
(A = o.columnsSelector) == null || A.forEach((T) => {
|
|
1178
|
-
T.columns.forEach((
|
|
1188
|
+
T.columns.forEach((G) => $.add(G.prop));
|
|
1179
1189
|
}), o.allColumns.forEach((T) => $.add(T.prop));
|
|
1180
1190
|
const J = [];
|
|
1181
1191
|
$.forEach((T) => {
|
|
1182
|
-
var
|
|
1192
|
+
var G;
|
|
1183
1193
|
if (!E.has(T)) {
|
|
1184
1194
|
let d;
|
|
1185
|
-
(
|
|
1186
|
-
const g = v.columns.find((
|
|
1195
|
+
(G = o.columnsSelector) == null || G.forEach((v) => {
|
|
1196
|
+
const g = v.columns.find((w) => w.prop === T);
|
|
1187
1197
|
g && (d = g);
|
|
1188
1198
|
}), d || (d = o.allColumns.find((v) => v.prop === T)), d && J.push(d);
|
|
1189
1199
|
}
|
|
1190
1200
|
});
|
|
1191
|
-
const
|
|
1192
|
-
J.length > 0 &&
|
|
1201
|
+
const m = [...o.columnsSelector || []];
|
|
1202
|
+
J.length > 0 && m.push(F(J)), u.value = m;
|
|
1193
1203
|
}, M = () => {
|
|
1194
|
-
|
|
1195
|
-
component:
|
|
1204
|
+
N(o.allColumns), ae.open({
|
|
1205
|
+
component: Yn,
|
|
1196
1206
|
title: "Управління колонками таблиці",
|
|
1197
1207
|
props: {
|
|
1198
1208
|
columns: o.allColumns,
|
|
@@ -1200,55 +1210,55 @@ const ae = new Pn(), Dn = {
|
|
|
1200
1210
|
columnsSelector: u.value,
|
|
1201
1211
|
// Передаємо оновлені доступні колонки
|
|
1202
1212
|
"onUpdate-columns": (y) => {
|
|
1203
|
-
console.log("ColumnActions отримав оновлені колонки:", y), n("update-columns", y),
|
|
1213
|
+
console.log("ColumnActions отримав оновлені колонки:", y), n("update-columns", y), N(y);
|
|
1204
1214
|
}
|
|
1205
1215
|
},
|
|
1206
1216
|
size: "large",
|
|
1207
1217
|
closeOnBackdropClick: !1
|
|
1208
|
-
}),
|
|
1209
|
-
}, V = () => o.column.pinnedLeft, R = () => o.column.pinnedRight,
|
|
1218
|
+
}), q();
|
|
1219
|
+
}, V = () => o.column.pinnedLeft, R = () => o.column.pinnedRight, X = () => V() || R();
|
|
1210
1220
|
return ve(() => {
|
|
1211
|
-
document.addEventListener("click",
|
|
1212
|
-
}),
|
|
1213
|
-
document.removeEventListener("click",
|
|
1214
|
-
}), (y, E) => (
|
|
1221
|
+
document.addEventListener("click", j), l.value && (r.value = l.value.closest("th")), N(o.allColumns);
|
|
1222
|
+
}), Le(() => {
|
|
1223
|
+
document.removeEventListener("click", j);
|
|
1224
|
+
}), (y, E) => (p(), f("div", {
|
|
1215
1225
|
ref_key: "triggerRef",
|
|
1216
1226
|
ref: l,
|
|
1217
1227
|
class: "vt-table-header-actions",
|
|
1218
|
-
onClick:
|
|
1228
|
+
onClick: k
|
|
1219
1229
|
}, [
|
|
1220
|
-
|
|
1221
|
-
i.value ? (
|
|
1230
|
+
Z(Y, { name: "listBullet" }),
|
|
1231
|
+
i.value ? (p(), f("ul", {
|
|
1222
1232
|
key: 0,
|
|
1223
1233
|
ref_key: "menuRef",
|
|
1224
1234
|
ref: s,
|
|
1225
1235
|
class: W(["dropdown-menu", "vt-table-dropdown", { visible: i.value }])
|
|
1226
1236
|
}, [
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
name:
|
|
1237
|
+
_("li", { onClick: Q }, [
|
|
1238
|
+
Z(Y, {
|
|
1239
|
+
name: X() ? "unfreeze" : "freeze"
|
|
1230
1240
|
}, null, 8, ["name"]),
|
|
1231
|
-
|
|
1241
|
+
_("span", null, te(X() ? "Розморозити" : "Заморозити"), 1)
|
|
1232
1242
|
]),
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
E[0] || (E[0] =
|
|
1243
|
+
_("li", { onClick: M }, [
|
|
1244
|
+
Z(Y, { name: "columnInsert" }),
|
|
1245
|
+
E[0] || (E[0] = _("span", null, "Колонки", -1))
|
|
1236
1246
|
])
|
|
1237
1247
|
], 2)) : H("", !0)
|
|
1238
1248
|
], 512));
|
|
1239
1249
|
}
|
|
1240
|
-
}),
|
|
1250
|
+
}), Qn = { class: "vt-table" }, eo = { class: "vt-th__content" }, to = { class: "vt-th__content" }, no = { class: "vt-th__label" }, oo = {
|
|
1241
1251
|
key: 0,
|
|
1242
1252
|
class: "vt-th__sortable"
|
|
1243
|
-
},
|
|
1253
|
+
}, lo = ["data-resizer", "onMousedown"], so = {
|
|
1244
1254
|
key: 0,
|
|
1245
1255
|
class: "vt-table__empty-row"
|
|
1246
|
-
},
|
|
1256
|
+
}, io = ["colspan"], ao = { class: "vt-table__empty-content" }, ro = ["onClick"], co = { class: "vt-table__cell-content" }, uo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, po = { key: 1 }, mo = ["data-resizer", "onMousedown"], ho = {
|
|
1247
1257
|
key: 0,
|
|
1248
1258
|
class: "vt-table__summary"
|
|
1249
|
-
},
|
|
1259
|
+
}, vo = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, fo = /* @__PURE__ */ le({
|
|
1250
1260
|
__name: "VTable",
|
|
1251
|
-
props: /* @__PURE__ */
|
|
1261
|
+
props: /* @__PURE__ */ ze({
|
|
1252
1262
|
data: {},
|
|
1253
1263
|
maxHeight: {},
|
|
1254
1264
|
defaultSort: {},
|
|
@@ -1266,27 +1276,29 @@ const ae = new Pn(), Dn = {
|
|
|
1266
1276
|
columns: { required: !1 },
|
|
1267
1277
|
columnsModifiers: {}
|
|
1268
1278
|
}),
|
|
1269
|
-
emits: /* @__PURE__ */
|
|
1279
|
+
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"]),
|
|
1270
1280
|
setup(e, { expose: t, emit: o }) {
|
|
1271
|
-
const n = e, s = rt(e, "columns"), l = o
|
|
1272
|
-
|
|
1281
|
+
const n = e, s = rt(e, "columns"), l = o;
|
|
1282
|
+
Me();
|
|
1283
|
+
const r = D({}), i = D(), a = ct([]), u = D(n.defaultSort || null), c = x(() => s.value !== void 0), k = x(() => n.data && n.data.length > 0), S = D(!1), q = D(0);
|
|
1284
|
+
let j = null;
|
|
1273
1285
|
const Q = () => {
|
|
1274
1286
|
c.value && s.value ? a.splice(0, a.length, ...s.value) : n.columns && a.splice(0, a.length, ...n.columns);
|
|
1275
1287
|
};
|
|
1276
|
-
|
|
1288
|
+
he(
|
|
1277
1289
|
() => s.value,
|
|
1278
1290
|
(h) => {
|
|
1279
1291
|
h && c.value && a.splice(0, a.length, ...h);
|
|
1280
1292
|
},
|
|
1281
1293
|
{ deep: !0 }
|
|
1282
|
-
),
|
|
1294
|
+
), he(
|
|
1283
1295
|
() => n.columns,
|
|
1284
1296
|
(h) => {
|
|
1285
1297
|
h && !c.value && a.splice(0, a.length, ...h);
|
|
1286
1298
|
},
|
|
1287
1299
|
{ deep: !0 }
|
|
1288
1300
|
), ut("vt-table-columns", a);
|
|
1289
|
-
const { sortedColumns:
|
|
1301
|
+
const { sortedColumns: F, getDefaultColumnWidth: N, getStickyOffset: M } = Rn(a), { getTableWrapperStyle: V, getColumnStyle: R, getHeaderStyle: X, getFooterStyle: y } = Tn(n), { onMouseDown: E } = zn(), $ = x(() => Pn(n.data, u.value, a)), J = x(() => n.allData || n.data), m = n.selectable ? En(n, $, l, J) : null, A = () => ({
|
|
1290
1302
|
width: `${ye}px`,
|
|
1291
1303
|
minWidth: `${ye}px`,
|
|
1292
1304
|
maxWidth: `${ye}px`,
|
|
@@ -1301,7 +1313,7 @@ const ae = new Pn(), Dn = {
|
|
|
1301
1313
|
zIndex: 11
|
|
1302
1314
|
// Вищий z-index для header
|
|
1303
1315
|
} : h;
|
|
1304
|
-
},
|
|
1316
|
+
}, G = () => {
|
|
1305
1317
|
const h = A();
|
|
1306
1318
|
return n.maxHeight ? {
|
|
1307
1319
|
...h,
|
|
@@ -1312,9 +1324,9 @@ const ae = new Pn(), Dn = {
|
|
|
1312
1324
|
}, d = () => {
|
|
1313
1325
|
if (!i.value || S.value) return;
|
|
1314
1326
|
const h = i.value, C = h.scrollTop, I = h.scrollHeight, z = h.clientHeight, P = 30;
|
|
1315
|
-
|
|
1316
|
-
const fe = C -
|
|
1317
|
-
|
|
1327
|
+
j && clearTimeout(j), j = setTimeout(() => {
|
|
1328
|
+
const fe = C - q.value > 1, b = I - C - z <= P, ce = I - C - z <= 5;
|
|
1329
|
+
q.value = C, fe && (b || ce) && (S.value = !0, l("infinity-scroll"), setTimeout(() => {
|
|
1318
1330
|
S.value = !1;
|
|
1319
1331
|
}, 1e3));
|
|
1320
1332
|
}, 50);
|
|
@@ -1323,11 +1335,11 @@ const ae = new Pn(), Dn = {
|
|
|
1323
1335
|
};
|
|
1324
1336
|
ve(() => {
|
|
1325
1337
|
i.value && i.value.addEventListener("scroll", d);
|
|
1326
|
-
}),
|
|
1327
|
-
|
|
1338
|
+
}), Le(() => {
|
|
1339
|
+
j && clearTimeout(j), i.value && i.value.removeEventListener("scroll", d);
|
|
1328
1340
|
});
|
|
1329
1341
|
const g = (h, C) => {
|
|
1330
|
-
|
|
1342
|
+
Hn(h, C, (I) => {
|
|
1331
1343
|
var z, P;
|
|
1332
1344
|
((z = u.value) == null ? void 0 : z.prop) === h.prop && u.value.direction === C ? u.value = null : u.value = I, l("sort-change", {
|
|
1333
1345
|
column: h,
|
|
@@ -1336,7 +1348,7 @@ const ae = new Pn(), Dn = {
|
|
|
1336
1348
|
sortedData: $.value
|
|
1337
1349
|
});
|
|
1338
1350
|
});
|
|
1339
|
-
},
|
|
1351
|
+
}, w = (h, C) => {
|
|
1340
1352
|
const I = {
|
|
1341
1353
|
pinnedLeft: C === "left",
|
|
1342
1354
|
pinnedRight: C === "right"
|
|
@@ -1363,28 +1375,28 @@ const ae = new Pn(), Dn = {
|
|
|
1363
1375
|
a.map((z) => z.prop)
|
|
1364
1376
|
);
|
|
1365
1377
|
}, ee = (h, C, I) => {
|
|
1366
|
-
l("row-click", { row: h, column: C, event: I }), n.highlightCurrentRow &&
|
|
1378
|
+
l("row-click", { row: h, column: C, event: I }), n.highlightCurrentRow && m && m.setCurrentRow(h);
|
|
1367
1379
|
}, Ce = (h, C, I) => {
|
|
1368
|
-
I.stopPropagation(),
|
|
1369
|
-
},
|
|
1370
|
-
C.stopPropagation(),
|
|
1371
|
-
}, Le = (h, C) => {
|
|
1372
|
-
h && (r.value[C] = h);
|
|
1380
|
+
I.stopPropagation(), m && m.toggleRowSelection(C, h);
|
|
1381
|
+
}, Fe = (h, C) => {
|
|
1382
|
+
C.stopPropagation(), m && m.toggleAllSelection();
|
|
1373
1383
|
}, Ie = (h, C) => {
|
|
1374
|
-
|
|
1375
|
-
|
|
1384
|
+
h && (r.value[C] = h);
|
|
1385
|
+
}, Be = (h, C) => {
|
|
1386
|
+
const I = C.width || N();
|
|
1387
|
+
E(h, C, N, (z) => {
|
|
1376
1388
|
L(C.prop, { width: z }), l("column-resize", {
|
|
1377
1389
|
column: { ...C, width: z },
|
|
1378
1390
|
width: z,
|
|
1379
1391
|
oldWidth: I
|
|
1380
1392
|
});
|
|
1381
1393
|
});
|
|
1382
|
-
},
|
|
1394
|
+
}, Ue = (h, C) => R(h, C, M, N), qe = (h, C) => X(h, C, M, N), Xe = (h, C) => y(h, C, M, N), Ge = (h, C) => {
|
|
1383
1395
|
if (!C || !C.prop) return "";
|
|
1384
1396
|
const I = h[C.prop];
|
|
1385
1397
|
return I == null ? "" : String(I);
|
|
1386
|
-
},
|
|
1387
|
-
if (!n.showSummary || !
|
|
1398
|
+
}, Ke = x(() => {
|
|
1399
|
+
if (!n.showSummary || !k.value) return {};
|
|
1388
1400
|
const h = a;
|
|
1389
1401
|
if (typeof n.summaryMethod == "function") {
|
|
1390
1402
|
const C = n.summaryMethod({ columns: h, data: $.value });
|
|
@@ -1400,42 +1412,43 @@ const ae = new Pn(), Dn = {
|
|
|
1400
1412
|
},
|
|
1401
1413
|
{}
|
|
1402
1414
|
);
|
|
1403
|
-
}),
|
|
1404
|
-
|
|
1405
|
-
}, Je = () => {
|
|
1406
|
-
p && p.toggleAllSelection();
|
|
1415
|
+
}), Ye = x(() => n.showSummary && k.value), Je = (h, C) => {
|
|
1416
|
+
m && m.toggleRowSelection(h, C);
|
|
1407
1417
|
}, Qe = () => {
|
|
1408
|
-
|
|
1418
|
+
m && m.toggleAllSelection();
|
|
1409
1419
|
}, et = () => {
|
|
1410
|
-
|
|
1411
|
-
}, tt = () =>
|
|
1412
|
-
|
|
1420
|
+
m && m.selectAbsolutelyAll();
|
|
1421
|
+
}, tt = () => {
|
|
1422
|
+
m && m.clearSelection();
|
|
1423
|
+
}, nt = () => m ? m.getSelectionRows() : [], ot = (h) => {
|
|
1424
|
+
m && m.setSelectionRows(h);
|
|
1413
1425
|
};
|
|
1414
1426
|
return ve(() => {
|
|
1415
1427
|
Q();
|
|
1416
1428
|
}), t({
|
|
1417
|
-
toggleRowSelection:
|
|
1418
|
-
toggleAllSelection:
|
|
1419
|
-
selectAbsolutelyAll:
|
|
1420
|
-
clearSelection:
|
|
1421
|
-
getSelectionRows:
|
|
1422
|
-
setSelectionRows:
|
|
1429
|
+
toggleRowSelection: Je,
|
|
1430
|
+
toggleAllSelection: Qe,
|
|
1431
|
+
selectAbsolutelyAll: et,
|
|
1432
|
+
clearSelection: tt,
|
|
1433
|
+
getSelectionRows: nt,
|
|
1434
|
+
setSelectionRows: ot,
|
|
1423
1435
|
resetInfinityScroll: v
|
|
1424
1436
|
// Додаємо метод для скидання infinity scroll
|
|
1425
1437
|
}), (h, C) => {
|
|
1426
1438
|
var z, P, de, fe;
|
|
1427
|
-
const I =
|
|
1428
|
-
return
|
|
1439
|
+
const I = je("tooltip");
|
|
1440
|
+
return p(), f("div", {
|
|
1429
1441
|
ref_key: "tableWrapperRef",
|
|
1430
1442
|
ref: i,
|
|
1431
1443
|
class: "vt-table-wrapper",
|
|
1432
|
-
style: ie(
|
|
1444
|
+
style: ie(U(V)()),
|
|
1433
1445
|
onScroll: d
|
|
1434
1446
|
}, [
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1447
|
+
pe(h.$slots, "default"),
|
|
1448
|
+
_("table", Qn, [
|
|
1449
|
+
_("thead", null, [
|
|
1450
|
+
_("tr", null, [
|
|
1451
|
+
n.selectable ? (p(), f("th", {
|
|
1439
1452
|
key: 0,
|
|
1440
1453
|
class: W(["vt-table__th vt-table__th--selection", {
|
|
1441
1454
|
"vt-table__th--sticky": n.maxHeight,
|
|
@@ -1443,153 +1456,153 @@ const ae = new Pn(), Dn = {
|
|
|
1443
1456
|
}]),
|
|
1444
1457
|
style: ie(T())
|
|
1445
1458
|
}, [
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
checked: (z =
|
|
1449
|
-
indeterminate: (P =
|
|
1450
|
-
"is-double": (fe = (de =
|
|
1451
|
-
onChange:
|
|
1459
|
+
_("div", eo, [
|
|
1460
|
+
Z(ue, {
|
|
1461
|
+
checked: (z = U(m)) == null ? void 0 : z.isAllSelected.value,
|
|
1462
|
+
indeterminate: (P = U(m)) == null ? void 0 : P.isIndeterminate.value,
|
|
1463
|
+
"is-double": (fe = (de = U(m)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
|
|
1464
|
+
onChange: Fe
|
|
1452
1465
|
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
1453
1466
|
])
|
|
1454
1467
|
], 6)) : H("", !0),
|
|
1455
|
-
(
|
|
1456
|
-
key:
|
|
1468
|
+
(p(!0), f(ne, null, oe(U(F), (b, ce) => (p(), f("th", {
|
|
1469
|
+
key: b.prop,
|
|
1457
1470
|
ref_for: !0,
|
|
1458
|
-
ref: (se) =>
|
|
1459
|
-
style: ie(
|
|
1471
|
+
ref: (se) => Ie(se, b.prop),
|
|
1472
|
+
style: ie(qe(b, ce)),
|
|
1460
1473
|
class: W([
|
|
1461
1474
|
"vt-table__th",
|
|
1462
1475
|
{
|
|
1463
1476
|
"vt-table__th--sticky": n.maxHeight,
|
|
1464
|
-
"vt-table__th--pinned-left":
|
|
1465
|
-
"vt-table__th--pinned-right":
|
|
1466
|
-
"vt-table__th--sortable":
|
|
1477
|
+
"vt-table__th--pinned-left": b.pinnedLeft,
|
|
1478
|
+
"vt-table__th--pinned-right": b.pinnedRight,
|
|
1479
|
+
"vt-table__th--sortable": b.sortable
|
|
1467
1480
|
}
|
|
1468
1481
|
])
|
|
1469
1482
|
}, [
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1483
|
+
_("div", to, [
|
|
1484
|
+
_("div", no, te(b.label), 1),
|
|
1485
|
+
b.sortable ? (p(), f("div", oo, [
|
|
1486
|
+
Z(Y, {
|
|
1474
1487
|
name: "arrowTop",
|
|
1475
|
-
class: W(
|
|
1476
|
-
onClick:
|
|
1488
|
+
class: W(U(We)(b, u.value).asc),
|
|
1489
|
+
onClick: me((se) => g(b, "asc"), ["stop"])
|
|
1477
1490
|
}, null, 8, ["class", "onClick"]),
|
|
1478
|
-
|
|
1491
|
+
Z(Y, {
|
|
1479
1492
|
name: "arrowDown",
|
|
1480
|
-
class: W(
|
|
1481
|
-
onClick:
|
|
1493
|
+
class: W(U(We)(b, u.value).desc),
|
|
1494
|
+
onClick: me((se) => g(b, "desc"), ["stop"])
|
|
1482
1495
|
}, null, 8, ["class", "onClick"])
|
|
1483
1496
|
])) : H("", !0),
|
|
1484
|
-
|
|
1497
|
+
b.actionColumn ? (p(), re(Jn, {
|
|
1485
1498
|
key: 1,
|
|
1486
|
-
column:
|
|
1487
|
-
"all-columns":
|
|
1499
|
+
column: b,
|
|
1500
|
+
"all-columns": U(F),
|
|
1488
1501
|
columnsSelector: n.columnsSelector,
|
|
1489
|
-
onPin:
|
|
1502
|
+
onPin: w,
|
|
1490
1503
|
onUpdateColumns: B
|
|
1491
1504
|
}, null, 8, ["column", "all-columns", "columnsSelector"])) : H("", !0)
|
|
1492
1505
|
]),
|
|
1493
|
-
|
|
1506
|
+
_("div", {
|
|
1494
1507
|
class: "vt-table__resizer",
|
|
1495
|
-
"data-resizer":
|
|
1496
|
-
onMousedown: (se) =>
|
|
1497
|
-
}, null, 40,
|
|
1508
|
+
"data-resizer": b.prop,
|
|
1509
|
+
onMousedown: (se) => Be(se, b)
|
|
1510
|
+
}, null, 40, lo)
|
|
1498
1511
|
], 6))), 128))
|
|
1499
1512
|
])
|
|
1500
1513
|
]),
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
var se,
|
|
1504
|
-
return
|
|
1505
|
-
key:
|
|
1514
|
+
_("tbody", null, [
|
|
1515
|
+
k.value ? (p(!0), f(ne, { key: 1 }, oe($.value, (b, ce) => {
|
|
1516
|
+
var se, Re, Te;
|
|
1517
|
+
return p(), f("tr", {
|
|
1518
|
+
key: b.id,
|
|
1506
1519
|
class: W([
|
|
1507
1520
|
"vt-table__row",
|
|
1508
1521
|
{
|
|
1509
|
-
"vt-table__row--selected": (se =
|
|
1510
|
-
"vt-table__row--current": ((
|
|
1522
|
+
"vt-table__row--selected": (se = U(m)) == null ? void 0 : se.isRowSelected(b),
|
|
1523
|
+
"vt-table__row--current": ((Re = U(m)) == null ? void 0 : Re.currentRow.value) === b,
|
|
1511
1524
|
"vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
|
|
1512
1525
|
}
|
|
1513
1526
|
]),
|
|
1514
|
-
onClick: (
|
|
1527
|
+
onClick: (O) => ee(b, U(F)[0], O)
|
|
1515
1528
|
}, [
|
|
1516
|
-
n.selectable ? (
|
|
1529
|
+
n.selectable ? (p(), f("td", {
|
|
1517
1530
|
key: 0,
|
|
1518
1531
|
class: W(["vt-table__td vt-table__td--selection", {
|
|
1519
1532
|
"vt-table__td--pinned-left": !0
|
|
1520
1533
|
}]),
|
|
1521
1534
|
style: ie(A())
|
|
1522
1535
|
}, [
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
checked: (
|
|
1526
|
-
onChange: (
|
|
1536
|
+
_("div", co, [
|
|
1537
|
+
Z(ue, {
|
|
1538
|
+
checked: (Te = U(m)) == null ? void 0 : Te.isRowSelected(b),
|
|
1539
|
+
onChange: (O, be) => Ce(O, b, be)
|
|
1527
1540
|
}, null, 8, ["checked", "onChange"])
|
|
1528
1541
|
])
|
|
1529
1542
|
], 4)) : H("", !0),
|
|
1530
|
-
(
|
|
1531
|
-
key:
|
|
1543
|
+
(p(!0), f(ne, null, oe(U(F), (O, be) => (p(), f("td", {
|
|
1544
|
+
key: O.prop,
|
|
1532
1545
|
ref_for: !0,
|
|
1533
|
-
ref: (we) =>
|
|
1534
|
-
style: ie(
|
|
1546
|
+
ref: (we) => Ie(we, O.prop),
|
|
1547
|
+
style: ie(Ue(O, be)),
|
|
1535
1548
|
class: W([
|
|
1536
1549
|
"vt-table__td",
|
|
1537
1550
|
{
|
|
1538
|
-
"vt-table__td--pinned-left":
|
|
1539
|
-
"vt-table__td--pinned-right":
|
|
1551
|
+
"vt-table__td--pinned-left": O.pinnedLeft,
|
|
1552
|
+
"vt-table__td--pinned-right": O.pinnedRight
|
|
1540
1553
|
}
|
|
1541
1554
|
])
|
|
1542
1555
|
}, [
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
]))
|
|
1546
|
-
[I,
|
|
1556
|
+
$e((p(), f("div", uo, [
|
|
1557
|
+
O.renderSlot ? (p(), re(Oe(() => U(Wn)(O.renderSlot, { row: b, column: O, value: b[O.prop], index: ce })), { key: 0 })) : (p(), f("span", po, te(b[O.prop]), 1))
|
|
1558
|
+
])), [
|
|
1559
|
+
[I, O.showOverflowTooltip ? Ge(b, O) : null]
|
|
1547
1560
|
]),
|
|
1548
|
-
|
|
1561
|
+
_("div", {
|
|
1549
1562
|
class: "vt-table__resizer",
|
|
1550
|
-
"data-resizer":
|
|
1551
|
-
onMousedown: (we) =>
|
|
1552
|
-
}, null, 40,
|
|
1563
|
+
"data-resizer": O.prop,
|
|
1564
|
+
onMousedown: (we) => Be(we, O)
|
|
1565
|
+
}, null, 40, mo)
|
|
1553
1566
|
], 6))), 128))
|
|
1554
|
-
], 10,
|
|
1555
|
-
}), 128)) : (
|
|
1556
|
-
|
|
1557
|
-
colspan:
|
|
1567
|
+
], 10, ro);
|
|
1568
|
+
}), 128)) : (p(), f("tr", so, [
|
|
1569
|
+
_("td", {
|
|
1570
|
+
colspan: U(F).length + (n.selectable ? 1 : 0),
|
|
1558
1571
|
class: "vt-table__empty-cell"
|
|
1559
1572
|
}, [
|
|
1560
|
-
|
|
1561
|
-
|
|
1573
|
+
_("div", ao, [
|
|
1574
|
+
Z(Y, {
|
|
1562
1575
|
name: "empty",
|
|
1563
1576
|
class: "vt-table__empty-icon"
|
|
1564
1577
|
}),
|
|
1565
|
-
C[0] || (C[0] =
|
|
1578
|
+
C[0] || (C[0] = _("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
1566
1579
|
])
|
|
1567
|
-
], 8,
|
|
1580
|
+
], 8, io)
|
|
1568
1581
|
]))
|
|
1569
1582
|
]),
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
n.selectable ? (
|
|
1583
|
+
Ye.value ? (p(), f("tfoot", ho, [
|
|
1584
|
+
_("tr", null, [
|
|
1585
|
+
n.selectable ? (p(), f("td", {
|
|
1573
1586
|
key: 0,
|
|
1574
1587
|
class: W(["vt-table__td", {
|
|
1575
1588
|
"vt-table__td--pinned-left": !0
|
|
1576
1589
|
}]),
|
|
1577
|
-
style: ie(
|
|
1578
|
-
}, C[
|
|
1579
|
-
|
|
1590
|
+
style: ie(G())
|
|
1591
|
+
}, C[1] || (C[1] = [
|
|
1592
|
+
_("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
1580
1593
|
]), 4)) : H("", !0),
|
|
1581
|
-
(
|
|
1582
|
-
key:
|
|
1583
|
-
style: ie(
|
|
1594
|
+
(p(!0), f(ne, null, oe(U(F), (b, ce) => (p(), f("td", {
|
|
1595
|
+
key: b.prop,
|
|
1596
|
+
style: ie(Xe(b, ce)),
|
|
1584
1597
|
class: W([
|
|
1585
1598
|
"vt-table__td",
|
|
1586
1599
|
{
|
|
1587
|
-
"vt-table__td--pinned-left":
|
|
1588
|
-
"vt-table__td--pinned-right":
|
|
1600
|
+
"vt-table__td--pinned-left": b.pinnedLeft,
|
|
1601
|
+
"vt-table__td--pinned-right": b.pinnedRight
|
|
1589
1602
|
}
|
|
1590
1603
|
])
|
|
1591
1604
|
}, [
|
|
1592
|
-
|
|
1605
|
+
_("div", vo, te(Ke.value[b.prop]), 1)
|
|
1593
1606
|
], 6))), 128))
|
|
1594
1607
|
])
|
|
1595
1608
|
])) : H("", !0)
|
|
@@ -1597,7 +1610,7 @@ const ae = new Pn(), Dn = {
|
|
|
1597
1610
|
], 36);
|
|
1598
1611
|
};
|
|
1599
1612
|
}
|
|
1600
|
-
}),
|
|
1613
|
+
}), _o = /* @__PURE__ */ le({
|
|
1601
1614
|
__name: "VTableColumn",
|
|
1602
1615
|
props: {
|
|
1603
1616
|
prop: {},
|
|
@@ -1615,7 +1628,7 @@ const ae = new Pn(), Dn = {
|
|
|
1615
1628
|
sortMethod: {}
|
|
1616
1629
|
},
|
|
1617
1630
|
setup(e) {
|
|
1618
|
-
const t = e, o =
|
|
1631
|
+
const t = e, o = Me(), n = dt("vt-table-columns");
|
|
1619
1632
|
n || console.error(
|
|
1620
1633
|
"VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
|
|
1621
1634
|
);
|
|
@@ -1640,7 +1653,7 @@ const ae = new Pn(), Dn = {
|
|
|
1640
1653
|
const r = s();
|
|
1641
1654
|
n.push(r), l = n.length - 1;
|
|
1642
1655
|
}
|
|
1643
|
-
}),
|
|
1656
|
+
}), he(
|
|
1644
1657
|
() => [
|
|
1645
1658
|
t.width,
|
|
1646
1659
|
t.minWidth,
|
|
@@ -1667,14 +1680,14 @@ const ae = new Pn(), Dn = {
|
|
|
1667
1680
|
}
|
|
1668
1681
|
},
|
|
1669
1682
|
{ deep: !0 }
|
|
1670
|
-
),
|
|
1683
|
+
), Le(() => {
|
|
1671
1684
|
if (n) {
|
|
1672
1685
|
const r = n.findIndex((i) => i.prop === t.prop);
|
|
1673
1686
|
r > -1 && n.splice(r, 1);
|
|
1674
1687
|
}
|
|
1675
1688
|
}), (r, i) => null;
|
|
1676
1689
|
}
|
|
1677
|
-
}),
|
|
1690
|
+
}), Ve = (e, t) => {
|
|
1678
1691
|
const o = document.createElement("div");
|
|
1679
1692
|
o.className = `vt-tooltip vt-tooltip--${t}`, o.innerText = e, Object.assign(o.style, {
|
|
1680
1693
|
position: "absolute",
|
|
@@ -1759,23 +1772,23 @@ const ae = new Pn(), Dn = {
|
|
|
1759
1772
|
}
|
|
1760
1773
|
const u = window.innerWidth, c = window.innerHeight;
|
|
1761
1774
|
a < 8 ? a = 8 : a + s.width > u - 8 && (a = u - s.width - 8), i < r + 8 ? o === "top" ? i = n.bottom + r + 8 : i = r + 8 : i + s.height > r + c - 8 && (o === "bottom" ? i = n.top + r - s.height - 8 : i = r + c - s.height - 8), e.style.top = `${i}px`, e.style.left = `${a}px`;
|
|
1762
|
-
},
|
|
1775
|
+
}, He = (e, t, o) => {
|
|
1763
1776
|
e.parentElement || document.body.appendChild(e), e.style.visibility = "visible", Se(e, t, o), requestAnimationFrame(() => {
|
|
1764
1777
|
e.style.opacity = "1";
|
|
1765
1778
|
});
|
|
1766
|
-
},
|
|
1779
|
+
}, Pe = (e) => {
|
|
1767
1780
|
e.style.opacity = "0", e.style.visibility = "hidden";
|
|
1768
|
-
},
|
|
1781
|
+
}, De = (e) => e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight, Ae = (e) => !!e.closest(".vt-table, table"), go = {
|
|
1769
1782
|
mounted(e, t) {
|
|
1770
1783
|
var a;
|
|
1771
1784
|
const o = (a = t.value) == null ? void 0 : a.trim();
|
|
1772
1785
|
if (!o) return;
|
|
1773
|
-
const n = e.dataset.placement || "top", s =
|
|
1786
|
+
const n = e.dataset.placement || "top", s = Ve(o, n);
|
|
1774
1787
|
e.__tooltipEl = s;
|
|
1775
1788
|
const l = () => {
|
|
1776
|
-
(
|
|
1789
|
+
(Ae(e) ? De(e) : !0) && He(s, e, n);
|
|
1777
1790
|
}, r = () => {
|
|
1778
|
-
|
|
1791
|
+
Pe(s);
|
|
1779
1792
|
}, i = () => {
|
|
1780
1793
|
s.style.opacity === "1" && Se(s, e, n);
|
|
1781
1794
|
};
|
|
@@ -1787,12 +1800,12 @@ const ae = new Pn(), Dn = {
|
|
|
1787
1800
|
if (e.__tooltipEl)
|
|
1788
1801
|
o ? e.__tooltipEl.firstChild.textContent = o : (e.__tooltipEl.parentElement && e.__tooltipEl.parentElement.removeChild(e.__tooltipEl), delete e.__tooltipEl);
|
|
1789
1802
|
else if (o) {
|
|
1790
|
-
const s = e.dataset.placement || "top", l =
|
|
1803
|
+
const s = e.dataset.placement || "top", l = Ve(o, s);
|
|
1791
1804
|
e.__tooltipEl = l;
|
|
1792
1805
|
const r = () => {
|
|
1793
|
-
(
|
|
1806
|
+
(Ae(e) ? De(e) : !0) && He(l, e, s);
|
|
1794
1807
|
}, i = () => {
|
|
1795
|
-
|
|
1808
|
+
Pe(l);
|
|
1796
1809
|
}, a = () => {
|
|
1797
1810
|
l.style.opacity === "1" && Se(l, e, s);
|
|
1798
1811
|
};
|
|
@@ -1802,24 +1815,24 @@ const ae = new Pn(), Dn = {
|
|
|
1802
1815
|
beforeUnmount(e) {
|
|
1803
1816
|
e.__tooltipEl && e.__tooltipEl.parentElement && (e.__tooltipEl.parentElement.removeChild(e.__tooltipEl), delete e.__tooltipEl), e.__mouseenterHandler && (e.removeEventListener("mouseenter", e.__mouseenterHandler), delete e.__mouseenterHandler), e.__mouseleaveHandler && (e.removeEventListener("mouseleave", e.__mouseleaveHandler), delete e.__mouseleaveHandler), e.__scrollHandler && (window.removeEventListener("scroll", e.__scrollHandler, !0), window.removeEventListener("resize", e.__scrollHandler), delete e.__scrollHandler);
|
|
1804
1817
|
}
|
|
1805
|
-
},
|
|
1818
|
+
}, Co = {
|
|
1806
1819
|
install(e, t = {}) {
|
|
1807
1820
|
const { prefix: o = "V", modal: n = !0 } = t;
|
|
1808
|
-
e.component(`${o}Button`, ge), e.component(`${o}Icon`, Y), e.component(`${o}Loader`,
|
|
1821
|
+
e.component(`${o}Button`, ge), e.component(`${o}Icon`, Y), e.component(`${o}Loader`, Ne), e.component(`${o}Modal`, Ze), e.component(`${o}Pagination`, Ln), e.component(`${o}Checkbox`, ue), e.component(`${o}Table`, fo), e.component(`${o}TableColumn`, _o), e.directive("tooltip", go), n && e.use(An);
|
|
1809
1822
|
}
|
|
1810
|
-
},
|
|
1823
|
+
}, wo = Co.install;
|
|
1811
1824
|
export {
|
|
1812
1825
|
ge as VButton,
|
|
1813
1826
|
ue as VCheckbox,
|
|
1814
1827
|
Y as VIcon,
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1828
|
+
Ne as VLoader,
|
|
1829
|
+
Ze as VModal,
|
|
1830
|
+
An as VModalPlugin,
|
|
1818
1831
|
Ln as VPagination,
|
|
1819
|
-
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1832
|
+
fo as VTable,
|
|
1833
|
+
_o as VTableColumn,
|
|
1834
|
+
Co as default,
|
|
1835
|
+
wo as install,
|
|
1823
1836
|
ae as modalManager,
|
|
1824
|
-
|
|
1837
|
+
go as tooltipDirective
|
|
1825
1838
|
};
|