voiptime-components 1.0.15 → 1.0.16
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 +1 -0
- package/dist/index.es.js +763 -749
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { createElementBlock as f, openBlock as h, createElementVNode as v, createStaticVNode as je, defineComponent as re, computed as x, createBlock as ue, createCommentVNode as P, resolveDynamicComponent as Ne, useSlots as Fe, resolveDirective as Ze, withDirectives as Le, normalizeClass as W, renderSlot as he, Teleport as pt, normalizeStyle as ae, withModifiers as me, toDisplayString as te, watch as de, Fragment as le, renderList as se, vModelSelect as ht, createVNode as Z, withCtx as xe, createTextVNode as ge, ref as A, createApp as mt, h as be, onMounted as ve, onUnmounted as $e, nextTick as vt, mergeModels as Te, useModel as ft, reactive as _t, shallowRef as gt, provide as Ct, unref as K, markRaw as Ee, inject as wt } from "vue";
|
|
2
2
|
const D = (t, e) => {
|
|
3
3
|
const o = t.__vccOpts || t;
|
|
4
4
|
for (const [n, s] of e)
|
|
5
5
|
o[n] = s;
|
|
6
6
|
return o;
|
|
7
|
-
},
|
|
7
|
+
}, kt = {}, bt = {
|
|
8
8
|
width: "20",
|
|
9
9
|
height: "20",
|
|
10
10
|
viewBox: "0 0 20 20",
|
|
11
11
|
fill: "none",
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
return
|
|
16
|
-
|
|
14
|
+
function yt(t, e) {
|
|
15
|
+
return h(), f("svg", bt, e[0] || (e[0] = [
|
|
16
|
+
v("path", {
|
|
17
17
|
d: "M14 8L10 12L6 8",
|
|
18
18
|
stroke: "currentColor",
|
|
19
19
|
"stroke-width": "1.5",
|
|
@@ -22,16 +22,16 @@ function wt(t, e) {
|
|
|
22
22
|
}, null, -1)
|
|
23
23
|
]));
|
|
24
24
|
}
|
|
25
|
-
const
|
|
25
|
+
const xt = /* @__PURE__ */ D(kt, [["render", yt]]), Mt = {}, Lt = {
|
|
26
26
|
width: "20",
|
|
27
27
|
height: "20",
|
|
28
28
|
viewBox: "0 0 20 20",
|
|
29
29
|
fill: "none",
|
|
30
30
|
xmlns: "http://www.w3.org/2000/svg"
|
|
31
31
|
};
|
|
32
|
-
function
|
|
33
|
-
return
|
|
34
|
-
|
|
32
|
+
function $t(t, e) {
|
|
33
|
+
return h(), f("svg", Lt, e[0] || (e[0] = [
|
|
34
|
+
v("path", {
|
|
35
35
|
d: "M6 12L10 8L14 12",
|
|
36
36
|
stroke: "currentColor",
|
|
37
37
|
"stroke-width": "1.5",
|
|
@@ -40,38 +40,38 @@ function xt(t, e) {
|
|
|
40
40
|
}, null, -1)
|
|
41
41
|
]));
|
|
42
42
|
}
|
|
43
|
-
const
|
|
43
|
+
const St = /* @__PURE__ */ D(Mt, [["render", $t]]), It = {}, Vt = {
|
|
44
44
|
width: "14",
|
|
45
45
|
height: "15",
|
|
46
46
|
viewBox: "0 0 14 15",
|
|
47
47
|
fill: "none",
|
|
48
48
|
xmlns: "http://www.w3.org/2000/svg"
|
|
49
49
|
};
|
|
50
|
-
function
|
|
51
|
-
return
|
|
52
|
-
|
|
50
|
+
function Bt(t, e) {
|
|
51
|
+
return h(), f("svg", Vt, e[0] || (e[0] = [
|
|
52
|
+
v("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
|
+
v("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
|
|
65
|
+
const Rt = /* @__PURE__ */ D(It, [["render", Bt]]), Tt = {}, Et = {
|
|
66
66
|
width: "21",
|
|
67
67
|
height: "20",
|
|
68
68
|
viewBox: "0 0 21 20",
|
|
69
69
|
fill: "none",
|
|
70
70
|
xmlns: "http://www.w3.org/2000/svg"
|
|
71
71
|
};
|
|
72
|
-
function
|
|
73
|
-
return
|
|
74
|
-
|
|
72
|
+
function zt(t, e) {
|
|
73
|
+
return h(), f("svg", Et, e[0] || (e[0] = [
|
|
74
|
+
v("path", {
|
|
75
75
|
d: "M8.60352 6L12.6035 10L8.60352 14",
|
|
76
76
|
stroke: "currentColor",
|
|
77
77
|
"stroke-width": "1.5",
|
|
@@ -80,16 +80,16 @@ function Rt(t, e) {
|
|
|
80
80
|
}, null, -1)
|
|
81
81
|
]));
|
|
82
82
|
}
|
|
83
|
-
const
|
|
83
|
+
const Ht = /* @__PURE__ */ D(Tt, [["render", zt]]), Wt = {}, Dt = {
|
|
84
84
|
width: "21",
|
|
85
85
|
height: "20",
|
|
86
86
|
viewBox: "0 0 21 20",
|
|
87
87
|
fill: "none",
|
|
88
88
|
xmlns: "http://www.w3.org/2000/svg"
|
|
89
89
|
};
|
|
90
|
-
function
|
|
91
|
-
return
|
|
92
|
-
|
|
90
|
+
function Pt(t, e) {
|
|
91
|
+
return h(), f("svg", Dt, e[0] || (e[0] = [
|
|
92
|
+
v("path", {
|
|
93
93
|
d: "M12.3984 14L8.39844 10L12.3984 6",
|
|
94
94
|
stroke: "currentColor",
|
|
95
95
|
"stroke-width": "1.5",
|
|
@@ -98,16 +98,16 @@ function Ht(t, e) {
|
|
|
98
98
|
}, null, -1)
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
const
|
|
101
|
+
const At = /* @__PURE__ */ D(Wt, [["render", Pt]]), Ot = {}, jt = {
|
|
102
102
|
width: "20",
|
|
103
103
|
height: "20",
|
|
104
104
|
viewBox: "0 0 20 20",
|
|
105
105
|
fill: "none",
|
|
106
106
|
xmlns: "http://www.w3.org/2000/svg"
|
|
107
107
|
};
|
|
108
|
-
function
|
|
109
|
-
return
|
|
110
|
-
|
|
108
|
+
function Nt(t, e) {
|
|
109
|
+
return h(), f("svg", jt, e[0] || (e[0] = [
|
|
110
|
+
v("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,23 +116,23 @@ function At(t, e) {
|
|
|
116
116
|
}, null, -1)
|
|
117
117
|
]));
|
|
118
118
|
}
|
|
119
|
-
const
|
|
119
|
+
const Ft = /* @__PURE__ */ D(Ot, [["render", Nt]]), Zt = {}, Ut = {
|
|
120
120
|
width: "20",
|
|
121
121
|
height: "20",
|
|
122
122
|
viewBox: "0 0 20 20",
|
|
123
123
|
fill: "none",
|
|
124
124
|
xmlns: "http://www.w3.org/2000/svg"
|
|
125
125
|
};
|
|
126
|
-
function
|
|
127
|
-
return
|
|
128
|
-
|
|
126
|
+
function Kt(t, e) {
|
|
127
|
+
return h(), f("svg", Ut, e[0] || (e[0] = [
|
|
128
|
+
v("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
|
+
v("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,23 +140,23 @@ function Ft(t, e) {
|
|
|
140
140
|
}, null, -1)
|
|
141
141
|
]));
|
|
142
142
|
}
|
|
143
|
-
const
|
|
143
|
+
const qt = /* @__PURE__ */ D(Zt, [["render", Kt]]), Xt = {}, Gt = {
|
|
144
144
|
width: "20",
|
|
145
145
|
height: "20",
|
|
146
146
|
viewBox: "0 0 20 20",
|
|
147
147
|
fill: "none",
|
|
148
148
|
xmlns: "http://www.w3.org/2000/svg"
|
|
149
149
|
};
|
|
150
|
-
function
|
|
151
|
-
return
|
|
152
|
-
|
|
150
|
+
function Yt(t, e) {
|
|
151
|
+
return h(), f("svg", Gt, e[0] || (e[0] = [
|
|
152
|
+
v("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
|
+
v("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,16 +164,16 @@ function qt(t, e) {
|
|
|
164
164
|
}, null, -1)
|
|
165
165
|
]));
|
|
166
166
|
}
|
|
167
|
-
const
|
|
167
|
+
const Jt = /* @__PURE__ */ D(Xt, [["render", Yt]]), Qt = {}, en = {
|
|
168
168
|
xmlns: "http://www.w3.org/2000/svg",
|
|
169
169
|
width: "60",
|
|
170
170
|
height: "60",
|
|
171
171
|
viewBox: "0 0 60 60",
|
|
172
172
|
fill: "none"
|
|
173
173
|
};
|
|
174
|
-
function
|
|
175
|
-
return
|
|
176
|
-
|
|
174
|
+
function tn(t, e) {
|
|
175
|
+
return h(), f("svg", en, e[0] || (e[0] = [
|
|
176
|
+
v("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,22 +182,22 @@ function Jt(t, e) {
|
|
|
182
182
|
}, null, -1)
|
|
183
183
|
]));
|
|
184
184
|
}
|
|
185
|
-
const
|
|
185
|
+
const nn = /* @__PURE__ */ D(Qt, [["render", tn]]), on = {}, ln = {
|
|
186
186
|
width: "20",
|
|
187
187
|
height: "20",
|
|
188
188
|
viewBox: "0 0 20 20",
|
|
189
189
|
fill: "none",
|
|
190
190
|
xmlns: "http://www.w3.org/2000/svg"
|
|
191
191
|
};
|
|
192
|
-
function
|
|
193
|
-
return
|
|
194
|
-
|
|
192
|
+
function sn(t, e) {
|
|
193
|
+
return h(), f("svg", ln, e[0] || (e[0] = [
|
|
194
|
+
v("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
|
+
v("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,16 +205,16 @@ function nn(t, e) {
|
|
|
205
205
|
}, null, -1)
|
|
206
206
|
]));
|
|
207
207
|
}
|
|
208
|
-
const
|
|
208
|
+
const rn = /* @__PURE__ */ D(on, [["render", sn]]), an = {}, cn = {
|
|
209
209
|
width: "20",
|
|
210
210
|
height: "20",
|
|
211
211
|
viewBox: "0 0 20 20",
|
|
212
212
|
fill: "none",
|
|
213
213
|
xmlns: "http://www.w3.org/2000/svg"
|
|
214
214
|
};
|
|
215
|
-
function
|
|
216
|
-
return
|
|
217
|
-
|
|
215
|
+
function un(t, e) {
|
|
216
|
+
return h(), f("svg", cn, e[0] || (e[0] = [
|
|
217
|
+
v("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,16 +222,16 @@ function rn(t, e) {
|
|
|
222
222
|
}, null, -1)
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
|
-
const
|
|
225
|
+
const dn = /* @__PURE__ */ D(an, [["render", un]]), pn = {}, hn = {
|
|
226
226
|
width: "21",
|
|
227
227
|
height: "20",
|
|
228
228
|
viewBox: "0 0 21 20",
|
|
229
229
|
fill: "none",
|
|
230
230
|
xmlns: "http://www.w3.org/2000/svg"
|
|
231
231
|
};
|
|
232
|
-
function
|
|
233
|
-
return
|
|
234
|
-
|
|
232
|
+
function mn(t, e) {
|
|
233
|
+
return h(), f("svg", hn, e[0] || (e[0] = [
|
|
234
|
+
v("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,16 +239,16 @@ function dn(t, e) {
|
|
|
239
239
|
}, null, -1)
|
|
240
240
|
]));
|
|
241
241
|
}
|
|
242
|
-
const
|
|
242
|
+
const vn = /* @__PURE__ */ D(pn, [["render", mn]]), fn = {}, _n = {
|
|
243
243
|
width: "20",
|
|
244
244
|
height: "20",
|
|
245
245
|
viewBox: "0 0 20 20",
|
|
246
246
|
fill: "none",
|
|
247
247
|
xmlns: "http://www.w3.org/2000/svg"
|
|
248
248
|
};
|
|
249
|
-
function
|
|
250
|
-
return
|
|
251
|
-
|
|
249
|
+
function gn(t, e) {
|
|
250
|
+
return h(), f("svg", _n, e[0] || (e[0] = [
|
|
251
|
+
v("path", {
|
|
252
252
|
d: "M6 14L10 10M10 10L14 6M10 10L6 6M10 10L14 14",
|
|
253
253
|
stroke: "currentColor",
|
|
254
254
|
"stroke-width": "1.5",
|
|
@@ -257,16 +257,16 @@ function vn(t, e) {
|
|
|
257
257
|
}, null, -1)
|
|
258
258
|
]));
|
|
259
259
|
}
|
|
260
|
-
const
|
|
260
|
+
const Cn = /* @__PURE__ */ D(fn, [["render", gn]]), wn = {}, kn = {
|
|
261
261
|
width: "20",
|
|
262
262
|
height: "20",
|
|
263
263
|
viewBox: "0 0 20 20",
|
|
264
264
|
fill: "none",
|
|
265
265
|
xmlns: "http://www.w3.org/2000/svg"
|
|
266
266
|
};
|
|
267
|
-
function
|
|
268
|
-
return
|
|
269
|
-
|
|
267
|
+
function bn(t, e) {
|
|
268
|
+
return h(), f("svg", kn, e[0] || (e[0] = [
|
|
269
|
+
v("path", {
|
|
270
270
|
d: "M9.31732 16.8976L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V12.5026M12.5007 15.8359L14.1673 17.5026L17.5007 14.1693",
|
|
271
271
|
stroke: "currentColor",
|
|
272
272
|
"stroke-width": "1.5",
|
|
@@ -275,16 +275,16 @@ function Cn(t, e) {
|
|
|
275
275
|
}, null, -1)
|
|
276
276
|
]));
|
|
277
277
|
}
|
|
278
|
-
const
|
|
278
|
+
const yn = /* @__PURE__ */ D(wn, [["render", bn]]), xn = {}, Mn = {
|
|
279
279
|
width: "20",
|
|
280
280
|
height: "20",
|
|
281
281
|
viewBox: "0 0 20 20",
|
|
282
282
|
fill: "none",
|
|
283
283
|
xmlns: "http://www.w3.org/2000/svg"
|
|
284
284
|
};
|
|
285
|
-
function
|
|
286
|
-
return
|
|
287
|
-
|
|
285
|
+
function Ln(t, e) {
|
|
286
|
+
return h(), f("svg", Mn, e[0] || (e[0] = [
|
|
287
|
+
v("path", {
|
|
288
288
|
d: "M11.4657 16.1809L7.50065 17.5026V10.4193L3.76732 6.3126C3.48852 6.00588 3.33403 5.60627 3.33398 5.19177V3.33594H16.6673V5.14594C16.6672 5.58793 16.4916 6.01178 16.179 6.32427L12.5007 10.0026V11.2526M18.334 18.3359L14.1673 14.1693M14.1673 18.3359L18.334 14.1693",
|
|
289
289
|
stroke: "currentColor",
|
|
290
290
|
"stroke-width": "1.5",
|
|
@@ -293,51 +293,51 @@ function yn(t, e) {
|
|
|
293
293
|
}, null, -1)
|
|
294
294
|
]));
|
|
295
295
|
}
|
|
296
|
-
const
|
|
296
|
+
const $n = /* @__PURE__ */ D(xn, [["render", Ln]]), Sn = {}, In = {
|
|
297
297
|
width: "20",
|
|
298
298
|
height: "20",
|
|
299
299
|
viewBox: "0 0 20 20",
|
|
300
300
|
fill: "none",
|
|
301
301
|
xmlns: "http://www.w3.org/2000/svg"
|
|
302
302
|
};
|
|
303
|
-
function
|
|
304
|
-
return
|
|
305
|
-
|
|
303
|
+
function Vn(t, e) {
|
|
304
|
+
return h(), f("svg", In, e[0] || (e[0] = [
|
|
305
|
+
v("path", {
|
|
306
306
|
d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
|
|
307
307
|
stroke: "currentColor",
|
|
308
308
|
"stroke-width": "1.5",
|
|
309
309
|
"stroke-linecap": "round",
|
|
310
310
|
"stroke-linejoin": "round"
|
|
311
311
|
}, null, -1),
|
|
312
|
-
|
|
312
|
+
v("path", {
|
|
313
313
|
d: "M15.5 16.6591L13.857 17.9057C13.7756 17.9719 13.6868 18.0032 13.5906 17.9997C13.4944 17.9962 13.4093 17.9685 13.3353 17.9167C13.2613 17.865 13.204 17.7951 13.1635 17.7071C13.1229 17.6192 13.121 17.5236 13.1577 17.4203L13.7904 15.3795L12.1808 14.2433C12.092 14.1844 12.0365 14.1072 12.0143 14.0116C11.9921 13.916 11.9958 13.8277 12.0254 13.7468C12.055 13.6659 12.1068 13.5942 12.1808 13.5315C12.2548 13.4688 12.3436 13.4377 12.4472 13.438H14.4343L15.0782 11.3199C15.1152 11.217 15.1726 11.1378 15.2504 11.0825C15.3283 11.0272 15.4115 10.9997 15.5 11C15.5885 11.0003 15.6718 11.0279 15.75 11.083C15.8281 11.138 15.8854 11.217 15.9218 11.3199L16.5657 13.438H18.5528C18.6564 13.438 18.7452 13.4693 18.8192 13.5319C18.8932 13.5946 18.945 13.6662 18.9746 13.7468C19.0042 13.8274 19.0079 13.9157 18.9857 14.0116C18.9635 14.1075 18.908 14.1847 18.8192 14.2433L17.2096 15.3795L17.8423 17.4203C17.8793 17.5233 17.8775 17.6189 17.837 17.7071C17.7964 17.7954 17.739 17.8653 17.6647 17.9167C17.5904 17.9682 17.5053 17.9959 17.4094 17.9997C17.3135 18.0035 17.2247 17.9722 17.143 17.9057L15.5 16.6591Z",
|
|
314
314
|
stroke: "currentColor",
|
|
315
315
|
"stroke-width": "1.5"
|
|
316
316
|
}, null, -1)
|
|
317
317
|
]));
|
|
318
318
|
}
|
|
319
|
-
const
|
|
319
|
+
const Bn = /* @__PURE__ */ D(Sn, [["render", Vn]]), Rn = {}, Tn = {
|
|
320
320
|
width: "20",
|
|
321
321
|
height: "20",
|
|
322
322
|
viewBox: "0 0 20 20",
|
|
323
323
|
fill: "none",
|
|
324
324
|
xmlns: "http://www.w3.org/2000/svg"
|
|
325
325
|
};
|
|
326
|
-
function
|
|
327
|
-
return
|
|
328
|
-
|
|
326
|
+
function En(t, e) {
|
|
327
|
+
return h(), f("svg", Tn, e[0] || (e[0] = [
|
|
328
|
+
je('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
|
|
329
329
|
]));
|
|
330
330
|
}
|
|
331
|
-
const
|
|
331
|
+
const zn = /* @__PURE__ */ D(Rn, [["render", En]]), Hn = {}, Wn = {
|
|
332
332
|
width: "20",
|
|
333
333
|
height: "20",
|
|
334
334
|
viewBox: "0 0 20 20",
|
|
335
335
|
fill: "none",
|
|
336
336
|
xmlns: "http://www.w3.org/2000/svg"
|
|
337
337
|
};
|
|
338
|
-
function
|
|
339
|
-
return
|
|
340
|
-
|
|
338
|
+
function Dn(t, e) {
|
|
339
|
+
return h(), f("svg", Wn, e[0] || (e[0] = [
|
|
340
|
+
v("path", {
|
|
341
341
|
d: "M16.6673 5.83594L6.66732 5.83594M16.6673 5.83594L13.7507 8.7526M16.6673 5.83594L13.7507 2.91927M14.1673 14.1693L3.33398 14.1693M3.33398 14.1693L6.25065 17.0859M3.33398 14.1693L6.25065 11.2526",
|
|
342
342
|
stroke: "currentColor",
|
|
343
343
|
"stroke-width": "1.5",
|
|
@@ -346,51 +346,51 @@ function zn(t, e) {
|
|
|
346
346
|
}, null, -1)
|
|
347
347
|
]));
|
|
348
348
|
}
|
|
349
|
-
const
|
|
349
|
+
const Pn = /* @__PURE__ */ D(Hn, [["render", Dn]]), An = {}, On = {
|
|
350
350
|
width: "20",
|
|
351
351
|
height: "20",
|
|
352
352
|
viewBox: "0 0 20 20",
|
|
353
353
|
fill: "none",
|
|
354
354
|
xmlns: "http://www.w3.org/2000/svg"
|
|
355
355
|
};
|
|
356
|
-
function
|
|
357
|
-
return
|
|
358
|
-
|
|
356
|
+
function jn(t, e) {
|
|
357
|
+
return h(), f("svg", On, e[0] || (e[0] = [
|
|
358
|
+
v("path", {
|
|
359
359
|
d: "M11.1667 10.9167V9.66667L14.845 5.98833C15.1576 5.67585 15.3332 5.25199 15.3333 4.81V3H2V4.85583C2.00004 5.27033 2.15454 5.66994 2.43333 5.97667L6.16667 10.0833V17.1667C6.16667 17.1667 7.37495 16.7639 8.14917 16.5058",
|
|
360
360
|
stroke: "currentColor",
|
|
361
361
|
"stroke-width": "1.5",
|
|
362
362
|
"stroke-linecap": "round",
|
|
363
363
|
"stroke-linejoin": "round"
|
|
364
364
|
}, null, -1),
|
|
365
|
-
|
|
365
|
+
v("path", {
|
|
366
366
|
d: "M15.4116 11.3639L11.4924 15.283C11.4138 15.3616 11.3636 15.4642 11.3498 15.5746L11.0994 17.5789C11.059 17.9025 11.3341 18.1776 11.6577 18.1371L13.6622 17.8861C13.7725 17.8722 13.8751 17.8221 13.9537 17.7435L17.8724 13.8248C18.0676 13.6296 18.0676 13.313 17.8724 13.1177L16.1187 11.364C15.9234 11.1687 15.6068 11.1687 15.4116 11.3639Z",
|
|
367
367
|
stroke: "currentColor",
|
|
368
368
|
"stroke-width": "1.5"
|
|
369
369
|
}, null, -1),
|
|
370
|
-
|
|
370
|
+
v("path", {
|
|
371
371
|
d: "M14 12L16.4608 14.4608",
|
|
372
372
|
stroke: "currentColor",
|
|
373
373
|
"stroke-width": "1.5"
|
|
374
374
|
}, null, -1)
|
|
375
375
|
]));
|
|
376
376
|
}
|
|
377
|
-
const
|
|
377
|
+
const Nn = /* @__PURE__ */ D(An, [["render", jn]]), Fn = {}, Zn = {
|
|
378
378
|
width: "20",
|
|
379
379
|
height: "20",
|
|
380
380
|
viewBox: "0 0 20 20",
|
|
381
381
|
fill: "none",
|
|
382
382
|
xmlns: "http://www.w3.org/2000/svg"
|
|
383
383
|
};
|
|
384
|
-
function
|
|
385
|
-
return
|
|
386
|
-
|
|
384
|
+
function Un(t, e) {
|
|
385
|
+
return h(), f("svg", Zn, e[0] || (e[0] = [
|
|
386
|
+
v("path", {
|
|
387
387
|
d: "M6.2832 15.8359H3.3332C3.11222 15.8359 2.90029 15.7482 2.74404 15.5919C2.58778 15.4356 2.5 15.2237 2.5 15.0027V4.16954C2.49995 4.06009 2.52146 3.9517 2.56331 3.85056C2.60516 3.74943 2.66652 3.65753 2.7439 3.58012C2.82127 3.50271 2.91314 3.4413 3.01426 3.3994C3.11537 3.3575 3.22375 3.33594 3.3332 3.33594H16.6668C16.7763 3.33594 16.8846 3.3575 16.9857 3.3994C17.0869 3.4413 17.1787 3.50271 17.2561 3.58012C17.3335 3.65753 17.3948 3.74943 17.4367 3.85056C17.4785 3.9517 17.5001 4.06009 17.5 4.16954V15.0027C17.5 15.2237 17.4122 15.4356 17.256 15.5919C17.0997 15.7482 16.8878 15.8359 16.6668 15.8359H5.38347",
|
|
388
388
|
stroke: "currentColor",
|
|
389
389
|
"stroke-width": "1.5",
|
|
390
390
|
"stroke-linecap": "round",
|
|
391
391
|
"stroke-linejoin": "round"
|
|
392
392
|
}, null, -1),
|
|
393
|
-
|
|
393
|
+
v("path", {
|
|
394
394
|
d: "M6.66406 2.5V5M13.3305 2.5V5M8.33046 10.8332L9.16406 11.6668L11.6641 9.1668",
|
|
395
395
|
stroke: "currentColor",
|
|
396
396
|
"stroke-width": "1.5",
|
|
@@ -399,35 +399,35 @@ function Nn(t, e) {
|
|
|
399
399
|
}, null, -1)
|
|
400
400
|
]));
|
|
401
401
|
}
|
|
402
|
-
const
|
|
402
|
+
const Kn = /* @__PURE__ */ D(Fn, [["render", Un]]), qn = {}, Xn = {
|
|
403
403
|
width: "20",
|
|
404
404
|
height: "20",
|
|
405
405
|
viewBox: "0 0 20 20",
|
|
406
406
|
fill: "none",
|
|
407
407
|
xmlns: "http://www.w3.org/2000/svg"
|
|
408
408
|
};
|
|
409
|
-
function
|
|
410
|
-
return
|
|
411
|
-
|
|
409
|
+
function Gn(t, e) {
|
|
410
|
+
return h(), f("svg", Xn, e[0] || (e[0] = [
|
|
411
|
+
je('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
|
|
412
412
|
]));
|
|
413
413
|
}
|
|
414
|
-
const
|
|
414
|
+
const Yn = /* @__PURE__ */ D(qn, [["render", Gn]]), Jn = {}, Qn = {
|
|
415
415
|
width: "20",
|
|
416
416
|
height: "20",
|
|
417
417
|
viewBox: "0 0 20 20",
|
|
418
418
|
fill: "none",
|
|
419
419
|
xmlns: "http://www.w3.org/2000/svg"
|
|
420
420
|
};
|
|
421
|
-
function
|
|
422
|
-
return
|
|
423
|
-
|
|
421
|
+
function eo(t, e) {
|
|
422
|
+
return h(), f("svg", Qn, e[0] || (e[0] = [
|
|
423
|
+
v("path", {
|
|
424
424
|
d: "M9.4676 15.1809L5.5026 16.5026V9.41927L1.76927 5.3126C1.49048 5.00588 1.33598 4.60627 1.33594 4.19177V2.33594H14.6693V4.14594C14.6692 4.58793 14.4935 5.01178 14.1809 5.32427L10.5026 9.0026V10.2526",
|
|
425
425
|
stroke: "currentColor",
|
|
426
426
|
"stroke-width": "1.5",
|
|
427
427
|
"stroke-linecap": "round",
|
|
428
428
|
"stroke-linejoin": "round"
|
|
429
429
|
}, null, -1),
|
|
430
|
-
|
|
430
|
+
v("path", {
|
|
431
431
|
d: "M16 16.8926V11M13.0537 13.9463H18.9463",
|
|
432
432
|
stroke: "currentColor",
|
|
433
433
|
"stroke-width": "1.5",
|
|
@@ -436,50 +436,50 @@ function Yn(t, e) {
|
|
|
436
436
|
}, null, -1)
|
|
437
437
|
]));
|
|
438
438
|
}
|
|
439
|
-
const
|
|
439
|
+
const to = /* @__PURE__ */ D(Jn, [["render", eo]]), no = {
|
|
440
440
|
// arrow icons
|
|
441
|
-
arrowDown:
|
|
442
|
-
arrowTop:
|
|
443
|
-
arrowRight:
|
|
444
|
-
arrowLeft:
|
|
445
|
-
arrowReload:
|
|
441
|
+
arrowDown: xt,
|
|
442
|
+
arrowTop: St,
|
|
443
|
+
arrowRight: Ht,
|
|
444
|
+
arrowLeft: At,
|
|
445
|
+
arrowReload: Rt,
|
|
446
446
|
// table icons
|
|
447
|
-
columnInsert:
|
|
448
|
-
freeze:
|
|
449
|
-
unfreeze:
|
|
450
|
-
columnsMove:
|
|
451
|
-
empty:
|
|
447
|
+
columnInsert: Ft,
|
|
448
|
+
freeze: qt,
|
|
449
|
+
unfreeze: Jt,
|
|
450
|
+
columnsMove: rn,
|
|
451
|
+
empty: nn,
|
|
452
452
|
// actions icons
|
|
453
|
-
listBullet:
|
|
454
|
-
listBulletHorizontal:
|
|
455
|
-
close:
|
|
453
|
+
listBullet: dn,
|
|
454
|
+
listBulletHorizontal: vn,
|
|
455
|
+
close: Cn,
|
|
456
456
|
// filter icons
|
|
457
|
-
filterSave:
|
|
458
|
-
filterReset:
|
|
459
|
-
filterNew:
|
|
460
|
-
filterMultiselect:
|
|
461
|
-
filterExchange:
|
|
462
|
-
filterEdit:
|
|
463
|
-
filterDateCheck:
|
|
464
|
-
filterAdvanced:
|
|
465
|
-
filterAdd:
|
|
466
|
-
},
|
|
457
|
+
filterSave: yn,
|
|
458
|
+
filterReset: $n,
|
|
459
|
+
filterNew: Bn,
|
|
460
|
+
filterMultiselect: zn,
|
|
461
|
+
filterExchange: Pn,
|
|
462
|
+
filterEdit: Nn,
|
|
463
|
+
filterDateCheck: Kn,
|
|
464
|
+
filterAdvanced: Yn,
|
|
465
|
+
filterAdd: to
|
|
466
|
+
}, J = /* @__PURE__ */ re({
|
|
467
467
|
__name: "VIcon",
|
|
468
468
|
props: {
|
|
469
469
|
name: {}
|
|
470
470
|
},
|
|
471
471
|
setup(t) {
|
|
472
|
-
const e = t, o =
|
|
473
|
-
return (n, s) => o.value ? (
|
|
472
|
+
const e = t, o = x(() => no[e.name]);
|
|
473
|
+
return (n, s) => o.value ? (h(), ue(Ne(o.value), { key: 0 })) : P("", !0);
|
|
474
474
|
}
|
|
475
|
-
}),
|
|
476
|
-
function
|
|
477
|
-
return
|
|
475
|
+
}), oo = {}, lo = { class: "vt-loader" };
|
|
476
|
+
function so(t, e) {
|
|
477
|
+
return h(), f("span", lo);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
479
|
+
const Ue = /* @__PURE__ */ D(oo, [["render", so]]), ro = ["disabled", "type", "data-placement"], io = {
|
|
480
480
|
key: 2,
|
|
481
481
|
class: "vt-button__content"
|
|
482
|
-
}, Ce = /* @__PURE__ */
|
|
482
|
+
}, Ce = /* @__PURE__ */ re({
|
|
483
483
|
__name: "VButton",
|
|
484
484
|
props: {
|
|
485
485
|
type: { default: "default" },
|
|
@@ -493,11 +493,11 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
493
493
|
},
|
|
494
494
|
emits: ["click"],
|
|
495
495
|
setup(t, { emit: e }) {
|
|
496
|
-
const o = t, n = e, s =
|
|
497
|
-
var
|
|
496
|
+
const o = t, n = e, s = Fe(), l = x(() => !!(o.icon && o.shape)), a = x(() => {
|
|
497
|
+
var M, L;
|
|
498
498
|
const c = s.default ? s.default({}) : null;
|
|
499
|
-
return ((L = (
|
|
500
|
-
}), r =
|
|
499
|
+
return ((L = (M = c == null ? void 0 : c[0]) == null ? void 0 : M.children) == null ? void 0 : L.toString()) ?? "";
|
|
500
|
+
}), r = x(() => [
|
|
501
501
|
"vt-button",
|
|
502
502
|
`vt-button--${o.type}`,
|
|
503
503
|
{
|
|
@@ -506,41 +506,41 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
506
506
|
"vt-button--disabled": o.disabled || o.loading,
|
|
507
507
|
"vt-button--loading": o.loading
|
|
508
508
|
}
|
|
509
|
-
]), i =
|
|
509
|
+
]), i = x(() => l.value && o.tooltip ? a.value : null), d = (c) => {
|
|
510
510
|
!o.disabled && !o.loading && n("click", c);
|
|
511
511
|
};
|
|
512
|
-
return (c,
|
|
513
|
-
const L =
|
|
514
|
-
return
|
|
512
|
+
return (c, M) => {
|
|
513
|
+
const L = Ze("tooltip");
|
|
514
|
+
return Le((h(), f("button", {
|
|
515
515
|
class: W(r.value),
|
|
516
516
|
disabled: o.disabled || o.loading,
|
|
517
517
|
type: o.htmlType,
|
|
518
518
|
"data-placement": o.tooltipPlacement,
|
|
519
|
-
onClick:
|
|
519
|
+
onClick: d
|
|
520
520
|
}, [
|
|
521
|
-
o.loading ? (
|
|
521
|
+
o.loading ? (h(), ue(Ue, {
|
|
522
522
|
key: 0,
|
|
523
523
|
class: "vt-button__icon"
|
|
524
|
-
})) : o.icon ? (
|
|
524
|
+
})) : o.icon ? (h(), ue(J, {
|
|
525
525
|
key: 1,
|
|
526
526
|
name: o.icon,
|
|
527
527
|
class: "vt-button__icon"
|
|
528
528
|
}, null, 8, ["name"])) : P("", !0),
|
|
529
|
-
l.value ? P("", !0) : (
|
|
530
|
-
|
|
529
|
+
l.value ? P("", !0) : (h(), f("span", io, [
|
|
530
|
+
he(c.$slots, "default")
|
|
531
531
|
]))
|
|
532
|
-
], 10,
|
|
532
|
+
], 10, ro)), [
|
|
533
533
|
[L, i.value]
|
|
534
534
|
]);
|
|
535
535
|
};
|
|
536
536
|
}
|
|
537
|
-
}),
|
|
537
|
+
}), ao = {
|
|
538
538
|
key: 0,
|
|
539
539
|
class: "vt-modal__header"
|
|
540
|
-
},
|
|
540
|
+
}, co = {
|
|
541
541
|
key: 0,
|
|
542
542
|
class: "vt-modal__title"
|
|
543
|
-
},
|
|
543
|
+
}, uo = { class: "vt-modal__content" }, Ke = /* @__PURE__ */ re({
|
|
544
544
|
__name: "VModal",
|
|
545
545
|
props: {
|
|
546
546
|
modelValue: { type: Boolean },
|
|
@@ -552,42 +552,42 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
552
552
|
},
|
|
553
553
|
emits: ["update:modelValue", "close"],
|
|
554
554
|
setup(t, { emit: e }) {
|
|
555
|
-
const o = t, n = e, s =
|
|
555
|
+
const o = t, n = e, s = x(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), l = x(() => ({
|
|
556
556
|
zIndex: o.zIndex
|
|
557
557
|
})), a = () => {
|
|
558
558
|
n("update:modelValue", !1), n("close");
|
|
559
559
|
}, r = () => {
|
|
560
560
|
o.closeOnBackdropClick && a();
|
|
561
561
|
};
|
|
562
|
-
return (i,
|
|
563
|
-
i.modelValue ? (
|
|
562
|
+
return (i, d) => (h(), ue(pt, { to: "body" }, [
|
|
563
|
+
i.modelValue ? (h(), f("div", {
|
|
564
564
|
key: 0,
|
|
565
565
|
class: "vt-modal__backdrop",
|
|
566
|
-
style:
|
|
566
|
+
style: ae(l.value),
|
|
567
567
|
onClick: r
|
|
568
568
|
}, [
|
|
569
|
-
|
|
569
|
+
v("div", {
|
|
570
570
|
class: W(s.value),
|
|
571
|
-
onClick:
|
|
571
|
+
onClick: d[0] || (d[0] = me(() => {
|
|
572
572
|
}, ["stop"]))
|
|
573
573
|
}, [
|
|
574
|
-
i.title || i.showCloseButton ? (
|
|
575
|
-
i.title ? (
|
|
576
|
-
i.showCloseButton ? (
|
|
574
|
+
i.title || i.showCloseButton ? (h(), f("div", ao, [
|
|
575
|
+
i.title ? (h(), f("h2", co, te(i.title), 1)) : P("", !0),
|
|
576
|
+
i.showCloseButton ? (h(), ue(J, {
|
|
577
577
|
key: 1,
|
|
578
578
|
name: "close",
|
|
579
579
|
class: "vt-modal__close",
|
|
580
580
|
onClick: a
|
|
581
581
|
})) : P("", !0)
|
|
582
582
|
])) : P("", !0),
|
|
583
|
-
|
|
584
|
-
|
|
583
|
+
v("div", uo, [
|
|
584
|
+
he(i.$slots, "default")
|
|
585
585
|
])
|
|
586
586
|
], 2)
|
|
587
587
|
], 4)) : P("", !0)
|
|
588
588
|
]));
|
|
589
589
|
}
|
|
590
|
-
}),
|
|
590
|
+
}), po = { class: "vt-pagination" }, ho = { class: "vt-pagination__info" }, mo = { class: "vt-pagination__rows-per-page" }, vo = ["value"], fo = { class: "vt-pagination__navigation" }, _o = ["disabled"], go = ["onClick"], Co = ["disabled"], wo = /* @__PURE__ */ re({
|
|
591
591
|
__name: "VPagination",
|
|
592
592
|
props: {
|
|
593
593
|
totalItems: {},
|
|
@@ -598,102 +598,102 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
598
598
|
},
|
|
599
599
|
emits: ["update:currentPage", "update:pageSize", "pageChange", "reloadData"],
|
|
600
600
|
setup(t, { emit: e }) {
|
|
601
|
-
const o = t, n = e, s =
|
|
601
|
+
const o = t, n = e, s = x({
|
|
602
602
|
get: () => o.currentPage,
|
|
603
|
-
set: (
|
|
604
|
-
}), l =
|
|
603
|
+
set: (I) => n("update:currentPage", I)
|
|
604
|
+
}), l = x({
|
|
605
605
|
get: () => o.pageSize,
|
|
606
|
-
set: (
|
|
607
|
-
}), a =
|
|
608
|
-
const
|
|
609
|
-
if (
|
|
610
|
-
for (let
|
|
611
|
-
|
|
606
|
+
set: (I) => n("update:pageSize", I)
|
|
607
|
+
}), a = x(() => Math.ceil(o.totalItems / l.value)), r = x(() => o.totalItems === 0 ? 0 : (s.value - 1) * l.value + 1), i = x(() => Math.min(s.value * l.value, o.totalItems)), d = x(() => s.value <= 1), c = x(() => s.value >= a.value), M = x(() => {
|
|
608
|
+
const I = [], V = a.value, T = s.value, O = o.maxVisiblePages;
|
|
609
|
+
if (V <= O)
|
|
610
|
+
for (let k = 1; k <= V; k++)
|
|
611
|
+
I.push(k);
|
|
612
612
|
else {
|
|
613
|
-
|
|
614
|
-
const
|
|
615
|
-
|
|
616
|
-
for (let H =
|
|
617
|
-
|
|
618
|
-
|
|
613
|
+
I.push(1);
|
|
614
|
+
const k = Math.max(2, T - Math.floor(O / 2)), B = Math.min(V - 1, T + Math.floor(O / 2));
|
|
615
|
+
k > 2 && I.push("...");
|
|
616
|
+
for (let H = k; H <= B; H++)
|
|
617
|
+
I.push(H);
|
|
618
|
+
B < V - 1 && I.push("..."), V > 1 && I.push(V);
|
|
619
619
|
}
|
|
620
|
-
return
|
|
620
|
+
return I;
|
|
621
621
|
}), L = () => {
|
|
622
622
|
n("pageChange", {
|
|
623
623
|
page: s.value,
|
|
624
624
|
pageSize: l.value
|
|
625
625
|
});
|
|
626
|
-
},
|
|
627
|
-
typeof
|
|
628
|
-
},
|
|
629
|
-
|
|
630
|
-
},
|
|
626
|
+
}, X = (I) => {
|
|
627
|
+
typeof I == "number" && I !== s.value && (s.value = I, L());
|
|
628
|
+
}, G = () => {
|
|
629
|
+
d.value || (s.value--, L());
|
|
630
|
+
}, q = () => {
|
|
631
631
|
c.value || (s.value++, L());
|
|
632
|
-
},
|
|
632
|
+
}, Y = () => {
|
|
633
633
|
s.value = 1, L();
|
|
634
|
-
},
|
|
634
|
+
}, U = () => {
|
|
635
635
|
n("reloadData", s.value);
|
|
636
636
|
};
|
|
637
|
-
return
|
|
637
|
+
return de(
|
|
638
638
|
() => o.totalItems,
|
|
639
639
|
() => {
|
|
640
640
|
s.value > a.value && a.value > 0 && (s.value = a.value, L());
|
|
641
641
|
}
|
|
642
|
-
), (
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
642
|
+
), (I, V) => (h(), f("div", po, [
|
|
643
|
+
v("div", ho, [
|
|
644
|
+
v("div", mo, [
|
|
645
|
+
V[1] || (V[1] = v("label", {
|
|
646
646
|
for: "rowsSelect",
|
|
647
647
|
class: "vt-pagination__label"
|
|
648
648
|
}, "Рядків на сторінку:", -1)),
|
|
649
|
-
|
|
649
|
+
Le(v("select", {
|
|
650
650
|
id: "rowsSelect",
|
|
651
|
-
"onUpdate:modelValue":
|
|
652
|
-
onChange:
|
|
651
|
+
"onUpdate:modelValue": V[0] || (V[0] = (T) => l.value = T),
|
|
652
|
+
onChange: Y,
|
|
653
653
|
class: "vt-pagination__select"
|
|
654
654
|
}, [
|
|
655
|
-
(
|
|
656
|
-
key:
|
|
657
|
-
value:
|
|
658
|
-
}, te(
|
|
655
|
+
(h(!0), f(le, null, se(I.pageSizeOptions, (T) => (h(), f("option", {
|
|
656
|
+
key: T,
|
|
657
|
+
value: T
|
|
658
|
+
}, te(T), 9, vo))), 128))
|
|
659
659
|
], 544), [
|
|
660
|
-
[
|
|
660
|
+
[ht, l.value]
|
|
661
661
|
])
|
|
662
662
|
]),
|
|
663
|
-
|
|
663
|
+
v("span", null, te(r.value) + " - " + te(i.value) + " з " + te(I.totalItems), 1)
|
|
664
664
|
]),
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
onClick:
|
|
668
|
-
disabled:
|
|
669
|
-
class: W({ "vt-pagination__nav-button": !0, "has-items": !
|
|
665
|
+
v("div", fo, [
|
|
666
|
+
v("button", {
|
|
667
|
+
onClick: G,
|
|
668
|
+
disabled: d.value,
|
|
669
|
+
class: W({ "vt-pagination__nav-button": !0, "has-items": !d.value })
|
|
670
670
|
}, [
|
|
671
|
-
Z(
|
|
672
|
-
], 10,
|
|
673
|
-
(
|
|
674
|
-
key:
|
|
675
|
-
onClick: (
|
|
671
|
+
Z(J, { name: "arrowLeft" })
|
|
672
|
+
], 10, _o),
|
|
673
|
+
(h(!0), f(le, null, se(M.value, (T) => (h(), f("button", {
|
|
674
|
+
key: T,
|
|
675
|
+
onClick: (O) => X(T),
|
|
676
676
|
class: W(["vt-pagination__nav-button", {
|
|
677
|
-
"vt-pagination__nav-button--active":
|
|
677
|
+
"vt-pagination__nav-button--active": T === s.value
|
|
678
678
|
}])
|
|
679
|
-
}, te(
|
|
680
|
-
|
|
681
|
-
onClick:
|
|
679
|
+
}, te(T), 11, go))), 128)),
|
|
680
|
+
v("button", {
|
|
681
|
+
onClick: q,
|
|
682
682
|
disabled: c.value,
|
|
683
683
|
class: W({ "vt-pagination__nav-button": !0, "has-items": !c.value })
|
|
684
684
|
}, [
|
|
685
|
-
Z(
|
|
686
|
-
], 10,
|
|
685
|
+
Z(J, { name: "arrowRight" })
|
|
686
|
+
], 10, Co)
|
|
687
687
|
]),
|
|
688
|
-
|
|
688
|
+
v("div", null, [
|
|
689
689
|
Z(Ce, {
|
|
690
690
|
icon: "arrowReload",
|
|
691
691
|
shape: "circle",
|
|
692
692
|
tooltip: "",
|
|
693
693
|
tooltipPlacement: "left",
|
|
694
|
-
onClick:
|
|
694
|
+
onClick: U
|
|
695
695
|
}, {
|
|
696
|
-
default:
|
|
696
|
+
default: xe(() => V[2] || (V[2] = [
|
|
697
697
|
ge("Оновити дані ", -1)
|
|
698
698
|
])),
|
|
699
699
|
_: 1,
|
|
@@ -702,7 +702,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
702
702
|
])
|
|
703
703
|
]));
|
|
704
704
|
}
|
|
705
|
-
}),
|
|
705
|
+
}), ko = ["for"], bo = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], pe = /* @__PURE__ */ re({
|
|
706
706
|
__name: "VCheckbox",
|
|
707
707
|
props: {
|
|
708
708
|
modelValue: { type: Boolean, default: void 0 },
|
|
@@ -720,16 +720,16 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
720
720
|
},
|
|
721
721
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
722
722
|
setup(t, { emit: e }) {
|
|
723
|
-
const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l =
|
|
723
|
+
const o = t, n = e, s = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, l = x(() => o.id || s()), a = x(() => o.modelValue ?? o.checked), r = (c) => {
|
|
724
724
|
if (o.disabled) return;
|
|
725
725
|
const L = c.target.checked;
|
|
726
726
|
n("update:modelValue", L), n("change", L, c);
|
|
727
727
|
}, i = (c) => {
|
|
728
728
|
n("focus", c);
|
|
729
|
-
},
|
|
729
|
+
}, d = (c) => {
|
|
730
730
|
n("blur", c);
|
|
731
731
|
};
|
|
732
|
-
return (c,
|
|
732
|
+
return (c, M) => (h(), f("label", {
|
|
733
733
|
class: W([
|
|
734
734
|
"vt-checkbox",
|
|
735
735
|
`vt-checkbox--${c.size}`,
|
|
@@ -741,7 +741,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
741
741
|
]),
|
|
742
742
|
for: l.value
|
|
743
743
|
}, [
|
|
744
|
-
|
|
744
|
+
v("input", {
|
|
745
745
|
id: l.value,
|
|
746
746
|
name: c.name,
|
|
747
747
|
value: c.value,
|
|
@@ -753,9 +753,9 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
753
753
|
class: "vt-checkbox__input",
|
|
754
754
|
onChange: r,
|
|
755
755
|
onFocus: i,
|
|
756
|
-
onBlur:
|
|
757
|
-
}, null, 40,
|
|
758
|
-
|
|
756
|
+
onBlur: d
|
|
757
|
+
}, null, 40, bo),
|
|
758
|
+
v("div", {
|
|
759
759
|
class: W([
|
|
760
760
|
"vt-checkbox__box",
|
|
761
761
|
{
|
|
@@ -766,7 +766,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
766
766
|
}
|
|
767
767
|
])
|
|
768
768
|
}, [
|
|
769
|
-
!c.indeterminate && !c.isDouble ? (
|
|
769
|
+
!c.indeterminate && !c.isDouble ? (h(), f("svg", {
|
|
770
770
|
key: 0,
|
|
771
771
|
class: W([
|
|
772
772
|
"vt-checkbox__checkmark",
|
|
@@ -779,15 +779,15 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
779
779
|
viewBox: "0 0 10 9",
|
|
780
780
|
fill: "none",
|
|
781
781
|
xmlns: "http://www.w3.org/2000/svg"
|
|
782
|
-
},
|
|
783
|
-
|
|
782
|
+
}, M[0] || (M[0] = [
|
|
783
|
+
v("path", {
|
|
784
784
|
d: "M1 5L3.58264 7.58264C3.80112 7.80112 4.16348 7.77113 4.34306 7.51971L9 1",
|
|
785
785
|
stroke: "currentColor",
|
|
786
786
|
"stroke-width": "2",
|
|
787
787
|
"stroke-linecap": "round"
|
|
788
788
|
}, null, -1)
|
|
789
789
|
]), 2)) : P("", !0),
|
|
790
|
-
c.isDouble && a.value ? (
|
|
790
|
+
c.isDouble && a.value ? (h(), f("svg", {
|
|
791
791
|
key: 1,
|
|
792
792
|
class: W([
|
|
793
793
|
"vt-checkbox__checkmark",
|
|
@@ -800,15 +800,15 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
800
800
|
viewBox: "0 0 13 6",
|
|
801
801
|
fill: "none",
|
|
802
802
|
xmlns: "http://www.w3.org/2000/svg"
|
|
803
|
-
},
|
|
804
|
-
|
|
803
|
+
}, M[1] || (M[1] = [
|
|
804
|
+
v("path", {
|
|
805
805
|
d: "M6 3L8.25 5L12 1",
|
|
806
806
|
stroke: "currentColor",
|
|
807
807
|
"stroke-width": "2",
|
|
808
808
|
"stroke-linecap": "round",
|
|
809
809
|
"stroke-linejoin": "round"
|
|
810
810
|
}, null, -1),
|
|
811
|
-
|
|
811
|
+
v("path", {
|
|
812
812
|
d: "M1 3L3.25 5L7 1",
|
|
813
813
|
stroke: "currentColor",
|
|
814
814
|
"stroke-width": "2",
|
|
@@ -816,7 +816,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
816
816
|
"stroke-linejoin": "round"
|
|
817
817
|
}, null, -1)
|
|
818
818
|
]), 2)) : P("", !0),
|
|
819
|
-
c.indeterminate ? (
|
|
819
|
+
c.indeterminate ? (h(), f("div", {
|
|
820
820
|
key: 2,
|
|
821
821
|
class: W([
|
|
822
822
|
"vt-checkbox__indeterminate-mark",
|
|
@@ -826,7 +826,7 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
826
826
|
])
|
|
827
827
|
}, null, 2)) : P("", !0)
|
|
828
828
|
], 2),
|
|
829
|
-
c.label || c.$slots.label || c.$slots.default ? (
|
|
829
|
+
c.label || c.$slots.label || c.$slots.default ? (h(), f("span", {
|
|
830
830
|
key: 0,
|
|
831
831
|
class: W([
|
|
832
832
|
"vt-checkbox__label",
|
|
@@ -835,21 +835,21 @@ const Ke = /* @__PURE__ */ D(eo, [["render", no]]), oo = ["disabled", "type", "d
|
|
|
835
835
|
}
|
|
836
836
|
])
|
|
837
837
|
}, [
|
|
838
|
-
|
|
839
|
-
|
|
838
|
+
he(c.$slots, "label", {}, () => [
|
|
839
|
+
he(c.$slots, "default", {}, () => [
|
|
840
840
|
ge(te(c.label), 1)
|
|
841
841
|
])
|
|
842
842
|
])
|
|
843
843
|
], 2)) : P("", !0)
|
|
844
|
-
], 10,
|
|
844
|
+
], 10, ko));
|
|
845
845
|
}
|
|
846
846
|
});
|
|
847
|
-
function
|
|
848
|
-
const e =
|
|
849
|
-
const s = e.value.length, l = e.value.filter((c) => c.width || c.minWidth), a = l.reduce((c,
|
|
847
|
+
function yo(t) {
|
|
848
|
+
const e = x(() => [...t].sort((s, l) => s.pinnedLeft && !l.pinnedLeft ? -1 : !s.pinnedLeft && l.pinnedLeft || s.pinnedRight && !l.pinnedRight ? 1 : !s.pinnedRight && l.pinnedRight ? -1 : 0)), o = () => {
|
|
849
|
+
const s = e.value.length, l = e.value.filter((c) => c.width || c.minWidth), a = l.reduce((c, M) => c + (M.width || M.minWidth || 0), 0), r = s - l.length;
|
|
850
850
|
if (r === 0) return 150;
|
|
851
|
-
const
|
|
852
|
-
return Math.max(Math.floor(
|
|
851
|
+
const d = Math.max(800 - a, r * 80);
|
|
852
|
+
return Math.max(Math.floor(d / r), 120);
|
|
853
853
|
};
|
|
854
854
|
return {
|
|
855
855
|
sortedColumns: e,
|
|
@@ -859,50 +859,50 @@ function wo(t) {
|
|
|
859
859
|
let i = 0;
|
|
860
860
|
if (s === "left") {
|
|
861
861
|
a && (i += 50);
|
|
862
|
-
for (let
|
|
863
|
-
const c = r[
|
|
862
|
+
for (let d = 0; d < l; d++) {
|
|
863
|
+
const c = r[d];
|
|
864
864
|
c.pinnedLeft && (i += c.width || c.minWidth || o());
|
|
865
865
|
}
|
|
866
866
|
} else
|
|
867
|
-
for (let
|
|
868
|
-
const c = r[
|
|
867
|
+
for (let d = r.length - 1; d > l; d--) {
|
|
868
|
+
const c = r[d];
|
|
869
869
|
c.pinnedRight && (i += c.width || c.minWidth || o());
|
|
870
870
|
}
|
|
871
871
|
return i;
|
|
872
872
|
}
|
|
873
873
|
};
|
|
874
874
|
}
|
|
875
|
-
function
|
|
875
|
+
function xo(t) {
|
|
876
876
|
const e = () => {
|
|
877
877
|
const l = {};
|
|
878
878
|
return t.maxHeight && (l.maxHeight = `${t.maxHeight}px`), l;
|
|
879
879
|
}, o = (l, a, r, i) => {
|
|
880
|
-
const
|
|
880
|
+
const d = {};
|
|
881
881
|
if (l.width)
|
|
882
|
-
|
|
882
|
+
d.width = `${l.width}px`, d.minWidth = `${l.width}px`, d.maxWidth = `${l.width}px`;
|
|
883
883
|
else if (l.minWidth)
|
|
884
|
-
|
|
884
|
+
d.minWidth = `${l.minWidth}px`, d.width = `${l.minWidth}px`, d.maxWidth = "none";
|
|
885
885
|
else {
|
|
886
886
|
const c = i();
|
|
887
|
-
|
|
887
|
+
d.width = `${c}px`, d.minWidth = "80px", d.maxWidth = "none";
|
|
888
888
|
}
|
|
889
|
-
return l.pinnedLeft ? (
|
|
889
|
+
return l.pinnedLeft ? (d.position = "sticky", d.left = `${r("left", a, t.selectable)}px`, d.zIndex = "10") : l.pinnedRight && (d.position = "sticky", d.right = `${r("right", a, !1)}px`, d.zIndex = "10"), d;
|
|
890
890
|
};
|
|
891
891
|
return {
|
|
892
892
|
getTableWrapperStyle: e,
|
|
893
893
|
getColumnStyle: o,
|
|
894
894
|
getHeaderStyle: (l, a, r, i) => {
|
|
895
|
-
const
|
|
896
|
-
return t.maxHeight && (
|
|
895
|
+
const d = o(l, a, r, i);
|
|
896
|
+
return t.maxHeight && (d.position = "sticky", d.top = "0", l.pinnedLeft || l.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
|
|
897
897
|
},
|
|
898
898
|
getFooterStyle: (l, a, r, i) => {
|
|
899
|
-
const
|
|
900
|
-
return t.maxHeight && (
|
|
899
|
+
const d = o(l, a, r, i);
|
|
900
|
+
return t.maxHeight && (d.position = "sticky", d.bottom = "0", l.pinnedLeft || l.pinnedRight ? d.zIndex = "12" : d.zIndex = "11"), d;
|
|
901
901
|
}
|
|
902
902
|
};
|
|
903
903
|
}
|
|
904
|
-
function
|
|
905
|
-
const t =
|
|
904
|
+
function Mo() {
|
|
905
|
+
const t = A({
|
|
906
906
|
resizingCol: null,
|
|
907
907
|
startX: 0,
|
|
908
908
|
startWidth: 0
|
|
@@ -910,82 +910,82 @@ function bo() {
|
|
|
910
910
|
return {
|
|
911
911
|
onMouseDown: (n, s, l, a) => {
|
|
912
912
|
n.preventDefault(), n.stopPropagation(), t.value.resizingCol = s, t.value.startX = n.clientX, t.value.startWidth = s.width || s.minWidth || l(s.prop);
|
|
913
|
-
const r = (
|
|
914
|
-
const { resizingCol: c, startX:
|
|
913
|
+
const r = (d) => {
|
|
914
|
+
const { resizingCol: c, startX: M, startWidth: L } = t.value;
|
|
915
915
|
if (!c) return;
|
|
916
|
-
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((
|
|
917
|
-
|
|
916
|
+
document.querySelectorAll(`[data-resizer="${c.prop}"]`).forEach((U) => {
|
|
917
|
+
U.classList.add("vt-table__resizer--active");
|
|
918
918
|
});
|
|
919
|
-
const
|
|
920
|
-
c.width =
|
|
919
|
+
const X = d.clientX - M, G = c.minWidth || 50, q = c.maxWidth || 1e3, Y = Math.max(Math.min(L + X, q), G);
|
|
920
|
+
c.width = Y;
|
|
921
921
|
}, i = () => {
|
|
922
|
-
const { resizingCol:
|
|
923
|
-
document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"),
|
|
922
|
+
const { resizingCol: d } = t.value;
|
|
923
|
+
document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), d && (document.querySelectorAll(`[data-resizer="${d.prop}"]`).forEach((c) => {
|
|
924
924
|
c.classList.remove("vt-table__resizer--active");
|
|
925
|
-
}), a &&
|
|
925
|
+
}), a && d.width && a(d.width)), t.value.resizingCol = null;
|
|
926
926
|
};
|
|
927
927
|
document.addEventListener("mousemove", r), document.addEventListener("mouseup", i), document.body.style.cursor = e, document.body.style.userSelect = "none", document.body.classList.add("vt-table-resizing");
|
|
928
928
|
},
|
|
929
929
|
resizeState: t
|
|
930
930
|
};
|
|
931
931
|
}
|
|
932
|
-
function
|
|
933
|
-
var
|
|
934
|
-
const s = t.selectionKey || "id", l =
|
|
935
|
-
(
|
|
936
|
-
const i = (C) => C[s],
|
|
932
|
+
function Lo(t, e, o, n) {
|
|
933
|
+
var Q;
|
|
934
|
+
const s = t.selectionKey || "id", l = A([]), a = A(null), r = A(!1);
|
|
935
|
+
(Q = t.defaultSelection) != null && Q.length && (l.value = [...t.defaultSelection]);
|
|
936
|
+
const i = (C) => C[s], d = (C) => r.value ? !0 : l.value.some((j) => i(j) === i(C)), c = x(() => e.value.filter((C) => d(C)).length), M = x(() => e.value.length > 0 && c.value === e.value.length), L = x(() => {
|
|
937
937
|
if (r.value) return !1;
|
|
938
938
|
const C = c.value;
|
|
939
939
|
return C > 0 && C < e.value.length;
|
|
940
|
-
}),
|
|
941
|
-
const
|
|
942
|
-
if (r.value && !
|
|
943
|
-
r.value = !1, n != null && n.value && (l.value = n.value.filter((
|
|
940
|
+
}), X = x(() => r.value ? !0 : M.value && !L.value), G = x(() => r.value), q = (C, j) => {
|
|
941
|
+
const E = i(C), N = l.value.some((u) => i(u) === i(C)), p = j !== void 0 ? j : !N;
|
|
942
|
+
if (r.value && !p) {
|
|
943
|
+
r.value = !1, n != null && n.value && (l.value = n.value.filter((u) => i(u) !== E)), H(C, !1);
|
|
944
944
|
return;
|
|
945
945
|
}
|
|
946
|
-
r.value &&
|
|
947
|
-
},
|
|
948
|
-
switch (
|
|
946
|
+
r.value && p || (p && !N ? l.value.push(C) : !p && N && (l.value = l.value.filter((u) => i(u) !== E)), t.selectOnClickRow && j === void 0 && O(p ? C : null), H(C, p));
|
|
947
|
+
}, Y = () => {
|
|
948
|
+
switch (U()) {
|
|
949
949
|
case "none":
|
|
950
950
|
case "partial":
|
|
951
|
-
|
|
951
|
+
I();
|
|
952
952
|
break;
|
|
953
953
|
case "allVisible":
|
|
954
|
-
|
|
954
|
+
V();
|
|
955
955
|
break;
|
|
956
956
|
case "absoluteAll":
|
|
957
|
-
|
|
957
|
+
T();
|
|
958
958
|
break;
|
|
959
959
|
}
|
|
960
|
-
},
|
|
961
|
-
const C = [],
|
|
962
|
-
l.value.forEach((
|
|
963
|
-
C.push(
|
|
964
|
-
}), e.value.forEach((
|
|
965
|
-
|
|
960
|
+
}, U = () => r.value ? "absoluteAll" : M.value ? "allVisible" : c.value > 0 ? "partial" : "none", I = () => {
|
|
961
|
+
const C = [], j = new Set(l.value.map((E) => i(E)));
|
|
962
|
+
l.value.forEach((E) => {
|
|
963
|
+
C.push(E);
|
|
964
|
+
}), e.value.forEach((E) => {
|
|
965
|
+
j.has(i(E)) || C.push(E);
|
|
966
966
|
}), l.value = C, r.value = !1, H();
|
|
967
|
-
},
|
|
967
|
+
}, V = () => {
|
|
968
968
|
r.value = !0, n != null && n.value ? l.value = [...n.value] : l.value = [...e.value], H(void 0, void 0, !0);
|
|
969
|
-
},
|
|
969
|
+
}, T = () => {
|
|
970
970
|
l.value = [], r.value = !1, a.value = null, H();
|
|
971
|
-
},
|
|
972
|
-
const
|
|
971
|
+
}, O = (C) => {
|
|
972
|
+
const j = a.value;
|
|
973
973
|
a.value = C, o("current-change", {
|
|
974
974
|
currentRow: a.value,
|
|
975
|
-
oldCurrentRow:
|
|
975
|
+
oldCurrentRow: j
|
|
976
976
|
});
|
|
977
|
-
},
|
|
977
|
+
}, k = () => [...l.value], B = (C) => {
|
|
978
978
|
l.value = [...C], r.value = !1, H();
|
|
979
|
-
}, H = (C,
|
|
980
|
-
const
|
|
979
|
+
}, H = (C, j, E = !1) => {
|
|
980
|
+
const N = {
|
|
981
981
|
selection: [...l.value],
|
|
982
982
|
row: C,
|
|
983
|
-
selected:
|
|
984
|
-
isAllSelected:
|
|
983
|
+
selected: j,
|
|
984
|
+
isAllSelected: E || r.value
|
|
985
985
|
};
|
|
986
|
-
o("selection-change",
|
|
986
|
+
o("selection-change", N);
|
|
987
987
|
};
|
|
988
|
-
return
|
|
988
|
+
return de(
|
|
989
989
|
() => t.defaultSelection,
|
|
990
990
|
(C) => {
|
|
991
991
|
C != null && C.length && (l.value = [...C]);
|
|
@@ -993,21 +993,21 @@ function yo(t, e, o, n) {
|
|
|
993
993
|
), {
|
|
994
994
|
selectedRows: l,
|
|
995
995
|
currentRow: a,
|
|
996
|
-
isRowSelected:
|
|
997
|
-
isAllSelected:
|
|
996
|
+
isRowSelected: d,
|
|
997
|
+
isAllSelected: X,
|
|
998
998
|
isIndeterminate: L,
|
|
999
|
-
isDoubleCheck:
|
|
999
|
+
isDoubleCheck: G,
|
|
1000
1000
|
isFullSelection: r,
|
|
1001
|
-
toggleRowSelection:
|
|
1002
|
-
toggleAllSelection:
|
|
1003
|
-
clearSelection:
|
|
1004
|
-
setCurrentRow:
|
|
1005
|
-
getSelectionRows:
|
|
1006
|
-
setSelectionRows:
|
|
1007
|
-
selectAbsolutelyAll:
|
|
1001
|
+
toggleRowSelection: q,
|
|
1002
|
+
toggleAllSelection: Y,
|
|
1003
|
+
clearSelection: T,
|
|
1004
|
+
setCurrentRow: O,
|
|
1005
|
+
getSelectionRows: k,
|
|
1006
|
+
setSelectionRows: B,
|
|
1007
|
+
selectAbsolutelyAll: V
|
|
1008
1008
|
};
|
|
1009
1009
|
}
|
|
1010
|
-
function
|
|
1010
|
+
function $o(t, e) {
|
|
1011
1011
|
if (!t)
|
|
1012
1012
|
return String(e.value ?? "");
|
|
1013
1013
|
try {
|
|
@@ -1017,54 +1017,54 @@ function xo(t, e) {
|
|
|
1017
1017
|
return console.error("Error rendering table slot:", o), String(e.value ?? "");
|
|
1018
1018
|
}
|
|
1019
1019
|
}
|
|
1020
|
-
const
|
|
1020
|
+
const So = (t, e, o = "asc") => {
|
|
1021
1021
|
if (t == null && e == null) return 0;
|
|
1022
1022
|
if (t == null) return o === "asc" ? 1 : -1;
|
|
1023
1023
|
if (e == null) return o === "asc" ? -1 : 1;
|
|
1024
1024
|
if (t === e) return 0;
|
|
1025
1025
|
let n = 0;
|
|
1026
1026
|
const s = Number(t), l = Number(e);
|
|
1027
|
-
return !isNaN(s) && !isNaN(l) ? n = s - l :
|
|
1027
|
+
return !isNaN(s) && !isNaN(l) ? n = s - l : ze(t) && ze(e) ? n = new Date(t).getTime() - new Date(e).getTime() : typeof t == "boolean" && typeof e == "boolean" ? n = t === e ? 0 : t ? -1 : 1 : n = String(t).localeCompare(String(e), void 0, {
|
|
1028
1028
|
numeric: !0,
|
|
1029
1029
|
sensitivity: "base"
|
|
1030
1030
|
}), o === "desc" ? -n : n;
|
|
1031
|
-
},
|
|
1031
|
+
}, ze = (t) => t instanceof Date ? !isNaN(t.getTime()) : typeof t == "string" && /\d{4}-\d{2}-\d{2}|\//.test(t) ? !isNaN(new Date(t).getTime()) : !1, Io = (t, e, o) => {
|
|
1032
1032
|
t.sortable && o({
|
|
1033
1033
|
prop: t.prop,
|
|
1034
1034
|
direction: e
|
|
1035
1035
|
});
|
|
1036
|
-
},
|
|
1036
|
+
}, He = (t, e) => {
|
|
1037
1037
|
const o = (e == null ? void 0 : e.prop) === t.prop, n = e == null ? void 0 : e.direction;
|
|
1038
1038
|
return {
|
|
1039
1039
|
asc: ["vt-th__sort-icon", o && n === "asc" && "vt-th__sortable-active"].filter(Boolean).join(" "),
|
|
1040
1040
|
desc: ["vt-th__sort-icon", o && n === "desc" && "vt-th__sortable-active"].filter(Boolean).join(" ")
|
|
1041
1041
|
};
|
|
1042
|
-
},
|
|
1042
|
+
}, Vo = (t, e, o) => {
|
|
1043
1043
|
if (!e) return [...t];
|
|
1044
1044
|
const n = o.find((l) => l.prop === e.prop);
|
|
1045
1045
|
if (!(n != null && n.sortable)) return [...t];
|
|
1046
|
-
const s = n.sortMethod ||
|
|
1046
|
+
const s = n.sortMethod || So;
|
|
1047
1047
|
return [...t].sort((l, a) => {
|
|
1048
1048
|
const r = l[n.prop], i = a[n.prop];
|
|
1049
1049
|
return s(r, i, e.direction);
|
|
1050
1050
|
});
|
|
1051
1051
|
};
|
|
1052
|
-
class
|
|
1052
|
+
class Bo {
|
|
1053
1053
|
constructor() {
|
|
1054
1054
|
this.modalStack = [], this.baseZIndex = 1e3;
|
|
1055
1055
|
}
|
|
1056
1056
|
open(e = {}) {
|
|
1057
1057
|
const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, n = document.createElement("div");
|
|
1058
1058
|
n.setAttribute("data-vt-modal", o), document.body.appendChild(n);
|
|
1059
|
-
const s =
|
|
1059
|
+
const s = A(!0), l = this.baseZIndex + this.modalStack.length * 10, a = mt({
|
|
1060
1060
|
setup() {
|
|
1061
1061
|
const i = () => {
|
|
1062
1062
|
s.value = !1, setTimeout(() => {
|
|
1063
|
-
|
|
1063
|
+
ce.closeById(o);
|
|
1064
1064
|
}, 100);
|
|
1065
1065
|
};
|
|
1066
|
-
return () =>
|
|
1067
|
-
|
|
1066
|
+
return () => be(
|
|
1067
|
+
Ke,
|
|
1068
1068
|
{
|
|
1069
1069
|
modelValue: s.value,
|
|
1070
1070
|
"onUpdate:modelValue": i,
|
|
@@ -1076,7 +1076,7 @@ class So {
|
|
|
1076
1076
|
zIndex: l
|
|
1077
1077
|
},
|
|
1078
1078
|
{
|
|
1079
|
-
default: () => e.component ?
|
|
1079
|
+
default: () => e.component ? be(e.component, e.props || {}) : e.content ? be("div", { innerHTML: e.content }) : null
|
|
1080
1080
|
}
|
|
1081
1081
|
);
|
|
1082
1082
|
}
|
|
@@ -1118,24 +1118,24 @@ class So {
|
|
|
1118
1118
|
recalculateZIndices() {
|
|
1119
1119
|
}
|
|
1120
1120
|
}
|
|
1121
|
-
const
|
|
1121
|
+
const ce = new Bo(), Ro = {
|
|
1122
1122
|
install(t) {
|
|
1123
|
-
t.config.globalProperties.$modal =
|
|
1124
|
-
closeAll: () =>
|
|
1125
|
-
getCount: () =>
|
|
1126
|
-
closeById: (e) =>
|
|
1123
|
+
t.config.globalProperties.$modal = ce, t.config.globalProperties.$modalStack = {
|
|
1124
|
+
closeAll: () => ce.closeAll(),
|
|
1125
|
+
getCount: () => ce.getOpenModalsCount(),
|
|
1126
|
+
closeById: (e) => ce.closeById(e)
|
|
1127
1127
|
};
|
|
1128
1128
|
}
|
|
1129
|
-
},
|
|
1129
|
+
}, To = { class: "vt-columns-selector-body" }, Eo = { class: "vt-columns-selector" }, zo = { class: "vt-columns-selector__panel" }, Ho = ["draggable", "onDragstart", "onDragover", "onDrop"], Wo = {
|
|
1130
1130
|
key: 0,
|
|
1131
1131
|
class: "vt-columns-selector__panel-item-pinned"
|
|
1132
|
-
},
|
|
1132
|
+
}, Do = { class: "vt-columns-selector__available" }, Po = ["onClick"], Ao = {
|
|
1133
1133
|
key: 0,
|
|
1134
1134
|
class: "vt-columns-selector__group-columns"
|
|
1135
|
-
},
|
|
1135
|
+
}, Oo = {
|
|
1136
1136
|
key: 0,
|
|
1137
1137
|
class: "vt-columns-selector__pinned-note"
|
|
1138
|
-
},
|
|
1138
|
+
}, jo = { class: "vt-modal__content-button" }, No = /* @__PURE__ */ re({
|
|
1139
1139
|
__name: "VTableColumnSelector",
|
|
1140
1140
|
props: {
|
|
1141
1141
|
columns: {},
|
|
@@ -1143,181 +1143,181 @@ const ae = new So(), Io = {
|
|
|
1143
1143
|
},
|
|
1144
1144
|
emits: ["update-columns"],
|
|
1145
1145
|
setup(t, { emit: e }) {
|
|
1146
|
-
const o = t, n = e, s =
|
|
1147
|
-
const
|
|
1148
|
-
return o.columnsSelector.forEach((
|
|
1149
|
-
if (
|
|
1146
|
+
const o = t, n = e, s = A([]), l = A(/* @__PURE__ */ new Set()), a = A(-1), r = A(-1), i = A("before"), d = x(() => {
|
|
1147
|
+
const p = {};
|
|
1148
|
+
return o.columnsSelector.forEach((u) => {
|
|
1149
|
+
if (u.name === "removed")
|
|
1150
1150
|
return;
|
|
1151
|
-
const g =
|
|
1152
|
-
b.length === 0 ?
|
|
1153
|
-
}),
|
|
1154
|
-
}), c =
|
|
1155
|
-
const
|
|
1156
|
-
let
|
|
1157
|
-
for (let b = 0; b <
|
|
1158
|
-
|
|
1159
|
-
let g =
|
|
1160
|
-
for (let b = 0; b <
|
|
1161
|
-
if (
|
|
1151
|
+
const g = u.columns.map((R) => R.prop), b = s.value.filter((R) => g.includes(R.prop));
|
|
1152
|
+
b.length === 0 ? p[u.name] = { checked: !1, indeterminate: !1 } : b.length === u.columns.length ? p[u.name] = { checked: !0, indeterminate: !1 } : p[u.name] = { checked: !1, indeterminate: !0 };
|
|
1153
|
+
}), p;
|
|
1154
|
+
}), c = x(() => o.columnsSelector.filter((p) => p.name !== "removed")), M = (p) => p.pinnedLeft || p.pinnedRight, L = (p) => !M(p), X = () => {
|
|
1155
|
+
const p = s.value;
|
|
1156
|
+
let u = -1;
|
|
1157
|
+
for (let b = 0; b < p.length; b++)
|
|
1158
|
+
p[b].pinnedLeft && (u = b);
|
|
1159
|
+
let g = p.length;
|
|
1160
|
+
for (let b = 0; b < p.length; b++)
|
|
1161
|
+
if (p[b].pinnedRight) {
|
|
1162
1162
|
g = b;
|
|
1163
1163
|
break;
|
|
1164
1164
|
}
|
|
1165
1165
|
return {
|
|
1166
|
-
minIndex:
|
|
1166
|
+
minIndex: u + 1,
|
|
1167
1167
|
maxIndex: g - 1
|
|
1168
1168
|
};
|
|
1169
|
-
},
|
|
1170
|
-
const
|
|
1171
|
-
return !(
|
|
1172
|
-
},
|
|
1173
|
-
const g = s.value[
|
|
1169
|
+
}, G = (p) => {
|
|
1170
|
+
const u = X();
|
|
1171
|
+
return !(p < u.minIndex || p > u.maxIndex + 1);
|
|
1172
|
+
}, q = (p, u) => {
|
|
1173
|
+
const g = s.value[u];
|
|
1174
1174
|
if (!L(g)) {
|
|
1175
|
-
|
|
1175
|
+
p.preventDefault();
|
|
1176
1176
|
return;
|
|
1177
1177
|
}
|
|
1178
|
-
a.value =
|
|
1179
|
-
},
|
|
1178
|
+
a.value = u, p.dataTransfer && (p.dataTransfer.effectAllowed = "move", p.dataTransfer.setData("text/plain", g.prop)), document.body.style.cursor = "grabbing";
|
|
1179
|
+
}, Y = (p, u) => {
|
|
1180
1180
|
if (a.value === -1) return;
|
|
1181
|
-
|
|
1182
|
-
const g =
|
|
1183
|
-
let
|
|
1184
|
-
b <
|
|
1185
|
-
},
|
|
1181
|
+
p.preventDefault();
|
|
1182
|
+
const g = p.currentTarget.getBoundingClientRect(), b = p.clientY, R = g.top + g.height / 2;
|
|
1183
|
+
let S = u, ee = "before";
|
|
1184
|
+
b < R ? (S = u, ee = "before") : (S = u + 1, ee = "after"), a.value < S && S--, G(S) ? (r.value = u, i.value = ee, p.dataTransfer.dropEffect = "move") : (r.value = -1, p.dataTransfer.dropEffect = "none");
|
|
1185
|
+
}, U = () => {
|
|
1186
1186
|
setTimeout(() => {
|
|
1187
1187
|
a.value === -1 && (r.value = -1);
|
|
1188
1188
|
}, 50);
|
|
1189
|
-
},
|
|
1190
|
-
if (
|
|
1191
|
-
|
|
1189
|
+
}, I = (p, u) => {
|
|
1190
|
+
if (p.preventDefault(), a.value === -1 || r.value === -1) {
|
|
1191
|
+
T();
|
|
1192
1192
|
return;
|
|
1193
1193
|
}
|
|
1194
|
-
const g =
|
|
1195
|
-
let
|
|
1196
|
-
if (b >=
|
|
1197
|
-
|
|
1194
|
+
const g = p.currentTarget.getBoundingClientRect(), b = p.clientY, R = g.top + g.height / 2;
|
|
1195
|
+
let S = u;
|
|
1196
|
+
if (b >= R && (S = u + 1), a.value < S && S--, !G(S) || S === a.value) {
|
|
1197
|
+
T();
|
|
1198
1198
|
return;
|
|
1199
1199
|
}
|
|
1200
|
-
const
|
|
1201
|
-
|
|
1202
|
-
},
|
|
1203
|
-
|
|
1204
|
-
},
|
|
1200
|
+
const ee = [...s.value], [fe] = ee.splice(a.value, 1);
|
|
1201
|
+
ee.splice(S, 0, fe), s.value = ee, T();
|
|
1202
|
+
}, V = () => {
|
|
1203
|
+
T();
|
|
1204
|
+
}, T = () => {
|
|
1205
1205
|
a.value = -1, r.value = -1, i.value = "before", document.body.style.cursor = "";
|
|
1206
|
-
},
|
|
1207
|
-
const
|
|
1208
|
-
return a.value ===
|
|
1209
|
-
},
|
|
1210
|
-
s.value = [...o.columns.map((
|
|
1211
|
-
|
|
1206
|
+
}, O = (p) => {
|
|
1207
|
+
const u = ["vt-columns-selector__panel-item"];
|
|
1208
|
+
return a.value === p && u.push("vt-columns-selector__panel-item--dragging"), r.value === p && i.value === "before" && u.push("vt-columns-selector__panel-item--drop-before"), r.value === p && i.value === "after" && u.push("vt-columns-selector__panel-item--drop-after"), u;
|
|
1209
|
+
}, k = () => {
|
|
1210
|
+
s.value = [...o.columns.map((p) => ({ ...p }))], o.columnsSelector.forEach((p) => {
|
|
1211
|
+
p.name !== "removed" && l.value.add(p.name);
|
|
1212
1212
|
});
|
|
1213
|
-
},
|
|
1214
|
-
if (
|
|
1215
|
-
s.value.some((g) => g.prop ===
|
|
1213
|
+
}, B = (p, u) => {
|
|
1214
|
+
if (u)
|
|
1215
|
+
s.value.some((g) => g.prop === p.prop) || s.value.push({ ...p });
|
|
1216
1216
|
else {
|
|
1217
|
-
if (
|
|
1217
|
+
if (M(p))
|
|
1218
1218
|
return;
|
|
1219
|
-
s.value = s.value.filter((g) => g.prop !==
|
|
1219
|
+
s.value = s.value.filter((g) => g.prop !== p.prop);
|
|
1220
1220
|
}
|
|
1221
|
-
}, H = (
|
|
1222
|
-
if (
|
|
1223
|
-
|
|
1221
|
+
}, H = (p, u) => {
|
|
1222
|
+
if (u)
|
|
1223
|
+
p.columns.forEach((g) => {
|
|
1224
1224
|
s.value.some((b) => b.prop === g.prop) || s.value.push({ ...g });
|
|
1225
1225
|
});
|
|
1226
1226
|
else {
|
|
1227
1227
|
const g = [];
|
|
1228
|
-
|
|
1229
|
-
const
|
|
1230
|
-
|
|
1228
|
+
p.columns.forEach((b) => {
|
|
1229
|
+
const R = s.value.find((S) => S.prop === b.prop);
|
|
1230
|
+
R && !M(R) && g.push(R);
|
|
1231
1231
|
}), s.value = s.value.filter(
|
|
1232
|
-
(b) => !g.some((
|
|
1232
|
+
(b) => !g.some((R) => R.prop === b.prop)
|
|
1233
1233
|
);
|
|
1234
1234
|
}
|
|
1235
|
-
},
|
|
1236
|
-
const
|
|
1237
|
-
return !
|
|
1238
|
-
},
|
|
1239
|
-
l.value.has(
|
|
1240
|
-
},
|
|
1241
|
-
n("update-columns", [...s.value]),
|
|
1242
|
-
},
|
|
1243
|
-
|
|
1235
|
+
}, Q = (p) => s.value.some((u) => u.prop === p.prop), C = (p) => {
|
|
1236
|
+
const u = s.value.find((g) => g.prop === p.prop);
|
|
1237
|
+
return !u || !M(u);
|
|
1238
|
+
}, j = (p) => {
|
|
1239
|
+
l.value.has(p) ? l.value.delete(p) : l.value.add(p);
|
|
1240
|
+
}, E = () => {
|
|
1241
|
+
n("update-columns", [...s.value]), ce.close();
|
|
1242
|
+
}, N = () => {
|
|
1243
|
+
ce.close();
|
|
1244
1244
|
};
|
|
1245
1245
|
return ve(() => {
|
|
1246
|
-
|
|
1247
|
-
}), (
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
(
|
|
1246
|
+
k();
|
|
1247
|
+
}), (p, u) => (h(), f("div", To, [
|
|
1248
|
+
v("div", Eo, [
|
|
1249
|
+
v("div", zo, [
|
|
1250
|
+
(h(!0), f(le, null, se(s.value, (g, b) => (h(), f("div", {
|
|
1251
1251
|
key: g.prop,
|
|
1252
|
-
class: W(
|
|
1252
|
+
class: W(O(b)),
|
|
1253
1253
|
draggable: L(g),
|
|
1254
|
-
onDragstart: (
|
|
1255
|
-
onDragover: (
|
|
1256
|
-
onDragleave:
|
|
1257
|
-
onDrop: (
|
|
1258
|
-
onDragend:
|
|
1254
|
+
onDragstart: (R) => q(R, b),
|
|
1255
|
+
onDragover: (R) => Y(R, b),
|
|
1256
|
+
onDragleave: U,
|
|
1257
|
+
onDrop: (R) => I(R, b),
|
|
1258
|
+
onDragend: V
|
|
1259
1259
|
}, [
|
|
1260
|
-
Z(
|
|
1260
|
+
Z(J, {
|
|
1261
1261
|
name: L(g) ? "columnsMove" : "freeze",
|
|
1262
1262
|
class: W(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": L(g) }])
|
|
1263
1263
|
}, null, 8, ["name", "class"]),
|
|
1264
|
-
Z(
|
|
1264
|
+
Z(pe, {
|
|
1265
1265
|
label: g.label,
|
|
1266
1266
|
checked: !0,
|
|
1267
|
-
disabled:
|
|
1268
|
-
onChange: (
|
|
1269
|
-
onClick:
|
|
1267
|
+
disabled: M(g),
|
|
1268
|
+
onChange: (R) => B(g, R),
|
|
1269
|
+
onClick: u[0] || (u[0] = me(() => {
|
|
1270
1270
|
}, ["stop"]))
|
|
1271
1271
|
}, null, 8, ["label", "disabled", "onChange"]),
|
|
1272
|
-
|
|
1273
|
-
], 42,
|
|
1272
|
+
M(g) ? (h(), f("span", Wo, "pinned")) : P("", !0)
|
|
1273
|
+
], 42, Ho))), 128))
|
|
1274
1274
|
]),
|
|
1275
|
-
|
|
1276
|
-
(
|
|
1277
|
-
var b,
|
|
1278
|
-
return
|
|
1275
|
+
v("div", Do, [
|
|
1276
|
+
(h(!0), f(le, null, se(c.value, (g) => {
|
|
1277
|
+
var b, R;
|
|
1278
|
+
return h(), f("div", {
|
|
1279
1279
|
key: g.name,
|
|
1280
1280
|
class: "vt-columns-selector__group"
|
|
1281
1281
|
}, [
|
|
1282
|
-
|
|
1282
|
+
v("div", {
|
|
1283
1283
|
class: "vt-columns-selector__group-header",
|
|
1284
|
-
onClick: (
|
|
1284
|
+
onClick: (S) => j(g.name)
|
|
1285
1285
|
}, [
|
|
1286
|
-
Z(
|
|
1286
|
+
Z(pe, {
|
|
1287
1287
|
label: g.label,
|
|
1288
|
-
checked: ((b =
|
|
1289
|
-
indeterminate: ((
|
|
1290
|
-
onChange: (
|
|
1291
|
-
onClick:
|
|
1288
|
+
checked: ((b = d.value[g.name]) == null ? void 0 : b.checked) || !1,
|
|
1289
|
+
indeterminate: ((R = d.value[g.name]) == null ? void 0 : R.indeterminate) || !1,
|
|
1290
|
+
onChange: (S) => H(g, S),
|
|
1291
|
+
onClick: u[1] || (u[1] = me(() => {
|
|
1292
1292
|
}, ["stop"]))
|
|
1293
1293
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
1294
|
-
g.icon ? (
|
|
1294
|
+
g.icon ? (h(), ue(J, {
|
|
1295
1295
|
key: 0,
|
|
1296
1296
|
name: g.icon,
|
|
1297
1297
|
class: "vt-columns-selector__group-icon"
|
|
1298
1298
|
}, null, 8, ["name"])) : P("", !0)
|
|
1299
|
-
], 8,
|
|
1300
|
-
l.value.has(g.name) ? (
|
|
1301
|
-
(
|
|
1302
|
-
key:
|
|
1299
|
+
], 8, Po),
|
|
1300
|
+
l.value.has(g.name) ? (h(), f("div", Ao, [
|
|
1301
|
+
(h(!0), f(le, null, se(g.columns, (S) => (h(), f("div", {
|
|
1302
|
+
key: S.prop,
|
|
1303
1303
|
class: "vt-columns-selector__group-column"
|
|
1304
1304
|
}, [
|
|
1305
|
-
Z(
|
|
1306
|
-
label:
|
|
1307
|
-
checked:
|
|
1308
|
-
disabled: !C(
|
|
1309
|
-
onChange: (
|
|
1305
|
+
Z(pe, {
|
|
1306
|
+
label: S.label,
|
|
1307
|
+
checked: Q(S),
|
|
1308
|
+
disabled: !C(S),
|
|
1309
|
+
onChange: (ee) => B(S, ee)
|
|
1310
1310
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
1311
|
-
C(
|
|
1311
|
+
C(S) ? P("", !0) : (h(), f("span", Oo, " (закріплена) "))
|
|
1312
1312
|
]))), 128))
|
|
1313
1313
|
])) : P("", !0)
|
|
1314
1314
|
]);
|
|
1315
1315
|
}), 128))
|
|
1316
1316
|
])
|
|
1317
1317
|
]),
|
|
1318
|
-
|
|
1319
|
-
Z(Ce, { onClick:
|
|
1320
|
-
default:
|
|
1318
|
+
v("div", jo, [
|
|
1319
|
+
Z(Ce, { onClick: N }, {
|
|
1320
|
+
default: xe(() => u[2] || (u[2] = [
|
|
1321
1321
|
ge("Скасувати", -1)
|
|
1322
1322
|
])),
|
|
1323
1323
|
_: 1,
|
|
@@ -1325,9 +1325,9 @@ const ae = new So(), Io = {
|
|
|
1325
1325
|
}),
|
|
1326
1326
|
Z(Ce, {
|
|
1327
1327
|
type: "primary",
|
|
1328
|
-
onClick:
|
|
1328
|
+
onClick: E
|
|
1329
1329
|
}, {
|
|
1330
|
-
default:
|
|
1330
|
+
default: xe(() => u[3] || (u[3] = [
|
|
1331
1331
|
ge("Зберегти", -1)
|
|
1332
1332
|
])),
|
|
1333
1333
|
_: 1,
|
|
@@ -1336,7 +1336,7 @@ const ae = new So(), Io = {
|
|
|
1336
1336
|
])
|
|
1337
1337
|
]));
|
|
1338
1338
|
}
|
|
1339
|
-
}),
|
|
1339
|
+
}), Fo = /* @__PURE__ */ re({
|
|
1340
1340
|
__name: "ColumnActions",
|
|
1341
1341
|
props: {
|
|
1342
1342
|
column: {},
|
|
@@ -1345,109 +1345,109 @@ const ae = new So(), Io = {
|
|
|
1345
1345
|
},
|
|
1346
1346
|
emits: ["pin", "update-columns"],
|
|
1347
1347
|
setup(t, { emit: e }) {
|
|
1348
|
-
const o = t, n = e, s =
|
|
1349
|
-
if (await
|
|
1350
|
-
const
|
|
1351
|
-
|
|
1352
|
-
const C =
|
|
1353
|
-
C.right > window.innerWidth && (
|
|
1354
|
-
},
|
|
1355
|
-
|
|
1348
|
+
const o = t, n = e, s = A(), l = A(), a = A(), r = A(!1), i = A(!1), d = A([]), c = async () => {
|
|
1349
|
+
if (await vt(), !s.value || !l.value) return;
|
|
1350
|
+
const k = l.value.getBoundingClientRect(), B = s.value, H = B.offsetWidth, Q = k.left + k.width / 2;
|
|
1351
|
+
B.style.top = `${k.bottom - 20}px`, B.style.left = `${Q - H / 2}px`;
|
|
1352
|
+
const C = B.getBoundingClientRect();
|
|
1353
|
+
C.right > window.innerWidth && (B.style.left = `${window.innerWidth - H - 8}px`), C.left < 0 && (B.style.left = "8px");
|
|
1354
|
+
}, M = (k) => {
|
|
1355
|
+
k.stopPropagation(), !i.value && (r.value ? X() : L());
|
|
1356
1356
|
}, L = () => {
|
|
1357
1357
|
i.value || (r.value = !0, c(), a.value && (a.value.style.zIndex = "22"));
|
|
1358
|
-
},
|
|
1358
|
+
}, X = () => {
|
|
1359
1359
|
i.value = !0, r.value = !1, a.value && a.value.style.removeProperty("z-index"), setTimeout(() => {
|
|
1360
1360
|
i.value = !1;
|
|
1361
1361
|
}, 100);
|
|
1362
|
-
},
|
|
1363
|
-
var
|
|
1364
|
-
!((
|
|
1365
|
-
},
|
|
1366
|
-
|
|
1367
|
-
},
|
|
1362
|
+
}, G = (k) => {
|
|
1363
|
+
var B, H;
|
|
1364
|
+
!((B = l.value) != null && B.contains(k.target)) && !((H = s.value) != null && H.contains(k.target)) && X();
|
|
1365
|
+
}, q = () => {
|
|
1366
|
+
O() ? (n("pin", o.column, "none"), console.log(`Колонка "${o.column.label}" відкріплена`)) : (n("pin", o.column, "left"), console.log(`Колонка "${o.column.label}" прикріплена зліва`)), X();
|
|
1367
|
+
}, Y = (k) => ({
|
|
1368
1368
|
name: "removed",
|
|
1369
1369
|
label: "Видалені колонки",
|
|
1370
1370
|
order: 999,
|
|
1371
1371
|
// Найвищий порядок, щоб відображались останніми
|
|
1372
|
-
columns:
|
|
1373
|
-
}),
|
|
1374
|
-
var
|
|
1375
|
-
const
|
|
1376
|
-
(
|
|
1377
|
-
|
|
1378
|
-
}), o.allColumns.forEach((
|
|
1379
|
-
const
|
|
1380
|
-
H.forEach((
|
|
1381
|
-
var
|
|
1382
|
-
if (!
|
|
1383
|
-
let
|
|
1384
|
-
(
|
|
1385
|
-
const g =
|
|
1386
|
-
g && (
|
|
1387
|
-
}),
|
|
1372
|
+
columns: k
|
|
1373
|
+
}), U = (k) => {
|
|
1374
|
+
var j;
|
|
1375
|
+
const B = new Set(k.map((E) => E.prop)), H = /* @__PURE__ */ new Set();
|
|
1376
|
+
(j = o.columnsSelector) == null || j.forEach((E) => {
|
|
1377
|
+
E.columns.forEach((N) => H.add(N.prop));
|
|
1378
|
+
}), o.allColumns.forEach((E) => H.add(E.prop));
|
|
1379
|
+
const Q = [];
|
|
1380
|
+
H.forEach((E) => {
|
|
1381
|
+
var N;
|
|
1382
|
+
if (!B.has(E)) {
|
|
1383
|
+
let p;
|
|
1384
|
+
(N = o.columnsSelector) == null || N.forEach((u) => {
|
|
1385
|
+
const g = u.columns.find((b) => b.prop === E);
|
|
1386
|
+
g && (p = g);
|
|
1387
|
+
}), p || (p = o.allColumns.find((u) => u.prop === E)), p && Q.push(p);
|
|
1388
1388
|
}
|
|
1389
1389
|
});
|
|
1390
1390
|
const C = [...o.columnsSelector || []];
|
|
1391
|
-
|
|
1392
|
-
},
|
|
1393
|
-
|
|
1394
|
-
component:
|
|
1391
|
+
Q.length > 0 && C.push(Y(Q)), d.value = C;
|
|
1392
|
+
}, I = () => {
|
|
1393
|
+
U(o.allColumns), ce.open({
|
|
1394
|
+
component: No,
|
|
1395
1395
|
title: "Управління колонками таблиці",
|
|
1396
1396
|
props: {
|
|
1397
1397
|
columns: o.allColumns,
|
|
1398
1398
|
// Передаємо всі колонки
|
|
1399
|
-
columnsSelector:
|
|
1399
|
+
columnsSelector: d.value,
|
|
1400
1400
|
// Передаємо оновлені доступні колонки
|
|
1401
|
-
"onUpdate-columns": (
|
|
1402
|
-
console.log("ColumnActions отримав оновлені колонки:",
|
|
1401
|
+
"onUpdate-columns": (k) => {
|
|
1402
|
+
console.log("ColumnActions отримав оновлені колонки:", k), n("update-columns", k), U(k);
|
|
1403
1403
|
}
|
|
1404
1404
|
},
|
|
1405
1405
|
size: "large",
|
|
1406
1406
|
closeOnBackdropClick: !1
|
|
1407
|
-
}),
|
|
1408
|
-
},
|
|
1407
|
+
}), X();
|
|
1408
|
+
}, V = () => o.column.pinnedLeft, T = () => o.column.pinnedRight, O = () => V() || T();
|
|
1409
1409
|
return ve(() => {
|
|
1410
|
-
document.addEventListener("click",
|
|
1411
|
-
}),
|
|
1412
|
-
document.removeEventListener("click",
|
|
1413
|
-
}), (
|
|
1410
|
+
document.addEventListener("click", G), l.value && (a.value = l.value.closest("th")), U(o.allColumns);
|
|
1411
|
+
}), $e(() => {
|
|
1412
|
+
document.removeEventListener("click", G);
|
|
1413
|
+
}), (k, B) => (h(), f("div", {
|
|
1414
1414
|
ref_key: "triggerRef",
|
|
1415
1415
|
ref: l,
|
|
1416
1416
|
class: "vt-table-header-actions",
|
|
1417
|
-
onClick:
|
|
1417
|
+
onClick: M
|
|
1418
1418
|
}, [
|
|
1419
|
-
Z(
|
|
1420
|
-
r.value ? (
|
|
1419
|
+
Z(J, { name: "listBullet" }),
|
|
1420
|
+
r.value ? (h(), f("ul", {
|
|
1421
1421
|
key: 0,
|
|
1422
1422
|
ref_key: "menuRef",
|
|
1423
1423
|
ref: s,
|
|
1424
1424
|
class: W(["dropdown-menu", "vt-table-dropdown", { visible: r.value }])
|
|
1425
1425
|
}, [
|
|
1426
|
-
|
|
1427
|
-
Z(
|
|
1428
|
-
name:
|
|
1426
|
+
v("li", { onClick: q }, [
|
|
1427
|
+
Z(J, {
|
|
1428
|
+
name: O() ? "unfreeze" : "freeze"
|
|
1429
1429
|
}, null, 8, ["name"]),
|
|
1430
|
-
|
|
1430
|
+
v("span", null, te(O() ? "Розморозити" : "Заморозити"), 1)
|
|
1431
1431
|
]),
|
|
1432
|
-
|
|
1433
|
-
Z(
|
|
1434
|
-
|
|
1432
|
+
v("li", { onClick: I }, [
|
|
1433
|
+
Z(J, { name: "columnInsert" }),
|
|
1434
|
+
B[0] || (B[0] = v("span", null, "Колонки", -1))
|
|
1435
1435
|
])
|
|
1436
1436
|
], 2)) : P("", !0)
|
|
1437
1437
|
], 512));
|
|
1438
1438
|
}
|
|
1439
|
-
}),
|
|
1439
|
+
}), Zo = { class: "vt-table" }, Uo = { class: "vt-th__content" }, Ko = { class: "vt-th__content" }, qo = { class: "vt-th__label" }, Xo = {
|
|
1440
1440
|
key: 0,
|
|
1441
1441
|
class: "vt-th__sortable"
|
|
1442
|
-
},
|
|
1442
|
+
}, Go = ["data-resizer", "onMousedown"], Yo = {
|
|
1443
1443
|
key: 0,
|
|
1444
1444
|
class: "vt-table__empty-row"
|
|
1445
|
-
},
|
|
1445
|
+
}, Jo = ["colspan"], Qo = { class: "vt-table__empty-content" }, el = ["onClick"], tl = { class: "vt-table__cell-content" }, nl = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, ol = { key: 1 }, ll = ["data-resizer", "onMousedown"], sl = {
|
|
1446
1446
|
key: 0,
|
|
1447
1447
|
class: "vt-table__summary"
|
|
1448
|
-
},
|
|
1448
|
+
}, rl = { class: "vt-table__cell-content vt-table__cell-content--summary" }, ye = 50, il = /* @__PURE__ */ re({
|
|
1449
1449
|
__name: "VTable",
|
|
1450
|
-
props: /* @__PURE__ */
|
|
1450
|
+
props: /* @__PURE__ */ Te({
|
|
1451
1451
|
data: {},
|
|
1452
1452
|
maxHeight: { default: void 0 },
|
|
1453
1453
|
rowKey: { default: "id" },
|
|
@@ -1469,336 +1469,350 @@ const ae = new So(), Io = {
|
|
|
1469
1469
|
},
|
|
1470
1470
|
columnsModifiers: {}
|
|
1471
1471
|
}),
|
|
1472
|
-
emits: /* @__PURE__ */
|
|
1472
|
+
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"]),
|
|
1473
1473
|
setup(t, { expose: e, emit: o }) {
|
|
1474
|
-
const n = t, s = o, l =
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1474
|
+
const n = t, s = o, l = ft(t, "columns"), a = A({}), r = A(), i = _t([]), d = A(n.defaultSort || null), c = gt([]), M = A(/* @__PURE__ */ new Map()), L = (m, _) => n.rowKey && m[n.rowKey] != null ? String(m[n.rowKey]) : String(_), X = (m) => JSON.stringify(m), G = (m) => {
|
|
1475
|
+
const _ = /* @__PURE__ */ new Map();
|
|
1476
|
+
m.forEach((y, $) => {
|
|
1477
|
+
const z = L(y, $), ne = X(y);
|
|
1478
|
+
_.set(z, ne);
|
|
1479
|
+
}), M.value = _, c.value = Ee([...m]);
|
|
1480
|
+
};
|
|
1481
|
+
de(
|
|
1482
|
+
() => n.data,
|
|
1483
|
+
(m) => {
|
|
1484
|
+
m && G(m);
|
|
1485
|
+
},
|
|
1486
|
+
{ immediate: !0 }
|
|
1487
|
+
);
|
|
1488
|
+
const q = x(() => l.value !== void 0), Y = x(() => c.value && c.value.length > 0), U = A(!1), I = A(0);
|
|
1489
|
+
let V;
|
|
1490
|
+
const T = () => {
|
|
1491
|
+
q.value && l.value ? i.splice(0, i.length, ...l.value) : n.columns && n.columns.length > 0 && i.splice(0, i.length, ...n.columns);
|
|
1478
1492
|
};
|
|
1479
|
-
|
|
1493
|
+
de(
|
|
1480
1494
|
() => l.value,
|
|
1481
|
-
(
|
|
1482
|
-
|
|
1495
|
+
(m) => {
|
|
1496
|
+
m && q.value && i.splice(0, i.length, ...m);
|
|
1483
1497
|
},
|
|
1484
1498
|
{ deep: !0 }
|
|
1485
|
-
),
|
|
1499
|
+
), de(
|
|
1486
1500
|
() => n.columns,
|
|
1487
|
-
(
|
|
1488
|
-
|
|
1501
|
+
(m) => {
|
|
1502
|
+
m && !q.value && i.splice(0, i.length, ...m);
|
|
1489
1503
|
},
|
|
1490
1504
|
{ deep: !0 }
|
|
1491
|
-
),
|
|
1492
|
-
const { sortedColumns:
|
|
1493
|
-
width: `${
|
|
1494
|
-
minWidth: `${
|
|
1495
|
-
maxWidth: `${
|
|
1505
|
+
), Ct("vt-table-columns", i);
|
|
1506
|
+
const { sortedColumns: O, getDefaultColumnWidth: k, getStickyOffset: B } = yo(i), { getTableWrapperStyle: H, getColumnStyle: Q, getHeaderStyle: C, getFooterStyle: j } = xo(n), { onMouseDown: E } = Mo(), N = x(() => Vo(c.value, d.value, i)), p = x(() => n.allData || c.value), u = n.selectable ? Lo(n, N, s, p) : null, g = () => ({
|
|
1507
|
+
width: `${ye}px`,
|
|
1508
|
+
minWidth: `${ye}px`,
|
|
1509
|
+
maxWidth: `${ye}px`,
|
|
1496
1510
|
left: "0px",
|
|
1497
1511
|
position: "sticky",
|
|
1498
1512
|
zIndex: 10
|
|
1499
|
-
}),
|
|
1500
|
-
const
|
|
1513
|
+
}), b = () => {
|
|
1514
|
+
const m = g();
|
|
1501
1515
|
return n.maxHeight ? {
|
|
1502
|
-
...
|
|
1516
|
+
...m,
|
|
1503
1517
|
top: "0px",
|
|
1504
1518
|
zIndex: 11
|
|
1505
1519
|
// Вищий z-index для header
|
|
1506
|
-
} :
|
|
1507
|
-
},
|
|
1508
|
-
const
|
|
1520
|
+
} : m;
|
|
1521
|
+
}, R = () => {
|
|
1522
|
+
const m = g();
|
|
1509
1523
|
return n.maxHeight ? {
|
|
1510
|
-
...
|
|
1524
|
+
...m,
|
|
1511
1525
|
bottom: "0px",
|
|
1512
1526
|
zIndex: 11
|
|
1513
1527
|
// Вищий z-index для footer
|
|
1514
|
-
} :
|
|
1515
|
-
},
|
|
1516
|
-
if (!r.value ||
|
|
1517
|
-
const
|
|
1518
|
-
|
|
1519
|
-
const
|
|
1520
|
-
|
|
1521
|
-
|
|
1528
|
+
} : m;
|
|
1529
|
+
}, S = () => {
|
|
1530
|
+
if (!r.value || U.value) return;
|
|
1531
|
+
const m = r.value, _ = m.scrollTop, y = m.scrollHeight, $ = m.clientHeight, z = 30;
|
|
1532
|
+
V && clearTimeout(V), V = setTimeout(() => {
|
|
1533
|
+
const _e = _ - I.value > 1, w = y - _ - $ <= z, oe = y - _ - $ <= 5;
|
|
1534
|
+
I.value = _, _e && (w || oe) && (U.value = !0, s("infinity-scroll"), setTimeout(() => {
|
|
1535
|
+
U.value = !1;
|
|
1522
1536
|
}, 1e3));
|
|
1523
1537
|
}, 50);
|
|
1524
|
-
},
|
|
1525
|
-
|
|
1538
|
+
}, ee = () => {
|
|
1539
|
+
U.value = !1;
|
|
1526
1540
|
};
|
|
1527
1541
|
ve(() => {
|
|
1528
|
-
r.value && r.value.addEventListener("scroll",
|
|
1529
|
-
}),
|
|
1530
|
-
|
|
1542
|
+
r.value && r.value.addEventListener("scroll", S);
|
|
1543
|
+
}), $e(() => {
|
|
1544
|
+
V && clearTimeout(V), r.value && r.value.removeEventListener("scroll", S);
|
|
1531
1545
|
});
|
|
1532
|
-
const
|
|
1533
|
-
|
|
1534
|
-
var
|
|
1535
|
-
((
|
|
1536
|
-
column:
|
|
1537
|
-
direction: ((
|
|
1538
|
-
prop:
|
|
1539
|
-
sortedData:
|
|
1546
|
+
const fe = (m, _) => {
|
|
1547
|
+
Io(m, _, (y) => {
|
|
1548
|
+
var $, z;
|
|
1549
|
+
(($ = d.value) == null ? void 0 : $.prop) === m.prop && d.value.direction === _ ? d.value = null : d.value = y, s("sort-change", {
|
|
1550
|
+
column: m,
|
|
1551
|
+
direction: ((z = d.value) == null ? void 0 : z.direction) || null,
|
|
1552
|
+
prop: m.prop,
|
|
1553
|
+
sortedData: N.value
|
|
1540
1554
|
});
|
|
1541
1555
|
});
|
|
1542
|
-
},
|
|
1543
|
-
const
|
|
1556
|
+
}, qe = (m, _) => {
|
|
1557
|
+
const y = {
|
|
1544
1558
|
pinnedLeft: _ === "left",
|
|
1545
1559
|
pinnedRight: _ === "right"
|
|
1546
1560
|
};
|
|
1547
|
-
|
|
1548
|
-
},
|
|
1549
|
-
i.splice(0, i.length, ...
|
|
1550
|
-
},
|
|
1551
|
-
const
|
|
1552
|
-
if (
|
|
1553
|
-
if (Object.assign(i[
|
|
1554
|
-
const
|
|
1555
|
-
if (
|
|
1556
|
-
const
|
|
1557
|
-
|
|
1561
|
+
Se(m.prop, y), s("column-pin", { column: { ...m, ...y }, position: _ });
|
|
1562
|
+
}, Xe = (m) => {
|
|
1563
|
+
i.splice(0, i.length, ...m), q.value && (l.value = [...m]), s("columns-change", [...m]);
|
|
1564
|
+
}, Se = (m, _) => {
|
|
1565
|
+
const y = i.findIndex(($) => $.prop === m);
|
|
1566
|
+
if (y !== -1) {
|
|
1567
|
+
if (Object.assign(i[y], _), q.value && l.value) {
|
|
1568
|
+
const $ = l.value.findIndex((z) => z.prop === m);
|
|
1569
|
+
if ($ !== -1) {
|
|
1570
|
+
const z = [...l.value];
|
|
1571
|
+
z[$] = { ...z[$], ..._ }, l.value = z;
|
|
1558
1572
|
}
|
|
1559
1573
|
}
|
|
1560
1574
|
s("columns-change", [...i]);
|
|
1561
1575
|
} else
|
|
1562
1576
|
console.error(
|
|
1563
1577
|
"Колонку не знайдено:",
|
|
1564
|
-
|
|
1578
|
+
m,
|
|
1565
1579
|
"Доступні колонки:",
|
|
1566
|
-
i.map((
|
|
1580
|
+
i.map(($) => $.prop)
|
|
1567
1581
|
);
|
|
1568
|
-
},
|
|
1569
|
-
s("row-click", { row:
|
|
1570
|
-
},
|
|
1571
|
-
|
|
1572
|
-
},
|
|
1573
|
-
_.stopPropagation(),
|
|
1574
|
-
}, Ie = (
|
|
1575
|
-
|
|
1576
|
-
}, Ve = (
|
|
1577
|
-
const
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
column: { ..._, width:
|
|
1581
|
-
width:
|
|
1582
|
-
oldWidth:
|
|
1582
|
+
}, Ge = (m, _, y) => {
|
|
1583
|
+
s("row-click", { row: m, column: _, event: y }), n.highlightCurrentRow && u && u.setCurrentRow(m);
|
|
1584
|
+
}, Ye = (m, _, y) => {
|
|
1585
|
+
y.stopPropagation(), u && u.toggleRowSelection(_, m);
|
|
1586
|
+
}, Je = (m, _) => {
|
|
1587
|
+
_.stopPropagation(), u && u.toggleAllSelection();
|
|
1588
|
+
}, Ie = (m, _) => {
|
|
1589
|
+
m && (a.value[_] = m);
|
|
1590
|
+
}, Ve = (m, _) => {
|
|
1591
|
+
const y = _.width || k();
|
|
1592
|
+
E(m, _, k, ($) => {
|
|
1593
|
+
Se(_.prop, { width: $ }), s("column-resize", {
|
|
1594
|
+
column: { ..._, width: $ },
|
|
1595
|
+
width: $,
|
|
1596
|
+
oldWidth: y
|
|
1583
1597
|
});
|
|
1584
1598
|
});
|
|
1585
|
-
},
|
|
1599
|
+
}, Qe = (m, _) => Q(m, _, B, k), et = (m, _) => C(m, _, B, k), tt = (m, _) => j(m, _, B, k), nt = (m, _) => {
|
|
1586
1600
|
if (!_ || !_.prop) return "";
|
|
1587
|
-
const
|
|
1588
|
-
return
|
|
1589
|
-
},
|
|
1590
|
-
if (!n.showSummary || !
|
|
1591
|
-
const
|
|
1601
|
+
const y = m[_.prop];
|
|
1602
|
+
return y == null ? "" : String(y);
|
|
1603
|
+
}, ot = x(() => {
|
|
1604
|
+
if (!n.showSummary || !Y.value) return {};
|
|
1605
|
+
const m = i;
|
|
1592
1606
|
if (typeof n.summaryMethod == "function") {
|
|
1593
|
-
const _ = n.summaryMethod({ columns:
|
|
1594
|
-
return
|
|
1595
|
-
(
|
|
1607
|
+
const _ = n.summaryMethod({ columns: m, data: N.value });
|
|
1608
|
+
return m.reduce(
|
|
1609
|
+
(y, $, z) => (y[$.prop] = _[z], y),
|
|
1596
1610
|
{}
|
|
1597
1611
|
);
|
|
1598
1612
|
}
|
|
1599
|
-
return
|
|
1600
|
-
(_,
|
|
1601
|
-
const
|
|
1602
|
-
return _[
|
|
1613
|
+
return m.reduce(
|
|
1614
|
+
(_, y) => {
|
|
1615
|
+
const $ = N.value.map((z) => z[y.prop]);
|
|
1616
|
+
return _[y.prop] = $.every((z) => typeof z == "number") ? $.reduce((z, ne) => z + ne, 0) : "", _;
|
|
1603
1617
|
},
|
|
1604
1618
|
{}
|
|
1605
1619
|
);
|
|
1606
|
-
}),
|
|
1607
|
-
|
|
1608
|
-
}, lt = () => {
|
|
1609
|
-
w && w.toggleAllSelection();
|
|
1610
|
-
}, st = () => {
|
|
1611
|
-
w && w.selectAbsolutelyAll();
|
|
1620
|
+
}), lt = x(() => n.showSummary && Y.value), st = (m, _) => {
|
|
1621
|
+
u && u.toggleRowSelection(m, _);
|
|
1612
1622
|
}, rt = () => {
|
|
1613
|
-
|
|
1614
|
-
}, it = () =>
|
|
1615
|
-
|
|
1623
|
+
u && u.toggleAllSelection();
|
|
1624
|
+
}, it = () => {
|
|
1625
|
+
u && u.selectAbsolutelyAll();
|
|
1626
|
+
}, at = () => {
|
|
1627
|
+
u && u.clearSelection();
|
|
1628
|
+
}, ct = () => u ? u.getSelectionRows() : [], ut = (m) => {
|
|
1629
|
+
u && u.setSelectionRows(m);
|
|
1630
|
+
}, dt = (m, _) => {
|
|
1631
|
+
const y = [...c.value], $ = y.findIndex((z, ne) => L(z, ne) === m);
|
|
1632
|
+
$ !== -1 && (y[$] = Ee(_), G(y));
|
|
1616
1633
|
};
|
|
1617
1634
|
return ve(() => {
|
|
1618
|
-
|
|
1635
|
+
T();
|
|
1619
1636
|
}), e({
|
|
1620
|
-
toggleRowSelection:
|
|
1621
|
-
toggleAllSelection:
|
|
1622
|
-
selectAbsolutelyAll:
|
|
1623
|
-
clearSelection:
|
|
1624
|
-
getSelectionRows:
|
|
1625
|
-
setSelectionRows:
|
|
1626
|
-
resetInfinityScroll:
|
|
1637
|
+
toggleRowSelection: st,
|
|
1638
|
+
toggleAllSelection: rt,
|
|
1639
|
+
selectAbsolutelyAll: it,
|
|
1640
|
+
clearSelection: at,
|
|
1641
|
+
getSelectionRows: ct,
|
|
1642
|
+
setSelectionRows: ut,
|
|
1643
|
+
resetInfinityScroll: ee,
|
|
1627
1644
|
// Додаємо метод для скидання infinity scroll
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1645
|
+
updateRow: dt
|
|
1646
|
+
// ОПТИМІЗАЦІЯ: Додаємо метод для оновлення конкретного рядка
|
|
1647
|
+
}), (m, _) => {
|
|
1648
|
+
var $, z, ne, _e;
|
|
1649
|
+
const y = Ze("tooltip");
|
|
1650
|
+
return h(), f("div", {
|
|
1632
1651
|
ref_key: "tableWrapperRef",
|
|
1633
1652
|
ref: r,
|
|
1634
1653
|
class: "vt-table-wrapper",
|
|
1635
|
-
style:
|
|
1636
|
-
onScroll:
|
|
1654
|
+
style: ae(K(H)()),
|
|
1655
|
+
onScroll: S
|
|
1637
1656
|
}, [
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
n.selectable ? (
|
|
1657
|
+
he(m.$slots, "default"),
|
|
1658
|
+
v("table", Zo, [
|
|
1659
|
+
v("thead", null, [
|
|
1660
|
+
v("tr", null, [
|
|
1661
|
+
n.selectable ? (h(), f("th", {
|
|
1643
1662
|
key: 0,
|
|
1644
1663
|
class: W(["vt-table__th vt-table__th--selection", {
|
|
1645
1664
|
"vt-table__th--sticky": n.maxHeight,
|
|
1646
1665
|
"vt-table__th--pinned-left": !0
|
|
1647
1666
|
}]),
|
|
1648
|
-
style:
|
|
1667
|
+
style: ae(b())
|
|
1649
1668
|
}, [
|
|
1650
|
-
|
|
1651
|
-
Z(
|
|
1652
|
-
checked: (
|
|
1653
|
-
indeterminate: (
|
|
1654
|
-
"is-double": (
|
|
1655
|
-
onChange:
|
|
1669
|
+
v("div", Uo, [
|
|
1670
|
+
Z(pe, {
|
|
1671
|
+
checked: ($ = K(u)) == null ? void 0 : $.isAllSelected.value,
|
|
1672
|
+
indeterminate: (z = K(u)) == null ? void 0 : z.isIndeterminate.value,
|
|
1673
|
+
"is-double": (_e = (ne = K(u)) == null ? void 0 : ne.isDoubleCheck) == null ? void 0 : _e.value,
|
|
1674
|
+
onChange: Je
|
|
1656
1675
|
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
1657
1676
|
])
|
|
1658
1677
|
], 6)) : P("", !0),
|
|
1659
|
-
(
|
|
1660
|
-
key:
|
|
1678
|
+
(h(!0), f(le, null, se(K(O), (w, oe) => (h(), f("th", {
|
|
1679
|
+
key: w.prop,
|
|
1661
1680
|
ref_for: !0,
|
|
1662
|
-
ref: (
|
|
1663
|
-
style:
|
|
1681
|
+
ref: (ie) => Ie(ie, w.prop),
|
|
1682
|
+
style: ae(et(w, oe)),
|
|
1664
1683
|
class: W([
|
|
1665
1684
|
"vt-table__th",
|
|
1666
1685
|
{
|
|
1667
1686
|
"vt-table__th--sticky": n.maxHeight,
|
|
1668
|
-
"vt-table__th--pinned-left":
|
|
1669
|
-
"vt-table__th--pinned-right":
|
|
1670
|
-
"vt-table__th--sortable":
|
|
1687
|
+
"vt-table__th--pinned-left": w.pinnedLeft,
|
|
1688
|
+
"vt-table__th--pinned-right": w.pinnedRight,
|
|
1689
|
+
"vt-table__th--sortable": w.sortable
|
|
1671
1690
|
}
|
|
1672
1691
|
])
|
|
1673
1692
|
}, [
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
Z(
|
|
1693
|
+
v("div", Ko, [
|
|
1694
|
+
v("div", qo, te(w.label), 1),
|
|
1695
|
+
w.sortable ? (h(), f("div", Xo, [
|
|
1696
|
+
Z(J, {
|
|
1678
1697
|
name: "arrowTop",
|
|
1679
|
-
class: W(K(
|
|
1680
|
-
onClick:
|
|
1698
|
+
class: W(K(He)(w, d.value).asc),
|
|
1699
|
+
onClick: me((ie) => fe(w, "asc"), ["stop"])
|
|
1681
1700
|
}, null, 8, ["class", "onClick"]),
|
|
1682
|
-
Z(
|
|
1701
|
+
Z(J, {
|
|
1683
1702
|
name: "arrowDown",
|
|
1684
|
-
class: W(K(
|
|
1685
|
-
onClick:
|
|
1703
|
+
class: W(K(He)(w, d.value).desc),
|
|
1704
|
+
onClick: me((ie) => fe(w, "desc"), ["stop"])
|
|
1686
1705
|
}, null, 8, ["class", "onClick"])
|
|
1687
1706
|
])) : P("", !0),
|
|
1688
|
-
|
|
1707
|
+
w.actionColumn ? (h(), ue(Fo, {
|
|
1689
1708
|
key: 1,
|
|
1690
|
-
column:
|
|
1691
|
-
"all-columns": K(
|
|
1709
|
+
column: w,
|
|
1710
|
+
"all-columns": K(O),
|
|
1692
1711
|
columnsSelector: n.columnsSelector,
|
|
1693
|
-
onPin:
|
|
1694
|
-
onUpdateColumns:
|
|
1712
|
+
onPin: qe,
|
|
1713
|
+
onUpdateColumns: Xe
|
|
1695
1714
|
}, null, 8, ["column", "all-columns", "columnsSelector"])) : P("", !0)
|
|
1696
1715
|
]),
|
|
1697
|
-
|
|
1716
|
+
v("div", {
|
|
1698
1717
|
class: "vt-table__resizer",
|
|
1699
|
-
"data-resizer":
|
|
1700
|
-
onMousedown: (
|
|
1701
|
-
}, null, 40,
|
|
1718
|
+
"data-resizer": w.prop,
|
|
1719
|
+
onMousedown: (ie) => Ve(ie, w)
|
|
1720
|
+
}, null, 40, Go)
|
|
1702
1721
|
], 6))), 128))
|
|
1703
1722
|
])
|
|
1704
1723
|
]),
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
var
|
|
1708
|
-
return
|
|
1709
|
-
key:
|
|
1724
|
+
v("tbody", null, [
|
|
1725
|
+
Y.value ? (h(!0), f(le, { key: 1 }, se(N.value, (w, oe) => {
|
|
1726
|
+
var ie, Be, Re;
|
|
1727
|
+
return h(), f("tr", {
|
|
1728
|
+
key: L(w, oe),
|
|
1710
1729
|
class: W([
|
|
1711
1730
|
"vt-table__row",
|
|
1712
1731
|
{
|
|
1713
|
-
"vt-table__row--selected": (
|
|
1714
|
-
"vt-table__row--current": ((Be = K(
|
|
1732
|
+
"vt-table__row--selected": (ie = K(u)) == null ? void 0 : ie.isRowSelected(w),
|
|
1733
|
+
"vt-table__row--current": ((Be = K(u)) == null ? void 0 : Be.currentRow.value) === w,
|
|
1715
1734
|
"vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
|
|
1716
1735
|
}
|
|
1717
1736
|
]),
|
|
1718
|
-
onClick: (
|
|
1737
|
+
onClick: (F) => Ge(w, K(O)[0], F)
|
|
1719
1738
|
}, [
|
|
1720
|
-
n.selectable ? (
|
|
1739
|
+
n.selectable ? (h(), f("td", {
|
|
1721
1740
|
key: 0,
|
|
1722
1741
|
class: W(["vt-table__td vt-table__td--selection", {
|
|
1723
1742
|
"vt-table__td--pinned-left": !0
|
|
1724
1743
|
}]),
|
|
1725
|
-
style:
|
|
1744
|
+
style: ae(g())
|
|
1726
1745
|
}, [
|
|
1727
|
-
|
|
1728
|
-
Z(
|
|
1729
|
-
checked: (Re = K(
|
|
1730
|
-
onChange: (
|
|
1746
|
+
v("div", tl, [
|
|
1747
|
+
Z(pe, {
|
|
1748
|
+
checked: (Re = K(u)) == null ? void 0 : Re.isRowSelected(w),
|
|
1749
|
+
onChange: (F, we) => Ye(F, w, we)
|
|
1731
1750
|
}, null, 8, ["checked", "onChange"])
|
|
1732
1751
|
])
|
|
1733
1752
|
], 4)) : P("", !0),
|
|
1734
|
-
(
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
"vt-table__td"
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
])
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
}, _, 0), 128))
|
|
1763
|
-
], 10, Yo);
|
|
1764
|
-
}), 128)) : (p(), m("tr", qo, [
|
|
1765
|
-
h("td", {
|
|
1766
|
-
colspan: K(N).length + (n.selectable ? 1 : 0),
|
|
1753
|
+
(h(!0), f(le, null, se(K(O), (F, we) => (h(), f("td", {
|
|
1754
|
+
key: `${L(w, oe)}-${F.prop}`,
|
|
1755
|
+
ref_for: !0,
|
|
1756
|
+
ref: (ke) => Ie(ke, F.prop),
|
|
1757
|
+
style: ae(Qe(F, we)),
|
|
1758
|
+
class: W([
|
|
1759
|
+
"vt-table__td",
|
|
1760
|
+
{
|
|
1761
|
+
"vt-table__td--pinned-left": F.pinnedLeft,
|
|
1762
|
+
"vt-table__td--pinned-right": F.pinnedRight
|
|
1763
|
+
}
|
|
1764
|
+
])
|
|
1765
|
+
}, [
|
|
1766
|
+
Le((h(), f("div", nl, [
|
|
1767
|
+
F.renderSlot ? (h(), ue(Ne(() => K($o)(F.renderSlot, { row: w, column: F, value: w[F.prop], index: oe })), { key: 0 })) : (h(), f("span", ol, te(w[F.prop]), 1))
|
|
1768
|
+
])), [
|
|
1769
|
+
[y, F.showOverflowTooltip ? nt(w, F) : null]
|
|
1770
|
+
]),
|
|
1771
|
+
v("div", {
|
|
1772
|
+
class: "vt-table__resizer",
|
|
1773
|
+
"data-resizer": F.prop,
|
|
1774
|
+
onMousedown: (ke) => Ve(ke, F)
|
|
1775
|
+
}, null, 40, ll)
|
|
1776
|
+
], 6))), 128))
|
|
1777
|
+
], 10, el);
|
|
1778
|
+
}), 128)) : (h(), f("tr", Yo, [
|
|
1779
|
+
v("td", {
|
|
1780
|
+
colspan: K(O).length + (n.selectable ? 1 : 0),
|
|
1767
1781
|
class: "vt-table__empty-cell"
|
|
1768
1782
|
}, [
|
|
1769
|
-
|
|
1770
|
-
Z(
|
|
1783
|
+
v("div", Qo, [
|
|
1784
|
+
Z(J, {
|
|
1771
1785
|
name: "empty",
|
|
1772
1786
|
class: "vt-table__empty-icon"
|
|
1773
1787
|
}),
|
|
1774
|
-
_[
|
|
1788
|
+
_[0] || (_[0] = v("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
1775
1789
|
])
|
|
1776
|
-
], 8,
|
|
1790
|
+
], 8, Jo)
|
|
1777
1791
|
]))
|
|
1778
1792
|
]),
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
n.selectable ? (
|
|
1793
|
+
lt.value ? (h(), f("tfoot", sl, [
|
|
1794
|
+
v("tr", null, [
|
|
1795
|
+
n.selectable ? (h(), f("td", {
|
|
1782
1796
|
key: 0,
|
|
1783
1797
|
class: W(["vt-table__td", {
|
|
1784
1798
|
"vt-table__td--pinned-left": !0
|
|
1785
1799
|
}]),
|
|
1786
|
-
style:
|
|
1787
|
-
}, _[
|
|
1788
|
-
|
|
1800
|
+
style: ae(R())
|
|
1801
|
+
}, _[1] || (_[1] = [
|
|
1802
|
+
v("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
1789
1803
|
]), 4)) : P("", !0),
|
|
1790
|
-
(
|
|
1791
|
-
key:
|
|
1792
|
-
style:
|
|
1804
|
+
(h(!0), f(le, null, se(K(O), (w, oe) => (h(), f("td", {
|
|
1805
|
+
key: w.prop,
|
|
1806
|
+
style: ae(tt(w, oe)),
|
|
1793
1807
|
class: W([
|
|
1794
1808
|
"vt-table__td",
|
|
1795
1809
|
{
|
|
1796
|
-
"vt-table__td--pinned-left":
|
|
1797
|
-
"vt-table__td--pinned-right":
|
|
1810
|
+
"vt-table__td--pinned-left": w.pinnedLeft,
|
|
1811
|
+
"vt-table__td--pinned-right": w.pinnedRight
|
|
1798
1812
|
}
|
|
1799
1813
|
])
|
|
1800
1814
|
}, [
|
|
1801
|
-
|
|
1815
|
+
v("div", rl, te(ot.value[w.prop]), 1)
|
|
1802
1816
|
], 6))), 128))
|
|
1803
1817
|
])
|
|
1804
1818
|
])) : P("", !0)
|
|
@@ -1806,7 +1820,7 @@ const ae = new So(), Io = {
|
|
|
1806
1820
|
], 36);
|
|
1807
1821
|
};
|
|
1808
1822
|
}
|
|
1809
|
-
}),
|
|
1823
|
+
}), al = /* @__PURE__ */ re({
|
|
1810
1824
|
__name: "VTableColumn",
|
|
1811
1825
|
props: {
|
|
1812
1826
|
prop: {},
|
|
@@ -1824,7 +1838,7 @@ const ae = new So(), Io = {
|
|
|
1824
1838
|
sortMethod: {}
|
|
1825
1839
|
},
|
|
1826
1840
|
setup(t) {
|
|
1827
|
-
const e = t, o =
|
|
1841
|
+
const e = t, o = Fe(), n = wt("vt-table-columns");
|
|
1828
1842
|
n || console.error(
|
|
1829
1843
|
"VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
|
|
1830
1844
|
);
|
|
@@ -1849,7 +1863,7 @@ const ae = new So(), Io = {
|
|
|
1849
1863
|
const a = s();
|
|
1850
1864
|
n.push(a), l = n.length - 1;
|
|
1851
1865
|
}
|
|
1852
|
-
}),
|
|
1866
|
+
}), de(
|
|
1853
1867
|
() => [
|
|
1854
1868
|
e.width,
|
|
1855
1869
|
e.minWidth,
|
|
@@ -1876,14 +1890,14 @@ const ae = new So(), Io = {
|
|
|
1876
1890
|
}
|
|
1877
1891
|
},
|
|
1878
1892
|
{ deep: !0 }
|
|
1879
|
-
),
|
|
1893
|
+
), $e(() => {
|
|
1880
1894
|
if (n) {
|
|
1881
1895
|
const a = n.findIndex((r) => r.prop === e.prop);
|
|
1882
1896
|
a > -1 && n.splice(a, 1);
|
|
1883
1897
|
}
|
|
1884
1898
|
}), (a, r) => null;
|
|
1885
1899
|
}
|
|
1886
|
-
}),
|
|
1900
|
+
}), We = (t, e) => {
|
|
1887
1901
|
const o = document.createElement("div");
|
|
1888
1902
|
o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
|
|
1889
1903
|
position: "absolute",
|
|
@@ -1949,7 +1963,7 @@ const ae = new So(), Io = {
|
|
|
1949
1963
|
break;
|
|
1950
1964
|
}
|
|
1951
1965
|
return o.appendChild(n), o;
|
|
1952
|
-
},
|
|
1966
|
+
}, Me = (t, e, o) => {
|
|
1953
1967
|
const n = e.getBoundingClientRect(), s = t.getBoundingClientRect(), l = window.pageXOffset || document.documentElement.scrollLeft, a = window.pageYOffset || document.documentElement.scrollTop;
|
|
1954
1968
|
let r = 0, i = 0;
|
|
1955
1969
|
switch (o) {
|
|
@@ -1966,27 +1980,27 @@ const ae = new So(), Io = {
|
|
|
1966
1980
|
r = n.top + a + (n.height - s.height) / 2, i = n.right + l + 8;
|
|
1967
1981
|
break;
|
|
1968
1982
|
}
|
|
1969
|
-
const
|
|
1970
|
-
i < 8 ? i = 8 : i + s.width >
|
|
1971
|
-
},
|
|
1972
|
-
t.parentElement || document.body.appendChild(t), t.style.visibility = "visible",
|
|
1983
|
+
const d = window.innerWidth, c = window.innerHeight;
|
|
1984
|
+
i < 8 ? i = 8 : i + s.width > d - 8 && (i = d - s.width - 8), r < a + 8 ? o === "top" ? r = n.bottom + a + 8 : r = a + 8 : r + s.height > a + c - 8 && (o === "bottom" ? r = n.top + a - s.height - 8 : r = a + c - s.height - 8), t.style.top = `${r}px`, t.style.left = `${i}px`;
|
|
1985
|
+
}, De = (t, e, o) => {
|
|
1986
|
+
t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", Me(t, e, o), requestAnimationFrame(() => {
|
|
1973
1987
|
t.style.opacity = "1";
|
|
1974
1988
|
});
|
|
1975
|
-
},
|
|
1989
|
+
}, Pe = (t) => {
|
|
1976
1990
|
t.style.opacity = "0", t.style.visibility = "hidden";
|
|
1977
|
-
},
|
|
1991
|
+
}, Ae = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, Oe = (t) => !!t.closest(".vt-table, table"), cl = {
|
|
1978
1992
|
mounted(t, e) {
|
|
1979
1993
|
var i;
|
|
1980
1994
|
const o = (i = e.value) == null ? void 0 : i.trim();
|
|
1981
1995
|
if (!o) return;
|
|
1982
|
-
const n = t.dataset.placement || "top", s =
|
|
1996
|
+
const n = t.dataset.placement || "top", s = We(o, n);
|
|
1983
1997
|
t.__tooltipEl = s;
|
|
1984
1998
|
const l = () => {
|
|
1985
|
-
(
|
|
1999
|
+
(Oe(t) ? Ae(t) : !0) && De(s, t, n);
|
|
1986
2000
|
}, a = () => {
|
|
1987
|
-
|
|
2001
|
+
Pe(s);
|
|
1988
2002
|
}, r = () => {
|
|
1989
|
-
s.style.opacity === "1" &&
|
|
2003
|
+
s.style.opacity === "1" && Me(s, t, n);
|
|
1990
2004
|
};
|
|
1991
2005
|
t.__mouseenterHandler = l, t.__mouseleaveHandler = a, t.__scrollHandler = r, t.addEventListener("mouseenter", l), t.addEventListener("mouseleave", a), window.addEventListener("scroll", r, !0), window.addEventListener("resize", r);
|
|
1992
2006
|
},
|
|
@@ -1996,14 +2010,14 @@ const ae = new So(), Io = {
|
|
|
1996
2010
|
if (t.__tooltipEl)
|
|
1997
2011
|
o ? t.__tooltipEl.firstChild.textContent = o : (t.__tooltipEl.parentElement && t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl);
|
|
1998
2012
|
else if (o) {
|
|
1999
|
-
const s = t.dataset.placement || "top", l =
|
|
2013
|
+
const s = t.dataset.placement || "top", l = We(o, s);
|
|
2000
2014
|
t.__tooltipEl = l;
|
|
2001
2015
|
const a = () => {
|
|
2002
|
-
(
|
|
2016
|
+
(Oe(t) ? Ae(t) : !0) && De(l, t, s);
|
|
2003
2017
|
}, r = () => {
|
|
2004
|
-
|
|
2018
|
+
Pe(l);
|
|
2005
2019
|
}, i = () => {
|
|
2006
|
-
l.style.opacity === "1" &&
|
|
2020
|
+
l.style.opacity === "1" && Me(l, t, s);
|
|
2007
2021
|
};
|
|
2008
2022
|
t.__mouseenterHandler = a, t.__mouseleaveHandler = r, t.__scrollHandler = i, t.addEventListener("mouseenter", a), t.addEventListener("mouseleave", r), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i);
|
|
2009
2023
|
}
|
|
@@ -2011,32 +2025,32 @@ const ae = new So(), Io = {
|
|
|
2011
2025
|
beforeUnmount(t) {
|
|
2012
2026
|
t.__tooltipEl && t.__tooltipEl.parentElement && (t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl), t.__mouseenterHandler && (t.removeEventListener("mouseenter", t.__mouseenterHandler), delete t.__mouseenterHandler), t.__mouseleaveHandler && (t.removeEventListener("mouseleave", t.__mouseleaveHandler), delete t.__mouseleaveHandler), t.__scrollHandler && (window.removeEventListener("scroll", t.__scrollHandler, !0), window.removeEventListener("resize", t.__scrollHandler), delete t.__scrollHandler);
|
|
2013
2027
|
}
|
|
2014
|
-
},
|
|
2028
|
+
}, pl = {
|
|
2015
2029
|
sortable: !0,
|
|
2016
2030
|
actionColumn: !1,
|
|
2017
2031
|
showOverflowTooltip: !0,
|
|
2018
2032
|
visible: !0,
|
|
2019
2033
|
pinnedLeft: !1,
|
|
2020
2034
|
pinnedRight: !1
|
|
2021
|
-
},
|
|
2035
|
+
}, ul = {
|
|
2022
2036
|
install(t, e = {}) {
|
|
2023
2037
|
const { prefix: o = "V", modal: n = !0 } = e;
|
|
2024
|
-
t.component(`${o}Button`, Ce), t.component(`${o}Icon`,
|
|
2038
|
+
t.component(`${o}Button`, Ce), t.component(`${o}Icon`, J), t.component(`${o}Loader`, Ue), t.component(`${o}Modal`, Ke), t.component(`${o}Pagination`, wo), t.component(`${o}Checkbox`, pe), t.component(`${o}Table`, il), t.component(`${o}TableColumn`, al), t.directive("tooltip", cl), n && t.use(Ro);
|
|
2025
2039
|
}
|
|
2026
|
-
},
|
|
2040
|
+
}, hl = ul.install;
|
|
2027
2041
|
export {
|
|
2028
|
-
|
|
2042
|
+
pl as DEFAULT_COLUMN_CONFIG,
|
|
2029
2043
|
Ce as VButton,
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2044
|
+
pe as VCheckbox,
|
|
2045
|
+
J as VIcon,
|
|
2046
|
+
Ue as VLoader,
|
|
2047
|
+
Ke as VModal,
|
|
2048
|
+
Ro as VModalPlugin,
|
|
2049
|
+
wo as VPagination,
|
|
2050
|
+
il as VTable,
|
|
2051
|
+
al as VTableColumn,
|
|
2052
|
+
ul as default,
|
|
2053
|
+
hl as install,
|
|
2054
|
+
ce as modalManager,
|
|
2055
|
+
cl as tooltipDirective
|
|
2042
2056
|
};
|