voiptime-components 0.0.15 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +17 -38
- package/dist/index.es.js +465 -484
- 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 _, openBlock as m, createElementVNode as f, defineComponent as le, computed as x, createBlock as re, createCommentVNode as H, resolveDynamicComponent as ot, useSlots as Ae, resolveDirective as Oe, withDirectives as Me, normalizeClass as W, renderSlot as _e, Teleport as lt, normalizeStyle as ie, withModifiers as pe, toDisplayString as te, watch as me, Fragment as ne, renderList as oe, vModelSelect as st, createVNode as N, withCtx as xe, createTextVNode as he, ref as D, createApp as it, h as ke, onMounted as ve, onUnmounted as $e, nextTick as at, mergeModels as Te, useModel as rt, reactive as ct, provide as ut, unref as q, inject as dt } from "vue";
|
|
2
|
+
const G = (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 K = (e, t) => {
|
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
13
|
};
|
|
14
14
|
function ht(e, t) {
|
|
15
|
-
return
|
|
16
|
-
|
|
15
|
+
return m(), _("svg", mt, t[0] || (t[0] = [
|
|
16
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", _t, t[0] || (t[0] = [
|
|
34
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", wt, t[0] || (t[0] = [
|
|
52
|
+
f("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
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", St, t[0] || (t[0] = [
|
|
74
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", It, t[0] || (t[0] = [
|
|
92
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", zt, t[0] || (t[0] = [
|
|
110
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", Ht, t[0] || (t[0] = [
|
|
128
|
+
f("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
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", Ot, t[0] || (t[0] = [
|
|
152
|
+
f("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
|
+
f("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__ */ G(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__ */ K(At, [["render", jt]]), Zt = {}, Ft = {
|
|
|
172
172
|
fill: "none"
|
|
173
173
|
};
|
|
174
174
|
function Ut(e, t) {
|
|
175
|
-
return
|
|
176
|
-
|
|
175
|
+
return m(), _("svg", Ft, t[0] || (t[0] = [
|
|
176
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", Gt, t[0] || (t[0] = [
|
|
194
|
+
f("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
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", Qt, t[0] || (t[0] = [
|
|
217
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", on, t[0] || (t[0] = [
|
|
234
|
+
f("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__ */ G(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__ */ K(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 m(), _("svg", rn, t[0] || (t[0] = [
|
|
251
|
+
f("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__ */ G(an, [["render", cn]]), dn = {
|
|
261
261
|
// arrow icons
|
|
262
262
|
arrowDown: vt,
|
|
263
263
|
arrowTop: Ct,
|
|
@@ -281,13 +281,13 @@ const un = /* @__PURE__ */ K(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 ? (m(), re(ot(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 m(), _("span", mn);
|
|
289
289
|
}
|
|
290
|
-
const
|
|
290
|
+
const je = /* @__PURE__ */ G(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 Ne = /* @__PURE__ */ K(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 = Ae(), l = x(() => !!(o.icon && o.shape)), r = x(() => {
|
|
308
|
+
var w, S;
|
|
309
309
|
const c = s.default ? s.default({}) : null;
|
|
310
|
-
return ((S = (
|
|
310
|
+
return ((S = (w = c == null ? void 0 : c[0]) == null ? void 0 : w.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 Ne = /* @__PURE__ */ K(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 Me((
|
|
323
|
+
return (c, w) => {
|
|
324
|
+
const S = Oe("tooltip");
|
|
325
|
+
return Me((m(), _("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 ? (m(), re(je, {
|
|
333
333
|
key: 0,
|
|
334
334
|
class: "vt-button__icon"
|
|
335
|
-
})) : o.icon ? (
|
|
335
|
+
})) : o.icon ? (m(), 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) : (m(), _("span", fn, [
|
|
341
|
+
_e(c.$slots, "default")
|
|
342
342
|
]))
|
|
343
343
|
], 10, vn)), [
|
|
344
344
|
[S, a.value]
|
|
@@ -351,7 +351,7 @@ const Ne = /* @__PURE__ */ K(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" }, Ne = /* @__PURE__ */ le({
|
|
355
355
|
__name: "VModal",
|
|
356
356
|
props: {
|
|
357
357
|
modelValue: { type: Boolean },
|
|
@@ -370,29 +370,29 @@ const Ne = /* @__PURE__ */ K(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) => (m(), re(lt, { to: "body" }, [
|
|
374
|
+
a.modelValue ? (m(), _("div", {
|
|
375
375
|
key: 0,
|
|
376
376
|
class: "vt-modal__backdrop",
|
|
377
|
-
style:
|
|
377
|
+
style: ie(l.value),
|
|
378
378
|
onClick: i
|
|
379
379
|
}, [
|
|
380
|
-
|
|
380
|
+
f("div", {
|
|
381
381
|
class: W(s.value),
|
|
382
|
-
onClick: u[0] || (u[0] =
|
|
382
|
+
onClick: u[0] || (u[0] = pe(() => {
|
|
383
383
|
}, ["stop"]))
|
|
384
384
|
}, [
|
|
385
|
-
a.title || a.showCloseButton ? (
|
|
386
|
-
a.title ? (
|
|
387
|
-
a.showCloseButton ? (
|
|
385
|
+
a.title || a.showCloseButton ? (m(), _("div", _n, [
|
|
386
|
+
a.title ? (m(), _("h2", gn, te(a.title), 1)) : H("", !0),
|
|
387
|
+
a.showCloseButton ? (m(), 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
|
+
f("div", Cn, [
|
|
395
|
+
_e(a.$slots, "default")
|
|
396
396
|
])
|
|
397
397
|
], 2)
|
|
398
398
|
], 4)) : H("", !0)
|
|
@@ -415,14 +415,14 @@ const Ne = /* @__PURE__ */ K(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,
|
|
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), w = x(() => {
|
|
419
|
+
const M = [], V = r.value, R = s.value, U = o.maxVisiblePages;
|
|
420
|
+
if (V <= U)
|
|
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,
|
|
425
|
+
const y = Math.max(2, R - Math.floor(U / 2)), E = Math.min(V - 1, R + Math.floor(U / 2));
|
|
426
426
|
y > 2 && M.push("...");
|
|
427
427
|
for (let $ = y; $ <= E; $++)
|
|
428
428
|
M.push($);
|
|
@@ -436,76 +436,76 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
436
436
|
});
|
|
437
437
|
}, F = (M) => {
|
|
438
438
|
typeof M == "number" && M !== s.value && (s.value = M, S());
|
|
439
|
-
},
|
|
439
|
+
}, O = () => {
|
|
440
440
|
u.value || (s.value--, S());
|
|
441
441
|
}, Q = () => {
|
|
442
442
|
c.value || (s.value++, S());
|
|
443
|
-
},
|
|
443
|
+
}, Z = () => {
|
|
444
444
|
s.value = 1, S();
|
|
445
|
-
},
|
|
445
|
+
}, j = () => {
|
|
446
446
|
n("reloadData", s.value);
|
|
447
447
|
};
|
|
448
|
-
return
|
|
448
|
+
return me(
|
|
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) => (m(), _("div", bn, [
|
|
454
|
+
f("div", wn, [
|
|
455
|
+
f("div", kn, [
|
|
456
|
+
V[1] || (V[1] = f("label", {
|
|
457
457
|
for: "rowsSelect",
|
|
458
458
|
class: "vt-pagination__label"
|
|
459
459
|
}, "Рядків на сторінку:", -1)),
|
|
460
|
-
Me(
|
|
460
|
+
Me(f("select", {
|
|
461
461
|
id: "rowsSelect",
|
|
462
|
-
"onUpdate:modelValue": V[0] || (V[0] = (
|
|
463
|
-
onChange:
|
|
462
|
+
"onUpdate:modelValue": V[0] || (V[0] = (R) => l.value = R),
|
|
463
|
+
onChange: Z,
|
|
464
464
|
class: "vt-pagination__select"
|
|
465
465
|
}, [
|
|
466
|
-
(
|
|
467
|
-
key:
|
|
468
|
-
value:
|
|
469
|
-
}, te(
|
|
466
|
+
(m(!0), _(ne, null, oe(M.pageSizeOptions, (R) => (m(), _("option", {
|
|
467
|
+
key: R,
|
|
468
|
+
value: R
|
|
469
|
+
}, te(R), 9, yn))), 128))
|
|
470
470
|
], 544), [
|
|
471
471
|
[st, l.value]
|
|
472
472
|
])
|
|
473
473
|
]),
|
|
474
|
-
|
|
474
|
+
f("span", null, te(i.value) + " - " + te(a.value) + " з " + te(M.totalItems), 1)
|
|
475
475
|
]),
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
onClick:
|
|
476
|
+
f("div", xn, [
|
|
477
|
+
f("button", {
|
|
478
|
+
onClick: O,
|
|
479
479
|
disabled: u.value,
|
|
480
480
|
class: W({ "vt-pagination__nav-button": !0, "has-items": !u.value })
|
|
481
481
|
}, [
|
|
482
|
-
|
|
482
|
+
N(Y, { name: "arrowLeft" })
|
|
483
483
|
], 10, Sn),
|
|
484
|
-
(
|
|
485
|
-
key:
|
|
486
|
-
onClick: (
|
|
484
|
+
(m(!0), _(ne, null, oe(w.value, (R) => (m(), _("button", {
|
|
485
|
+
key: R,
|
|
486
|
+
onClick: (U) => F(R),
|
|
487
487
|
class: W(["vt-pagination__nav-button", {
|
|
488
|
-
"vt-pagination__nav-button--active":
|
|
488
|
+
"vt-pagination__nav-button--active": R === s.value
|
|
489
489
|
}])
|
|
490
|
-
}, te(
|
|
491
|
-
|
|
490
|
+
}, te(R), 11, Mn))), 128)),
|
|
491
|
+
f("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
|
+
N(Y, { name: "arrowRight" })
|
|
497
497
|
], 10, $n)
|
|
498
498
|
]),
|
|
499
|
-
|
|
500
|
-
|
|
499
|
+
f("div", null, [
|
|
500
|
+
N(ge, {
|
|
501
501
|
icon: "arrowReload",
|
|
502
502
|
shape: "circle",
|
|
503
503
|
tooltip: "",
|
|
504
504
|
tooltipPlacement: "left",
|
|
505
|
-
onClick:
|
|
505
|
+
onClick: j
|
|
506
506
|
}, {
|
|
507
507
|
default: xe(() => V[2] || (V[2] = [
|
|
508
|
-
|
|
508
|
+
he("Оновити дані ", -1)
|
|
509
509
|
])),
|
|
510
510
|
_: 1,
|
|
511
511
|
__: [2]
|
|
@@ -513,7 +513,7 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
513
513
|
])
|
|
514
514
|
]));
|
|
515
515
|
}
|
|
516
|
-
}), In = ["for"], Bn = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"],
|
|
516
|
+
}), In = ["for"], Bn = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], ue = /* @__PURE__ */ le({
|
|
517
517
|
__name: "VCheckbox",
|
|
518
518
|
props: {
|
|
519
519
|
modelValue: { type: Boolean, default: void 0 },
|
|
@@ -540,7 +540,7 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
540
540
|
}, u = (c) => {
|
|
541
541
|
n("blur", c);
|
|
542
542
|
};
|
|
543
|
-
return (c,
|
|
543
|
+
return (c, w) => (m(), _("label", {
|
|
544
544
|
class: W([
|
|
545
545
|
"vt-checkbox",
|
|
546
546
|
`vt-checkbox--${c.size}`,
|
|
@@ -552,7 +552,7 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
552
552
|
]),
|
|
553
553
|
for: l.value
|
|
554
554
|
}, [
|
|
555
|
-
|
|
555
|
+
f("input", {
|
|
556
556
|
id: l.value,
|
|
557
557
|
name: c.name,
|
|
558
558
|
value: c.value,
|
|
@@ -566,7 +566,7 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
566
566
|
onFocus: a,
|
|
567
567
|
onBlur: u
|
|
568
568
|
}, null, 40, Bn),
|
|
569
|
-
|
|
569
|
+
f("div", {
|
|
570
570
|
class: W([
|
|
571
571
|
"vt-checkbox__box",
|
|
572
572
|
{
|
|
@@ -577,7 +577,7 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
577
577
|
}
|
|
578
578
|
])
|
|
579
579
|
}, [
|
|
580
|
-
!c.indeterminate && !c.isDouble ? (
|
|
580
|
+
!c.indeterminate && !c.isDouble ? (m(), _("svg", {
|
|
581
581
|
key: 0,
|
|
582
582
|
class: W([
|
|
583
583
|
"vt-checkbox__checkmark",
|
|
@@ -590,15 +590,15 @@ const Ne = /* @__PURE__ */ K(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
|
+
}, w[0] || (w[0] = [
|
|
594
|
+
f("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 ? (m(), _("svg", {
|
|
602
602
|
key: 1,
|
|
603
603
|
class: W([
|
|
604
604
|
"vt-checkbox__checkmark",
|
|
@@ -611,15 +611,15 @@ const Ne = /* @__PURE__ */ K(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
|
+
}, w[1] || (w[1] = [
|
|
615
|
+
f("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
|
+
f("path", {
|
|
623
623
|
d: "M1 3L3.25 5L7 1",
|
|
624
624
|
stroke: "currentColor",
|
|
625
625
|
"stroke-width": "2",
|
|
@@ -627,7 +627,7 @@ const Ne = /* @__PURE__ */ K(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 ? (m(), _("div", {
|
|
631
631
|
key: 2,
|
|
632
632
|
class: W([
|
|
633
633
|
"vt-checkbox__indeterminate-mark",
|
|
@@ -637,7 +637,7 @@ const Ne = /* @__PURE__ */ K(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 ? (m(), _("span", {
|
|
641
641
|
key: 0,
|
|
642
642
|
class: W([
|
|
643
643
|
"vt-checkbox__label",
|
|
@@ -646,9 +646,9 @@ const Ne = /* @__PURE__ */ K(pn, [["render", hn]]), vn = ["disabled", "type", "d
|
|
|
646
646
|
}
|
|
647
647
|
])
|
|
648
648
|
}, [
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
649
|
+
_e(c.$slots, "label", {}, () => [
|
|
650
|
+
_e(c.$slots, "default", {}, () => [
|
|
651
|
+
he(te(c.label), 1)
|
|
652
652
|
])
|
|
653
653
|
])
|
|
654
654
|
], 2)) : H("", !0)
|
|
@@ -657,7 +657,7 @@ const Ne = /* @__PURE__ */ K(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, w) => c + (w.width || w.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: w, 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((j) => {
|
|
728
|
+
j.classList.add("vt-table__resizer--active");
|
|
729
729
|
});
|
|
730
|
-
const F = u.clientX -
|
|
731
|
-
c.width =
|
|
730
|
+
const F = u.clientX - w, O = c.minWidth || 50, Q = c.maxWidth || 1e3, Z = Math.max(Math.min(S + F, Q), O);
|
|
731
|
+
c.width = Z;
|
|
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) => {
|
|
@@ -740,33 +740,23 @@ function zn() {
|
|
|
740
740
|
resizeState: e
|
|
741
741
|
};
|
|
742
742
|
}
|
|
743
|
-
function En(e, t) {
|
|
744
|
-
if (!e)
|
|
745
|
-
return String(t.value ?? "");
|
|
746
|
-
try {
|
|
747
|
-
const o = e(t);
|
|
748
|
-
return o;
|
|
749
|
-
} catch (o) {
|
|
750
|
-
return console.error("Error rendering table slot:", o), String(t.value ?? "");
|
|
751
|
-
}
|
|
752
|
-
}
|
|
753
|
-
function Wn(e, t, o, n) {
|
|
743
|
+
function En(e, t, o, n) {
|
|
754
744
|
var J;
|
|
755
745
|
const s = e.selectionKey || "id", l = D([]), r = D(null), i = D(!1);
|
|
756
746
|
(J = e.defaultSelection) != null && J.length && (l.value = [...e.defaultSelection]);
|
|
757
|
-
const a = (
|
|
747
|
+
const a = (p) => p[s], u = (p) => i.value ? !0 : l.value.some((A) => a(A) === a(p)), c = x(() => t.value.filter((p) => u(p)).length), w = x(() => t.value.length > 0 && c.value === t.value.length), S = x(() => {
|
|
758
748
|
if (i.value) return !1;
|
|
759
|
-
const
|
|
760
|
-
return
|
|
761
|
-
}), F = x(() => i.value ? !0 :
|
|
762
|
-
const
|
|
749
|
+
const p = c.value;
|
|
750
|
+
return p > 0 && p < t.value.length;
|
|
751
|
+
}), F = x(() => i.value ? !0 : w.value && !S.value), O = x(() => i.value), Q = (p, A) => {
|
|
752
|
+
const T = a(p), X = l.value.some((v) => a(v) === a(p)), d = A !== void 0 ? A : !X;
|
|
763
753
|
if (i.value && !d) {
|
|
764
|
-
i.value = !1, n != null && n.value && (l.value = n.value.filter((v) => a(v) !==
|
|
754
|
+
i.value = !1, n != null && n.value && (l.value = n.value.filter((v) => a(v) !== T)), $(p, !1);
|
|
765
755
|
return;
|
|
766
756
|
}
|
|
767
|
-
i.value && d || (d && !
|
|
768
|
-
},
|
|
769
|
-
switch (
|
|
757
|
+
i.value && d || (d && !X ? l.value.push(p) : !d && X && (l.value = l.value.filter((v) => a(v) !== T)), e.selectOnClickRow && A === void 0 && U(d ? p : null), $(p, d));
|
|
758
|
+
}, Z = () => {
|
|
759
|
+
switch (j()) {
|
|
770
760
|
case "none":
|
|
771
761
|
case "partial":
|
|
772
762
|
M();
|
|
@@ -775,41 +765,41 @@ function Wn(e, t, o, n) {
|
|
|
775
765
|
V();
|
|
776
766
|
break;
|
|
777
767
|
case "absoluteAll":
|
|
778
|
-
|
|
768
|
+
R();
|
|
779
769
|
break;
|
|
780
770
|
}
|
|
781
|
-
},
|
|
782
|
-
const
|
|
783
|
-
l.value.forEach((
|
|
784
|
-
|
|
785
|
-
}), t.value.forEach((
|
|
786
|
-
A.has(a(
|
|
787
|
-
}), l.value =
|
|
771
|
+
}, j = () => i.value ? "absoluteAll" : w.value ? "allVisible" : c.value > 0 ? "partial" : "none", M = () => {
|
|
772
|
+
const p = [], A = new Set(l.value.map((T) => a(T)));
|
|
773
|
+
l.value.forEach((T) => {
|
|
774
|
+
p.push(T);
|
|
775
|
+
}), t.value.forEach((T) => {
|
|
776
|
+
A.has(a(T)) || p.push(T);
|
|
777
|
+
}), l.value = p, i.value = !1, $();
|
|
788
778
|
}, V = () => {
|
|
789
779
|
i.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...t.value], $(void 0, void 0, !0);
|
|
790
|
-
},
|
|
780
|
+
}, R = () => {
|
|
791
781
|
l.value = [], i.value = !1, r.value = null, $();
|
|
792
|
-
},
|
|
782
|
+
}, U = (p) => {
|
|
793
783
|
const A = r.value;
|
|
794
|
-
r.value =
|
|
784
|
+
r.value = p, o("current-change", {
|
|
795
785
|
currentRow: r.value,
|
|
796
786
|
oldCurrentRow: A
|
|
797
787
|
});
|
|
798
|
-
}, y = () => [...l.value], E = (
|
|
799
|
-
l.value = [...
|
|
800
|
-
}, $ = (
|
|
801
|
-
const
|
|
788
|
+
}, y = () => [...l.value], E = (p) => {
|
|
789
|
+
l.value = [...p], i.value = !1, $();
|
|
790
|
+
}, $ = (p, A, T = !1) => {
|
|
791
|
+
const X = {
|
|
802
792
|
selection: [...l.value],
|
|
803
|
-
row:
|
|
793
|
+
row: p,
|
|
804
794
|
selected: A,
|
|
805
|
-
isAllSelected:
|
|
795
|
+
isAllSelected: T || i.value
|
|
806
796
|
};
|
|
807
|
-
o("selection-change",
|
|
797
|
+
o("selection-change", X);
|
|
808
798
|
};
|
|
809
|
-
return
|
|
799
|
+
return me(
|
|
810
800
|
() => e.defaultSelection,
|
|
811
|
-
(
|
|
812
|
-
|
|
801
|
+
(p) => {
|
|
802
|
+
p != null && p.length && (l.value = [...p]);
|
|
813
803
|
}
|
|
814
804
|
), {
|
|
815
805
|
selectedRows: l,
|
|
@@ -817,18 +807,18 @@ function Wn(e, t, o, n) {
|
|
|
817
807
|
isRowSelected: u,
|
|
818
808
|
isAllSelected: F,
|
|
819
809
|
isIndeterminate: S,
|
|
820
|
-
isDoubleCheck:
|
|
810
|
+
isDoubleCheck: O,
|
|
821
811
|
isFullSelection: i,
|
|
822
812
|
toggleRowSelection: Q,
|
|
823
|
-
toggleAllSelection:
|
|
824
|
-
clearSelection:
|
|
825
|
-
setCurrentRow:
|
|
813
|
+
toggleAllSelection: Z,
|
|
814
|
+
clearSelection: R,
|
|
815
|
+
setCurrentRow: U,
|
|
826
816
|
getSelectionRows: y,
|
|
827
817
|
setSelectionRows: E,
|
|
828
818
|
selectAbsolutelyAll: V
|
|
829
819
|
};
|
|
830
820
|
}
|
|
831
|
-
const
|
|
821
|
+
const Wn = (e, t, o = "asc") => {
|
|
832
822
|
if (e == null && t == null) return 0;
|
|
833
823
|
if (e == null) return o === "asc" ? 1 : -1;
|
|
834
824
|
if (t == null) return o === "asc" ? -1 : 1;
|
|
@@ -839,7 +829,7 @@ const Vn = (e, t, o = "asc") => {
|
|
|
839
829
|
numeric: !0,
|
|
840
830
|
sensitivity: "base"
|
|
841
831
|
}), o === "desc" ? -n : n;
|
|
842
|
-
}, ze = (e) => e instanceof Date ? !isNaN(e.getTime()) : typeof e == "string" && /\d{4}-\d{2}-\d{2}|\//.test(e) ? !isNaN(new Date(e).getTime()) : !1,
|
|
832
|
+
}, ze = (e) => e instanceof Date ? !isNaN(e.getTime()) : typeof e == "string" && /\d{4}-\d{2}-\d{2}|\//.test(e) ? !isNaN(new Date(e).getTime()) : !1, Vn = (e, t, o) => {
|
|
843
833
|
e.sortable && o({
|
|
844
834
|
prop: e.prop,
|
|
845
835
|
direction: t
|
|
@@ -850,17 +840,17 @@ const Vn = (e, t, o = "asc") => {
|
|
|
850
840
|
asc: ["vt-th__sort-icon", o && n === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
|
|
851
841
|
desc: ["vt-th__sort-icon", o && n === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
|
|
852
842
|
};
|
|
853
|
-
},
|
|
843
|
+
}, Hn = (e, t, o) => {
|
|
854
844
|
if (!t) return [...e];
|
|
855
845
|
const n = o.find((l) => l.prop === t.prop);
|
|
856
846
|
if (!(n != null && n.sortable)) return [...e];
|
|
857
|
-
const s = n.sortMethod ||
|
|
847
|
+
const s = n.sortMethod || Wn;
|
|
858
848
|
return [...e].sort((l, r) => {
|
|
859
849
|
const i = l[n.prop], a = r[n.prop];
|
|
860
850
|
return s(i, a, t.direction);
|
|
861
851
|
});
|
|
862
852
|
};
|
|
863
|
-
class
|
|
853
|
+
class Pn {
|
|
864
854
|
constructor() {
|
|
865
855
|
this.modalStack = [], this.baseZIndex = 1e3;
|
|
866
856
|
}
|
|
@@ -871,11 +861,11 @@ class Dn {
|
|
|
871
861
|
setup() {
|
|
872
862
|
const a = () => {
|
|
873
863
|
s.value = !1, setTimeout(() => {
|
|
874
|
-
|
|
864
|
+
ae.closeById(o);
|
|
875
865
|
}, 100);
|
|
876
866
|
};
|
|
877
867
|
return () => ke(
|
|
878
|
-
|
|
868
|
+
Ne,
|
|
879
869
|
{
|
|
880
870
|
modelValue: s.value,
|
|
881
871
|
"onUpdate:modelValue": a,
|
|
@@ -929,24 +919,24 @@ class Dn {
|
|
|
929
919
|
recalculateZIndices() {
|
|
930
920
|
}
|
|
931
921
|
}
|
|
932
|
-
const
|
|
922
|
+
const ae = new Pn(), Dn = {
|
|
933
923
|
install(e) {
|
|
934
|
-
e.config.globalProperties.$modal =
|
|
935
|
-
closeAll: () =>
|
|
936
|
-
getCount: () =>
|
|
937
|
-
closeById: (t) =>
|
|
924
|
+
e.config.globalProperties.$modal = ae, e.config.globalProperties.$modalStack = {
|
|
925
|
+
closeAll: () => ae.closeAll(),
|
|
926
|
+
getCount: () => ae.getOpenModalsCount(),
|
|
927
|
+
closeById: (t) => ae.closeById(t)
|
|
938
928
|
};
|
|
939
929
|
}
|
|
940
|
-
},
|
|
930
|
+
}, An = { class: "vt-columns-selector-body" }, On = { class: "vt-columns-selector" }, jn = { class: "vt-columns-selector__panel" }, Nn = ["draggable", "onDragstart", "onDragover", "onDrop"], Zn = {
|
|
941
931
|
key: 0,
|
|
942
932
|
class: "vt-columns-selector__panel-item-pinned"
|
|
943
|
-
},
|
|
933
|
+
}, Fn = { class: "vt-columns-selector__available" }, Un = ["onClick"], qn = {
|
|
944
934
|
key: 0,
|
|
945
935
|
class: "vt-columns-selector__group-columns"
|
|
946
|
-
},
|
|
936
|
+
}, Xn = {
|
|
947
937
|
key: 0,
|
|
948
938
|
class: "vt-columns-selector__pinned-note"
|
|
949
|
-
},
|
|
939
|
+
}, Gn = { class: "vt-modal__content-button" }, Kn = /* @__PURE__ */ le({
|
|
950
940
|
__name: "VTableColumnSelector",
|
|
951
941
|
props: {
|
|
952
942
|
columns: {},
|
|
@@ -959,25 +949,25 @@ const re = new Dn(), An = {
|
|
|
959
949
|
return o.columnsSelector.forEach((v) => {
|
|
960
950
|
if (v.name === "removed")
|
|
961
951
|
return;
|
|
962
|
-
const g = v.columns.map((B) => B.prop),
|
|
963
|
-
|
|
952
|
+
const g = v.columns.map((B) => B.prop), b = s.value.filter((B) => g.includes(B.prop));
|
|
953
|
+
b.length === 0 ? d[v.name] = { checked: !1, indeterminate: !1 } : b.length === v.columns.length ? d[v.name] = { checked: !0, indeterminate: !1 } : d[v.name] = { checked: !1, indeterminate: !0 };
|
|
964
954
|
}), d;
|
|
965
|
-
}), c = x(() => o.columnsSelector.filter((d) => d.name !== "removed")),
|
|
955
|
+
}), c = x(() => o.columnsSelector.filter((d) => d.name !== "removed")), w = (d) => d.pinnedLeft || d.pinnedRight, S = (d) => !w(d), F = () => {
|
|
966
956
|
const d = s.value;
|
|
967
957
|
let v = -1;
|
|
968
|
-
for (let
|
|
969
|
-
d[
|
|
958
|
+
for (let b = 0; b < d.length; b++)
|
|
959
|
+
d[b].pinnedLeft && (v = b);
|
|
970
960
|
let g = d.length;
|
|
971
|
-
for (let
|
|
972
|
-
if (d[
|
|
973
|
-
g =
|
|
961
|
+
for (let b = 0; b < d.length; b++)
|
|
962
|
+
if (d[b].pinnedRight) {
|
|
963
|
+
g = b;
|
|
974
964
|
break;
|
|
975
965
|
}
|
|
976
966
|
return {
|
|
977
967
|
minIndex: v + 1,
|
|
978
968
|
maxIndex: g - 1
|
|
979
969
|
};
|
|
980
|
-
},
|
|
970
|
+
}, O = (d) => {
|
|
981
971
|
const v = F();
|
|
982
972
|
return !(d < v.minIndex || d > v.maxIndex + 1);
|
|
983
973
|
}, Q = (d, v) => {
|
|
@@ -987,34 +977,34 @@ const re = new Dn(), An = {
|
|
|
987
977
|
return;
|
|
988
978
|
}
|
|
989
979
|
r.value = v, d.dataTransfer && (d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
|
|
990
|
-
},
|
|
980
|
+
}, Z = (d, v) => {
|
|
991
981
|
if (r.value === -1) return;
|
|
992
982
|
d.preventDefault();
|
|
993
|
-
const g = d.currentTarget.getBoundingClientRect(),
|
|
994
|
-
let
|
|
995
|
-
|
|
996
|
-
},
|
|
983
|
+
const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, B = g.top + g.height / 2;
|
|
984
|
+
let L = v, ee = "before";
|
|
985
|
+
b < B ? (L = v, ee = "before") : (L = v + 1, ee = "after"), r.value < L && L--, O(L) ? (i.value = v, a.value = ee, d.dataTransfer.dropEffect = "move") : (i.value = -1, d.dataTransfer.dropEffect = "none");
|
|
986
|
+
}, j = () => {
|
|
997
987
|
setTimeout(() => {
|
|
998
988
|
r.value === -1 && (i.value = -1);
|
|
999
989
|
}, 50);
|
|
1000
990
|
}, M = (d, v) => {
|
|
1001
991
|
if (d.preventDefault(), r.value === -1 || i.value === -1) {
|
|
1002
|
-
|
|
992
|
+
R();
|
|
1003
993
|
return;
|
|
1004
994
|
}
|
|
1005
|
-
const g = d.currentTarget.getBoundingClientRect(),
|
|
1006
|
-
let
|
|
1007
|
-
if (
|
|
1008
|
-
|
|
995
|
+
const g = d.currentTarget.getBoundingClientRect(), b = d.clientY, B = g.top + g.height / 2;
|
|
996
|
+
let L = v;
|
|
997
|
+
if (b >= B && (L = v + 1), r.value < L && L--, !O(L) || L === r.value) {
|
|
998
|
+
R();
|
|
1009
999
|
return;
|
|
1010
1000
|
}
|
|
1011
1001
|
const ee = [...s.value], [Ce] = ee.splice(r.value, 1);
|
|
1012
|
-
ee.splice(
|
|
1002
|
+
ee.splice(L, 0, Ce), s.value = ee, R();
|
|
1013
1003
|
}, V = () => {
|
|
1014
|
-
|
|
1015
|
-
},
|
|
1004
|
+
R();
|
|
1005
|
+
}, R = () => {
|
|
1016
1006
|
r.value = -1, i.value = -1, a.value = "before", document.body.style.cursor = "";
|
|
1017
|
-
},
|
|
1007
|
+
}, U = (d) => {
|
|
1018
1008
|
const v = ["vt-columns-selector__panel-item"];
|
|
1019
1009
|
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;
|
|
1020
1010
|
}, y = () => {
|
|
@@ -1025,121 +1015,121 @@ const re = new Dn(), An = {
|
|
|
1025
1015
|
if (v)
|
|
1026
1016
|
s.value.some((g) => g.prop === d.prop) || s.value.push({ ...d });
|
|
1027
1017
|
else {
|
|
1028
|
-
if (
|
|
1018
|
+
if (w(d))
|
|
1029
1019
|
return;
|
|
1030
1020
|
s.value = s.value.filter((g) => g.prop !== d.prop);
|
|
1031
1021
|
}
|
|
1032
1022
|
}, $ = (d, v) => {
|
|
1033
1023
|
if (v)
|
|
1034
1024
|
d.columns.forEach((g) => {
|
|
1035
|
-
s.value.some((
|
|
1025
|
+
s.value.some((b) => b.prop === g.prop) || s.value.push({ ...g });
|
|
1036
1026
|
});
|
|
1037
1027
|
else {
|
|
1038
1028
|
const g = [];
|
|
1039
|
-
d.columns.forEach((
|
|
1040
|
-
const B = s.value.find((
|
|
1041
|
-
B && !
|
|
1029
|
+
d.columns.forEach((b) => {
|
|
1030
|
+
const B = s.value.find((L) => L.prop === b.prop);
|
|
1031
|
+
B && !w(B) && g.push(B);
|
|
1042
1032
|
}), s.value = s.value.filter(
|
|
1043
|
-
(
|
|
1033
|
+
(b) => !g.some((B) => B.prop === b.prop)
|
|
1044
1034
|
);
|
|
1045
1035
|
}
|
|
1046
|
-
}, J = (d) => s.value.some((v) => v.prop === d.prop),
|
|
1036
|
+
}, J = (d) => s.value.some((v) => v.prop === d.prop), p = (d) => {
|
|
1047
1037
|
const v = s.value.find((g) => g.prop === d.prop);
|
|
1048
|
-
return !v || !
|
|
1038
|
+
return !v || !w(v);
|
|
1049
1039
|
}, A = (d) => {
|
|
1050
1040
|
l.value.has(d) ? l.value.delete(d) : l.value.add(d);
|
|
1051
|
-
},
|
|
1052
|
-
n("update-columns", [...s.value]),
|
|
1053
|
-
},
|
|
1054
|
-
|
|
1041
|
+
}, T = () => {
|
|
1042
|
+
n("update-columns", [...s.value]), ae.close();
|
|
1043
|
+
}, X = () => {
|
|
1044
|
+
ae.close();
|
|
1055
1045
|
};
|
|
1056
|
-
return
|
|
1046
|
+
return ve(() => {
|
|
1057
1047
|
y();
|
|
1058
|
-
}), (d, v) => (
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
(
|
|
1048
|
+
}), (d, v) => (m(), _("div", An, [
|
|
1049
|
+
f("div", On, [
|
|
1050
|
+
f("div", jn, [
|
|
1051
|
+
(m(!0), _(ne, null, oe(s.value, (g, b) => (m(), _("div", {
|
|
1062
1052
|
key: g.prop,
|
|
1063
|
-
class: W(
|
|
1053
|
+
class: W(U(b)),
|
|
1064
1054
|
draggable: S(g),
|
|
1065
|
-
onDragstart: (B) => Q(B,
|
|
1066
|
-
onDragover: (B) =>
|
|
1067
|
-
onDragleave:
|
|
1068
|
-
onDrop: (B) => M(B,
|
|
1055
|
+
onDragstart: (B) => Q(B, b),
|
|
1056
|
+
onDragover: (B) => Z(B, b),
|
|
1057
|
+
onDragleave: j,
|
|
1058
|
+
onDrop: (B) => M(B, b),
|
|
1069
1059
|
onDragend: V
|
|
1070
1060
|
}, [
|
|
1071
|
-
|
|
1061
|
+
N(Y, {
|
|
1072
1062
|
name: S(g) ? "columnsMove" : "freeze",
|
|
1073
1063
|
class: W(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": S(g) }])
|
|
1074
1064
|
}, null, 8, ["name", "class"]),
|
|
1075
|
-
|
|
1065
|
+
N(ue, {
|
|
1076
1066
|
label: g.label,
|
|
1077
1067
|
checked: !0,
|
|
1078
|
-
disabled:
|
|
1068
|
+
disabled: w(g),
|
|
1079
1069
|
onChange: (B) => E(g, B),
|
|
1080
|
-
onClick: v[0] || (v[0] =
|
|
1070
|
+
onClick: v[0] || (v[0] = pe(() => {
|
|
1081
1071
|
}, ["stop"]))
|
|
1082
1072
|
}, null, 8, ["label", "disabled", "onChange"]),
|
|
1083
|
-
|
|
1084
|
-
], 42,
|
|
1073
|
+
w(g) ? (m(), _("span", Zn, "pinned")) : H("", !0)
|
|
1074
|
+
], 42, Nn))), 128))
|
|
1085
1075
|
]),
|
|
1086
|
-
|
|
1087
|
-
(
|
|
1088
|
-
var
|
|
1089
|
-
return
|
|
1076
|
+
f("div", Fn, [
|
|
1077
|
+
(m(!0), _(ne, null, oe(c.value, (g) => {
|
|
1078
|
+
var b, B;
|
|
1079
|
+
return m(), _("div", {
|
|
1090
1080
|
key: g.name,
|
|
1091
1081
|
class: "vt-columns-selector__group"
|
|
1092
1082
|
}, [
|
|
1093
|
-
|
|
1083
|
+
f("div", {
|
|
1094
1084
|
class: "vt-columns-selector__group-header",
|
|
1095
|
-
onClick: (
|
|
1085
|
+
onClick: (L) => A(g.name)
|
|
1096
1086
|
}, [
|
|
1097
|
-
|
|
1087
|
+
N(ue, {
|
|
1098
1088
|
label: g.label,
|
|
1099
|
-
checked: ((
|
|
1089
|
+
checked: ((b = u.value[g.name]) == null ? void 0 : b.checked) || !1,
|
|
1100
1090
|
indeterminate: ((B = u.value[g.name]) == null ? void 0 : B.indeterminate) || !1,
|
|
1101
|
-
onChange: (
|
|
1102
|
-
onClick: v[1] || (v[1] =
|
|
1091
|
+
onChange: (L) => $(g, L),
|
|
1092
|
+
onClick: v[1] || (v[1] = pe(() => {
|
|
1103
1093
|
}, ["stop"]))
|
|
1104
1094
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
1105
|
-
g.icon ? (
|
|
1095
|
+
g.icon ? (m(), re(Y, {
|
|
1106
1096
|
key: 0,
|
|
1107
1097
|
name: g.icon,
|
|
1108
1098
|
class: "vt-columns-selector__group-icon"
|
|
1109
1099
|
}, null, 8, ["name"])) : H("", !0)
|
|
1110
|
-
], 8,
|
|
1111
|
-
l.value.has(g.name) ? (
|
|
1112
|
-
(
|
|
1113
|
-
key:
|
|
1100
|
+
], 8, Un),
|
|
1101
|
+
l.value.has(g.name) ? (m(), _("div", qn, [
|
|
1102
|
+
(m(!0), _(ne, null, oe(g.columns, (L) => (m(), _("div", {
|
|
1103
|
+
key: L.prop,
|
|
1114
1104
|
class: "vt-columns-selector__group-column"
|
|
1115
1105
|
}, [
|
|
1116
|
-
|
|
1117
|
-
label:
|
|
1118
|
-
checked: J(
|
|
1119
|
-
disabled: !
|
|
1120
|
-
onChange: (ee) => E(
|
|
1106
|
+
N(ue, {
|
|
1107
|
+
label: L.label,
|
|
1108
|
+
checked: J(L),
|
|
1109
|
+
disabled: !p(L),
|
|
1110
|
+
onChange: (ee) => E(L, ee)
|
|
1121
1111
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
1122
|
-
|
|
1112
|
+
p(L) ? H("", !0) : (m(), _("span", Xn, " (закріплена) "))
|
|
1123
1113
|
]))), 128))
|
|
1124
1114
|
])) : H("", !0)
|
|
1125
1115
|
]);
|
|
1126
1116
|
}), 128))
|
|
1127
1117
|
])
|
|
1128
1118
|
]),
|
|
1129
|
-
|
|
1130
|
-
|
|
1119
|
+
f("div", Gn, [
|
|
1120
|
+
N(ge, { onClick: X }, {
|
|
1131
1121
|
default: xe(() => v[2] || (v[2] = [
|
|
1132
|
-
|
|
1122
|
+
he("Скасувати", -1)
|
|
1133
1123
|
])),
|
|
1134
1124
|
_: 1,
|
|
1135
1125
|
__: [2]
|
|
1136
1126
|
}),
|
|
1137
|
-
|
|
1127
|
+
N(ge, {
|
|
1138
1128
|
type: "primary",
|
|
1139
|
-
onClick:
|
|
1129
|
+
onClick: T
|
|
1140
1130
|
}, {
|
|
1141
1131
|
default: xe(() => v[3] || (v[3] = [
|
|
1142
|
-
|
|
1132
|
+
he("Зберегти", -1)
|
|
1143
1133
|
])),
|
|
1144
1134
|
_: 1,
|
|
1145
1135
|
__: [3]
|
|
@@ -1147,7 +1137,7 @@ const re = new Dn(), An = {
|
|
|
1147
1137
|
])
|
|
1148
1138
|
]));
|
|
1149
1139
|
}
|
|
1150
|
-
}),
|
|
1140
|
+
}), Yn = /* @__PURE__ */ le({
|
|
1151
1141
|
__name: "ColumnActions",
|
|
1152
1142
|
props: {
|
|
1153
1143
|
column: {},
|
|
@@ -1160,9 +1150,9 @@ const re = new Dn(), An = {
|
|
|
1160
1150
|
if (await at(), !s.value || !l.value) return;
|
|
1161
1151
|
const y = l.value.getBoundingClientRect(), E = s.value, $ = E.offsetWidth, J = y.left + y.width / 2;
|
|
1162
1152
|
E.style.top = `${y.bottom - 20}px`, E.style.left = `${J - $ / 2}px`;
|
|
1163
|
-
const
|
|
1164
|
-
|
|
1165
|
-
},
|
|
1153
|
+
const p = E.getBoundingClientRect();
|
|
1154
|
+
p.right > window.innerWidth && (E.style.left = `${window.innerWidth - $ - 8}px`), p.left < 0 && (E.style.left = "8px");
|
|
1155
|
+
}, w = (y) => {
|
|
1166
1156
|
y.stopPropagation(), !a.value && (i.value ? F() : S());
|
|
1167
1157
|
}, S = () => {
|
|
1168
1158
|
a.value || (i.value = !0, c(), r.value && (r.value.style.zIndex = "22"));
|
|
@@ -1170,39 +1160,39 @@ const re = new Dn(), An = {
|
|
|
1170
1160
|
a.value = !0, i.value = !1, r.value && r.value.style.removeProperty("z-index"), setTimeout(() => {
|
|
1171
1161
|
a.value = !1;
|
|
1172
1162
|
}, 100);
|
|
1173
|
-
},
|
|
1163
|
+
}, O = (y) => {
|
|
1174
1164
|
var E, $;
|
|
1175
1165
|
!((E = l.value) != null && E.contains(y.target)) && !(($ = s.value) != null && $.contains(y.target)) && F();
|
|
1176
1166
|
}, Q = () => {
|
|
1177
|
-
|
|
1178
|
-
},
|
|
1167
|
+
U() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), F();
|
|
1168
|
+
}, Z = (y) => ({
|
|
1179
1169
|
name: "removed",
|
|
1180
1170
|
label: "Видалені колонки",
|
|
1181
1171
|
order: 999,
|
|
1182
1172
|
// Найвищий порядок, щоб відображались останніми
|
|
1183
1173
|
columns: y
|
|
1184
|
-
}),
|
|
1174
|
+
}), j = (y) => {
|
|
1185
1175
|
var A;
|
|
1186
|
-
const E = new Set(y.map((
|
|
1187
|
-
(A = o.columnsSelector) == null || A.forEach((
|
|
1188
|
-
|
|
1189
|
-
}), o.allColumns.forEach((
|
|
1176
|
+
const E = new Set(y.map((T) => T.prop)), $ = /* @__PURE__ */ new Set();
|
|
1177
|
+
(A = o.columnsSelector) == null || A.forEach((T) => {
|
|
1178
|
+
T.columns.forEach((X) => $.add(X.prop));
|
|
1179
|
+
}), o.allColumns.forEach((T) => $.add(T.prop));
|
|
1190
1180
|
const J = [];
|
|
1191
|
-
$.forEach((
|
|
1192
|
-
var
|
|
1193
|
-
if (!E.has(
|
|
1181
|
+
$.forEach((T) => {
|
|
1182
|
+
var X;
|
|
1183
|
+
if (!E.has(T)) {
|
|
1194
1184
|
let d;
|
|
1195
|
-
(
|
|
1196
|
-
const g = v.columns.find((
|
|
1185
|
+
(X = o.columnsSelector) == null || X.forEach((v) => {
|
|
1186
|
+
const g = v.columns.find((b) => b.prop === T);
|
|
1197
1187
|
g && (d = g);
|
|
1198
|
-
}), d || (d = o.allColumns.find((v) => v.prop ===
|
|
1188
|
+
}), d || (d = o.allColumns.find((v) => v.prop === T)), d && J.push(d);
|
|
1199
1189
|
}
|
|
1200
1190
|
});
|
|
1201
|
-
const
|
|
1202
|
-
J.length > 0 &&
|
|
1191
|
+
const p = [...o.columnsSelector || []];
|
|
1192
|
+
J.length > 0 && p.push(Z(J)), u.value = p;
|
|
1203
1193
|
}, M = () => {
|
|
1204
|
-
|
|
1205
|
-
component:
|
|
1194
|
+
j(o.allColumns), ae.open({
|
|
1195
|
+
component: Kn,
|
|
1206
1196
|
title: "Управління колонками таблиці",
|
|
1207
1197
|
props: {
|
|
1208
1198
|
columns: o.allColumns,
|
|
@@ -1210,53 +1200,53 @@ const re = new Dn(), An = {
|
|
|
1210
1200
|
columnsSelector: u.value,
|
|
1211
1201
|
// Передаємо оновлені доступні колонки
|
|
1212
1202
|
"onUpdate-columns": (y) => {
|
|
1213
|
-
console.log("ColumnActions отримав оновлені колонки:", y), n("update-columns", y),
|
|
1203
|
+
console.log("ColumnActions отримав оновлені колонки:", y), n("update-columns", y), j(y);
|
|
1214
1204
|
}
|
|
1215
1205
|
},
|
|
1216
1206
|
size: "large",
|
|
1217
1207
|
closeOnBackdropClick: !1
|
|
1218
1208
|
}), F();
|
|
1219
|
-
}, V = () => o.column.pinnedLeft,
|
|
1220
|
-
return
|
|
1221
|
-
document.addEventListener("click",
|
|
1209
|
+
}, V = () => o.column.pinnedLeft, R = () => o.column.pinnedRight, U = () => V() || R();
|
|
1210
|
+
return ve(() => {
|
|
1211
|
+
document.addEventListener("click", O), l.value && (r.value = l.value.closest("th")), j(o.allColumns);
|
|
1222
1212
|
}), $e(() => {
|
|
1223
|
-
document.removeEventListener("click",
|
|
1224
|
-
}), (y, E) => (
|
|
1213
|
+
document.removeEventListener("click", O);
|
|
1214
|
+
}), (y, E) => (m(), _("div", {
|
|
1225
1215
|
ref_key: "triggerRef",
|
|
1226
1216
|
ref: l,
|
|
1227
1217
|
class: "vt-table-header-actions",
|
|
1228
|
-
onClick:
|
|
1218
|
+
onClick: w
|
|
1229
1219
|
}, [
|
|
1230
|
-
|
|
1231
|
-
i.value ? (
|
|
1220
|
+
N(Y, { name: "listBullet" }),
|
|
1221
|
+
i.value ? (m(), _("ul", {
|
|
1232
1222
|
key: 0,
|
|
1233
1223
|
ref_key: "menuRef",
|
|
1234
1224
|
ref: s,
|
|
1235
1225
|
class: W(["dropdown-menu", "vt-table-dropdown", { visible: i.value }])
|
|
1236
1226
|
}, [
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
name:
|
|
1227
|
+
f("li", { onClick: Q }, [
|
|
1228
|
+
N(Y, {
|
|
1229
|
+
name: U() ? "unfreeze" : "freeze"
|
|
1240
1230
|
}, null, 8, ["name"]),
|
|
1241
|
-
|
|
1231
|
+
f("span", null, te(U() ? "Розморозити" : "Заморозити"), 1)
|
|
1242
1232
|
]),
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
E[0] || (E[0] =
|
|
1233
|
+
f("li", { onClick: M }, [
|
|
1234
|
+
N(Y, { name: "columnInsert" }),
|
|
1235
|
+
E[0] || (E[0] = f("span", null, "Колонки", -1))
|
|
1246
1236
|
])
|
|
1247
1237
|
], 2)) : H("", !0)
|
|
1248
1238
|
], 512));
|
|
1249
1239
|
}
|
|
1250
|
-
}),
|
|
1240
|
+
}), Jn = { class: "vt-table" }, Qn = { class: "vt-th__content" }, eo = { class: "vt-th__content" }, to = { class: "vt-th__label" }, no = {
|
|
1251
1241
|
key: 0,
|
|
1252
1242
|
class: "vt-th__sortable"
|
|
1253
|
-
},
|
|
1243
|
+
}, oo = ["data-resizer", "onMousedown"], lo = {
|
|
1254
1244
|
key: 0,
|
|
1255
1245
|
class: "vt-table__empty-row"
|
|
1256
|
-
},
|
|
1246
|
+
}, so = ["colspan"], io = { class: "vt-table__empty-content" }, ao = ["onClick"], ro = { class: "vt-table__cell-content" }, co = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, uo = ["data-resizer", "onMousedown"], po = {
|
|
1257
1247
|
key: 0,
|
|
1258
1248
|
class: "vt-table__summary"
|
|
1259
|
-
},
|
|
1249
|
+
}, mo = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, ho = /* @__PURE__ */ le({
|
|
1260
1250
|
__name: "VTable",
|
|
1261
1251
|
props: /* @__PURE__ */ Te({
|
|
1262
1252
|
data: {},
|
|
@@ -1278,32 +1268,32 @@ const re = new Dn(), An = {
|
|
|
1278
1268
|
}),
|
|
1279
1269
|
emits: /* @__PURE__ */ Te(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
|
|
1280
1270
|
setup(e, { expose: t, emit: o }) {
|
|
1281
|
-
const n = e, s = rt(e, "columns"), l = o, r = D({}), i = D(), a = ct([]), u = D(n.defaultSort || null), c = x(() => s.value !== void 0),
|
|
1282
|
-
let
|
|
1271
|
+
const n = e, s = rt(e, "columns"), l = o, r = D({}), i = D(), a = ct([]), u = D(n.defaultSort || null), c = x(() => s.value !== void 0), w = x(() => n.data && n.data.length > 0), S = D(!1), F = D(0);
|
|
1272
|
+
let O = null;
|
|
1283
1273
|
const Q = () => {
|
|
1284
1274
|
c.value && s.value ? a.splice(0, a.length, ...s.value) : n.columns && a.splice(0, a.length, ...n.columns);
|
|
1285
1275
|
};
|
|
1286
|
-
|
|
1276
|
+
me(
|
|
1287
1277
|
() => s.value,
|
|
1288
1278
|
(h) => {
|
|
1289
1279
|
h && c.value && a.splice(0, a.length, ...h);
|
|
1290
1280
|
},
|
|
1291
1281
|
{ deep: !0 }
|
|
1292
|
-
),
|
|
1282
|
+
), me(
|
|
1293
1283
|
() => n.columns,
|
|
1294
1284
|
(h) => {
|
|
1295
1285
|
h && !c.value && a.splice(0, a.length, ...h);
|
|
1296
1286
|
},
|
|
1297
1287
|
{ deep: !0 }
|
|
1298
1288
|
), ut("vt-table-columns", a);
|
|
1299
|
-
const { sortedColumns:
|
|
1289
|
+
const { sortedColumns: Z, getDefaultColumnWidth: j, getStickyOffset: M } = Rn(a), { getTableWrapperStyle: V, getColumnStyle: R, getHeaderStyle: U, getFooterStyle: y } = Tn(n), { onMouseDown: E } = zn(), $ = x(() => Hn(n.data, u.value, a)), J = x(() => n.allData || n.data), p = n.selectable ? En(n, $, l, J) : null, A = () => ({
|
|
1300
1290
|
width: `${ye}px`,
|
|
1301
1291
|
minWidth: `${ye}px`,
|
|
1302
1292
|
maxWidth: `${ye}px`,
|
|
1303
1293
|
left: "0px",
|
|
1304
1294
|
position: "sticky",
|
|
1305
1295
|
zIndex: 10
|
|
1306
|
-
}),
|
|
1296
|
+
}), T = () => {
|
|
1307
1297
|
const h = A();
|
|
1308
1298
|
return n.maxHeight ? {
|
|
1309
1299
|
...h,
|
|
@@ -1311,7 +1301,7 @@ const re = new Dn(), An = {
|
|
|
1311
1301
|
zIndex: 11
|
|
1312
1302
|
// Вищий z-index для header
|
|
1313
1303
|
} : h;
|
|
1314
|
-
},
|
|
1304
|
+
}, X = () => {
|
|
1315
1305
|
const h = A();
|
|
1316
1306
|
return n.maxHeight ? {
|
|
1317
1307
|
...h,
|
|
@@ -1321,55 +1311,47 @@ const re = new Dn(), An = {
|
|
|
1321
1311
|
} : h;
|
|
1322
1312
|
}, d = () => {
|
|
1323
1313
|
if (!i.value || S.value) return;
|
|
1324
|
-
const h = i.value, C = h.scrollTop,
|
|
1325
|
-
|
|
1326
|
-
const
|
|
1327
|
-
|
|
1328
|
-
scrollDiff: ue,
|
|
1329
|
-
isScrollingDown: pe,
|
|
1330
|
-
isNearBottom: b,
|
|
1331
|
-
isAtBottom: se,
|
|
1332
|
-
scrollTop: C,
|
|
1333
|
-
lastScrollTop: F.value,
|
|
1334
|
-
remaining: L - C - R
|
|
1335
|
-
}), F.value = C, pe && (b || se) && (S.value = !0, l("infinity-scroll"), setTimeout(() => {
|
|
1314
|
+
const h = i.value, C = h.scrollTop, I = h.scrollHeight, z = h.clientHeight, P = 30;
|
|
1315
|
+
O && clearTimeout(O), O = setTimeout(() => {
|
|
1316
|
+
const fe = C - F.value > 1, k = I - C - z <= P, ce = I - C - z <= 5;
|
|
1317
|
+
F.value = C, fe && (k || ce) && (S.value = !0, l("infinity-scroll"), setTimeout(() => {
|
|
1336
1318
|
S.value = !1;
|
|
1337
1319
|
}, 1e3));
|
|
1338
1320
|
}, 50);
|
|
1339
1321
|
}, v = () => {
|
|
1340
1322
|
S.value = !1;
|
|
1341
1323
|
};
|
|
1342
|
-
|
|
1324
|
+
ve(() => {
|
|
1343
1325
|
i.value && i.value.addEventListener("scroll", d);
|
|
1344
1326
|
}), $e(() => {
|
|
1345
|
-
|
|
1327
|
+
O && clearTimeout(O), i.value && i.value.removeEventListener("scroll", d);
|
|
1346
1328
|
});
|
|
1347
1329
|
const g = (h, C) => {
|
|
1348
|
-
|
|
1349
|
-
var
|
|
1350
|
-
((
|
|
1330
|
+
Vn(h, C, (I) => {
|
|
1331
|
+
var z, P;
|
|
1332
|
+
((z = u.value) == null ? void 0 : z.prop) === h.prop && u.value.direction === C ? u.value = null : u.value = I, l("sort-change", {
|
|
1351
1333
|
column: h,
|
|
1352
1334
|
direction: ((P = u.value) == null ? void 0 : P.direction) || null,
|
|
1353
1335
|
prop: h.prop,
|
|
1354
1336
|
sortedData: $.value
|
|
1355
1337
|
});
|
|
1356
1338
|
});
|
|
1357
|
-
},
|
|
1358
|
-
const
|
|
1339
|
+
}, b = (h, C) => {
|
|
1340
|
+
const I = {
|
|
1359
1341
|
pinnedLeft: C === "left",
|
|
1360
1342
|
pinnedRight: C === "right"
|
|
1361
1343
|
};
|
|
1362
|
-
|
|
1344
|
+
L(h.prop, I), l("column-pin", { column: { ...h, ...I }, position: C });
|
|
1363
1345
|
}, B = (h) => {
|
|
1364
1346
|
a.splice(0, a.length, ...h), c.value && (s.value = [...h]), l("columns-change", [...h]);
|
|
1365
|
-
},
|
|
1366
|
-
const
|
|
1367
|
-
if (
|
|
1368
|
-
if (Object.assign(a[
|
|
1369
|
-
const
|
|
1370
|
-
if (
|
|
1347
|
+
}, L = (h, C) => {
|
|
1348
|
+
const I = a.findIndex((z) => z.prop === h);
|
|
1349
|
+
if (I !== -1) {
|
|
1350
|
+
if (Object.assign(a[I], C), c.value && s.value) {
|
|
1351
|
+
const z = s.value.findIndex((P) => P.prop === h);
|
|
1352
|
+
if (z !== -1) {
|
|
1371
1353
|
const P = [...s.value];
|
|
1372
|
-
P[
|
|
1354
|
+
P[z] = { ...P[z], ...C }, s.value = P;
|
|
1373
1355
|
}
|
|
1374
1356
|
}
|
|
1375
1357
|
l("columns-change", [...a]);
|
|
@@ -1378,237 +1360,236 @@ const re = new Dn(), An = {
|
|
|
1378
1360
|
"Колонку не знайдено:",
|
|
1379
1361
|
h,
|
|
1380
1362
|
"Доступні колонки:",
|
|
1381
|
-
a.map((
|
|
1363
|
+
a.map((z) => z.prop)
|
|
1382
1364
|
);
|
|
1383
|
-
}, ee = (h, C,
|
|
1384
|
-
l("row-click", { row: h, column: C, event:
|
|
1385
|
-
}, Ce = (h, C,
|
|
1386
|
-
|
|
1387
|
-
},
|
|
1388
|
-
C.stopPropagation(),
|
|
1365
|
+
}, ee = (h, C, I) => {
|
|
1366
|
+
l("row-click", { row: h, column: C, event: I }), n.highlightCurrentRow && p && p.setCurrentRow(h);
|
|
1367
|
+
}, Ce = (h, C, I) => {
|
|
1368
|
+
I.stopPropagation(), p && p.toggleRowSelection(C, h);
|
|
1369
|
+
}, Ze = (h, C) => {
|
|
1370
|
+
C.stopPropagation(), p && p.toggleAllSelection();
|
|
1389
1371
|
}, Le = (h, C) => {
|
|
1390
1372
|
h && (r.value[C] = h);
|
|
1391
1373
|
}, Ie = (h, C) => {
|
|
1392
|
-
const
|
|
1393
|
-
E(h, C,
|
|
1394
|
-
|
|
1395
|
-
column: { ...C, width:
|
|
1396
|
-
width:
|
|
1397
|
-
oldWidth:
|
|
1374
|
+
const I = C.width || j();
|
|
1375
|
+
E(h, C, j, (z) => {
|
|
1376
|
+
L(C.prop, { width: z }), l("column-resize", {
|
|
1377
|
+
column: { ...C, width: z },
|
|
1378
|
+
width: z,
|
|
1379
|
+
oldWidth: I
|
|
1398
1380
|
});
|
|
1399
1381
|
});
|
|
1400
|
-
},
|
|
1382
|
+
}, Fe = (h, C) => R(h, C, M, j), Ue = (h, C) => U(h, C, M, j), qe = (h, C) => y(h, C, M, j), Xe = (h, C) => {
|
|
1401
1383
|
if (!C || !C.prop) return "";
|
|
1402
|
-
const
|
|
1403
|
-
return
|
|
1404
|
-
},
|
|
1405
|
-
if (!n.showSummary || !
|
|
1384
|
+
const I = h[C.prop];
|
|
1385
|
+
return I == null ? "" : String(I);
|
|
1386
|
+
}, Ge = x(() => {
|
|
1387
|
+
if (!n.showSummary || !w.value) return {};
|
|
1406
1388
|
const h = a;
|
|
1407
1389
|
if (typeof n.summaryMethod == "function") {
|
|
1408
1390
|
const C = n.summaryMethod({ columns: h, data: $.value });
|
|
1409
1391
|
return h.reduce(
|
|
1410
|
-
(
|
|
1392
|
+
(I, z, P) => (I[z.prop] = C[P], I),
|
|
1411
1393
|
{}
|
|
1412
1394
|
);
|
|
1413
1395
|
}
|
|
1414
1396
|
return h.reduce(
|
|
1415
|
-
(C,
|
|
1416
|
-
const
|
|
1417
|
-
return C[
|
|
1397
|
+
(C, I) => {
|
|
1398
|
+
const z = $.value.map((P) => P[I.prop]);
|
|
1399
|
+
return C[I.prop] = z.every((P) => typeof P == "number") ? z.reduce((P, de) => P + de, 0) : "", C;
|
|
1418
1400
|
},
|
|
1419
1401
|
{}
|
|
1420
1402
|
);
|
|
1421
|
-
}),
|
|
1422
|
-
|
|
1403
|
+
}), Ke = x(() => n.showSummary && w.value), Ye = (h, C) => {
|
|
1404
|
+
p && p.toggleRowSelection(h, C);
|
|
1405
|
+
}, Je = () => {
|
|
1406
|
+
p && p.toggleAllSelection();
|
|
1423
1407
|
}, Qe = () => {
|
|
1424
|
-
|
|
1408
|
+
p && p.selectAbsolutelyAll();
|
|
1425
1409
|
}, et = () => {
|
|
1426
|
-
|
|
1427
|
-
}, tt = () => {
|
|
1428
|
-
|
|
1429
|
-
}, nt = () => m ? m.getSelectionRows() : [], ot = (h) => {
|
|
1430
|
-
m && m.setSelectionRows(h);
|
|
1410
|
+
p && p.clearSelection();
|
|
1411
|
+
}, tt = () => p ? p.getSelectionRows() : [], nt = (h) => {
|
|
1412
|
+
p && p.setSelectionRows(h);
|
|
1431
1413
|
};
|
|
1432
|
-
return
|
|
1414
|
+
return ve(() => {
|
|
1433
1415
|
Q();
|
|
1434
1416
|
}), t({
|
|
1435
|
-
toggleRowSelection:
|
|
1436
|
-
toggleAllSelection:
|
|
1437
|
-
selectAbsolutelyAll:
|
|
1438
|
-
clearSelection:
|
|
1439
|
-
getSelectionRows:
|
|
1440
|
-
setSelectionRows:
|
|
1417
|
+
toggleRowSelection: Ye,
|
|
1418
|
+
toggleAllSelection: Je,
|
|
1419
|
+
selectAbsolutelyAll: Qe,
|
|
1420
|
+
clearSelection: et,
|
|
1421
|
+
getSelectionRows: tt,
|
|
1422
|
+
setSelectionRows: nt,
|
|
1441
1423
|
resetInfinityScroll: v
|
|
1442
1424
|
// Додаємо метод для скидання infinity scroll
|
|
1443
1425
|
}), (h, C) => {
|
|
1444
|
-
var
|
|
1445
|
-
const
|
|
1446
|
-
return
|
|
1426
|
+
var z, P, de, fe;
|
|
1427
|
+
const I = Oe("tooltip");
|
|
1428
|
+
return m(), _("div", {
|
|
1447
1429
|
ref_key: "tableWrapperRef",
|
|
1448
1430
|
ref: i,
|
|
1449
1431
|
class: "vt-table-wrapper",
|
|
1450
|
-
style:
|
|
1432
|
+
style: ie(q(V)()),
|
|
1451
1433
|
onScroll: d
|
|
1452
1434
|
}, [
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
n.selectable ? (p(), f("th", {
|
|
1435
|
+
f("table", Jn, [
|
|
1436
|
+
f("thead", null, [
|
|
1437
|
+
f("tr", null, [
|
|
1438
|
+
n.selectable ? (m(), _("th", {
|
|
1458
1439
|
key: 0,
|
|
1459
1440
|
class: W(["vt-table__th vt-table__th--selection", {
|
|
1460
1441
|
"vt-table__th--sticky": n.maxHeight,
|
|
1461
1442
|
"vt-table__th--pinned-left": !0
|
|
1462
1443
|
}]),
|
|
1463
|
-
style:
|
|
1444
|
+
style: ie(T())
|
|
1464
1445
|
}, [
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
checked: (
|
|
1468
|
-
indeterminate: (P = q(
|
|
1469
|
-
"is-double": (
|
|
1470
|
-
onChange:
|
|
1446
|
+
f("div", Qn, [
|
|
1447
|
+
N(ue, {
|
|
1448
|
+
checked: (z = q(p)) == null ? void 0 : z.isAllSelected.value,
|
|
1449
|
+
indeterminate: (P = q(p)) == null ? void 0 : P.isIndeterminate.value,
|
|
1450
|
+
"is-double": (fe = (de = q(p)) == null ? void 0 : de.isDoubleCheck) == null ? void 0 : fe.value,
|
|
1451
|
+
onChange: Ze
|
|
1471
1452
|
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
1472
1453
|
])
|
|
1473
1454
|
], 6)) : H("", !0),
|
|
1474
|
-
(
|
|
1475
|
-
key:
|
|
1455
|
+
(m(!0), _(ne, null, oe(q(Z), (k, ce) => (m(), _("th", {
|
|
1456
|
+
key: k.prop,
|
|
1476
1457
|
ref_for: !0,
|
|
1477
|
-
ref: (
|
|
1478
|
-
style:
|
|
1458
|
+
ref: (se) => Le(se, k.prop),
|
|
1459
|
+
style: ie(Ue(k, ce)),
|
|
1479
1460
|
class: W([
|
|
1480
1461
|
"vt-table__th",
|
|
1481
1462
|
{
|
|
1482
1463
|
"vt-table__th--sticky": n.maxHeight,
|
|
1483
|
-
"vt-table__th--pinned-left":
|
|
1484
|
-
"vt-table__th--pinned-right":
|
|
1485
|
-
"vt-table__th--sortable":
|
|
1464
|
+
"vt-table__th--pinned-left": k.pinnedLeft,
|
|
1465
|
+
"vt-table__th--pinned-right": k.pinnedRight,
|
|
1466
|
+
"vt-table__th--sortable": k.sortable
|
|
1486
1467
|
}
|
|
1487
1468
|
])
|
|
1488
1469
|
}, [
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1470
|
+
f("div", eo, [
|
|
1471
|
+
f("div", to, te(k.label), 1),
|
|
1472
|
+
k.sortable ? (m(), _("div", no, [
|
|
1473
|
+
N(Y, {
|
|
1493
1474
|
name: "arrowTop",
|
|
1494
|
-
class: W(q(Ee)(
|
|
1495
|
-
onClick:
|
|
1475
|
+
class: W(q(Ee)(k, u.value).asc),
|
|
1476
|
+
onClick: pe((se) => g(k, "asc"), ["stop"])
|
|
1496
1477
|
}, null, 8, ["class", "onClick"]),
|
|
1497
|
-
|
|
1478
|
+
N(Y, {
|
|
1498
1479
|
name: "arrowDown",
|
|
1499
|
-
class: W(q(Ee)(
|
|
1500
|
-
onClick:
|
|
1480
|
+
class: W(q(Ee)(k, u.value).desc),
|
|
1481
|
+
onClick: pe((se) => g(k, "desc"), ["stop"])
|
|
1501
1482
|
}, null, 8, ["class", "onClick"])
|
|
1502
1483
|
])) : H("", !0),
|
|
1503
|
-
|
|
1484
|
+
k.actionColumn ? (m(), re(Yn, {
|
|
1504
1485
|
key: 1,
|
|
1505
|
-
column:
|
|
1506
|
-
"all-columns": q(
|
|
1486
|
+
column: k,
|
|
1487
|
+
"all-columns": q(Z),
|
|
1507
1488
|
columnsSelector: n.columnsSelector,
|
|
1508
|
-
onPin:
|
|
1489
|
+
onPin: b,
|
|
1509
1490
|
onUpdateColumns: B
|
|
1510
1491
|
}, null, 8, ["column", "all-columns", "columnsSelector"])) : H("", !0)
|
|
1511
1492
|
]),
|
|
1512
|
-
|
|
1493
|
+
f("div", {
|
|
1513
1494
|
class: "vt-table__resizer",
|
|
1514
|
-
"data-resizer":
|
|
1515
|
-
onMousedown: (
|
|
1516
|
-
}, null, 40,
|
|
1495
|
+
"data-resizer": k.prop,
|
|
1496
|
+
onMousedown: (se) => Ie(se, k)
|
|
1497
|
+
}, null, 40, oo)
|
|
1517
1498
|
], 6))), 128))
|
|
1518
1499
|
])
|
|
1519
1500
|
]),
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
var
|
|
1523
|
-
return
|
|
1524
|
-
key:
|
|
1501
|
+
f("tbody", null, [
|
|
1502
|
+
w.value ? (m(!0), _(ne, { key: 1 }, oe($.value, (k, ce) => {
|
|
1503
|
+
var se, Be, Re;
|
|
1504
|
+
return m(), _("tr", {
|
|
1505
|
+
key: k.id,
|
|
1525
1506
|
class: W([
|
|
1526
1507
|
"vt-table__row",
|
|
1527
1508
|
{
|
|
1528
|
-
"vt-table__row--selected": (
|
|
1529
|
-
"vt-table__row--current": ((Be = q(
|
|
1509
|
+
"vt-table__row--selected": (se = q(p)) == null ? void 0 : se.isRowSelected(k),
|
|
1510
|
+
"vt-table__row--current": ((Be = q(p)) == null ? void 0 : Be.currentRow.value) === k,
|
|
1530
1511
|
"vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
|
|
1531
1512
|
}
|
|
1532
1513
|
]),
|
|
1533
|
-
onClick: (
|
|
1514
|
+
onClick: (K) => ee(k, q(Z)[0], K)
|
|
1534
1515
|
}, [
|
|
1535
|
-
n.selectable ? (
|
|
1516
|
+
n.selectable ? (m(), _("td", {
|
|
1536
1517
|
key: 0,
|
|
1537
1518
|
class: W(["vt-table__td vt-table__td--selection", {
|
|
1538
1519
|
"vt-table__td--pinned-left": !0
|
|
1539
1520
|
}]),
|
|
1540
|
-
style:
|
|
1521
|
+
style: ie(A())
|
|
1541
1522
|
}, [
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
checked: (Re = q(
|
|
1545
|
-
onChange: (
|
|
1523
|
+
f("div", ro, [
|
|
1524
|
+
N(ue, {
|
|
1525
|
+
checked: (Re = q(p)) == null ? void 0 : Re.isRowSelected(k),
|
|
1526
|
+
onChange: (K, be) => Ce(K, k, be)
|
|
1546
1527
|
}, null, 8, ["checked", "onChange"])
|
|
1547
1528
|
])
|
|
1548
1529
|
], 4)) : H("", !0),
|
|
1549
|
-
(
|
|
1550
|
-
key:
|
|
1530
|
+
(m(!0), _(ne, null, oe(q(Z), (K, be) => (m(), _("td", {
|
|
1531
|
+
key: K.prop,
|
|
1551
1532
|
ref_for: !0,
|
|
1552
|
-
ref: (we) => Le(we,
|
|
1553
|
-
style:
|
|
1533
|
+
ref: (we) => Le(we, K.prop),
|
|
1534
|
+
style: ie(Fe(K, be)),
|
|
1554
1535
|
class: W([
|
|
1555
1536
|
"vt-table__td",
|
|
1556
1537
|
{
|
|
1557
|
-
"vt-table__td--pinned-left":
|
|
1558
|
-
"vt-table__td--pinned-right":
|
|
1538
|
+
"vt-table__td--pinned-left": K.pinnedLeft,
|
|
1539
|
+
"vt-table__td--pinned-right": K.pinnedRight
|
|
1559
1540
|
}
|
|
1560
1541
|
])
|
|
1561
1542
|
}, [
|
|
1562
|
-
Me((
|
|
1563
|
-
|
|
1564
|
-
])), [
|
|
1565
|
-
[
|
|
1543
|
+
Me((m(), _("div", co, C[1] || (C[1] = [
|
|
1544
|
+
he(" sss ", -1)
|
|
1545
|
+
]))), [
|
|
1546
|
+
[I, K.showOverflowTooltip ? Xe(k, K) : null]
|
|
1566
1547
|
]),
|
|
1567
|
-
|
|
1548
|
+
f("div", {
|
|
1568
1549
|
class: "vt-table__resizer",
|
|
1569
|
-
"data-resizer":
|
|
1570
|
-
onMousedown: (we) => Ie(we,
|
|
1571
|
-
}, null, 40,
|
|
1550
|
+
"data-resizer": K.prop,
|
|
1551
|
+
onMousedown: (we) => Ie(we, K)
|
|
1552
|
+
}, null, 40, uo)
|
|
1572
1553
|
], 6))), 128))
|
|
1573
|
-
], 10,
|
|
1574
|
-
}), 128)) : (
|
|
1575
|
-
|
|
1576
|
-
colspan: q(
|
|
1554
|
+
], 10, ao);
|
|
1555
|
+
}), 128)) : (m(), _("tr", lo, [
|
|
1556
|
+
f("td", {
|
|
1557
|
+
colspan: q(Z).length + (n.selectable ? 1 : 0),
|
|
1577
1558
|
class: "vt-table__empty-cell"
|
|
1578
1559
|
}, [
|
|
1579
|
-
|
|
1580
|
-
|
|
1560
|
+
f("div", io, [
|
|
1561
|
+
N(Y, {
|
|
1581
1562
|
name: "empty",
|
|
1582
1563
|
class: "vt-table__empty-icon"
|
|
1583
1564
|
}),
|
|
1584
|
-
C[0] || (C[0] =
|
|
1565
|
+
C[0] || (C[0] = f("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
1585
1566
|
])
|
|
1586
|
-
], 8,
|
|
1567
|
+
], 8, so)
|
|
1587
1568
|
]))
|
|
1588
1569
|
]),
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
n.selectable ? (
|
|
1570
|
+
Ke.value ? (m(), _("tfoot", po, [
|
|
1571
|
+
f("tr", null, [
|
|
1572
|
+
n.selectable ? (m(), _("td", {
|
|
1592
1573
|
key: 0,
|
|
1593
1574
|
class: W(["vt-table__td", {
|
|
1594
1575
|
"vt-table__td--pinned-left": !0
|
|
1595
1576
|
}]),
|
|
1596
|
-
style:
|
|
1597
|
-
}, C[
|
|
1598
|
-
|
|
1577
|
+
style: ie(X())
|
|
1578
|
+
}, C[2] || (C[2] = [
|
|
1579
|
+
f("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
1599
1580
|
]), 4)) : H("", !0),
|
|
1600
|
-
(
|
|
1601
|
-
key:
|
|
1602
|
-
style:
|
|
1581
|
+
(m(!0), _(ne, null, oe(q(Z), (k, ce) => (m(), _("td", {
|
|
1582
|
+
key: k.prop,
|
|
1583
|
+
style: ie(qe(k, ce)),
|
|
1603
1584
|
class: W([
|
|
1604
1585
|
"vt-table__td",
|
|
1605
1586
|
{
|
|
1606
|
-
"vt-table__td--pinned-left":
|
|
1607
|
-
"vt-table__td--pinned-right":
|
|
1587
|
+
"vt-table__td--pinned-left": k.pinnedLeft,
|
|
1588
|
+
"vt-table__td--pinned-right": k.pinnedRight
|
|
1608
1589
|
}
|
|
1609
1590
|
])
|
|
1610
1591
|
}, [
|
|
1611
|
-
|
|
1592
|
+
f("div", mo, te(Ge.value[k.prop]), 1)
|
|
1612
1593
|
], 6))), 128))
|
|
1613
1594
|
])
|
|
1614
1595
|
])) : H("", !0)
|
|
@@ -1616,7 +1597,7 @@ const re = new Dn(), An = {
|
|
|
1616
1597
|
], 36);
|
|
1617
1598
|
};
|
|
1618
1599
|
}
|
|
1619
|
-
}),
|
|
1600
|
+
}), vo = /* @__PURE__ */ le({
|
|
1620
1601
|
__name: "VTableColumn",
|
|
1621
1602
|
props: {
|
|
1622
1603
|
prop: {},
|
|
@@ -1634,7 +1615,7 @@ const re = new Dn(), An = {
|
|
|
1634
1615
|
sortMethod: {}
|
|
1635
1616
|
},
|
|
1636
1617
|
setup(e) {
|
|
1637
|
-
const t = e, o =
|
|
1618
|
+
const t = e, o = Ae(), n = dt("vt-table-columns");
|
|
1638
1619
|
n || console.error(
|
|
1639
1620
|
"VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
|
|
1640
1621
|
);
|
|
@@ -1654,12 +1635,12 @@ const re = new Dn(), An = {
|
|
|
1654
1635
|
renderSlot: o[t.prop] ?? o.default ?? o.slot
|
|
1655
1636
|
});
|
|
1656
1637
|
let l = -1;
|
|
1657
|
-
return
|
|
1638
|
+
return ve(() => {
|
|
1658
1639
|
if (n) {
|
|
1659
1640
|
const r = s();
|
|
1660
1641
|
n.push(r), l = n.length - 1;
|
|
1661
1642
|
}
|
|
1662
|
-
}),
|
|
1643
|
+
}), me(
|
|
1663
1644
|
() => [
|
|
1664
1645
|
t.width,
|
|
1665
1646
|
t.minWidth,
|
|
@@ -1784,7 +1765,7 @@ const re = new Dn(), An = {
|
|
|
1784
1765
|
});
|
|
1785
1766
|
}, He = (e) => {
|
|
1786
1767
|
e.style.opacity = "0", e.style.visibility = "hidden";
|
|
1787
|
-
}, Pe = (e) => e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight, De = (e) => !!e.closest(".vt-table, table"),
|
|
1768
|
+
}, Pe = (e) => e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight, De = (e) => !!e.closest(".vt-table, table"), fo = {
|
|
1788
1769
|
mounted(e, t) {
|
|
1789
1770
|
var a;
|
|
1790
1771
|
const o = (a = t.value) == null ? void 0 : a.trim();
|
|
@@ -1821,24 +1802,24 @@ const re = new Dn(), An = {
|
|
|
1821
1802
|
beforeUnmount(e) {
|
|
1822
1803
|
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);
|
|
1823
1804
|
}
|
|
1824
|
-
},
|
|
1805
|
+
}, _o = {
|
|
1825
1806
|
install(e, t = {}) {
|
|
1826
1807
|
const { prefix: o = "V", modal: n = !0 } = t;
|
|
1827
|
-
e.component(`${o}Button`, ge), e.component(`${o}Icon`, Y), e.component(`${o}Loader`,
|
|
1808
|
+
e.component(`${o}Button`, ge), e.component(`${o}Icon`, Y), e.component(`${o}Loader`, je), e.component(`${o}Modal`, Ne), e.component(`${o}Pagination`, Ln), e.component(`${o}Checkbox`, ue), e.component(`${o}Table`, ho), e.component(`${o}TableColumn`, vo), e.directive("tooltip", fo), n && e.use(Dn);
|
|
1828
1809
|
}
|
|
1829
|
-
},
|
|
1810
|
+
}, Co = _o.install;
|
|
1830
1811
|
export {
|
|
1831
1812
|
ge as VButton,
|
|
1832
|
-
|
|
1813
|
+
ue as VCheckbox,
|
|
1833
1814
|
Y as VIcon,
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1815
|
+
je as VLoader,
|
|
1816
|
+
Ne as VModal,
|
|
1817
|
+
Dn as VModalPlugin,
|
|
1837
1818
|
Ln as VPagination,
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1819
|
+
ho as VTable,
|
|
1820
|
+
vo as VTableColumn,
|
|
1821
|
+
_o as default,
|
|
1822
|
+
Co as install,
|
|
1823
|
+
ae as modalManager,
|
|
1824
|
+
fo as tooltipDirective
|
|
1844
1825
|
};
|