voiptime-components 1.0.19 → 1.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +821 -803
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as f, openBlock as p, createElementVNode as v, createStaticVNode as Ne, defineComponent as ee, computed as V, createBlock as ne, createCommentVNode as H, resolveDynamicComponent as Fe, useSlots as Se, resolveDirective as Ze, withDirectives as Ve, normalizeClass as E, renderSlot as ue, Teleport as Ye, normalizeStyle as le, withModifiers as me, toDisplayString as Q, watch as ge, Fragment as se, renderList as re, vModelSelect as ht, createVNode as N, withCtx as he, createTextVNode as Ce, ref as T, provide as Ue, onMounted as _e, onUnmounted as Ie, nextTick as pt, inject as Xe, createApp as mt, h as xe, mergeModels as He, useModel as vt, reactive as ft, unref as q } from "vue";
|
|
2
|
+
const z = (t, e) => {
|
|
3
3
|
const o = t.__vccOpts || t;
|
|
4
4
|
for (const [n, l] of e)
|
|
5
5
|
o[n] = l;
|
|
6
6
|
return o;
|
|
7
|
-
},
|
|
7
|
+
}, gt = {}, _t = {
|
|
8
8
|
width: "20",
|
|
9
9
|
height: "20",
|
|
10
10
|
viewBox: "0 0 20 20",
|
|
@@ -12,8 +12,8 @@ const D = (t, e) => {
|
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
13
|
};
|
|
14
14
|
function wt(t, e) {
|
|
15
|
-
return p(),
|
|
16
|
-
|
|
15
|
+
return p(), f("svg", _t, 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,7 +22,7 @@ function wt(t, e) {
|
|
|
22
22
|
}, null, -1)
|
|
23
23
|
]));
|
|
24
24
|
}
|
|
25
|
-
const Ct = /* @__PURE__ */
|
|
25
|
+
const Ct = /* @__PURE__ */ z(gt, [["render", wt]]), bt = {}, kt = {
|
|
26
26
|
width: "20",
|
|
27
27
|
height: "20",
|
|
28
28
|
viewBox: "0 0 20 20",
|
|
@@ -30,8 +30,8 @@ const Ct = /* @__PURE__ */ D(_t, [["render", wt]]), kt = {}, bt = {
|
|
|
30
30
|
xmlns: "http://www.w3.org/2000/svg"
|
|
31
31
|
};
|
|
32
32
|
function yt(t, e) {
|
|
33
|
-
return p(),
|
|
34
|
-
|
|
33
|
+
return p(), f("svg", kt, 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,7 +40,7 @@ function yt(t, e) {
|
|
|
40
40
|
}, null, -1)
|
|
41
41
|
]));
|
|
42
42
|
}
|
|
43
|
-
const xt = /* @__PURE__ */
|
|
43
|
+
const xt = /* @__PURE__ */ z(bt, [["render", yt]]), Mt = {}, Lt = {
|
|
44
44
|
width: "14",
|
|
45
45
|
height: "15",
|
|
46
46
|
viewBox: "0 0 14 15",
|
|
@@ -48,21 +48,21 @@ const xt = /* @__PURE__ */ D(kt, [["render", yt]]), Mt = {}, Lt = {
|
|
|
48
48
|
xmlns: "http://www.w3.org/2000/svg"
|
|
49
49
|
};
|
|
50
50
|
function $t(t, e) {
|
|
51
|
-
return p(),
|
|
52
|
-
|
|
51
|
+
return p(), f("svg", Lt, 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 St = /* @__PURE__ */
|
|
65
|
+
const St = /* @__PURE__ */ z(Mt, [["render", $t]]), Vt = {}, It = {
|
|
66
66
|
width: "21",
|
|
67
67
|
height: "20",
|
|
68
68
|
viewBox: "0 0 21 20",
|
|
@@ -70,8 +70,8 @@ const St = /* @__PURE__ */ D(Mt, [["render", $t]]), Vt = {}, It = {
|
|
|
70
70
|
xmlns: "http://www.w3.org/2000/svg"
|
|
71
71
|
};
|
|
72
72
|
function Bt(t, e) {
|
|
73
|
-
return p(),
|
|
74
|
-
|
|
73
|
+
return p(), f("svg", It, 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 Bt(t, e) {
|
|
|
80
80
|
}, null, -1)
|
|
81
81
|
]));
|
|
82
82
|
}
|
|
83
|
-
const
|
|
83
|
+
const Et = /* @__PURE__ */ z(Vt, [["render", Bt]]), Tt = {}, Rt = {
|
|
84
84
|
width: "21",
|
|
85
85
|
height: "20",
|
|
86
86
|
viewBox: "0 0 21 20",
|
|
87
87
|
fill: "none",
|
|
88
88
|
xmlns: "http://www.w3.org/2000/svg"
|
|
89
89
|
};
|
|
90
|
-
function
|
|
91
|
-
return p(),
|
|
92
|
-
|
|
90
|
+
function Ht(t, e) {
|
|
91
|
+
return p(), f("svg", Rt, 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,7 +98,7 @@ function zt(t, e) {
|
|
|
98
98
|
}, null, -1)
|
|
99
99
|
]));
|
|
100
100
|
}
|
|
101
|
-
const
|
|
101
|
+
const zt = /* @__PURE__ */ z(Tt, [["render", Ht]]), Wt = {}, Dt = {
|
|
102
102
|
width: "20",
|
|
103
103
|
height: "20",
|
|
104
104
|
viewBox: "0 0 20 20",
|
|
@@ -106,8 +106,8 @@ const Ht = /* @__PURE__ */ D(Et, [["render", zt]]), Wt = {}, Dt = {
|
|
|
106
106
|
xmlns: "http://www.w3.org/2000/svg"
|
|
107
107
|
};
|
|
108
108
|
function Pt(t, e) {
|
|
109
|
-
return p(),
|
|
110
|
-
|
|
109
|
+
return p(), f("svg", Dt, 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,7 +116,7 @@ function Pt(t, e) {
|
|
|
116
116
|
}, null, -1)
|
|
117
117
|
]));
|
|
118
118
|
}
|
|
119
|
-
const At = /* @__PURE__ */
|
|
119
|
+
const At = /* @__PURE__ */ z(Wt, [["render", Pt]]), Ot = {}, jt = {
|
|
120
120
|
width: "20",
|
|
121
121
|
height: "20",
|
|
122
122
|
viewBox: "0 0 20 20",
|
|
@@ -124,15 +124,15 @@ const At = /* @__PURE__ */ D(Wt, [["render", Pt]]), Ot = {}, jt = {
|
|
|
124
124
|
xmlns: "http://www.w3.org/2000/svg"
|
|
125
125
|
};
|
|
126
126
|
function Nt(t, e) {
|
|
127
|
-
return p(),
|
|
128
|
-
|
|
127
|
+
return p(), f("svg", jt, 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,7 +140,7 @@ function Nt(t, e) {
|
|
|
140
140
|
}, null, -1)
|
|
141
141
|
]));
|
|
142
142
|
}
|
|
143
|
-
const Ft = /* @__PURE__ */
|
|
143
|
+
const Ft = /* @__PURE__ */ z(Ot, [["render", Nt]]), Zt = {}, Yt = {
|
|
144
144
|
width: "20",
|
|
145
145
|
height: "20",
|
|
146
146
|
viewBox: "0 0 20 20",
|
|
@@ -148,15 +148,15 @@ const Ft = /* @__PURE__ */ D(Ot, [["render", Nt]]), Zt = {}, Yt = {
|
|
|
148
148
|
xmlns: "http://www.w3.org/2000/svg"
|
|
149
149
|
};
|
|
150
150
|
function Ut(t, e) {
|
|
151
|
-
return p(),
|
|
152
|
-
|
|
151
|
+
return p(), f("svg", Yt, 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,7 +164,7 @@ function Ut(t, e) {
|
|
|
164
164
|
}, null, -1)
|
|
165
165
|
]));
|
|
166
166
|
}
|
|
167
|
-
const Xt = /* @__PURE__ */
|
|
167
|
+
const Xt = /* @__PURE__ */ z(Zt, [["render", Ut]]), Kt = {}, qt = {
|
|
168
168
|
xmlns: "http://www.w3.org/2000/svg",
|
|
169
169
|
width: "60",
|
|
170
170
|
height: "60",
|
|
@@ -172,8 +172,8 @@ const Xt = /* @__PURE__ */ D(Zt, [["render", Ut]]), Kt = {}, qt = {
|
|
|
172
172
|
fill: "none"
|
|
173
173
|
};
|
|
174
174
|
function Gt(t, e) {
|
|
175
|
-
return p(),
|
|
176
|
-
|
|
175
|
+
return p(), f("svg", qt, 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,7 +182,7 @@ function Gt(t, e) {
|
|
|
182
182
|
}, null, -1)
|
|
183
183
|
]));
|
|
184
184
|
}
|
|
185
|
-
const Jt = /* @__PURE__ */
|
|
185
|
+
const Jt = /* @__PURE__ */ z(Kt, [["render", Gt]]), Qt = {}, en = {
|
|
186
186
|
width: "20",
|
|
187
187
|
height: "20",
|
|
188
188
|
viewBox: "0 0 20 20",
|
|
@@ -190,14 +190,14 @@ const Jt = /* @__PURE__ */ D(Kt, [["render", Gt]]), Qt = {}, en = {
|
|
|
190
190
|
xmlns: "http://www.w3.org/2000/svg"
|
|
191
191
|
};
|
|
192
192
|
function tn(t, e) {
|
|
193
|
-
return p(),
|
|
194
|
-
|
|
193
|
+
return p(), f("svg", en, 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,7 +205,7 @@ function tn(t, e) {
|
|
|
205
205
|
}, null, -1)
|
|
206
206
|
]));
|
|
207
207
|
}
|
|
208
|
-
const nn = /* @__PURE__ */
|
|
208
|
+
const nn = /* @__PURE__ */ z(Qt, [["render", tn]]), on = {}, ln = {
|
|
209
209
|
width: "20",
|
|
210
210
|
height: "20",
|
|
211
211
|
viewBox: "0 0 20 20",
|
|
@@ -213,8 +213,8 @@ const nn = /* @__PURE__ */ D(Qt, [["render", tn]]), on = {}, ln = {
|
|
|
213
213
|
xmlns: "http://www.w3.org/2000/svg"
|
|
214
214
|
};
|
|
215
215
|
function sn(t, e) {
|
|
216
|
-
return p(),
|
|
217
|
-
|
|
216
|
+
return p(), f("svg", ln, 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,7 +222,7 @@ function sn(t, e) {
|
|
|
222
222
|
}, null, -1)
|
|
223
223
|
]));
|
|
224
224
|
}
|
|
225
|
-
const rn = /* @__PURE__ */
|
|
225
|
+
const rn = /* @__PURE__ */ z(on, [["render", sn]]), an = {}, cn = {
|
|
226
226
|
width: "21",
|
|
227
227
|
height: "20",
|
|
228
228
|
viewBox: "0 0 21 20",
|
|
@@ -230,8 +230,8 @@ const rn = /* @__PURE__ */ D(on, [["render", sn]]), an = {}, cn = {
|
|
|
230
230
|
xmlns: "http://www.w3.org/2000/svg"
|
|
231
231
|
};
|
|
232
232
|
function dn(t, e) {
|
|
233
|
-
return p(),
|
|
234
|
-
|
|
233
|
+
return p(), f("svg", cn, 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,7 +239,7 @@ function dn(t, e) {
|
|
|
239
239
|
}, null, -1)
|
|
240
240
|
]));
|
|
241
241
|
}
|
|
242
|
-
const un = /* @__PURE__ */
|
|
242
|
+
const un = /* @__PURE__ */ z(an, [["render", dn]]), hn = {}, pn = {
|
|
243
243
|
width: "20",
|
|
244
244
|
height: "20",
|
|
245
245
|
viewBox: "0 0 20 20",
|
|
@@ -247,8 +247,8 @@ const un = /* @__PURE__ */ D(an, [["render", dn]]), pn = {}, hn = {
|
|
|
247
247
|
xmlns: "http://www.w3.org/2000/svg"
|
|
248
248
|
};
|
|
249
249
|
function mn(t, e) {
|
|
250
|
-
return p(),
|
|
251
|
-
|
|
250
|
+
return p(), f("svg", pn, 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 mn(t, e) {
|
|
|
257
257
|
}, null, -1)
|
|
258
258
|
]));
|
|
259
259
|
}
|
|
260
|
-
const vn = /* @__PURE__ */
|
|
260
|
+
const vn = /* @__PURE__ */ z(hn, [["render", mn]]), fn = {}, gn = {
|
|
261
261
|
width: "20",
|
|
262
262
|
height: "20",
|
|
263
263
|
viewBox: "0 0 20 20",
|
|
264
264
|
fill: "none",
|
|
265
265
|
xmlns: "http://www.w3.org/2000/svg"
|
|
266
266
|
};
|
|
267
|
-
function
|
|
268
|
-
return p(),
|
|
269
|
-
|
|
267
|
+
function _n(t, e) {
|
|
268
|
+
return p(), f("svg", gn, 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 gn(t, e) {
|
|
|
275
275
|
}, null, -1)
|
|
276
276
|
]));
|
|
277
277
|
}
|
|
278
|
-
const wn = /* @__PURE__ */
|
|
278
|
+
const wn = /* @__PURE__ */ z(fn, [["render", _n]]), Cn = {}, bn = {
|
|
279
279
|
width: "20",
|
|
280
280
|
height: "20",
|
|
281
281
|
viewBox: "0 0 20 20",
|
|
282
282
|
fill: "none",
|
|
283
283
|
xmlns: "http://www.w3.org/2000/svg"
|
|
284
284
|
};
|
|
285
|
-
function
|
|
286
|
-
return p(),
|
|
287
|
-
|
|
285
|
+
function kn(t, e) {
|
|
286
|
+
return p(), f("svg", bn, 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,7 +293,7 @@ function bn(t, e) {
|
|
|
293
293
|
}, null, -1)
|
|
294
294
|
]));
|
|
295
295
|
}
|
|
296
|
-
const yn = /* @__PURE__ */
|
|
296
|
+
const yn = /* @__PURE__ */ z(Cn, [["render", kn]]), xn = {}, Mn = {
|
|
297
297
|
width: "20",
|
|
298
298
|
height: "20",
|
|
299
299
|
viewBox: "0 0 20 20",
|
|
@@ -301,22 +301,22 @@ const yn = /* @__PURE__ */ D(Cn, [["render", bn]]), xn = {}, Mn = {
|
|
|
301
301
|
xmlns: "http://www.w3.org/2000/svg"
|
|
302
302
|
};
|
|
303
303
|
function Ln(t, e) {
|
|
304
|
-
return p(),
|
|
305
|
-
|
|
304
|
+
return p(), f("svg", Mn, 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 $n = /* @__PURE__ */
|
|
319
|
+
const $n = /* @__PURE__ */ z(xn, [["render", Ln]]), Sn = {}, Vn = {
|
|
320
320
|
width: "20",
|
|
321
321
|
height: "20",
|
|
322
322
|
viewBox: "0 0 20 20",
|
|
@@ -324,11 +324,11 @@ const $n = /* @__PURE__ */ D(xn, [["render", Ln]]), Sn = {}, Vn = {
|
|
|
324
324
|
xmlns: "http://www.w3.org/2000/svg"
|
|
325
325
|
};
|
|
326
326
|
function In(t, e) {
|
|
327
|
-
return p(),
|
|
328
|
-
|
|
327
|
+
return p(), f("svg", Vn, e[0] || (e[0] = [
|
|
328
|
+
Ne('<path d="M10.5 5.5H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 10H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M10.5 15H17.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M3 15.083L4.042 16.125L7.167 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 6.083L4.042 7.125L7.167 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>', 5)
|
|
329
329
|
]));
|
|
330
330
|
}
|
|
331
|
-
const Bn = /* @__PURE__ */
|
|
331
|
+
const Bn = /* @__PURE__ */ z(Sn, [["render", In]]), En = {}, Tn = {
|
|
332
332
|
width: "20",
|
|
333
333
|
height: "20",
|
|
334
334
|
viewBox: "0 0 20 20",
|
|
@@ -336,8 +336,8 @@ const Bn = /* @__PURE__ */ D(Sn, [["render", In]]), Tn = {}, En = {
|
|
|
336
336
|
xmlns: "http://www.w3.org/2000/svg"
|
|
337
337
|
};
|
|
338
338
|
function Rn(t, e) {
|
|
339
|
-
return p(),
|
|
340
|
-
|
|
339
|
+
return p(), f("svg", Tn, 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,7 +346,7 @@ function Rn(t, e) {
|
|
|
346
346
|
}, null, -1)
|
|
347
347
|
]));
|
|
348
348
|
}
|
|
349
|
-
const
|
|
349
|
+
const Hn = /* @__PURE__ */ z(En, [["render", Rn]]), zn = {}, Wn = {
|
|
350
350
|
width: "20",
|
|
351
351
|
height: "20",
|
|
352
352
|
viewBox: "0 0 20 20",
|
|
@@ -354,27 +354,27 @@ const zn = /* @__PURE__ */ D(Tn, [["render", Rn]]), Hn = {}, Wn = {
|
|
|
354
354
|
xmlns: "http://www.w3.org/2000/svg"
|
|
355
355
|
};
|
|
356
356
|
function Dn(t, e) {
|
|
357
|
-
return p(),
|
|
358
|
-
|
|
357
|
+
return p(), f("svg", Wn, 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 Pn = /* @__PURE__ */
|
|
377
|
+
const Pn = /* @__PURE__ */ z(zn, [["render", Dn]]), An = {}, On = {
|
|
378
378
|
width: "20",
|
|
379
379
|
height: "20",
|
|
380
380
|
viewBox: "0 0 20 20",
|
|
@@ -382,15 +382,15 @@ const Pn = /* @__PURE__ */ D(Hn, [["render", Dn]]), An = {}, On = {
|
|
|
382
382
|
xmlns: "http://www.w3.org/2000/svg"
|
|
383
383
|
};
|
|
384
384
|
function jn(t, e) {
|
|
385
|
-
return p(),
|
|
386
|
-
|
|
385
|
+
return p(), f("svg", On, 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,7 +399,7 @@ function jn(t, e) {
|
|
|
399
399
|
}, null, -1)
|
|
400
400
|
]));
|
|
401
401
|
}
|
|
402
|
-
const Nn = /* @__PURE__ */
|
|
402
|
+
const Nn = /* @__PURE__ */ z(An, [["render", jn]]), Fn = {}, Zn = {
|
|
403
403
|
width: "20",
|
|
404
404
|
height: "20",
|
|
405
405
|
viewBox: "0 0 20 20",
|
|
@@ -407,11 +407,11 @@ const Nn = /* @__PURE__ */ D(An, [["render", jn]]), Fn = {}, Zn = {
|
|
|
407
407
|
xmlns: "http://www.w3.org/2000/svg"
|
|
408
408
|
};
|
|
409
409
|
function Yn(t, e) {
|
|
410
|
-
return p(),
|
|
411
|
-
|
|
410
|
+
return p(), f("svg", Zn, e[0] || (e[0] = [
|
|
411
|
+
Ne('<circle cx="4.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><circle cx="9.5" cy="8.5" r="1.5" transform="rotate(-180 9.5 8.5)" stroke="currentColor" stroke-width="1.5"></circle><circle cx="14.5" cy="12.5" r="1.5" stroke="currentColor" stroke-width="1.5"></circle><path d="M4.55469 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 9.5L9.44531 18" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 10.5V2" stroke="currentColor" stroke-width="1.5"></path><path d="M4.55469 18V15.5" stroke="currentColor" stroke-width="1.5"></path><path d="M9.44531 2L9.44531 5.5" stroke="currentColor" stroke-width="1.5"></path><path d="M14.5547 18V15.5" stroke="currentColor" stroke-width="1.5"></path>', 9)
|
|
412
412
|
]));
|
|
413
413
|
}
|
|
414
|
-
const Un = /* @__PURE__ */
|
|
414
|
+
const Un = /* @__PURE__ */ z(Fn, [["render", Yn]]), Xn = {}, Kn = {
|
|
415
415
|
width: "20",
|
|
416
416
|
height: "20",
|
|
417
417
|
viewBox: "0 0 20 20",
|
|
@@ -419,15 +419,15 @@ const Un = /* @__PURE__ */ D(Fn, [["render", Yn]]), Xn = {}, Kn = {
|
|
|
419
419
|
xmlns: "http://www.w3.org/2000/svg"
|
|
420
420
|
};
|
|
421
421
|
function qn(t, e) {
|
|
422
|
-
return p(),
|
|
423
|
-
|
|
422
|
+
return p(), f("svg", Kn, 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,12 +436,12 @@ function qn(t, e) {
|
|
|
436
436
|
}, null, -1)
|
|
437
437
|
]));
|
|
438
438
|
}
|
|
439
|
-
const Gn = /* @__PURE__ */
|
|
439
|
+
const Gn = /* @__PURE__ */ z(Xn, [["render", qn]]), Jn = {
|
|
440
440
|
// arrow icons
|
|
441
441
|
arrowDown: Ct,
|
|
442
442
|
arrowTop: xt,
|
|
443
|
-
arrowRight:
|
|
444
|
-
arrowLeft:
|
|
443
|
+
arrowRight: Et,
|
|
444
|
+
arrowLeft: zt,
|
|
445
445
|
arrowReload: St,
|
|
446
446
|
// table icons
|
|
447
447
|
columnInsert: At,
|
|
@@ -458,28 +458,28 @@ const Gn = /* @__PURE__ */ D(Xn, [["render", qn]]), Jn = {
|
|
|
458
458
|
filterReset: yn,
|
|
459
459
|
filterNew: $n,
|
|
460
460
|
filterMultiselect: Bn,
|
|
461
|
-
filterExchange:
|
|
461
|
+
filterExchange: Hn,
|
|
462
462
|
filterEdit: Pn,
|
|
463
463
|
filterDateCheck: Nn,
|
|
464
464
|
filterAdvanced: Un,
|
|
465
465
|
filterAdd: Gn
|
|
466
|
-
}, G = /* @__PURE__ */
|
|
466
|
+
}, G = /* @__PURE__ */ ee({
|
|
467
467
|
__name: "VIcon",
|
|
468
468
|
props: {
|
|
469
469
|
name: {}
|
|
470
470
|
},
|
|
471
471
|
setup(t) {
|
|
472
|
-
const e = t, o =
|
|
473
|
-
return (n, l) => o.value ? (p(), ne(
|
|
472
|
+
const e = t, o = V(() => Jn[e.name]);
|
|
473
|
+
return (n, l) => o.value ? (p(), ne(Fe(o.value), { key: 0 })) : H("", !0);
|
|
474
474
|
}
|
|
475
475
|
}), Qn = {}, eo = { class: "vt-loader" };
|
|
476
476
|
function to(t, e) {
|
|
477
|
-
return p(),
|
|
477
|
+
return p(), f("span", eo);
|
|
478
478
|
}
|
|
479
|
-
const
|
|
479
|
+
const Ke = /* @__PURE__ */ z(Qn, [["render", to]]), no = ["disabled", "type", "data-placement"], oo = {
|
|
480
480
|
key: 2,
|
|
481
481
|
class: "vt-button__content"
|
|
482
|
-
},
|
|
482
|
+
}, be = /* @__PURE__ */ ee({
|
|
483
483
|
__name: "VButton",
|
|
484
484
|
props: {
|
|
485
485
|
type: { default: "default" },
|
|
@@ -493,11 +493,11 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
493
493
|
},
|
|
494
494
|
emits: ["click"],
|
|
495
495
|
setup(t, { emit: e }) {
|
|
496
|
-
const o = t, n = e, l =
|
|
497
|
-
var
|
|
496
|
+
const o = t, n = e, l = Se(), s = V(() => !!(o.icon && o.shape)), i = V(() => {
|
|
497
|
+
var b, y;
|
|
498
498
|
const r = l.default ? l.default({}) : null;
|
|
499
|
-
return ((
|
|
500
|
-
}),
|
|
499
|
+
return ((y = (b = r == null ? void 0 : r[0]) == null ? void 0 : b.children) == null ? void 0 : y.toString()) ?? "";
|
|
500
|
+
}), d = V(() => [
|
|
501
501
|
"vt-button",
|
|
502
502
|
`vt-button--${o.type}`,
|
|
503
503
|
{
|
|
@@ -506,31 +506,31 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
506
506
|
"vt-button--disabled": o.disabled || o.loading,
|
|
507
507
|
"vt-button--loading": o.loading
|
|
508
508
|
}
|
|
509
|
-
]), a =
|
|
509
|
+
]), a = V(() => s.value && o.tooltip ? i.value : null), u = (r) => {
|
|
510
510
|
!o.disabled && !o.loading && n("click", r);
|
|
511
511
|
};
|
|
512
|
-
return (r,
|
|
513
|
-
const
|
|
514
|
-
return
|
|
515
|
-
class:
|
|
512
|
+
return (r, b) => {
|
|
513
|
+
const y = Ze("tooltip");
|
|
514
|
+
return Ve((p(), f("button", {
|
|
515
|
+
class: E(d.value),
|
|
516
516
|
disabled: o.disabled || o.loading,
|
|
517
517
|
type: o.htmlType,
|
|
518
518
|
"data-placement": o.tooltipPlacement,
|
|
519
519
|
onClick: u
|
|
520
520
|
}, [
|
|
521
|
-
o.loading ? (p(), ne(
|
|
521
|
+
o.loading ? (p(), ne(Ke, {
|
|
522
522
|
key: 0,
|
|
523
523
|
class: "vt-button__icon"
|
|
524
524
|
})) : o.icon ? (p(), ne(G, {
|
|
525
525
|
key: 1,
|
|
526
526
|
name: o.icon,
|
|
527
527
|
class: "vt-button__icon"
|
|
528
|
-
}, null, 8, ["name"])) :
|
|
529
|
-
s.value ?
|
|
530
|
-
|
|
528
|
+
}, null, 8, ["name"])) : H("", !0),
|
|
529
|
+
s.value ? H("", !0) : (p(), f("span", oo, [
|
|
530
|
+
ue(r.$slots, "default")
|
|
531
531
|
]))
|
|
532
532
|
], 10, no)), [
|
|
533
|
-
[
|
|
533
|
+
[y, a.value]
|
|
534
534
|
]);
|
|
535
535
|
};
|
|
536
536
|
}
|
|
@@ -540,7 +540,7 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
540
540
|
}, so = {
|
|
541
541
|
key: 0,
|
|
542
542
|
class: "vt-modal__title"
|
|
543
|
-
}, ro = { class: "vt-modal__content" },
|
|
543
|
+
}, ro = { class: "vt-modal__content" }, qe = /* @__PURE__ */ ee({
|
|
544
544
|
__name: "VModal",
|
|
545
545
|
props: {
|
|
546
546
|
modelValue: { type: Boolean },
|
|
@@ -552,42 +552,42 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
552
552
|
},
|
|
553
553
|
emits: ["update:modelValue", "close"],
|
|
554
554
|
setup(t, { emit: e }) {
|
|
555
|
-
const o = t, n = e, l =
|
|
555
|
+
const o = t, n = e, l = V(() => ["vt-modal__container", `vt-modal__container--${o.size}`]), s = V(() => ({
|
|
556
556
|
zIndex: o.zIndex
|
|
557
557
|
})), i = () => {
|
|
558
558
|
n("update:modelValue", !1), n("close");
|
|
559
|
-
},
|
|
559
|
+
}, d = () => {
|
|
560
560
|
o.closeOnBackdropClick && i();
|
|
561
561
|
};
|
|
562
|
-
return (a, u) => (p(), ne(
|
|
563
|
-
a.modelValue ? (p(),
|
|
562
|
+
return (a, u) => (p(), ne(Ye, { to: "body" }, [
|
|
563
|
+
a.modelValue ? (p(), f("div", {
|
|
564
564
|
key: 0,
|
|
565
565
|
class: "vt-modal__backdrop",
|
|
566
|
-
style:
|
|
567
|
-
onClick:
|
|
566
|
+
style: le(s.value),
|
|
567
|
+
onClick: d
|
|
568
568
|
}, [
|
|
569
|
-
|
|
570
|
-
class:
|
|
571
|
-
onClick: u[0] || (u[0] =
|
|
569
|
+
v("div", {
|
|
570
|
+
class: E(l.value),
|
|
571
|
+
onClick: u[0] || (u[0] = me(() => {
|
|
572
572
|
}, ["stop"]))
|
|
573
573
|
}, [
|
|
574
|
-
a.title || a.showCloseButton ? (p(),
|
|
575
|
-
a.title ? (p(),
|
|
574
|
+
a.title || a.showCloseButton ? (p(), f("div", lo, [
|
|
575
|
+
a.title ? (p(), f("h2", so, Q(a.title), 1)) : H("", !0),
|
|
576
576
|
a.showCloseButton ? (p(), ne(G, {
|
|
577
577
|
key: 1,
|
|
578
578
|
name: "close",
|
|
579
579
|
class: "vt-modal__close",
|
|
580
580
|
onClick: i
|
|
581
|
-
})) :
|
|
582
|
-
])) :
|
|
583
|
-
|
|
584
|
-
|
|
581
|
+
})) : H("", !0)
|
|
582
|
+
])) : H("", !0),
|
|
583
|
+
v("div", ro, [
|
|
584
|
+
ue(a.$slots, "default")
|
|
585
585
|
])
|
|
586
586
|
], 2)
|
|
587
|
-
], 4)) :
|
|
587
|
+
], 4)) : H("", !0)
|
|
588
588
|
]));
|
|
589
589
|
}
|
|
590
|
-
}), io = { class: "vt-pagination" }, ao = { class: "vt-pagination__info" }, co = { class: "vt-pagination__rows-per-page" }, uo = ["value"],
|
|
590
|
+
}), io = { class: "vt-pagination" }, ao = { class: "vt-pagination__info" }, co = { class: "vt-pagination__rows-per-page" }, uo = ["value"], ho = { class: "vt-pagination__navigation" }, po = ["disabled"], mo = ["onClick"], vo = ["disabled"], fo = /* @__PURE__ */ ee({
|
|
591
591
|
__name: "VPagination",
|
|
592
592
|
props: {
|
|
593
593
|
totalItems: {},
|
|
@@ -598,103 +598,103 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["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, l =
|
|
601
|
+
const o = t, n = e, l = V({
|
|
602
602
|
get: () => o.currentPage,
|
|
603
|
-
set: (
|
|
604
|
-
}), s =
|
|
603
|
+
set: (M) => n("update:currentPage", M)
|
|
604
|
+
}), s = V({
|
|
605
605
|
get: () => o.pageSize,
|
|
606
|
-
set: (
|
|
607
|
-
}), i =
|
|
608
|
-
const
|
|
609
|
-
if (
|
|
610
|
-
for (let
|
|
611
|
-
|
|
606
|
+
set: (M) => n("update:pageSize", M)
|
|
607
|
+
}), i = V(() => Math.ceil(o.totalItems / s.value)), d = V(() => o.totalItems === 0 ? 0 : (l.value - 1) * s.value + 1), a = V(() => Math.min(l.value * s.value, o.totalItems)), u = V(() => l.value <= 1), r = V(() => l.value >= i.value), b = V(() => {
|
|
608
|
+
const M = [], S = i.value, $ = l.value, O = o.maxVisiblePages;
|
|
609
|
+
if (S <= O)
|
|
610
|
+
for (let X = 1; X <= S; X++)
|
|
611
|
+
M.push(X);
|
|
612
612
|
else {
|
|
613
|
-
|
|
614
|
-
const
|
|
615
|
-
|
|
616
|
-
for (let
|
|
617
|
-
|
|
618
|
-
|
|
613
|
+
M.push(1);
|
|
614
|
+
const X = Math.max(2, $ - Math.floor(O / 2)), te = Math.min(S - 1, $ + Math.floor(O / 2));
|
|
615
|
+
X > 2 && M.push("...");
|
|
616
|
+
for (let K = X; K <= te; K++)
|
|
617
|
+
M.push(K);
|
|
618
|
+
te < S - 1 && M.push("..."), S > 1 && M.push(S);
|
|
619
619
|
}
|
|
620
|
-
return
|
|
621
|
-
}),
|
|
620
|
+
return M;
|
|
621
|
+
}), y = () => {
|
|
622
622
|
n("pageChange", {
|
|
623
623
|
page: l.value,
|
|
624
624
|
pageSize: s.value
|
|
625
625
|
});
|
|
626
|
-
},
|
|
627
|
-
typeof
|
|
628
|
-
},
|
|
629
|
-
u.value || (l.value--,
|
|
630
|
-
},
|
|
631
|
-
r.value || (l.value++,
|
|
632
|
-
},
|
|
633
|
-
l.value = 1,
|
|
634
|
-
},
|
|
626
|
+
}, A = (M) => {
|
|
627
|
+
typeof M == "number" && M !== l.value && (l.value = M, y());
|
|
628
|
+
}, U = () => {
|
|
629
|
+
u.value || (l.value--, y());
|
|
630
|
+
}, F = () => {
|
|
631
|
+
r.value || (l.value++, y());
|
|
632
|
+
}, W = () => {
|
|
633
|
+
l.value = 1, y();
|
|
634
|
+
}, Z = () => {
|
|
635
635
|
n("reloadData", l.value);
|
|
636
636
|
};
|
|
637
|
-
return
|
|
637
|
+
return ge(
|
|
638
638
|
() => o.totalItems,
|
|
639
639
|
() => {
|
|
640
|
-
l.value > i.value && i.value > 0 && (l.value = i.value,
|
|
640
|
+
l.value > i.value && i.value > 0 && (l.value = i.value, y());
|
|
641
641
|
}
|
|
642
|
-
), (
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
642
|
+
), (M, S) => (p(), f("div", io, [
|
|
643
|
+
v("div", ao, [
|
|
644
|
+
v("div", co, [
|
|
645
|
+
S[1] || (S[1] = v("label", {
|
|
646
646
|
for: "rowsSelect",
|
|
647
647
|
class: "vt-pagination__label"
|
|
648
648
|
}, "Рядків на сторінку:", -1)),
|
|
649
|
-
|
|
649
|
+
Ve(v("select", {
|
|
650
650
|
id: "rowsSelect",
|
|
651
|
-
"onUpdate:modelValue":
|
|
652
|
-
onChange:
|
|
651
|
+
"onUpdate:modelValue": S[0] || (S[0] = ($) => s.value = $),
|
|
652
|
+
onChange: W,
|
|
653
653
|
class: "vt-pagination__select"
|
|
654
654
|
}, [
|
|
655
|
-
(p(!0),
|
|
656
|
-
key:
|
|
657
|
-
value:
|
|
658
|
-
},
|
|
655
|
+
(p(!0), f(se, null, re(M.pageSizeOptions, ($) => (p(), f("option", {
|
|
656
|
+
key: $,
|
|
657
|
+
value: $
|
|
658
|
+
}, Q($), 9, uo))), 128))
|
|
659
659
|
], 544), [
|
|
660
|
-
[
|
|
660
|
+
[ht, s.value]
|
|
661
661
|
])
|
|
662
662
|
]),
|
|
663
|
-
|
|
663
|
+
v("span", null, Q(d.value) + " - " + Q(a.value) + " з " + Q(M.totalItems), 1)
|
|
664
664
|
]),
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
onClick:
|
|
665
|
+
v("div", ho, [
|
|
666
|
+
v("button", {
|
|
667
|
+
onClick: U,
|
|
668
668
|
disabled: u.value,
|
|
669
|
-
class:
|
|
669
|
+
class: E({ "vt-pagination__nav-button": !0, "has-items": !u.value })
|
|
670
670
|
}, [
|
|
671
|
-
|
|
672
|
-
], 10,
|
|
673
|
-
(p(!0),
|
|
674
|
-
key:
|
|
675
|
-
onClick: (
|
|
676
|
-
class:
|
|
677
|
-
"vt-pagination__nav-button--active":
|
|
671
|
+
N(G, { name: "arrowLeft" })
|
|
672
|
+
], 10, po),
|
|
673
|
+
(p(!0), f(se, null, re(b.value, ($) => (p(), f("button", {
|
|
674
|
+
key: $,
|
|
675
|
+
onClick: (O) => A($),
|
|
676
|
+
class: E(["vt-pagination__nav-button", {
|
|
677
|
+
"vt-pagination__nav-button--active": $ === l.value
|
|
678
678
|
}])
|
|
679
|
-
},
|
|
680
|
-
|
|
681
|
-
onClick:
|
|
679
|
+
}, Q($), 11, mo))), 128)),
|
|
680
|
+
v("button", {
|
|
681
|
+
onClick: F,
|
|
682
682
|
disabled: r.value,
|
|
683
|
-
class:
|
|
683
|
+
class: E({ "vt-pagination__nav-button": !0, "has-items": !r.value })
|
|
684
684
|
}, [
|
|
685
|
-
|
|
685
|
+
N(G, { name: "arrowRight" })
|
|
686
686
|
], 10, vo)
|
|
687
687
|
]),
|
|
688
|
-
|
|
689
|
-
|
|
688
|
+
v("div", null, [
|
|
689
|
+
N(be, {
|
|
690
690
|
icon: "arrowReload",
|
|
691
691
|
shape: "circle",
|
|
692
692
|
tooltip: "",
|
|
693
693
|
tooltipPlacement: "left",
|
|
694
|
-
onClick:
|
|
694
|
+
onClick: Z
|
|
695
695
|
}, {
|
|
696
|
-
default:
|
|
697
|
-
|
|
696
|
+
default: he(() => S[2] || (S[2] = [
|
|
697
|
+
Ce("Оновити дані ", -1)
|
|
698
698
|
])),
|
|
699
699
|
_: 1,
|
|
700
700
|
__: [2]
|
|
@@ -702,7 +702,7 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
702
702
|
])
|
|
703
703
|
]));
|
|
704
704
|
}
|
|
705
|
-
}),
|
|
705
|
+
}), go = ["for"], _o = ["id", "name", "value", "checked", "disabled", "required", ".indeterminate"], pe = /* @__PURE__ */ ee({
|
|
706
706
|
__name: "VCheckbox",
|
|
707
707
|
props: {
|
|
708
708
|
modelValue: { type: Boolean, default: void 0 },
|
|
@@ -720,17 +720,17 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["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, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, s =
|
|
723
|
+
const o = t, n = e, l = () => `vt-checkbox-${Math.random().toString(36).substr(2, 9)}`, s = V(() => o.id || l()), i = V(() => o.modelValue ?? o.checked), d = (r) => {
|
|
724
724
|
if (o.disabled) return;
|
|
725
|
-
const
|
|
726
|
-
n("update:modelValue",
|
|
725
|
+
const y = r.target.checked;
|
|
726
|
+
n("update:modelValue", y), n("change", y, r);
|
|
727
727
|
}, a = (r) => {
|
|
728
728
|
n("focus", r);
|
|
729
729
|
}, u = (r) => {
|
|
730
730
|
n("blur", r);
|
|
731
731
|
};
|
|
732
|
-
return (r,
|
|
733
|
-
class:
|
|
732
|
+
return (r, b) => (p(), f("label", {
|
|
733
|
+
class: E([
|
|
734
734
|
"vt-checkbox",
|
|
735
735
|
`vt-checkbox--${r.size}`,
|
|
736
736
|
`vt-checkbox--${r.variant}`,
|
|
@@ -741,7 +741,7 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
741
741
|
]),
|
|
742
742
|
for: s.value
|
|
743
743
|
}, [
|
|
744
|
-
|
|
744
|
+
v("input", {
|
|
745
745
|
id: s.value,
|
|
746
746
|
name: r.name,
|
|
747
747
|
value: r.value,
|
|
@@ -751,12 +751,12 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
751
751
|
".indeterminate": r.indeterminate,
|
|
752
752
|
type: "checkbox",
|
|
753
753
|
class: "vt-checkbox__input",
|
|
754
|
-
onChange:
|
|
754
|
+
onChange: d,
|
|
755
755
|
onFocus: a,
|
|
756
756
|
onBlur: u
|
|
757
|
-
}, null, 40,
|
|
758
|
-
|
|
759
|
-
class:
|
|
757
|
+
}, null, 40, _o),
|
|
758
|
+
v("div", {
|
|
759
|
+
class: E([
|
|
760
760
|
"vt-checkbox__box",
|
|
761
761
|
{
|
|
762
762
|
"vt-checkbox__box--checked": i.value && !r.indeterminate && !r.isDouble,
|
|
@@ -766,9 +766,9 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["disabled", "type", "d
|
|
|
766
766
|
}
|
|
767
767
|
])
|
|
768
768
|
}, [
|
|
769
|
-
!r.indeterminate && !r.isDouble ? (p(),
|
|
769
|
+
!r.indeterminate && !r.isDouble ? (p(), f("svg", {
|
|
770
770
|
key: 0,
|
|
771
|
-
class:
|
|
771
|
+
class: E([
|
|
772
772
|
"vt-checkbox__checkmark",
|
|
773
773
|
{
|
|
774
774
|
"vt-checkbox__checkmark--checked": i.value
|
|
@@ -779,17 +779,17 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["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
|
+
}, b[0] || (b[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
|
-
]), 2)) :
|
|
790
|
-
r.isDouble && i.value ? (p(),
|
|
789
|
+
]), 2)) : H("", !0),
|
|
790
|
+
r.isDouble && i.value ? (p(), f("svg", {
|
|
791
791
|
key: 1,
|
|
792
|
-
class:
|
|
792
|
+
class: E([
|
|
793
793
|
"vt-checkbox__checkmark",
|
|
794
794
|
{
|
|
795
795
|
"vt-checkbox__checkmark--checked": i.value
|
|
@@ -800,72 +800,72 @@ const Xe = /* @__PURE__ */ D(Qn, [["render", to]]), no = ["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
|
+
}, b[1] || (b[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",
|
|
815
815
|
"stroke-linecap": "round",
|
|
816
816
|
"stroke-linejoin": "round"
|
|
817
817
|
}, null, -1)
|
|
818
|
-
]), 2)) :
|
|
819
|
-
r.indeterminate ? (p(),
|
|
818
|
+
]), 2)) : H("", !0),
|
|
819
|
+
r.indeterminate ? (p(), f("div", {
|
|
820
820
|
key: 2,
|
|
821
|
-
class:
|
|
821
|
+
class: E([
|
|
822
822
|
"vt-checkbox__indeterminate-mark",
|
|
823
823
|
{
|
|
824
824
|
"vt-checkbox__indeterminate-mark--visible": r.indeterminate
|
|
825
825
|
}
|
|
826
826
|
])
|
|
827
|
-
}, null, 2)) :
|
|
827
|
+
}, null, 2)) : H("", !0)
|
|
828
828
|
], 2),
|
|
829
|
-
r.label || r.$slots.label || r.$slots.default ? (p(),
|
|
829
|
+
r.label || r.$slots.label || r.$slots.default ? (p(), f("span", {
|
|
830
830
|
key: 0,
|
|
831
|
-
class:
|
|
831
|
+
class: E([
|
|
832
832
|
"vt-checkbox__label",
|
|
833
833
|
{
|
|
834
834
|
"vt-checkbox__label--disabled": r.disabled
|
|
835
835
|
}
|
|
836
836
|
])
|
|
837
837
|
}, [
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
838
|
+
ue(r.$slots, "label", {}, () => [
|
|
839
|
+
ue(r.$slots, "default", {}, () => [
|
|
840
|
+
Ce(Q(r.label), 1)
|
|
841
841
|
])
|
|
842
842
|
])
|
|
843
|
-
], 2)) :
|
|
844
|
-
], 10,
|
|
843
|
+
], 2)) : H("", !0)
|
|
844
|
+
], 10, go));
|
|
845
845
|
}
|
|
846
846
|
});
|
|
847
847
|
function wo(t) {
|
|
848
|
-
const e =
|
|
849
|
-
const l = e.value.length, s = e.value.filter((r) => r.width || r.minWidth), i = s.reduce((r,
|
|
850
|
-
if (
|
|
851
|
-
const u = Math.max(800 - i,
|
|
852
|
-
return Math.max(Math.floor(u /
|
|
848
|
+
const e = V(() => [...t].sort((l, s) => l.pinnedLeft && !s.pinnedLeft ? -1 : !l.pinnedLeft && s.pinnedLeft || l.pinnedRight && !s.pinnedRight ? 1 : !l.pinnedRight && s.pinnedRight ? -1 : 0)), o = () => {
|
|
849
|
+
const l = e.value.length, s = e.value.filter((r) => r.width || r.minWidth), i = s.reduce((r, b) => r + (b.width || b.minWidth || 0), 0), d = l - s.length;
|
|
850
|
+
if (d === 0) return 150;
|
|
851
|
+
const u = Math.max(800 - i, d * 80);
|
|
852
|
+
return Math.max(Math.floor(u / d), 120);
|
|
853
853
|
};
|
|
854
854
|
return {
|
|
855
855
|
sortedColumns: e,
|
|
856
856
|
getDefaultColumnWidth: o,
|
|
857
857
|
getStickyOffset: (l, s, i = !1) => {
|
|
858
|
-
const
|
|
858
|
+
const d = e.value;
|
|
859
859
|
let a = 0;
|
|
860
860
|
if (l === "left") {
|
|
861
861
|
i && (a += 50);
|
|
862
862
|
for (let u = 0; u < s; u++) {
|
|
863
|
-
const r =
|
|
863
|
+
const r = d[u];
|
|
864
864
|
r.pinnedLeft && (a += r.width || r.minWidth || o());
|
|
865
865
|
}
|
|
866
866
|
} else
|
|
867
|
-
for (let u =
|
|
868
|
-
const r =
|
|
867
|
+
for (let u = d.length - 1; u > s; u--) {
|
|
868
|
+
const r = d[u];
|
|
869
869
|
r.pinnedRight && (a += r.width || r.minWidth || o());
|
|
870
870
|
}
|
|
871
871
|
return a;
|
|
@@ -876,7 +876,7 @@ function Co(t) {
|
|
|
876
876
|
const e = () => {
|
|
877
877
|
const s = {};
|
|
878
878
|
return t.maxHeight && (s.maxHeight = `${t.maxHeight}px`), s;
|
|
879
|
-
}, o = (s, i,
|
|
879
|
+
}, o = (s, i, d, a) => {
|
|
880
880
|
const u = {};
|
|
881
881
|
if (s.width)
|
|
882
882
|
u.width = `${s.width}px`, u.minWidth = `${s.width}px`, u.maxWidth = `${s.width}px`;
|
|
@@ -886,23 +886,23 @@ function Co(t) {
|
|
|
886
886
|
const r = a();
|
|
887
887
|
u.width = `${r}px`, u.minWidth = "80px", u.maxWidth = "none";
|
|
888
888
|
}
|
|
889
|
-
return s.pinnedLeft ? (u.position = "sticky", u.left = `${
|
|
889
|
+
return s.pinnedLeft ? (u.position = "sticky", u.left = `${d("left", i, t.selectable)}px`, u.zIndex = "10") : s.pinnedRight && (u.position = "sticky", u.right = `${d("right", i, !1)}px`, u.zIndex = "10"), u;
|
|
890
890
|
};
|
|
891
891
|
return {
|
|
892
892
|
getTableWrapperStyle: e,
|
|
893
893
|
getColumnStyle: o,
|
|
894
|
-
getHeaderStyle: (s, i,
|
|
895
|
-
const u = o(s, i,
|
|
894
|
+
getHeaderStyle: (s, i, d, a) => {
|
|
895
|
+
const u = o(s, i, d, a);
|
|
896
896
|
return t.maxHeight && (u.position = "sticky", u.top = "0", s.pinnedLeft || s.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
|
|
897
897
|
},
|
|
898
|
-
getFooterStyle: (s, i,
|
|
899
|
-
const u = o(s, i,
|
|
898
|
+
getFooterStyle: (s, i, d, a) => {
|
|
899
|
+
const u = o(s, i, d, a);
|
|
900
900
|
return t.maxHeight && (u.position = "sticky", u.bottom = "0", s.pinnedLeft || s.pinnedRight ? u.zIndex = "12" : u.zIndex = "11"), u;
|
|
901
901
|
}
|
|
902
902
|
};
|
|
903
903
|
}
|
|
904
|
-
function
|
|
905
|
-
const t =
|
|
904
|
+
function bo() {
|
|
905
|
+
const t = T({
|
|
906
906
|
resizingCol: null,
|
|
907
907
|
startX: 0,
|
|
908
908
|
startWidth: 0
|
|
@@ -910,101 +910,101 @@ function ko() {
|
|
|
910
910
|
return {
|
|
911
911
|
onMouseDown: (n, l, s, i) => {
|
|
912
912
|
n.preventDefault(), n.stopPropagation(), t.value.resizingCol = l, t.value.startX = n.clientX, t.value.startWidth = l.width || l.minWidth || s(l.prop);
|
|
913
|
-
const
|
|
914
|
-
const { resizingCol: r, startX:
|
|
913
|
+
const d = (u) => {
|
|
914
|
+
const { resizingCol: r, startX: b, startWidth: y } = t.value;
|
|
915
915
|
if (!r) return;
|
|
916
|
-
document.querySelectorAll(`[data-resizer="${r.prop}"]`).forEach((
|
|
917
|
-
|
|
916
|
+
document.querySelectorAll(`[data-resizer="${r.prop}"]`).forEach((Z) => {
|
|
917
|
+
Z.classList.add("vt-table__resizer--active");
|
|
918
918
|
});
|
|
919
|
-
const
|
|
920
|
-
r.width =
|
|
919
|
+
const A = u.clientX - b, U = r.minWidth || 50, F = r.maxWidth || 1e3, W = Math.max(Math.min(y + A, F), U);
|
|
920
|
+
r.width = W;
|
|
921
921
|
}, a = () => {
|
|
922
922
|
const { resizingCol: u } = t.value;
|
|
923
|
-
document.removeEventListener("mousemove",
|
|
923
|
+
document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", a), document.body.style.cursor = "", document.body.style.userSelect = "", document.body.classList.remove("vt-table-resizing"), u && (document.querySelectorAll(`[data-resizer="${u.prop}"]`).forEach((r) => {
|
|
924
924
|
r.classList.remove("vt-table__resizer--active");
|
|
925
925
|
}), i && u.width && i(u.width)), t.value.resizingCol = null;
|
|
926
926
|
};
|
|
927
|
-
document.addEventListener("mousemove",
|
|
927
|
+
document.addEventListener("mousemove", d), document.addEventListener("mouseup", a), 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 l = t.selectionKey || "id", s =
|
|
935
|
-
(
|
|
936
|
-
const a = (
|
|
937
|
-
if (
|
|
938
|
-
const
|
|
939
|
-
return
|
|
940
|
-
}),
|
|
941
|
-
const
|
|
942
|
-
if (
|
|
943
|
-
|
|
932
|
+
function ko(t, e, o, n) {
|
|
933
|
+
var ie;
|
|
934
|
+
const l = t.selectionKey || "id", s = T([]), i = T(null), d = T(!1);
|
|
935
|
+
(ie = t.defaultSelection) != null && ie.length && (s.value = [...t.defaultSelection]);
|
|
936
|
+
const a = (x) => x[l], u = (x) => d.value ? !0 : s.value.some((k) => a(k) === a(x)), r = V(() => e.value.filter((x) => u(x)).length), b = V(() => e.value.length > 0 && r.value === e.value.length), y = V(() => {
|
|
937
|
+
if (d.value) return !1;
|
|
938
|
+
const x = r.value;
|
|
939
|
+
return x > 0 && x < e.value.length;
|
|
940
|
+
}), A = V(() => d.value ? !0 : b.value && !y.value), U = V(() => d.value), F = (x, k) => {
|
|
941
|
+
const j = a(x), J = s.value.some((c) => a(c) === a(x)), m = k !== void 0 ? k : !J;
|
|
942
|
+
if (d.value && !m) {
|
|
943
|
+
d.value = !1, n != null && n.value && (s.value = n.value.filter((c) => a(c) !== j)), K(x, !1);
|
|
944
944
|
return;
|
|
945
945
|
}
|
|
946
|
-
|
|
947
|
-
},
|
|
948
|
-
switch (
|
|
946
|
+
d.value && m || (m && !J ? s.value.push(x) : !m && J && (s.value = s.value.filter((c) => a(c) !== j)), t.selectOnClickRow && k === void 0 && O(m ? x : null), K(x, m));
|
|
947
|
+
}, W = () => {
|
|
948
|
+
switch (Z()) {
|
|
949
949
|
case "none":
|
|
950
950
|
case "partial":
|
|
951
|
-
|
|
951
|
+
M();
|
|
952
952
|
break;
|
|
953
953
|
case "allVisible":
|
|
954
|
-
|
|
954
|
+
S();
|
|
955
955
|
break;
|
|
956
956
|
case "absoluteAll":
|
|
957
|
-
|
|
957
|
+
$();
|
|
958
958
|
break;
|
|
959
959
|
}
|
|
960
|
-
},
|
|
961
|
-
const
|
|
962
|
-
s.value.forEach((
|
|
963
|
-
|
|
964
|
-
}), e.value.forEach((
|
|
965
|
-
|
|
966
|
-
}), s.value =
|
|
967
|
-
},
|
|
968
|
-
|
|
969
|
-
},
|
|
970
|
-
s.value = [],
|
|
971
|
-
},
|
|
972
|
-
const
|
|
973
|
-
i.value =
|
|
960
|
+
}, Z = () => d.value ? "absoluteAll" : b.value ? "allVisible" : r.value > 0 ? "partial" : "none", M = () => {
|
|
961
|
+
const x = [], k = new Set(s.value.map((j) => a(j)));
|
|
962
|
+
s.value.forEach((j) => {
|
|
963
|
+
x.push(j);
|
|
964
|
+
}), e.value.forEach((j) => {
|
|
965
|
+
k.has(a(j)) || x.push(j);
|
|
966
|
+
}), s.value = x, d.value = !1, K();
|
|
967
|
+
}, S = () => {
|
|
968
|
+
d.value = !0, n != null && n.value ? s.value = [...n.value] : s.value = [...e.value], K(void 0, void 0, !0);
|
|
969
|
+
}, $ = () => {
|
|
970
|
+
s.value = [], d.value = !1, i.value = null, K();
|
|
971
|
+
}, O = (x) => {
|
|
972
|
+
const k = i.value;
|
|
973
|
+
i.value = x, o("current-change", {
|
|
974
974
|
currentRow: i.value,
|
|
975
|
-
oldCurrentRow:
|
|
975
|
+
oldCurrentRow: k
|
|
976
976
|
});
|
|
977
|
-
},
|
|
978
|
-
s.value = [...
|
|
979
|
-
},
|
|
980
|
-
const
|
|
977
|
+
}, X = () => [...s.value], te = (x) => {
|
|
978
|
+
s.value = [...x], d.value = !1, K();
|
|
979
|
+
}, K = (x, k, j = !1) => {
|
|
980
|
+
const J = {
|
|
981
981
|
selection: [...s.value],
|
|
982
|
-
row:
|
|
983
|
-
selected:
|
|
984
|
-
isAllSelected:
|
|
982
|
+
row: x,
|
|
983
|
+
selected: k,
|
|
984
|
+
isAllSelected: j || d.value
|
|
985
985
|
};
|
|
986
|
-
o("selection-change",
|
|
986
|
+
o("selection-change", J);
|
|
987
987
|
};
|
|
988
|
-
return
|
|
988
|
+
return ge(
|
|
989
989
|
() => t.defaultSelection,
|
|
990
|
-
(
|
|
991
|
-
|
|
990
|
+
(x) => {
|
|
991
|
+
x != null && x.length && (s.value = [...x]);
|
|
992
992
|
}
|
|
993
993
|
), {
|
|
994
994
|
selectedRows: s,
|
|
995
995
|
currentRow: i,
|
|
996
996
|
isRowSelected: u,
|
|
997
|
-
isAllSelected:
|
|
998
|
-
isIndeterminate:
|
|
999
|
-
isDoubleCheck:
|
|
1000
|
-
isFullSelection:
|
|
1001
|
-
toggleRowSelection:
|
|
1002
|
-
toggleAllSelection:
|
|
1003
|
-
clearSelection:
|
|
1004
|
-
setCurrentRow:
|
|
1005
|
-
getSelectionRows:
|
|
1006
|
-
setSelectionRows:
|
|
1007
|
-
selectAbsolutelyAll:
|
|
997
|
+
isAllSelected: A,
|
|
998
|
+
isIndeterminate: y,
|
|
999
|
+
isDoubleCheck: U,
|
|
1000
|
+
isFullSelection: d,
|
|
1001
|
+
toggleRowSelection: F,
|
|
1002
|
+
toggleAllSelection: W,
|
|
1003
|
+
clearSelection: $,
|
|
1004
|
+
setCurrentRow: O,
|
|
1005
|
+
getSelectionRows: X,
|
|
1006
|
+
setSelectionRows: te,
|
|
1007
|
+
selectAbsolutelyAll: S
|
|
1008
1008
|
};
|
|
1009
1009
|
}
|
|
1010
1010
|
function yo(t, e) {
|
|
@@ -1033,7 +1033,7 @@ const xo = (t, e, o = "asc") => {
|
|
|
1033
1033
|
prop: t.prop,
|
|
1034
1034
|
direction: e
|
|
1035
1035
|
});
|
|
1036
|
-
},
|
|
1036
|
+
}, We = (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(" "),
|
|
@@ -1045,10 +1045,10 @@ const xo = (t, e, o = "asc") => {
|
|
|
1045
1045
|
if (!(n != null && n.sortable)) return [...t];
|
|
1046
1046
|
const l = n.sortMethod || xo;
|
|
1047
1047
|
return [...t].sort((s, i) => {
|
|
1048
|
-
const
|
|
1049
|
-
return l(
|
|
1048
|
+
const d = s[n.prop], a = i[n.prop];
|
|
1049
|
+
return l(d, a, e.direction);
|
|
1050
1050
|
});
|
|
1051
|
-
},
|
|
1051
|
+
}, Ge = Symbol("dropdown-context"), Je = /* @__PURE__ */ ee({
|
|
1052
1052
|
__name: "VDropdown",
|
|
1053
1053
|
props: {
|
|
1054
1054
|
trigger: { default: "hover" },
|
|
@@ -1062,139 +1062,157 @@ const xo = (t, e, o = "asc") => {
|
|
|
1062
1062
|
},
|
|
1063
1063
|
emits: ["visible-change", "click", "command"],
|
|
1064
1064
|
setup(t, { expose: e, emit: o }) {
|
|
1065
|
-
const n = t, l = o, s =
|
|
1065
|
+
const n = t, l = o, s = T(), i = T(), d = T(), a = T(!1), u = T(null), r = T([]), b = T(!0), y = T(!1), A = T({
|
|
1066
1066
|
position: "absolute",
|
|
1067
1067
|
top: "0px",
|
|
1068
1068
|
left: "0px",
|
|
1069
1069
|
zIndex: 2e3,
|
|
1070
1070
|
transformOrigin: "center top"
|
|
1071
1071
|
});
|
|
1072
|
-
|
|
1073
|
-
const
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1072
|
+
Se();
|
|
1073
|
+
const U = (c) => {
|
|
1074
|
+
if (!c) return !1;
|
|
1075
|
+
const h = c.getBoundingClientRect();
|
|
1076
|
+
if (h.width === 0 && h.height === 0) return !1;
|
|
1077
|
+
const _ = window.innerHeight || document.documentElement.clientHeight, C = window.innerWidth || document.documentElement.clientWidth;
|
|
1078
|
+
if (!(h.top < _ && h.bottom > 0 && h.left < C && h.right > 0)) return !1;
|
|
1079
|
+
let D = c.parentElement;
|
|
1080
|
+
for (; D && D !== document.body; ) {
|
|
1081
|
+
const ae = D.getBoundingClientRect(), ve = window.getComputedStyle(D);
|
|
1082
|
+
if ((ve.overflow === "hidden" || ve.overflowY === "hidden" || ve.overflowX === "hidden") && (h.top >= ae.bottom || h.bottom <= ae.top || h.left >= ae.right || h.right <= ae.left))
|
|
1083
|
+
return !1;
|
|
1084
|
+
D = D.parentElement;
|
|
1085
|
+
}
|
|
1086
|
+
return !0;
|
|
1087
|
+
}, F = () => {
|
|
1088
|
+
if (!i.value) return;
|
|
1089
|
+
const c = U(i.value);
|
|
1090
|
+
b.value !== c && (b.value = c, !c && a.value ? (y.value = !0, a.value = !1, l("visible-change", !1)) : c && y.value && !a.value && (y.value = !1, a.value = !0, Z(), l("visible-change", !0)));
|
|
1091
|
+
}, W = (c) => {
|
|
1092
|
+
const h = [];
|
|
1093
|
+
let _ = c.parentElement;
|
|
1094
|
+
for (; _ && _ !== document.body; ) {
|
|
1095
|
+
const C = window.getComputedStyle(_), I = C.overflowY, D = C.overflowX;
|
|
1096
|
+
(["scroll", "auto"].includes(I) || ["scroll", "auto"].includes(D) || _.scrollHeight > _.clientHeight || _.scrollWidth > _.clientWidth) && h.push(_), _ = _.parentElement;
|
|
1079
1097
|
}
|
|
1080
|
-
return
|
|
1081
|
-
},
|
|
1082
|
-
if (await
|
|
1083
|
-
const
|
|
1084
|
-
let
|
|
1098
|
+
return h.push(window), h;
|
|
1099
|
+
}, Z = async () => {
|
|
1100
|
+
if (await pt(), !i.value || !d.value) return;
|
|
1101
|
+
const c = i.value.getBoundingClientRect(), h = d.value.getBoundingClientRect();
|
|
1102
|
+
let _ = 0, C = 0;
|
|
1085
1103
|
switch (n.placement) {
|
|
1086
1104
|
case "bottom":
|
|
1087
|
-
|
|
1105
|
+
_ = c.bottom + window.scrollY + 5, C = c.left + window.scrollX + (c.width - h.width) / 2;
|
|
1088
1106
|
break;
|
|
1089
1107
|
case "bottom-start":
|
|
1090
|
-
|
|
1108
|
+
_ = c.bottom + window.scrollY + 5, C = c.left + window.scrollX;
|
|
1091
1109
|
break;
|
|
1092
1110
|
case "bottom-end":
|
|
1093
|
-
|
|
1111
|
+
_ = c.bottom + window.scrollY + 5, C = c.right + window.scrollX - h.width;
|
|
1094
1112
|
break;
|
|
1095
1113
|
case "top":
|
|
1096
|
-
|
|
1114
|
+
_ = c.top + window.scrollY - h.height - 5, C = c.left + window.scrollX + (c.width - h.width) / 2;
|
|
1097
1115
|
break;
|
|
1098
1116
|
case "top-start":
|
|
1099
|
-
|
|
1117
|
+
_ = c.top + window.scrollY - h.height - 5, C = c.left + window.scrollX;
|
|
1100
1118
|
break;
|
|
1101
1119
|
case "top-end":
|
|
1102
|
-
|
|
1120
|
+
_ = c.top + window.scrollY - h.height - 5, C = c.right + window.scrollX - h.width;
|
|
1103
1121
|
break;
|
|
1104
1122
|
}
|
|
1105
|
-
|
|
1106
|
-
},
|
|
1107
|
-
i.value && (r.value =
|
|
1108
|
-
|
|
1109
|
-
}), window.addEventListener("resize",
|
|
1110
|
-
},
|
|
1111
|
-
r.value.forEach((
|
|
1112
|
-
|
|
1113
|
-
}), window.removeEventListener("resize",
|
|
1114
|
-
},
|
|
1115
|
-
n.disabled || a.value || (
|
|
1123
|
+
C + h.width > window.innerWidth && (C = window.innerWidth - h.width - 10), C < 10 && (C = 10), _ + h.height > window.innerHeight + window.scrollY && (_ = c.top + window.scrollY - h.height - 5), _ < window.scrollY + 10 && (_ = window.scrollY + 10), A.value.top = `${_}px`, A.value.left = `${C}px`;
|
|
1124
|
+
}, M = () => {
|
|
1125
|
+
i.value && (r.value = W(i.value), r.value.forEach((c) => {
|
|
1126
|
+
c.addEventListener("scroll", m, { passive: !0 });
|
|
1127
|
+
}), window.addEventListener("resize", m));
|
|
1128
|
+
}, S = () => {
|
|
1129
|
+
r.value.forEach((c) => {
|
|
1130
|
+
c.removeEventListener("scroll", m);
|
|
1131
|
+
}), window.removeEventListener("resize", m), r.value = [];
|
|
1132
|
+
}, $ = () => {
|
|
1133
|
+
n.disabled || a.value || !i.value || !U(i.value) || (X(), u.value = window.setTimeout(
|
|
1116
1134
|
async () => {
|
|
1117
|
-
a.value = !0, await
|
|
1135
|
+
a.value = !0, b.value = !0, y.value = !1, await Z(), M(), l("visible-change", !0);
|
|
1118
1136
|
},
|
|
1119
1137
|
n.trigger === "hover" ? n.showTimeout : 0
|
|
1120
1138
|
));
|
|
1121
|
-
},
|
|
1122
|
-
a.value && (
|
|
1139
|
+
}, O = () => {
|
|
1140
|
+
a.value && (X(), u.value = window.setTimeout(
|
|
1123
1141
|
() => {
|
|
1124
|
-
a.value = !1,
|
|
1142
|
+
a.value = !1, y.value = !1, S(), l("visible-change", !1);
|
|
1125
1143
|
},
|
|
1126
1144
|
n.trigger === "hover" ? n.hideTimeout : 0
|
|
1127
1145
|
));
|
|
1128
|
-
},
|
|
1146
|
+
}, X = () => {
|
|
1129
1147
|
u.value && (window.clearTimeout(u.value), u.value = null);
|
|
1130
1148
|
};
|
|
1131
|
-
|
|
1132
|
-
handleCommand: (
|
|
1133
|
-
console.log("VDropdown handleCommand called:",
|
|
1149
|
+
Ue(Ge, {
|
|
1150
|
+
handleCommand: (c) => {
|
|
1151
|
+
console.log("VDropdown handleCommand called:", c), l("command", c), n.hideOnClick && O();
|
|
1134
1152
|
},
|
|
1135
1153
|
hideOnClick: n.hideOnClick
|
|
1136
1154
|
});
|
|
1137
|
-
const
|
|
1138
|
-
n.disabled || (console.log("VDropdown click triggered"), l("click",
|
|
1139
|
-
},
|
|
1140
|
-
n.trigger === "hover" &&
|
|
1141
|
-
},
|
|
1142
|
-
n.trigger === "hover" &&
|
|
1143
|
-
}, Q = () => {
|
|
1144
|
-
n.trigger === "hover" && b();
|
|
1145
|
-
}, U = () => {
|
|
1146
|
-
n.trigger === "hover" && A();
|
|
1147
|
-
}, oe = (m) => {
|
|
1148
|
-
var M, d;
|
|
1149
|
-
if (!a.value) return;
|
|
1150
|
-
const y = m.target;
|
|
1151
|
-
(M = s.value) != null && M.contains(y) || (d = c.value) != null && d.contains(y) || A();
|
|
1155
|
+
const K = (c) => {
|
|
1156
|
+
n.disabled || (console.log("VDropdown click triggered"), l("click", c), n.trigger === "click" && (a.value ? O() : $()));
|
|
1157
|
+
}, ie = () => {
|
|
1158
|
+
n.trigger === "hover" && $();
|
|
1159
|
+
}, x = () => {
|
|
1160
|
+
n.trigger === "hover" && O();
|
|
1152
1161
|
}, k = () => {
|
|
1153
|
-
|
|
1162
|
+
n.trigger === "hover" && X();
|
|
1163
|
+
}, j = () => {
|
|
1164
|
+
n.trigger === "hover" && O();
|
|
1165
|
+
}, J = (c) => {
|
|
1166
|
+
var _, C;
|
|
1167
|
+
if (!a.value) return;
|
|
1168
|
+
const h = c.target;
|
|
1169
|
+
(_ = s.value) != null && _.contains(h) || (C = d.value) != null && C.contains(h) || O();
|
|
1170
|
+
}, m = () => {
|
|
1171
|
+
(a.value || y.value) && (F(), a.value && Z());
|
|
1154
1172
|
};
|
|
1155
1173
|
return e({
|
|
1156
|
-
show:
|
|
1157
|
-
hide:
|
|
1174
|
+
show: $,
|
|
1175
|
+
hide: O,
|
|
1158
1176
|
visible: a
|
|
1159
|
-
}),
|
|
1160
|
-
document.addEventListener("click",
|
|
1161
|
-
}),
|
|
1162
|
-
document.removeEventListener("click",
|
|
1163
|
-
}), (
|
|
1177
|
+
}), _e(() => {
|
|
1178
|
+
document.addEventListener("click", J);
|
|
1179
|
+
}), Ie(() => {
|
|
1180
|
+
document.removeEventListener("click", J), S(), X();
|
|
1181
|
+
}), (c, h) => (p(), f("div", {
|
|
1164
1182
|
ref_key: "dropdownRef",
|
|
1165
1183
|
ref: s,
|
|
1166
1184
|
class: "vt-dropdown",
|
|
1167
|
-
onClick:
|
|
1168
|
-
onMouseenter:
|
|
1169
|
-
onMouseleave:
|
|
1185
|
+
onClick: K,
|
|
1186
|
+
onMouseenter: ie,
|
|
1187
|
+
onMouseleave: x
|
|
1170
1188
|
}, [
|
|
1171
|
-
|
|
1189
|
+
v("div", {
|
|
1172
1190
|
ref_key: "triggerRef",
|
|
1173
1191
|
ref: i,
|
|
1174
1192
|
class: "vt-dropdown__trigger"
|
|
1175
1193
|
}, [
|
|
1176
|
-
|
|
1194
|
+
ue(c.$slots, "default")
|
|
1177
1195
|
], 512),
|
|
1178
|
-
a.value ? (p(), ne(
|
|
1196
|
+
a.value && b.value ? (p(), ne(Ye, {
|
|
1179
1197
|
key: 0,
|
|
1180
1198
|
to: "body"
|
|
1181
1199
|
}, [
|
|
1182
|
-
|
|
1200
|
+
v("div", {
|
|
1183
1201
|
ref_key: "menuRef",
|
|
1184
|
-
ref:
|
|
1185
|
-
style:
|
|
1202
|
+
ref: d,
|
|
1203
|
+
style: le(A.value),
|
|
1186
1204
|
class: "vt-dropdown-menu",
|
|
1187
|
-
onMouseenter:
|
|
1188
|
-
onMouseleave:
|
|
1189
|
-
onClick:
|
|
1205
|
+
onMouseenter: k,
|
|
1206
|
+
onMouseleave: j,
|
|
1207
|
+
onClick: h[0] || (h[0] = me(() => {
|
|
1190
1208
|
}, ["stop"]))
|
|
1191
1209
|
}, [
|
|
1192
|
-
|
|
1210
|
+
ue(c.$slots, "dropdown")
|
|
1193
1211
|
], 36)
|
|
1194
|
-
])) :
|
|
1212
|
+
])) : H("", !0)
|
|
1195
1213
|
], 544));
|
|
1196
1214
|
}
|
|
1197
|
-
}),
|
|
1215
|
+
}), Le = /* @__PURE__ */ ee({
|
|
1198
1216
|
__name: "VDropdownItem",
|
|
1199
1217
|
props: {
|
|
1200
1218
|
command: {},
|
|
@@ -1204,23 +1222,23 @@ const xo = (t, e, o = "asc") => {
|
|
|
1204
1222
|
},
|
|
1205
1223
|
emits: ["click"],
|
|
1206
1224
|
setup(t, { emit: e }) {
|
|
1207
|
-
const o = t, n = e, l =
|
|
1225
|
+
const o = t, n = e, l = Xe(Ge);
|
|
1208
1226
|
l || console.warn("VDropdownItem must be used within VDropdown");
|
|
1209
1227
|
const s = (i) => {
|
|
1210
1228
|
o.disabled || (console.log("VDropdownItem click:", o.command), n("click", i), o.command !== void 0 && l && (console.log("Calling handleCommand with:", o.command), l.handleCommand(o.command)));
|
|
1211
1229
|
};
|
|
1212
|
-
return (i,
|
|
1213
|
-
class:
|
|
1230
|
+
return (i, d) => (p(), f("li", {
|
|
1231
|
+
class: E(["vt-dropdown-item", {
|
|
1214
1232
|
"is-disabled": i.disabled,
|
|
1215
1233
|
"vt-dropdown-item--divided": i.divided
|
|
1216
1234
|
}]),
|
|
1217
1235
|
onClick: s
|
|
1218
1236
|
}, [
|
|
1219
|
-
i.icon ? (p(),
|
|
1237
|
+
i.icon ? (p(), f("i", {
|
|
1220
1238
|
key: 0,
|
|
1221
|
-
class:
|
|
1222
|
-
}, null, 2)) :
|
|
1223
|
-
|
|
1239
|
+
class: E([i.icon, "vt-dropdown-item__icon"])
|
|
1240
|
+
}, null, 2)) : H("", !0),
|
|
1241
|
+
ue(i.$slots, "default")
|
|
1224
1242
|
], 2));
|
|
1225
1243
|
}
|
|
1226
1244
|
});
|
|
@@ -1231,15 +1249,15 @@ class $o {
|
|
|
1231
1249
|
open(e = {}) {
|
|
1232
1250
|
const o = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, n = document.createElement("div");
|
|
1233
1251
|
n.setAttribute("data-vt-modal", o), document.body.appendChild(n);
|
|
1234
|
-
const l =
|
|
1252
|
+
const l = T(!0), s = this.baseZIndex + this.modalStack.length * 10, i = mt({
|
|
1235
1253
|
setup() {
|
|
1236
1254
|
const a = () => {
|
|
1237
1255
|
l.value = !1, setTimeout(() => {
|
|
1238
|
-
|
|
1256
|
+
de.closeById(o);
|
|
1239
1257
|
}, 100);
|
|
1240
1258
|
};
|
|
1241
|
-
return () =>
|
|
1242
|
-
|
|
1259
|
+
return () => xe(
|
|
1260
|
+
qe,
|
|
1243
1261
|
{
|
|
1244
1262
|
modelValue: l.value,
|
|
1245
1263
|
"onUpdate:modelValue": a,
|
|
@@ -1251,19 +1269,19 @@ class $o {
|
|
|
1251
1269
|
zIndex: s
|
|
1252
1270
|
},
|
|
1253
1271
|
{
|
|
1254
|
-
default: () => e.component ?
|
|
1272
|
+
default: () => e.component ? xe(e.component, e.props || {}) : e.content ? xe("div", { innerHTML: e.content }) : null
|
|
1255
1273
|
}
|
|
1256
1274
|
);
|
|
1257
1275
|
}
|
|
1258
1276
|
});
|
|
1259
1277
|
i.mount(n);
|
|
1260
|
-
const
|
|
1278
|
+
const d = {
|
|
1261
1279
|
id: o,
|
|
1262
1280
|
app: i,
|
|
1263
1281
|
container: n,
|
|
1264
1282
|
isOpen: l
|
|
1265
1283
|
};
|
|
1266
|
-
return this.modalStack.push(
|
|
1284
|
+
return this.modalStack.push(d), o;
|
|
1267
1285
|
}
|
|
1268
1286
|
close() {
|
|
1269
1287
|
if (this.modalStack.length > 0) {
|
|
@@ -1293,24 +1311,24 @@ class $o {
|
|
|
1293
1311
|
recalculateZIndices() {
|
|
1294
1312
|
}
|
|
1295
1313
|
}
|
|
1296
|
-
const
|
|
1314
|
+
const de = new $o(), So = {
|
|
1297
1315
|
install(t) {
|
|
1298
|
-
t.config.globalProperties.$modal =
|
|
1299
|
-
closeAll: () =>
|
|
1300
|
-
getCount: () =>
|
|
1301
|
-
closeById: (e) =>
|
|
1316
|
+
t.config.globalProperties.$modal = de, t.config.globalProperties.$modalStack = {
|
|
1317
|
+
closeAll: () => de.closeAll(),
|
|
1318
|
+
getCount: () => de.getOpenModalsCount(),
|
|
1319
|
+
closeById: (e) => de.closeById(e)
|
|
1302
1320
|
};
|
|
1303
1321
|
}
|
|
1304
|
-
}, Vo = { class: "vt-columns-selector-body" }, Io = { class: "vt-columns-selector" }, Bo = { class: "vt-columns-selector__panel" },
|
|
1322
|
+
}, Vo = { class: "vt-columns-selector-body" }, Io = { class: "vt-columns-selector" }, Bo = { class: "vt-columns-selector__panel" }, Eo = ["draggable", "onDragstart", "onDragover", "onDrop"], To = {
|
|
1305
1323
|
key: 0,
|
|
1306
1324
|
class: "vt-columns-selector__panel-item-pinned"
|
|
1307
|
-
}, Ro = { class: "vt-columns-selector__available" },
|
|
1325
|
+
}, Ro = { class: "vt-columns-selector__available" }, Ho = ["onClick"], zo = {
|
|
1308
1326
|
key: 0,
|
|
1309
1327
|
class: "vt-columns-selector__group-columns"
|
|
1310
1328
|
}, Wo = {
|
|
1311
1329
|
key: 0,
|
|
1312
1330
|
class: "vt-columns-selector__pinned-note"
|
|
1313
|
-
}, Do = { class: "vt-modal__content-button" }, Po = /* @__PURE__ */
|
|
1331
|
+
}, Do = { class: "vt-modal__content-button" }, Po = /* @__PURE__ */ ee({
|
|
1314
1332
|
__name: "VTableColumnSelector",
|
|
1315
1333
|
props: {
|
|
1316
1334
|
columns: {},
|
|
@@ -1318,192 +1336,192 @@ const ce = new $o(), So = {
|
|
|
1318
1336
|
},
|
|
1319
1337
|
emits: ["update-columns"],
|
|
1320
1338
|
setup(t, { emit: e }) {
|
|
1321
|
-
const o = t, n = e, l =
|
|
1322
|
-
const
|
|
1323
|
-
return o.columnsSelector.forEach((
|
|
1324
|
-
if (
|
|
1339
|
+
const o = t, n = e, l = T([]), s = T(/* @__PURE__ */ new Set()), i = T(-1), d = T(-1), a = T("before"), u = V(() => {
|
|
1340
|
+
const m = {};
|
|
1341
|
+
return o.columnsSelector.forEach((c) => {
|
|
1342
|
+
if (c.name === "removed")
|
|
1325
1343
|
return;
|
|
1326
|
-
const
|
|
1327
|
-
|
|
1328
|
-
}),
|
|
1329
|
-
}), r =
|
|
1330
|
-
const
|
|
1331
|
-
let
|
|
1332
|
-
for (let
|
|
1333
|
-
|
|
1334
|
-
let
|
|
1335
|
-
for (let
|
|
1336
|
-
if (
|
|
1337
|
-
|
|
1344
|
+
const h = c.columns.map((C) => C.prop), _ = l.value.filter((C) => h.includes(C.prop));
|
|
1345
|
+
_.length === 0 ? m[c.name] = { checked: !1, indeterminate: !1 } : _.length === c.columns.length ? m[c.name] = { checked: !0, indeterminate: !1 } : m[c.name] = { checked: !1, indeterminate: !0 };
|
|
1346
|
+
}), m;
|
|
1347
|
+
}), r = V(() => o.columnsSelector.filter((m) => m.name !== "removed")), b = (m) => m.pinnedLeft || m.pinnedRight, y = (m) => !b(m), A = () => {
|
|
1348
|
+
const m = l.value;
|
|
1349
|
+
let c = -1;
|
|
1350
|
+
for (let _ = 0; _ < m.length; _++)
|
|
1351
|
+
m[_].pinnedLeft && (c = _);
|
|
1352
|
+
let h = m.length;
|
|
1353
|
+
for (let _ = 0; _ < m.length; _++)
|
|
1354
|
+
if (m[_].pinnedRight) {
|
|
1355
|
+
h = _;
|
|
1338
1356
|
break;
|
|
1339
1357
|
}
|
|
1340
1358
|
return {
|
|
1341
|
-
minIndex:
|
|
1342
|
-
maxIndex:
|
|
1359
|
+
minIndex: c + 1,
|
|
1360
|
+
maxIndex: h - 1
|
|
1343
1361
|
};
|
|
1344
|
-
},
|
|
1345
|
-
const
|
|
1346
|
-
return !(
|
|
1347
|
-
},
|
|
1348
|
-
const
|
|
1349
|
-
if (!
|
|
1350
|
-
|
|
1362
|
+
}, U = (m) => {
|
|
1363
|
+
const c = A();
|
|
1364
|
+
return !(m < c.minIndex || m > c.maxIndex + 1);
|
|
1365
|
+
}, F = (m, c) => {
|
|
1366
|
+
const h = l.value[c];
|
|
1367
|
+
if (!y(h)) {
|
|
1368
|
+
m.preventDefault();
|
|
1351
1369
|
return;
|
|
1352
1370
|
}
|
|
1353
|
-
i.value =
|
|
1354
|
-
},
|
|
1371
|
+
i.value = c, m.dataTransfer && (m.dataTransfer.effectAllowed = "move", m.dataTransfer.setData("text/plain", h.prop)), document.body.style.cursor = "grabbing";
|
|
1372
|
+
}, W = (m, c) => {
|
|
1355
1373
|
if (i.value === -1) return;
|
|
1356
|
-
|
|
1357
|
-
const
|
|
1358
|
-
let
|
|
1359
|
-
|
|
1360
|
-
},
|
|
1374
|
+
m.preventDefault();
|
|
1375
|
+
const h = m.currentTarget.getBoundingClientRect(), _ = m.clientY, C = h.top + h.height / 2;
|
|
1376
|
+
let I = c, D = "before";
|
|
1377
|
+
_ < C ? (I = c, D = "before") : (I = c + 1, D = "after"), i.value < I && I--, U(I) ? (d.value = c, a.value = D, m.dataTransfer.dropEffect = "move") : (d.value = -1, m.dataTransfer.dropEffect = "none");
|
|
1378
|
+
}, Z = () => {
|
|
1361
1379
|
setTimeout(() => {
|
|
1362
|
-
i.value === -1 && (
|
|
1380
|
+
i.value === -1 && (d.value = -1);
|
|
1363
1381
|
}, 50);
|
|
1364
|
-
},
|
|
1365
|
-
if (
|
|
1366
|
-
|
|
1382
|
+
}, M = (m, c) => {
|
|
1383
|
+
if (m.preventDefault(), i.value === -1 || d.value === -1) {
|
|
1384
|
+
$();
|
|
1367
1385
|
return;
|
|
1368
1386
|
}
|
|
1369
|
-
const
|
|
1370
|
-
let
|
|
1371
|
-
if (
|
|
1372
|
-
|
|
1387
|
+
const h = m.currentTarget.getBoundingClientRect(), _ = m.clientY, C = h.top + h.height / 2;
|
|
1388
|
+
let I = c;
|
|
1389
|
+
if (_ >= C && (I = c + 1), i.value < I && I--, !U(I) || I === i.value) {
|
|
1390
|
+
$();
|
|
1373
1391
|
return;
|
|
1374
1392
|
}
|
|
1375
|
-
const
|
|
1376
|
-
|
|
1377
|
-
},
|
|
1378
|
-
|
|
1379
|
-
},
|
|
1380
|
-
i.value = -1,
|
|
1381
|
-
},
|
|
1382
|
-
const
|
|
1383
|
-
return i.value ===
|
|
1384
|
-
},
|
|
1385
|
-
l.value = [...o.columns.map((
|
|
1386
|
-
|
|
1393
|
+
const D = [...l.value], [ae] = D.splice(i.value, 1);
|
|
1394
|
+
D.splice(I, 0, ae), l.value = D, $();
|
|
1395
|
+
}, S = () => {
|
|
1396
|
+
$();
|
|
1397
|
+
}, $ = () => {
|
|
1398
|
+
i.value = -1, d.value = -1, a.value = "before", document.body.style.cursor = "";
|
|
1399
|
+
}, O = (m) => {
|
|
1400
|
+
const c = ["vt-columns-selector__panel-item"];
|
|
1401
|
+
return i.value === m && c.push("vt-columns-selector__panel-item--dragging"), d.value === m && a.value === "before" && c.push("vt-columns-selector__panel-item--drop-before"), d.value === m && a.value === "after" && c.push("vt-columns-selector__panel-item--drop-after"), c;
|
|
1402
|
+
}, X = () => {
|
|
1403
|
+
l.value = [...o.columns.map((m) => ({ ...m }))], o.columnsSelector.forEach((m) => {
|
|
1404
|
+
m.name !== "removed" && s.value.add(m.name);
|
|
1387
1405
|
});
|
|
1388
|
-
},
|
|
1389
|
-
if (
|
|
1390
|
-
l.value.some((
|
|
1406
|
+
}, te = (m, c) => {
|
|
1407
|
+
if (c)
|
|
1408
|
+
l.value.some((h) => h.prop === m.prop) || l.value.push({ ...m });
|
|
1391
1409
|
else {
|
|
1392
|
-
if (
|
|
1410
|
+
if (b(m))
|
|
1393
1411
|
return;
|
|
1394
|
-
l.value = l.value.filter((
|
|
1412
|
+
l.value = l.value.filter((h) => h.prop !== m.prop);
|
|
1395
1413
|
}
|
|
1396
|
-
},
|
|
1397
|
-
if (
|
|
1398
|
-
|
|
1399
|
-
l.value.some((
|
|
1414
|
+
}, K = (m, c) => {
|
|
1415
|
+
if (c)
|
|
1416
|
+
m.columns.forEach((h) => {
|
|
1417
|
+
l.value.some((_) => _.prop === h.prop) || l.value.push({ ...h });
|
|
1400
1418
|
});
|
|
1401
1419
|
else {
|
|
1402
|
-
const
|
|
1403
|
-
|
|
1404
|
-
const
|
|
1405
|
-
|
|
1420
|
+
const h = [];
|
|
1421
|
+
m.columns.forEach((_) => {
|
|
1422
|
+
const C = l.value.find((I) => I.prop === _.prop);
|
|
1423
|
+
C && !b(C) && h.push(C);
|
|
1406
1424
|
}), l.value = l.value.filter(
|
|
1407
|
-
(
|
|
1425
|
+
(_) => !h.some((C) => C.prop === _.prop)
|
|
1408
1426
|
);
|
|
1409
1427
|
}
|
|
1410
|
-
},
|
|
1411
|
-
const
|
|
1412
|
-
return !
|
|
1413
|
-
},
|
|
1414
|
-
s.value.has(
|
|
1415
|
-
},
|
|
1416
|
-
n("update-columns", [...l.value]),
|
|
1417
|
-
},
|
|
1418
|
-
|
|
1428
|
+
}, ie = (m) => l.value.some((c) => c.prop === m.prop), x = (m) => {
|
|
1429
|
+
const c = l.value.find((h) => h.prop === m.prop);
|
|
1430
|
+
return !c || !b(c);
|
|
1431
|
+
}, k = (m) => {
|
|
1432
|
+
s.value.has(m) ? s.value.delete(m) : s.value.add(m);
|
|
1433
|
+
}, j = () => {
|
|
1434
|
+
n("update-columns", [...l.value]), de.close();
|
|
1435
|
+
}, J = () => {
|
|
1436
|
+
de.close();
|
|
1419
1437
|
};
|
|
1420
|
-
return
|
|
1421
|
-
|
|
1422
|
-
}), (
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
(p(!0),
|
|
1426
|
-
key:
|
|
1427
|
-
class:
|
|
1428
|
-
draggable:
|
|
1429
|
-
onDragstart: (
|
|
1430
|
-
onDragover: (
|
|
1431
|
-
onDragleave:
|
|
1432
|
-
onDrop: (
|
|
1433
|
-
onDragend:
|
|
1438
|
+
return _e(() => {
|
|
1439
|
+
X();
|
|
1440
|
+
}), (m, c) => (p(), f("div", Vo, [
|
|
1441
|
+
v("div", Io, [
|
|
1442
|
+
v("div", Bo, [
|
|
1443
|
+
(p(!0), f(se, null, re(l.value, (h, _) => (p(), f("div", {
|
|
1444
|
+
key: h.prop,
|
|
1445
|
+
class: E(O(_)),
|
|
1446
|
+
draggable: y(h),
|
|
1447
|
+
onDragstart: (C) => F(C, _),
|
|
1448
|
+
onDragover: (C) => W(C, _),
|
|
1449
|
+
onDragleave: Z,
|
|
1450
|
+
onDrop: (C) => M(C, _),
|
|
1451
|
+
onDragend: S
|
|
1434
1452
|
}, [
|
|
1435
|
-
|
|
1436
|
-
name:
|
|
1437
|
-
class:
|
|
1453
|
+
N(G, {
|
|
1454
|
+
name: y(h) ? "columnsMove" : "freeze",
|
|
1455
|
+
class: E(["vt-columns-selector__panel-item-icon", { "vt-columns-selector__panel-item-icon--draggable": y(h) }])
|
|
1438
1456
|
}, null, 8, ["name", "class"]),
|
|
1439
|
-
|
|
1440
|
-
label:
|
|
1457
|
+
N(pe, {
|
|
1458
|
+
label: h.label,
|
|
1441
1459
|
checked: !0,
|
|
1442
|
-
disabled:
|
|
1443
|
-
onChange: (
|
|
1444
|
-
onClick:
|
|
1460
|
+
disabled: b(h),
|
|
1461
|
+
onChange: (C) => te(h, C),
|
|
1462
|
+
onClick: c[0] || (c[0] = me(() => {
|
|
1445
1463
|
}, ["stop"]))
|
|
1446
1464
|
}, null, 8, ["label", "disabled", "onChange"]),
|
|
1447
|
-
|
|
1448
|
-
], 42,
|
|
1465
|
+
b(h) ? (p(), f("span", To, "pinned")) : H("", !0)
|
|
1466
|
+
], 42, Eo))), 128))
|
|
1449
1467
|
]),
|
|
1450
|
-
|
|
1451
|
-
(p(!0),
|
|
1452
|
-
var
|
|
1453
|
-
return p(),
|
|
1454
|
-
key:
|
|
1468
|
+
v("div", Ro, [
|
|
1469
|
+
(p(!0), f(se, null, re(r.value, (h) => {
|
|
1470
|
+
var _, C;
|
|
1471
|
+
return p(), f("div", {
|
|
1472
|
+
key: h.name,
|
|
1455
1473
|
class: "vt-columns-selector__group"
|
|
1456
1474
|
}, [
|
|
1457
|
-
|
|
1475
|
+
v("div", {
|
|
1458
1476
|
class: "vt-columns-selector__group-header",
|
|
1459
|
-
onClick: (
|
|
1477
|
+
onClick: (I) => k(h.name)
|
|
1460
1478
|
}, [
|
|
1461
|
-
|
|
1462
|
-
label:
|
|
1463
|
-
checked: ((
|
|
1464
|
-
indeterminate: ((
|
|
1465
|
-
onChange: (
|
|
1466
|
-
onClick:
|
|
1479
|
+
N(pe, {
|
|
1480
|
+
label: h.label,
|
|
1481
|
+
checked: ((_ = u.value[h.name]) == null ? void 0 : _.checked) || !1,
|
|
1482
|
+
indeterminate: ((C = u.value[h.name]) == null ? void 0 : C.indeterminate) || !1,
|
|
1483
|
+
onChange: (I) => K(h, I),
|
|
1484
|
+
onClick: c[1] || (c[1] = me(() => {
|
|
1467
1485
|
}, ["stop"]))
|
|
1468
1486
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
1469
|
-
|
|
1487
|
+
h.icon ? (p(), ne(G, {
|
|
1470
1488
|
key: 0,
|
|
1471
|
-
name:
|
|
1489
|
+
name: h.icon,
|
|
1472
1490
|
class: "vt-columns-selector__group-icon"
|
|
1473
|
-
}, null, 8, ["name"])) :
|
|
1474
|
-
], 8,
|
|
1475
|
-
s.value.has(
|
|
1476
|
-
(p(!0),
|
|
1477
|
-
key:
|
|
1491
|
+
}, null, 8, ["name"])) : H("", !0)
|
|
1492
|
+
], 8, Ho),
|
|
1493
|
+
s.value.has(h.name) ? (p(), f("div", zo, [
|
|
1494
|
+
(p(!0), f(se, null, re(h.columns, (I) => (p(), f("div", {
|
|
1495
|
+
key: I.prop,
|
|
1478
1496
|
class: "vt-columns-selector__group-column"
|
|
1479
1497
|
}, [
|
|
1480
|
-
|
|
1481
|
-
label:
|
|
1482
|
-
checked:
|
|
1483
|
-
disabled: !
|
|
1484
|
-
onChange: (
|
|
1498
|
+
N(pe, {
|
|
1499
|
+
label: I.label,
|
|
1500
|
+
checked: ie(I),
|
|
1501
|
+
disabled: !x(I),
|
|
1502
|
+
onChange: (D) => te(I, D)
|
|
1485
1503
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
1486
|
-
|
|
1504
|
+
x(I) ? H("", !0) : (p(), f("span", Wo, " (закріплена) "))
|
|
1487
1505
|
]))), 128))
|
|
1488
|
-
])) :
|
|
1506
|
+
])) : H("", !0)
|
|
1489
1507
|
]);
|
|
1490
1508
|
}), 128))
|
|
1491
1509
|
])
|
|
1492
1510
|
]),
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
default:
|
|
1496
|
-
|
|
1511
|
+
v("div", Do, [
|
|
1512
|
+
N(be, { onClick: J }, {
|
|
1513
|
+
default: he(() => c[2] || (c[2] = [
|
|
1514
|
+
Ce("Скасувати", -1)
|
|
1497
1515
|
])),
|
|
1498
1516
|
_: 1,
|
|
1499
1517
|
__: [2]
|
|
1500
1518
|
}),
|
|
1501
|
-
|
|
1519
|
+
N(be, {
|
|
1502
1520
|
type: "primary",
|
|
1503
|
-
onClick:
|
|
1521
|
+
onClick: j
|
|
1504
1522
|
}, {
|
|
1505
|
-
default:
|
|
1506
|
-
|
|
1523
|
+
default: he(() => c[3] || (c[3] = [
|
|
1524
|
+
Ce("Зберегти", -1)
|
|
1507
1525
|
])),
|
|
1508
1526
|
_: 1,
|
|
1509
1527
|
__: [3]
|
|
@@ -1511,7 +1529,7 @@ const ce = new $o(), So = {
|
|
|
1511
1529
|
])
|
|
1512
1530
|
]));
|
|
1513
1531
|
}
|
|
1514
|
-
}), Ao = { class: "vt-table-header-actions" }, Oo = /* @__PURE__ */
|
|
1532
|
+
}), Ao = { class: "vt-table-header-actions" }, Oo = /* @__PURE__ */ ee({
|
|
1515
1533
|
__name: "ColumnActions",
|
|
1516
1534
|
props: {
|
|
1517
1535
|
column: {},
|
|
@@ -1534,74 +1552,74 @@ const ce = new $o(), So = {
|
|
|
1534
1552
|
}, i = () => {
|
|
1535
1553
|
const r = l();
|
|
1536
1554
|
console.log("handlePin called, isPinned:", r), r ? n("pin", o.column, "none") : n("pin", o.column, "left");
|
|
1537
|
-
},
|
|
1555
|
+
}, d = (r) => ({
|
|
1538
1556
|
name: "removed",
|
|
1539
1557
|
label: "Видалені колонки",
|
|
1540
1558
|
order: 999,
|
|
1541
1559
|
columns: r
|
|
1542
1560
|
}), a = (r) => {
|
|
1543
|
-
var
|
|
1544
|
-
const
|
|
1545
|
-
(
|
|
1546
|
-
|
|
1547
|
-
}), o.allColumns.forEach((
|
|
1548
|
-
const
|
|
1549
|
-
|
|
1550
|
-
var
|
|
1551
|
-
if (!
|
|
1552
|
-
let
|
|
1553
|
-
(
|
|
1554
|
-
const
|
|
1555
|
-
|
|
1556
|
-
}),
|
|
1561
|
+
var F;
|
|
1562
|
+
const b = new Set(r.map((W) => W.prop)), y = /* @__PURE__ */ new Set();
|
|
1563
|
+
(F = o.columnsSelector) == null || F.forEach((W) => {
|
|
1564
|
+
W.columns.forEach((Z) => y.add(Z.prop));
|
|
1565
|
+
}), o.allColumns.forEach((W) => y.add(W.prop));
|
|
1566
|
+
const A = [];
|
|
1567
|
+
y.forEach((W) => {
|
|
1568
|
+
var Z;
|
|
1569
|
+
if (!b.has(W)) {
|
|
1570
|
+
let M;
|
|
1571
|
+
(Z = o.columnsSelector) == null || Z.forEach((S) => {
|
|
1572
|
+
const $ = S.columns.find((O) => O.prop === W);
|
|
1573
|
+
$ && (M = $);
|
|
1574
|
+
}), M || (M = o.allColumns.find((S) => S.prop === W)), M && A.push(M);
|
|
1557
1575
|
}
|
|
1558
1576
|
});
|
|
1559
|
-
const
|
|
1560
|
-
return
|
|
1577
|
+
const U = [...o.columnsSelector || []];
|
|
1578
|
+
return A.length > 0 && U.push(d(A)), U;
|
|
1561
1579
|
}, u = () => {
|
|
1562
1580
|
console.log("handleToggleVisibility called");
|
|
1563
1581
|
const r = a(o.allColumns);
|
|
1564
|
-
|
|
1582
|
+
de.open({
|
|
1565
1583
|
component: Po,
|
|
1566
1584
|
title: "Управління колонками таблиці",
|
|
1567
1585
|
props: {
|
|
1568
1586
|
columns: o.allColumns,
|
|
1569
1587
|
columnsSelector: r,
|
|
1570
|
-
"onUpdate-columns": (
|
|
1571
|
-
n("update-columns",
|
|
1588
|
+
"onUpdate-columns": (b) => {
|
|
1589
|
+
n("update-columns", b);
|
|
1572
1590
|
}
|
|
1573
1591
|
},
|
|
1574
1592
|
size: "large",
|
|
1575
1593
|
closeOnBackdropClick: !1
|
|
1576
1594
|
});
|
|
1577
1595
|
};
|
|
1578
|
-
return (r,
|
|
1596
|
+
return (r, b) => (p(), ne(Je, {
|
|
1579
1597
|
trigger: "click",
|
|
1580
1598
|
placement: "bottom-start",
|
|
1581
1599
|
onCommand: s
|
|
1582
1600
|
}, {
|
|
1583
|
-
dropdown:
|
|
1584
|
-
|
|
1585
|
-
default:
|
|
1586
|
-
|
|
1601
|
+
dropdown: he(() => [
|
|
1602
|
+
N(Le, { command: "pin" }, {
|
|
1603
|
+
default: he(() => [
|
|
1604
|
+
N(G, {
|
|
1587
1605
|
name: l() ? "unfreeze" : "freeze"
|
|
1588
1606
|
}, null, 8, ["name"]),
|
|
1589
|
-
|
|
1607
|
+
v("div", null, Q(l() ? "Розморозити" : "Заморозити"), 1)
|
|
1590
1608
|
]),
|
|
1591
1609
|
_: 1
|
|
1592
1610
|
}),
|
|
1593
|
-
|
|
1594
|
-
default:
|
|
1595
|
-
|
|
1596
|
-
|
|
1611
|
+
N(Le, { command: "columns" }, {
|
|
1612
|
+
default: he(() => [
|
|
1613
|
+
N(G, { name: "columnInsert" }),
|
|
1614
|
+
b[0] || (b[0] = v("div", null, "Колонки", -1))
|
|
1597
1615
|
]),
|
|
1598
1616
|
_: 1,
|
|
1599
1617
|
__: [0]
|
|
1600
1618
|
})
|
|
1601
1619
|
]),
|
|
1602
|
-
default:
|
|
1603
|
-
|
|
1604
|
-
|
|
1620
|
+
default: he(() => [
|
|
1621
|
+
v("div", Ao, [
|
|
1622
|
+
N(G, { name: "listBullet" })
|
|
1605
1623
|
])
|
|
1606
1624
|
]),
|
|
1607
1625
|
_: 1
|
|
@@ -1616,9 +1634,9 @@ const ce = new $o(), So = {
|
|
|
1616
1634
|
}, Ko = ["colspan"], qo = { class: "vt-table__empty-content" }, Go = ["onClick"], Jo = { class: "vt-table__cell-content" }, Qo = { class: "vt-table__cell-content vt-table__cell-content--ellipsis" }, el = { key: 1 }, tl = ["data-resizer", "onMousedown"], nl = {
|
|
1617
1635
|
key: 0,
|
|
1618
1636
|
class: "vt-table__summary"
|
|
1619
|
-
}, ol = { class: "vt-table__cell-content vt-table__cell-content--summary" },
|
|
1637
|
+
}, ol = { class: "vt-table__cell-content vt-table__cell-content--summary" }, Me = 50, ll = /* @__PURE__ */ ee({
|
|
1620
1638
|
__name: "VTable",
|
|
1621
|
-
props: /* @__PURE__ */
|
|
1639
|
+
props: /* @__PURE__ */ He({
|
|
1622
1640
|
data: {},
|
|
1623
1641
|
maxHeight: { default: void 0 },
|
|
1624
1642
|
rowKey: { default: "id" },
|
|
@@ -1640,145 +1658,145 @@ const ce = new $o(), So = {
|
|
|
1640
1658
|
},
|
|
1641
1659
|
columnsModifiers: {}
|
|
1642
1660
|
}),
|
|
1643
|
-
emits: /* @__PURE__ */
|
|
1661
|
+
emits: /* @__PURE__ */ He(["sort-change", "selection-change", "current-change", "row-click", "update:columns", "column-pin", "column-resize", "column-visibility", "column-sort", "columns-change", "infinity-scroll"], ["update:columns"]),
|
|
1644
1662
|
setup(t, { expose: e, emit: o }) {
|
|
1645
|
-
const n = t, l = o, s = vt(t, "columns"), i =
|
|
1646
|
-
let
|
|
1647
|
-
const
|
|
1648
|
-
|
|
1663
|
+
const n = t, l = o, s = vt(t, "columns"), i = T({}), d = T(), a = ft([]), u = T(n.defaultSort || null), r = V(() => Lo(n.data || [], u.value, a)), b = V(() => s.value !== void 0), y = V(() => n.data && n.data.length > 0), A = T(!1), U = T(0);
|
|
1664
|
+
let F;
|
|
1665
|
+
const W = (g, w) => n.rowKey && g[n.rowKey] != null ? String(g[n.rowKey]) : String(w), Z = () => {
|
|
1666
|
+
b.value && s.value ? a.splice(0, a.length, ...s.value) : n.columns && n.columns.length > 0 && a.splice(0, a.length, ...n.columns);
|
|
1649
1667
|
};
|
|
1650
|
-
|
|
1668
|
+
ge(
|
|
1651
1669
|
() => s.value,
|
|
1652
|
-
(
|
|
1653
|
-
|
|
1670
|
+
(g) => {
|
|
1671
|
+
g && b.value && a.splice(0, a.length, ...g);
|
|
1654
1672
|
},
|
|
1655
1673
|
{ deep: !0 }
|
|
1656
|
-
),
|
|
1674
|
+
), ge(
|
|
1657
1675
|
() => n.columns,
|
|
1658
|
-
(
|
|
1659
|
-
|
|
1676
|
+
(g) => {
|
|
1677
|
+
g && !b.value && a.splice(0, a.length, ...g);
|
|
1660
1678
|
},
|
|
1661
1679
|
{ deep: !0 }
|
|
1662
|
-
),
|
|
1663
|
-
const { sortedColumns:
|
|
1664
|
-
width: `${
|
|
1665
|
-
minWidth: `${
|
|
1666
|
-
maxWidth: `${
|
|
1680
|
+
), Ue("vt-table-columns", a);
|
|
1681
|
+
const { sortedColumns: M, getDefaultColumnWidth: S, getStickyOffset: $ } = wo(a), { getTableWrapperStyle: O, getColumnStyle: X, getHeaderStyle: te, getFooterStyle: K } = Co(n), { onMouseDown: ie } = bo(), x = V(() => n.allData || n.data), k = n.selectable ? ko(n, r, l, x) : null, j = () => ({
|
|
1682
|
+
width: `${Me}px`,
|
|
1683
|
+
minWidth: `${Me}px`,
|
|
1684
|
+
maxWidth: `${Me}px`,
|
|
1667
1685
|
left: "0px",
|
|
1668
1686
|
position: "sticky",
|
|
1669
1687
|
zIndex: 10
|
|
1670
|
-
}),
|
|
1671
|
-
const
|
|
1688
|
+
}), J = () => {
|
|
1689
|
+
const g = j();
|
|
1672
1690
|
return n.maxHeight ? {
|
|
1673
|
-
...
|
|
1691
|
+
...g,
|
|
1674
1692
|
top: "0px",
|
|
1675
1693
|
zIndex: 11
|
|
1676
|
-
} :
|
|
1677
|
-
},
|
|
1678
|
-
const
|
|
1694
|
+
} : g;
|
|
1695
|
+
}, m = () => {
|
|
1696
|
+
const g = j();
|
|
1679
1697
|
return n.maxHeight ? {
|
|
1680
|
-
...
|
|
1698
|
+
...g,
|
|
1681
1699
|
bottom: "0px",
|
|
1682
1700
|
zIndex: 11
|
|
1683
|
-
} :
|
|
1684
|
-
},
|
|
1685
|
-
if (!
|
|
1686
|
-
const
|
|
1687
|
-
|
|
1688
|
-
const
|
|
1689
|
-
|
|
1690
|
-
|
|
1701
|
+
} : g;
|
|
1702
|
+
}, c = () => {
|
|
1703
|
+
if (!d.value || A.value) return;
|
|
1704
|
+
const g = d.value, w = g.scrollTop, B = g.scrollHeight, R = g.clientHeight, P = 30;
|
|
1705
|
+
F && clearTimeout(F), F = setTimeout(() => {
|
|
1706
|
+
const we = w - U.value > 1, L = B - w - R <= P, oe = B - w - R <= 5;
|
|
1707
|
+
U.value = w, we && (L || oe) && (A.value = !0, l("infinity-scroll"), setTimeout(() => {
|
|
1708
|
+
A.value = !1;
|
|
1691
1709
|
}, 1e3));
|
|
1692
1710
|
}, 50);
|
|
1693
|
-
},
|
|
1694
|
-
|
|
1711
|
+
}, h = () => {
|
|
1712
|
+
A.value = !1;
|
|
1695
1713
|
};
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
}),
|
|
1699
|
-
|
|
1714
|
+
_e(() => {
|
|
1715
|
+
d.value && d.value.addEventListener("scroll", c);
|
|
1716
|
+
}), Ie(() => {
|
|
1717
|
+
F && clearTimeout(F), d.value && d.value.removeEventListener("scroll", c);
|
|
1700
1718
|
});
|
|
1701
|
-
const
|
|
1702
|
-
Mo(
|
|
1703
|
-
var
|
|
1704
|
-
((
|
|
1705
|
-
column:
|
|
1706
|
-
direction: ((
|
|
1707
|
-
prop:
|
|
1719
|
+
const _ = (g, w) => {
|
|
1720
|
+
Mo(g, w, (B) => {
|
|
1721
|
+
var R, P;
|
|
1722
|
+
((R = u.value) == null ? void 0 : R.prop) === g.prop && u.value.direction === w ? u.value = null : u.value = B, l("sort-change", {
|
|
1723
|
+
column: g,
|
|
1724
|
+
direction: ((P = u.value) == null ? void 0 : P.direction) || null,
|
|
1725
|
+
prop: g.prop,
|
|
1708
1726
|
sortedData: r.value
|
|
1709
1727
|
});
|
|
1710
1728
|
});
|
|
1711
|
-
},
|
|
1729
|
+
}, C = (g, w) => {
|
|
1712
1730
|
const B = {
|
|
1713
|
-
pinnedLeft:
|
|
1714
|
-
pinnedRight:
|
|
1731
|
+
pinnedLeft: w === "left",
|
|
1732
|
+
pinnedRight: w === "right"
|
|
1715
1733
|
};
|
|
1716
|
-
|
|
1717
|
-
},
|
|
1718
|
-
a.splice(0, a.length, ...
|
|
1719
|
-
},
|
|
1720
|
-
const B = a.findIndex((
|
|
1734
|
+
D(g.prop, B), l("column-pin", { column: { ...g, ...B }, position: w });
|
|
1735
|
+
}, I = (g) => {
|
|
1736
|
+
a.splice(0, a.length, ...g), b.value && (s.value = [...g]), l("columns-change", [...g]);
|
|
1737
|
+
}, D = (g, w) => {
|
|
1738
|
+
const B = a.findIndex((R) => R.prop === g);
|
|
1721
1739
|
if (B !== -1) {
|
|
1722
|
-
if (Object.assign(a[B],
|
|
1723
|
-
const
|
|
1724
|
-
if (
|
|
1725
|
-
const
|
|
1726
|
-
|
|
1740
|
+
if (Object.assign(a[B], w), b.value && s.value) {
|
|
1741
|
+
const R = s.value.findIndex((P) => P.prop === g);
|
|
1742
|
+
if (R !== -1) {
|
|
1743
|
+
const P = [...s.value];
|
|
1744
|
+
P[R] = { ...P[R], ...w }, s.value = P;
|
|
1727
1745
|
}
|
|
1728
1746
|
}
|
|
1729
1747
|
l("columns-change", [...a]);
|
|
1730
1748
|
}
|
|
1731
|
-
},
|
|
1732
|
-
l("row-click", { row:
|
|
1733
|
-
},
|
|
1734
|
-
B.stopPropagation(),
|
|
1735
|
-
}, Qe = (
|
|
1736
|
-
|
|
1737
|
-
},
|
|
1738
|
-
|
|
1739
|
-
},
|
|
1740
|
-
const B =
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
column: { ...
|
|
1744
|
-
width:
|
|
1749
|
+
}, ae = (g, w, B) => {
|
|
1750
|
+
l("row-click", { row: g, column: w, event: B }), n.highlightCurrentRow && k && k.setCurrentRow(g);
|
|
1751
|
+
}, ve = (g, w, B) => {
|
|
1752
|
+
B.stopPropagation(), k && k.toggleRowSelection(w, g);
|
|
1753
|
+
}, Qe = (g, w) => {
|
|
1754
|
+
w.stopPropagation(), k && k.toggleAllSelection();
|
|
1755
|
+
}, Be = (g, w) => {
|
|
1756
|
+
g && (i.value[w] = g);
|
|
1757
|
+
}, Ee = (g, w) => {
|
|
1758
|
+
const B = w.width || S();
|
|
1759
|
+
ie(g, w, S, (R) => {
|
|
1760
|
+
D(w.prop, { width: R }), l("column-resize", {
|
|
1761
|
+
column: { ...w, width: R },
|
|
1762
|
+
width: R,
|
|
1745
1763
|
oldWidth: B
|
|
1746
1764
|
});
|
|
1747
1765
|
});
|
|
1748
|
-
}, et = (
|
|
1749
|
-
if (!
|
|
1750
|
-
const B =
|
|
1766
|
+
}, et = (g, w) => X(g, w, $, S), tt = (g, w) => te(g, w, $, S), nt = (g, w) => K(g, w, $, S), ot = (g, w) => {
|
|
1767
|
+
if (!w || !w.prop) return "";
|
|
1768
|
+
const B = g[w.prop];
|
|
1751
1769
|
return B == null ? "" : String(B);
|
|
1752
|
-
}, lt =
|
|
1753
|
-
if (!n.showSummary || !
|
|
1754
|
-
const
|
|
1770
|
+
}, lt = V(() => {
|
|
1771
|
+
if (!n.showSummary || !y.value) return {};
|
|
1772
|
+
const g = a;
|
|
1755
1773
|
if (typeof n.summaryMethod == "function") {
|
|
1756
|
-
const
|
|
1757
|
-
return
|
|
1758
|
-
(B,
|
|
1774
|
+
const w = n.summaryMethod({ columns: g, data: r.value });
|
|
1775
|
+
return g.reduce(
|
|
1776
|
+
(B, R, P) => (B[R.prop] = w[P], B),
|
|
1759
1777
|
{}
|
|
1760
1778
|
);
|
|
1761
1779
|
}
|
|
1762
|
-
return
|
|
1763
|
-
(
|
|
1764
|
-
const
|
|
1765
|
-
return
|
|
1780
|
+
return g.reduce(
|
|
1781
|
+
(w, B) => {
|
|
1782
|
+
const R = r.value.map((P) => P[B.prop]);
|
|
1783
|
+
return w[B.prop] = R.every((P) => typeof P == "number") ? R.reduce((P, fe) => P + fe, 0) : "", w;
|
|
1766
1784
|
},
|
|
1767
1785
|
{}
|
|
1768
1786
|
);
|
|
1769
|
-
}), st =
|
|
1770
|
-
|
|
1787
|
+
}), st = V(() => n.showSummary && y.value), rt = (g, w) => {
|
|
1788
|
+
k && k.toggleRowSelection(g, w);
|
|
1771
1789
|
}, it = () => {
|
|
1772
|
-
|
|
1790
|
+
k && k.toggleAllSelection();
|
|
1773
1791
|
}, at = () => {
|
|
1774
|
-
|
|
1792
|
+
k && k.selectAbsolutelyAll();
|
|
1775
1793
|
}, ct = () => {
|
|
1776
|
-
|
|
1777
|
-
}, dt = () =>
|
|
1778
|
-
|
|
1794
|
+
k && k.clearSelection();
|
|
1795
|
+
}, dt = () => k ? k.getSelectionRows() : [], ut = (g) => {
|
|
1796
|
+
k && k.setSelectionRows(g);
|
|
1779
1797
|
};
|
|
1780
|
-
return
|
|
1781
|
-
|
|
1798
|
+
return _e(() => {
|
|
1799
|
+
Z();
|
|
1782
1800
|
}), e({
|
|
1783
1801
|
toggleRowSelection: rt,
|
|
1784
1802
|
toggleAllSelection: it,
|
|
@@ -1786,184 +1804,184 @@ const ce = new $o(), So = {
|
|
|
1786
1804
|
clearSelection: ct,
|
|
1787
1805
|
getSelectionRows: dt,
|
|
1788
1806
|
setSelectionRows: ut,
|
|
1789
|
-
resetInfinityScroll:
|
|
1790
|
-
}), (
|
|
1791
|
-
var
|
|
1792
|
-
const B =
|
|
1793
|
-
return p(),
|
|
1807
|
+
resetInfinityScroll: h
|
|
1808
|
+
}), (g, w) => {
|
|
1809
|
+
var R, P, fe, we;
|
|
1810
|
+
const B = Ze("tooltip");
|
|
1811
|
+
return p(), f("div", {
|
|
1794
1812
|
ref_key: "tableWrapperRef",
|
|
1795
|
-
ref:
|
|
1813
|
+
ref: d,
|
|
1796
1814
|
class: "vt-table-wrapper",
|
|
1797
|
-
style:
|
|
1798
|
-
onScroll:
|
|
1815
|
+
style: le(q(O)()),
|
|
1816
|
+
onScroll: c
|
|
1799
1817
|
}, [
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
n.selectable ? (p(),
|
|
1818
|
+
ue(g.$slots, "default"),
|
|
1819
|
+
v("table", jo, [
|
|
1820
|
+
v("thead", null, [
|
|
1821
|
+
v("tr", null, [
|
|
1822
|
+
n.selectable ? (p(), f("th", {
|
|
1805
1823
|
key: 0,
|
|
1806
|
-
class:
|
|
1824
|
+
class: E(["vt-table__th vt-table__th--selection", {
|
|
1807
1825
|
"vt-table__th--sticky": n.maxHeight,
|
|
1808
1826
|
"vt-table__th--pinned-left": !0
|
|
1809
1827
|
}]),
|
|
1810
|
-
style:
|
|
1828
|
+
style: le(J())
|
|
1811
1829
|
}, [
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
checked: (
|
|
1815
|
-
indeterminate: (
|
|
1816
|
-
"is-double": (
|
|
1830
|
+
v("div", No, [
|
|
1831
|
+
N(pe, {
|
|
1832
|
+
checked: (R = q(k)) == null ? void 0 : R.isAllSelected.value,
|
|
1833
|
+
indeterminate: (P = q(k)) == null ? void 0 : P.isIndeterminate.value,
|
|
1834
|
+
"is-double": (we = (fe = q(k)) == null ? void 0 : fe.isDoubleCheck) == null ? void 0 : we.value,
|
|
1817
1835
|
onChange: Qe
|
|
1818
1836
|
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
1819
1837
|
])
|
|
1820
|
-
], 6)) :
|
|
1821
|
-
(p(!0),
|
|
1822
|
-
key:
|
|
1838
|
+
], 6)) : H("", !0),
|
|
1839
|
+
(p(!0), f(se, null, re(q(M), (L, oe) => (p(), f("th", {
|
|
1840
|
+
key: L.prop,
|
|
1823
1841
|
ref_for: !0,
|
|
1824
|
-
ref: (
|
|
1825
|
-
style:
|
|
1826
|
-
class:
|
|
1842
|
+
ref: (ce) => Be(ce, L.prop),
|
|
1843
|
+
style: le(tt(L, oe)),
|
|
1844
|
+
class: E([
|
|
1827
1845
|
"vt-table__th",
|
|
1828
1846
|
{
|
|
1829
1847
|
"vt-table__th--sticky": n.maxHeight,
|
|
1830
|
-
"vt-table__th--pinned-left":
|
|
1831
|
-
"vt-table__th--pinned-right":
|
|
1832
|
-
"vt-table__th--sortable":
|
|
1848
|
+
"vt-table__th--pinned-left": L.pinnedLeft,
|
|
1849
|
+
"vt-table__th--pinned-right": L.pinnedRight,
|
|
1850
|
+
"vt-table__th--sortable": L.sortable
|
|
1833
1851
|
}
|
|
1834
1852
|
])
|
|
1835
1853
|
}, [
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1854
|
+
v("div", Fo, [
|
|
1855
|
+
v("div", Zo, Q(L.label), 1),
|
|
1856
|
+
L.sortable ? (p(), f("div", Yo, [
|
|
1857
|
+
N(G, {
|
|
1840
1858
|
name: "arrowTop",
|
|
1841
|
-
class:
|
|
1842
|
-
onClick:
|
|
1859
|
+
class: E(q(We)(L, u.value).asc),
|
|
1860
|
+
onClick: me((ce) => _(L, "asc"), ["stop"])
|
|
1843
1861
|
}, null, 8, ["class", "onClick"]),
|
|
1844
|
-
|
|
1862
|
+
N(G, {
|
|
1845
1863
|
name: "arrowDown",
|
|
1846
|
-
class:
|
|
1847
|
-
onClick:
|
|
1864
|
+
class: E(q(We)(L, u.value).desc),
|
|
1865
|
+
onClick: me((ce) => _(L, "desc"), ["stop"])
|
|
1848
1866
|
}, null, 8, ["class", "onClick"])
|
|
1849
|
-
])) :
|
|
1850
|
-
|
|
1867
|
+
])) : H("", !0),
|
|
1868
|
+
L.actionColumn ? (p(), ne(Oo, {
|
|
1851
1869
|
key: 1,
|
|
1852
|
-
column:
|
|
1853
|
-
"all-columns":
|
|
1870
|
+
column: L,
|
|
1871
|
+
"all-columns": q(M),
|
|
1854
1872
|
columnsSelector: n.columnsSelector,
|
|
1855
|
-
onPin:
|
|
1856
|
-
onUpdateColumns:
|
|
1857
|
-
}, null, 8, ["column", "all-columns", "columnsSelector"])) :
|
|
1873
|
+
onPin: C,
|
|
1874
|
+
onUpdateColumns: I
|
|
1875
|
+
}, null, 8, ["column", "all-columns", "columnsSelector"])) : H("", !0)
|
|
1858
1876
|
]),
|
|
1859
|
-
|
|
1877
|
+
v("div", {
|
|
1860
1878
|
class: "vt-table__resizer",
|
|
1861
|
-
"data-resizer":
|
|
1862
|
-
onMousedown: (
|
|
1879
|
+
"data-resizer": L.prop,
|
|
1880
|
+
onMousedown: (ce) => Ee(ce, L)
|
|
1863
1881
|
}, null, 40, Uo)
|
|
1864
1882
|
], 6))), 128))
|
|
1865
1883
|
])
|
|
1866
1884
|
]),
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
var
|
|
1870
|
-
return p(),
|
|
1871
|
-
key:
|
|
1872
|
-
class:
|
|
1885
|
+
v("tbody", null, [
|
|
1886
|
+
y.value ? (p(!0), f(se, { key: 1 }, re(r.value, (L, oe) => {
|
|
1887
|
+
var ce, Te, Re;
|
|
1888
|
+
return p(), f("tr", {
|
|
1889
|
+
key: W(L, oe),
|
|
1890
|
+
class: E([
|
|
1873
1891
|
"vt-table__row",
|
|
1874
1892
|
{
|
|
1875
|
-
"vt-table__row--selected": (
|
|
1876
|
-
"vt-table__row--current": ((Te =
|
|
1893
|
+
"vt-table__row--selected": (ce = q(k)) == null ? void 0 : ce.isRowSelected(L),
|
|
1894
|
+
"vt-table__row--current": ((Te = q(k)) == null ? void 0 : Te.currentRow.value) === L,
|
|
1877
1895
|
"vt-table__row--clickable": n.selectOnClickRow || n.highlightCurrentRow
|
|
1878
1896
|
}
|
|
1879
1897
|
]),
|
|
1880
|
-
onClick: (
|
|
1898
|
+
onClick: (Y) => ae(L, q(M)[0], Y)
|
|
1881
1899
|
}, [
|
|
1882
|
-
n.selectable ? (p(),
|
|
1900
|
+
n.selectable ? (p(), f("td", {
|
|
1883
1901
|
key: 0,
|
|
1884
|
-
class:
|
|
1902
|
+
class: E(["vt-table__td vt-table__td--selection", {
|
|
1885
1903
|
"vt-table__td--pinned-left": !0
|
|
1886
1904
|
}]),
|
|
1887
|
-
style:
|
|
1905
|
+
style: le(j())
|
|
1888
1906
|
}, [
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
checked: (
|
|
1892
|
-
onChange: (
|
|
1907
|
+
v("div", Jo, [
|
|
1908
|
+
N(pe, {
|
|
1909
|
+
checked: (Re = q(k)) == null ? void 0 : Re.isRowSelected(L),
|
|
1910
|
+
onChange: (Y, ke) => ve(Y, L, ke)
|
|
1893
1911
|
}, null, 8, ["checked", "onChange"])
|
|
1894
1912
|
])
|
|
1895
|
-
], 4)) :
|
|
1896
|
-
(p(!0),
|
|
1897
|
-
key: `${
|
|
1913
|
+
], 4)) : H("", !0),
|
|
1914
|
+
(p(!0), f(se, null, re(q(M), (Y, ke) => (p(), f("td", {
|
|
1915
|
+
key: `${W(L, oe)}-${Y.prop}`,
|
|
1898
1916
|
ref_for: !0,
|
|
1899
|
-
ref: (
|
|
1900
|
-
style:
|
|
1901
|
-
class:
|
|
1917
|
+
ref: (ye) => Be(ye, Y.prop),
|
|
1918
|
+
style: le(et(Y, ke)),
|
|
1919
|
+
class: E([
|
|
1902
1920
|
"vt-table__td",
|
|
1903
1921
|
{
|
|
1904
|
-
"vt-table__td--pinned-left":
|
|
1905
|
-
"vt-table__td--pinned-right":
|
|
1922
|
+
"vt-table__td--pinned-left": Y.pinnedLeft,
|
|
1923
|
+
"vt-table__td--pinned-right": Y.pinnedRight
|
|
1906
1924
|
}
|
|
1907
1925
|
])
|
|
1908
1926
|
}, [
|
|
1909
|
-
|
|
1910
|
-
|
|
1927
|
+
Ve((p(), f("div", Qo, [
|
|
1928
|
+
Y.renderSlot ? (p(), ne(Fe(() => q(yo)(Y.renderSlot, { row: L, column: Y, value: L[Y.prop], index: oe })), { key: 0 })) : (p(), f("span", el, Q(L[Y.prop]), 1))
|
|
1911
1929
|
])), [
|
|
1912
|
-
[B,
|
|
1930
|
+
[B, Y.showOverflowTooltip ? ot(L, Y) : null]
|
|
1913
1931
|
]),
|
|
1914
|
-
|
|
1932
|
+
v("div", {
|
|
1915
1933
|
class: "vt-table__resizer",
|
|
1916
|
-
"data-resizer":
|
|
1917
|
-
onMousedown: (
|
|
1934
|
+
"data-resizer": Y.prop,
|
|
1935
|
+
onMousedown: (ye) => Ee(ye, Y)
|
|
1918
1936
|
}, null, 40, tl)
|
|
1919
1937
|
], 6))), 128))
|
|
1920
1938
|
], 10, Go);
|
|
1921
|
-
}), 128)) : (p(),
|
|
1922
|
-
|
|
1923
|
-
colspan:
|
|
1939
|
+
}), 128)) : (p(), f("tr", Xo, [
|
|
1940
|
+
v("td", {
|
|
1941
|
+
colspan: q(M).length + (n.selectable ? 1 : 0),
|
|
1924
1942
|
class: "vt-table__empty-cell"
|
|
1925
1943
|
}, [
|
|
1926
|
-
|
|
1927
|
-
|
|
1944
|
+
v("div", qo, [
|
|
1945
|
+
N(G, {
|
|
1928
1946
|
name: "empty",
|
|
1929
1947
|
class: "vt-table__empty-icon"
|
|
1930
1948
|
}),
|
|
1931
|
-
|
|
1949
|
+
w[0] || (w[0] = v("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
1932
1950
|
])
|
|
1933
1951
|
], 8, Ko)
|
|
1934
1952
|
]))
|
|
1935
1953
|
]),
|
|
1936
|
-
st.value ? (p(),
|
|
1937
|
-
|
|
1938
|
-
n.selectable ? (p(),
|
|
1954
|
+
st.value ? (p(), f("tfoot", nl, [
|
|
1955
|
+
v("tr", null, [
|
|
1956
|
+
n.selectable ? (p(), f("td", {
|
|
1939
1957
|
key: 0,
|
|
1940
|
-
class:
|
|
1958
|
+
class: E(["vt-table__td", {
|
|
1941
1959
|
"vt-table__td--pinned-left": !0
|
|
1942
1960
|
}]),
|
|
1943
|
-
style:
|
|
1944
|
-
},
|
|
1945
|
-
|
|
1946
|
-
]), 4)) :
|
|
1947
|
-
(p(!0),
|
|
1948
|
-
key:
|
|
1949
|
-
style:
|
|
1950
|
-
class:
|
|
1961
|
+
style: le(m())
|
|
1962
|
+
}, w[1] || (w[1] = [
|
|
1963
|
+
v("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
1964
|
+
]), 4)) : H("", !0),
|
|
1965
|
+
(p(!0), f(se, null, re(q(M), (L, oe) => (p(), f("td", {
|
|
1966
|
+
key: L.prop,
|
|
1967
|
+
style: le(nt(L, oe)),
|
|
1968
|
+
class: E([
|
|
1951
1969
|
"vt-table__td",
|
|
1952
1970
|
{
|
|
1953
|
-
"vt-table__td--pinned-left":
|
|
1954
|
-
"vt-table__td--pinned-right":
|
|
1971
|
+
"vt-table__td--pinned-left": L.pinnedLeft,
|
|
1972
|
+
"vt-table__td--pinned-right": L.pinnedRight
|
|
1955
1973
|
}
|
|
1956
1974
|
])
|
|
1957
1975
|
}, [
|
|
1958
|
-
|
|
1976
|
+
v("div", ol, Q(lt.value[L.prop]), 1)
|
|
1959
1977
|
], 6))), 128))
|
|
1960
1978
|
])
|
|
1961
|
-
])) :
|
|
1979
|
+
])) : H("", !0)
|
|
1962
1980
|
])
|
|
1963
1981
|
], 36);
|
|
1964
1982
|
};
|
|
1965
1983
|
}
|
|
1966
|
-
}), sl = /* @__PURE__ */
|
|
1984
|
+
}), sl = /* @__PURE__ */ ee({
|
|
1967
1985
|
__name: "VTableColumn",
|
|
1968
1986
|
props: {
|
|
1969
1987
|
prop: {},
|
|
@@ -1981,7 +1999,7 @@ const ce = new $o(), So = {
|
|
|
1981
1999
|
sortMethod: {}
|
|
1982
2000
|
},
|
|
1983
2001
|
setup(t) {
|
|
1984
|
-
const e = t, o =
|
|
2002
|
+
const e = t, o = Se(), n = Xe("vt-table-columns");
|
|
1985
2003
|
n || console.error(
|
|
1986
2004
|
"VTableColumn: не знайдено контекст таблиці. Переконайтеся, що компонент використовується всередині VTable."
|
|
1987
2005
|
);
|
|
@@ -2001,12 +2019,12 @@ const ce = new $o(), So = {
|
|
|
2001
2019
|
renderSlot: o[e.prop] ?? o.default ?? o.slot
|
|
2002
2020
|
});
|
|
2003
2021
|
let s = -1;
|
|
2004
|
-
return
|
|
2022
|
+
return _e(() => {
|
|
2005
2023
|
if (n) {
|
|
2006
2024
|
const i = l();
|
|
2007
2025
|
n.push(i), s = n.length - 1;
|
|
2008
2026
|
}
|
|
2009
|
-
}),
|
|
2027
|
+
}), ge(
|
|
2010
2028
|
() => [
|
|
2011
2029
|
e.width,
|
|
2012
2030
|
e.minWidth,
|
|
@@ -2021,11 +2039,11 @@ const ce = new $o(), So = {
|
|
|
2021
2039
|
],
|
|
2022
2040
|
() => {
|
|
2023
2041
|
if (n && s !== -1) {
|
|
2024
|
-
const i = n.findIndex((
|
|
2042
|
+
const i = n.findIndex((d) => d.prop === e.prop);
|
|
2025
2043
|
if (i !== -1) {
|
|
2026
|
-
const
|
|
2044
|
+
const d = n[i], a = {
|
|
2027
2045
|
...l(),
|
|
2028
|
-
renderSlot:
|
|
2046
|
+
renderSlot: d.renderSlot
|
|
2029
2047
|
// Зберігаємо існуючий renderSlot
|
|
2030
2048
|
};
|
|
2031
2049
|
n[i] = a;
|
|
@@ -2033,14 +2051,14 @@ const ce = new $o(), So = {
|
|
|
2033
2051
|
}
|
|
2034
2052
|
},
|
|
2035
2053
|
{ deep: !0 }
|
|
2036
|
-
),
|
|
2054
|
+
), Ie(() => {
|
|
2037
2055
|
if (n) {
|
|
2038
|
-
const i = n.findIndex((
|
|
2056
|
+
const i = n.findIndex((d) => d.prop === e.prop);
|
|
2039
2057
|
i > -1 && n.splice(i, 1);
|
|
2040
2058
|
}
|
|
2041
|
-
}), (i,
|
|
2059
|
+
}), (i, d) => null;
|
|
2042
2060
|
}
|
|
2043
|
-
}),
|
|
2061
|
+
}), De = (t, e) => {
|
|
2044
2062
|
const o = document.createElement("div");
|
|
2045
2063
|
o.className = `vt-tooltip vt-tooltip--${e}`, o.innerText = t, Object.assign(o.style, {
|
|
2046
2064
|
position: "absolute",
|
|
@@ -2106,46 +2124,46 @@ const ce = new $o(), So = {
|
|
|
2106
2124
|
break;
|
|
2107
2125
|
}
|
|
2108
2126
|
return o.appendChild(n), o;
|
|
2109
|
-
},
|
|
2127
|
+
}, $e = (t, e, o) => {
|
|
2110
2128
|
const n = e.getBoundingClientRect(), l = t.getBoundingClientRect(), s = window.pageXOffset || document.documentElement.scrollLeft, i = window.pageYOffset || document.documentElement.scrollTop;
|
|
2111
|
-
let
|
|
2129
|
+
let d = 0, a = 0;
|
|
2112
2130
|
switch (o) {
|
|
2113
2131
|
case "top":
|
|
2114
|
-
|
|
2132
|
+
d = n.top + i - l.height - 8, a = n.left + s + (n.width - l.width) / 2;
|
|
2115
2133
|
break;
|
|
2116
2134
|
case "bottom":
|
|
2117
|
-
|
|
2135
|
+
d = n.bottom + i + 8, a = n.left + s + (n.width - l.width) / 2;
|
|
2118
2136
|
break;
|
|
2119
2137
|
case "left":
|
|
2120
|
-
|
|
2138
|
+
d = n.top + i + (n.height - l.height) / 2, a = n.left + s - l.width - 8;
|
|
2121
2139
|
break;
|
|
2122
2140
|
case "right":
|
|
2123
|
-
|
|
2141
|
+
d = n.top + i + (n.height - l.height) / 2, a = n.right + s + 8;
|
|
2124
2142
|
break;
|
|
2125
2143
|
}
|
|
2126
2144
|
const u = window.innerWidth, r = window.innerHeight;
|
|
2127
|
-
a < 8 ? a = 8 : a + l.width > u - 8 && (a = u - l.width - 8),
|
|
2128
|
-
},
|
|
2129
|
-
t.parentElement || document.body.appendChild(t), t.style.visibility = "visible",
|
|
2145
|
+
a < 8 ? a = 8 : a + l.width > u - 8 && (a = u - l.width - 8), d < i + 8 ? o === "top" ? d = n.bottom + i + 8 : d = i + 8 : d + l.height > i + r - 8 && (o === "bottom" ? d = n.top + i - l.height - 8 : d = i + r - l.height - 8), t.style.top = `${d}px`, t.style.left = `${a}px`;
|
|
2146
|
+
}, Pe = (t, e, o) => {
|
|
2147
|
+
t.parentElement || document.body.appendChild(t), t.style.visibility = "visible", $e(t, e, o), requestAnimationFrame(() => {
|
|
2130
2148
|
t.style.opacity = "1";
|
|
2131
2149
|
});
|
|
2132
|
-
},
|
|
2150
|
+
}, Ae = (t) => {
|
|
2133
2151
|
t.style.opacity = "0", t.style.visibility = "hidden";
|
|
2134
|
-
},
|
|
2152
|
+
}, Oe = (t) => t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight, je = (t) => !!t.closest(".vt-table, table"), rl = {
|
|
2135
2153
|
mounted(t, e) {
|
|
2136
2154
|
var a;
|
|
2137
2155
|
const o = (a = e.value) == null ? void 0 : a.trim();
|
|
2138
2156
|
if (!o) return;
|
|
2139
|
-
const n = t.dataset.placement || "top", l =
|
|
2157
|
+
const n = t.dataset.placement || "top", l = De(o, n);
|
|
2140
2158
|
t.__tooltipEl = l;
|
|
2141
2159
|
const s = () => {
|
|
2142
|
-
(
|
|
2160
|
+
(je(t) ? Oe(t) : !0) && Pe(l, t, n);
|
|
2143
2161
|
}, i = () => {
|
|
2144
|
-
|
|
2145
|
-
},
|
|
2146
|
-
l.style.opacity === "1" &&
|
|
2162
|
+
Ae(l);
|
|
2163
|
+
}, d = () => {
|
|
2164
|
+
l.style.opacity === "1" && $e(l, t, n);
|
|
2147
2165
|
};
|
|
2148
|
-
t.__mouseenterHandler = s, t.__mouseleaveHandler = i, t.__scrollHandler =
|
|
2166
|
+
t.__mouseenterHandler = s, t.__mouseleaveHandler = i, t.__scrollHandler = d, t.addEventListener("mouseenter", s), t.addEventListener("mouseleave", i), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d);
|
|
2149
2167
|
},
|
|
2150
2168
|
updated(t, e) {
|
|
2151
2169
|
var n;
|
|
@@ -2153,16 +2171,16 @@ const ce = new $o(), So = {
|
|
|
2153
2171
|
if (t.__tooltipEl)
|
|
2154
2172
|
o ? t.__tooltipEl.firstChild.textContent = o : (t.__tooltipEl.parentElement && t.__tooltipEl.parentElement.removeChild(t.__tooltipEl), delete t.__tooltipEl);
|
|
2155
2173
|
else if (o) {
|
|
2156
|
-
const l = t.dataset.placement || "top", s =
|
|
2174
|
+
const l = t.dataset.placement || "top", s = De(o, l);
|
|
2157
2175
|
t.__tooltipEl = s;
|
|
2158
2176
|
const i = () => {
|
|
2159
|
-
(
|
|
2160
|
-
},
|
|
2161
|
-
|
|
2177
|
+
(je(t) ? Oe(t) : !0) && Pe(s, t, l);
|
|
2178
|
+
}, d = () => {
|
|
2179
|
+
Ae(s);
|
|
2162
2180
|
}, a = () => {
|
|
2163
|
-
s.style.opacity === "1" &&
|
|
2181
|
+
s.style.opacity === "1" && $e(s, t, l);
|
|
2164
2182
|
};
|
|
2165
|
-
t.__mouseenterHandler = i, t.__mouseleaveHandler =
|
|
2183
|
+
t.__mouseenterHandler = i, t.__mouseleaveHandler = d, t.__scrollHandler = a, t.addEventListener("mouseenter", i), t.addEventListener("mouseleave", d), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a);
|
|
2166
2184
|
}
|
|
2167
2185
|
},
|
|
2168
2186
|
beforeUnmount(t) {
|
|
@@ -2178,25 +2196,25 @@ const ce = new $o(), So = {
|
|
|
2178
2196
|
}, il = {
|
|
2179
2197
|
install(t, e = {}) {
|
|
2180
2198
|
const { prefix: o = "V", modal: n = !0 } = e;
|
|
2181
|
-
t.component(`${o}Button`,
|
|
2199
|
+
t.component(`${o}Button`, be), t.component(`${o}Icon`, G), t.component(`${o}Loader`, Ke), t.component(`${o}Modal`, qe), t.component(`${o}Pagination`, fo), t.component(`${o}Checkbox`, pe), t.component(`${o}Table`, ll), t.component(`${o}TableColumn`, sl), t.component(`${o}Dropdown`, Je), t.component(`${o}DropdownItem`, Le), t.directive("tooltip", rl), n && t.use(So);
|
|
2182
2200
|
}
|
|
2183
2201
|
}, dl = il.install;
|
|
2184
2202
|
export {
|
|
2185
2203
|
cl as DEFAULT_COLUMN_CONFIG,
|
|
2186
|
-
|
|
2187
|
-
|
|
2204
|
+
Ge as DropdownContextKey,
|
|
2205
|
+
be as VButton,
|
|
2188
2206
|
pe as VCheckbox,
|
|
2189
|
-
|
|
2190
|
-
|
|
2207
|
+
Je as VDropdown,
|
|
2208
|
+
Le as VDropdownItem,
|
|
2191
2209
|
G as VIcon,
|
|
2192
|
-
|
|
2193
|
-
|
|
2210
|
+
Ke as VLoader,
|
|
2211
|
+
qe as VModal,
|
|
2194
2212
|
So as VModalPlugin,
|
|
2195
2213
|
fo as VPagination,
|
|
2196
2214
|
ll as VTable,
|
|
2197
2215
|
sl as VTableColumn,
|
|
2198
2216
|
il as default,
|
|
2199
2217
|
dl as install,
|
|
2200
|
-
|
|
2218
|
+
de as modalManager,
|
|
2201
2219
|
rl as tooltipDirective
|
|
2202
2220
|
};
|