dendelion-ui 0.0.25 → 0.0.27
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/dendelion-ui.cjs.js +1 -1
- package/dist/dendelion-ui.es.js +292 -287
- package/dist/dendelion-ui.umd.js +1 -1
- package/dist/types/components/table/interface.d.ts +9 -4
- package/package.json +4 -4
- package/src/components/table/Table.vue +38 -18
- package/src/components/table/interface.ts +28 -12
package/dist/dendelion-ui.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as C, computed as q, openBlock as l, createElementBlock as i, normalizeClass as M, createElementVNode as h, renderSlot as z, ref as B, createBlock as A, resolveDynamicComponent as ee, withCtx as fe, createTextVNode as te, toDisplayString as I, onMounted as H, Fragment as R, unref as K, isVNode as ye, normalizeProps as xe, guardReactiveProps as _e, createCommentVNode as E, defineAsyncComponent as se, watch as X, renderList as P, provide as we, inject as ne, Transition as Se, onUnmounted as ke, normalizeStyle as Be, withDirectives as Ce, vModelRadio as $e } from "vue";
|
|
2
2
|
var re = /* @__PURE__ */ ((e) => (e[e.Primary = 0] = "Primary", e[e.PrimaryContent = 1] = "PrimaryContent", e[e.Secondary = 2] = "Secondary", e[e.SecondaryContent = 3] = "SecondaryContent", e[e.Accent = 4] = "Accent", e[e.AccentContent = 5] = "AccentContent", e[e.Neutral = 6] = "Neutral", e[e.NeutralContent = 7] = "NeutralContent", e[e.Base100 = 8] = "Base100", e[e.Base200 = 9] = "Base200", e[e.Base300 = 10] = "Base300", e[e.BaseContent = 11] = "BaseContent", e[e.Info = 12] = "Info", e[e.InfoContent = 13] = "InfoContent", e[e.Success = 14] = "Success", e[e.SuccessContent = 15] = "SuccessContent", e[e.Warning = 16] = "Warning", e[e.WarningContent = 17] = "WarningContent", e[e.Error = 18] = "Error", e[e.ErrorContent = 19] = "ErrorContent", e))(re || {});
|
|
3
3
|
class Me {
|
|
4
4
|
static toClassName(t) {
|
|
@@ -239,13 +239,13 @@ function Ee() {
|
|
|
239
239
|
(function() {
|
|
240
240
|
var t = {}.hasOwnProperty;
|
|
241
241
|
function r() {
|
|
242
|
-
for (var n = "",
|
|
243
|
-
var
|
|
244
|
-
|
|
242
|
+
for (var n = "", c = 0; c < arguments.length; c++) {
|
|
243
|
+
var p = arguments[c];
|
|
244
|
+
p && (n = a(n, o(p)));
|
|
245
245
|
}
|
|
246
246
|
return n;
|
|
247
247
|
}
|
|
248
|
-
function
|
|
248
|
+
function o(n) {
|
|
249
249
|
if (typeof n == "string" || typeof n == "number")
|
|
250
250
|
return n;
|
|
251
251
|
if (typeof n != "object")
|
|
@@ -254,20 +254,20 @@ function Ee() {
|
|
|
254
254
|
return r.apply(null, n);
|
|
255
255
|
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
256
256
|
return n.toString();
|
|
257
|
-
var
|
|
258
|
-
for (var
|
|
259
|
-
t.call(n,
|
|
260
|
-
return
|
|
257
|
+
var c = "";
|
|
258
|
+
for (var p in n)
|
|
259
|
+
t.call(n, p) && n[p] && (c = a(c, p));
|
|
260
|
+
return c;
|
|
261
261
|
}
|
|
262
|
-
function a(n,
|
|
263
|
-
return
|
|
262
|
+
function a(n, c) {
|
|
263
|
+
return c ? n ? n + " " + c : n + c : n;
|
|
264
264
|
}
|
|
265
265
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
266
266
|
})();
|
|
267
267
|
})(Z)), Z.exports;
|
|
268
268
|
}
|
|
269
269
|
var Fe = Ee();
|
|
270
|
-
const
|
|
270
|
+
const V = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], De = { class: "group-[.is-loading]:text-transparent" }, gt = /* @__PURE__ */ C({
|
|
271
271
|
__name: "Button",
|
|
272
272
|
props: {
|
|
273
273
|
type: { default: "button" },
|
|
@@ -279,8 +279,8 @@ const D = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "grou
|
|
|
279
279
|
click: {}
|
|
280
280
|
},
|
|
281
281
|
setup(e) {
|
|
282
|
-
const t = e, r =
|
|
283
|
-
() =>
|
|
282
|
+
const t = e, r = q(
|
|
283
|
+
() => V(
|
|
284
284
|
"btn",
|
|
285
285
|
"group",
|
|
286
286
|
ze.toClassName(t.color),
|
|
@@ -290,28 +290,28 @@ const D = /* @__PURE__ */ pe(Fe), We = ["type", "disabled"], Ve = { class: "grou
|
|
|
290
290
|
t.disabled ? "disabled" : ""
|
|
291
291
|
)
|
|
292
292
|
);
|
|
293
|
-
return (
|
|
293
|
+
return (o, a) => (l(), i("button", {
|
|
294
294
|
onClick: a[0] || (a[0] = (n) => e.click ? e.click : void 0),
|
|
295
|
-
class:
|
|
295
|
+
class: M(r.value),
|
|
296
296
|
type: e.type,
|
|
297
297
|
disabled: e.disabled || e.loading
|
|
298
298
|
}, [
|
|
299
|
-
a[1] || (a[1] =
|
|
300
|
-
|
|
301
|
-
|
|
299
|
+
a[1] || (a[1] = h("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
|
|
300
|
+
h("span", De, [
|
|
301
|
+
z(o.$slots, "default")
|
|
302
302
|
])
|
|
303
303
|
], 10, We));
|
|
304
304
|
}
|
|
305
305
|
}), ae = (e, t) => {
|
|
306
306
|
const r = e.__vccOpts || e;
|
|
307
|
-
for (const [
|
|
308
|
-
r[
|
|
307
|
+
for (const [o, a] of t)
|
|
308
|
+
r[o] = a;
|
|
309
309
|
return r;
|
|
310
|
-
},
|
|
310
|
+
}, Ve = {};
|
|
311
311
|
function Oe(e, t) {
|
|
312
|
-
return
|
|
312
|
+
return l(), i("button");
|
|
313
313
|
}
|
|
314
|
-
const yt = /* @__PURE__ */ ae(
|
|
314
|
+
const yt = /* @__PURE__ */ ae(Ve, [["render", Oe]]), xt = /* @__PURE__ */ C({
|
|
315
315
|
__name: "Card",
|
|
316
316
|
props: {
|
|
317
317
|
backgroundColor: { default: re.Primary },
|
|
@@ -321,8 +321,8 @@ const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), xt = /* @__PURE__ */ M({
|
|
|
321
321
|
roundedSize: {}
|
|
322
322
|
},
|
|
323
323
|
setup(e) {
|
|
324
|
-
const t = e, r =
|
|
325
|
-
|
|
324
|
+
const t = e, r = B(
|
|
325
|
+
V(
|
|
326
326
|
"card",
|
|
327
327
|
Me.toClassName(t.backgroundColor),
|
|
328
328
|
t.shadow ? "shadow-lg" : "",
|
|
@@ -330,207 +330,207 @@ const yt = /* @__PURE__ */ ae(De, [["render", Oe]]), xt = /* @__PURE__ */ M({
|
|
|
330
330
|
t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Te.toClassName(t.roundedSize) : ""
|
|
331
331
|
)
|
|
332
332
|
);
|
|
333
|
-
return (
|
|
334
|
-
class:
|
|
333
|
+
return (o, a) => (l(), i("div", {
|
|
334
|
+
class: M(r.value)
|
|
335
335
|
}, [
|
|
336
|
-
|
|
336
|
+
z(o.$slots, "default")
|
|
337
337
|
], 2));
|
|
338
338
|
}
|
|
339
339
|
}), Pe = {}, Ae = { class: "card-body" };
|
|
340
340
|
function qe(e, t) {
|
|
341
|
-
return
|
|
342
|
-
|
|
341
|
+
return l(), i("div", Ae, [
|
|
342
|
+
z(e.$slots, "default")
|
|
343
343
|
]);
|
|
344
344
|
}
|
|
345
|
-
const _t = /* @__PURE__ */ ae(Pe, [["render", qe]]), wt = /* @__PURE__ */
|
|
345
|
+
const _t = /* @__PURE__ */ ae(Pe, [["render", qe]]), wt = /* @__PURE__ */ C({
|
|
346
346
|
__name: "CardTitle",
|
|
347
347
|
props: {
|
|
348
348
|
is: { default: "h1" },
|
|
349
349
|
text: { default: "" }
|
|
350
350
|
},
|
|
351
351
|
setup(e) {
|
|
352
|
-
return (t, r) => (
|
|
352
|
+
return (t, r) => (l(), A(ee(e.is), { class: "card-title" }, {
|
|
353
353
|
default: fe(() => [
|
|
354
|
-
te(
|
|
354
|
+
te(I(e.text), 1)
|
|
355
355
|
]),
|
|
356
356
|
_: 1
|
|
357
357
|
}));
|
|
358
358
|
}
|
|
359
|
-
}), St = /* @__PURE__ */
|
|
359
|
+
}), St = /* @__PURE__ */ C({
|
|
360
360
|
__name: "Container",
|
|
361
361
|
props: {
|
|
362
362
|
container: { type: Boolean, default: !0 },
|
|
363
363
|
padding: { type: Boolean, default: !0 }
|
|
364
364
|
},
|
|
365
365
|
setup(e) {
|
|
366
|
-
const t = e, r =
|
|
366
|
+
const t = e, r = B([
|
|
367
367
|
t.container ? "container" : "",
|
|
368
368
|
//To disable the max width in some cases
|
|
369
369
|
t.padding ? "p-6" : ""
|
|
370
370
|
]);
|
|
371
|
-
return (
|
|
372
|
-
class:
|
|
371
|
+
return (o, a) => (l(), i("div", {
|
|
372
|
+
class: M(r.value)
|
|
373
373
|
}, [
|
|
374
|
-
|
|
374
|
+
z(o.$slots, "default")
|
|
375
375
|
], 2));
|
|
376
376
|
}
|
|
377
|
-
})
|
|
377
|
+
});
|
|
378
378
|
var Y = {}, Q = {}, ue;
|
|
379
379
|
function be() {
|
|
380
380
|
return ue || (ue = 1, (function(e) {
|
|
381
381
|
e.__esModule = !0, e.default = a;
|
|
382
|
-
var t = /[\u0300-\u036f]/g, r = /ł/g,
|
|
382
|
+
var t = /[\u0300-\u036f]/g, r = /ł/g, o = /ñ/g;
|
|
383
383
|
function a(n) {
|
|
384
|
-
return n.toLowerCase().normalize("NFD").replace(t, "").replace(r, "l").replace(
|
|
384
|
+
return n.toLowerCase().normalize("NFD").replace(t, "").replace(r, "l").replace(o, "n").trim();
|
|
385
385
|
}
|
|
386
386
|
})(Q)), Q;
|
|
387
387
|
}
|
|
388
|
-
var
|
|
388
|
+
var D = {}, ce;
|
|
389
389
|
function le() {
|
|
390
|
-
if (ce) return
|
|
391
|
-
ce = 1,
|
|
390
|
+
if (ce) return D;
|
|
391
|
+
ce = 1, D.__esModule = !0, D.aggressiveFuzzyMatch = _, D.createFuzzySearchImpl = x, D.experimentalSmartFuzzyMatch = T, D.fuzzyMatchImpl = m;
|
|
392
392
|
var e = t(be());
|
|
393
|
-
function t(
|
|
394
|
-
return
|
|
393
|
+
function t(s) {
|
|
394
|
+
return s && s.__esModule ? s : { default: s };
|
|
395
395
|
}
|
|
396
|
-
var r = Number.MAX_SAFE_INTEGER,
|
|
396
|
+
var r = Number.MAX_SAFE_INTEGER, o = function(u, d) {
|
|
397
397
|
return (
|
|
398
398
|
/*: number*/
|
|
399
|
-
|
|
399
|
+
u.score - d.score
|
|
400
400
|
);
|
|
401
|
-
}, a = function(
|
|
401
|
+
}, a = function(u, d) {
|
|
402
402
|
return (
|
|
403
403
|
/*: number*/
|
|
404
|
-
|
|
404
|
+
u[0] - d[0]
|
|
405
405
|
);
|
|
406
406
|
}, n = new Set(` []()-–—'"“”`.split(""));
|
|
407
|
-
function
|
|
408
|
-
return n.has(
|
|
407
|
+
function c(s) {
|
|
408
|
+
return n.has(s);
|
|
409
409
|
}
|
|
410
|
-
function
|
|
411
|
-
if (
|
|
412
|
-
return [0, [[0,
|
|
413
|
-
var
|
|
414
|
-
if (
|
|
415
|
-
return [0.1, [[0,
|
|
416
|
-
if (
|
|
410
|
+
function p(s, u, d, w, f, g, v) {
|
|
411
|
+
if (s === w)
|
|
412
|
+
return [0, [[0, s.length - 1]]];
|
|
413
|
+
var b = w.length, y = u.length, S = f.length;
|
|
414
|
+
if (u === f)
|
|
415
|
+
return [0.1, [[0, y - 1]]];
|
|
416
|
+
if (u.startsWith(f))
|
|
417
417
|
return [0.5, [[0, S - 1]]];
|
|
418
|
-
var
|
|
419
|
-
if (
|
|
420
|
-
return [0.9, [[
|
|
421
|
-
var
|
|
422
|
-
if (
|
|
423
|
-
return [1, [[
|
|
424
|
-
var
|
|
425
|
-
if (
|
|
426
|
-
return
|
|
418
|
+
var $ = s.indexOf(w);
|
|
419
|
+
if ($ > -1 && c(s[$ - 1]))
|
|
420
|
+
return [0.9, [[$, $ + b - 1]]];
|
|
421
|
+
var k = u.indexOf(f);
|
|
422
|
+
if (k > -1 && c(u[k - 1]))
|
|
423
|
+
return [1, [[k, k + b - 1]]];
|
|
424
|
+
var N = g.length;
|
|
425
|
+
if (N > 1 && g.every(function(W) {
|
|
426
|
+
return d.has(W);
|
|
427
427
|
})) {
|
|
428
|
-
var F = 1.5 +
|
|
428
|
+
var F = 1.5 + N * 0.2;
|
|
429
429
|
return [F, g.map(function(W) {
|
|
430
|
-
var O =
|
|
430
|
+
var O = u.indexOf(W);
|
|
431
431
|
return [O, O + W.length - 1];
|
|
432
432
|
}).sort(a)];
|
|
433
433
|
}
|
|
434
|
-
return
|
|
434
|
+
return k > -1 ? [2, [[k, k + b - 1]]] : v === "aggressive" ? _(u, f) : v === "smart" ? T(u, f) : null;
|
|
435
435
|
}
|
|
436
|
-
function
|
|
437
|
-
for (var
|
|
438
|
-
if (
|
|
439
|
-
if (S !==
|
|
440
|
-
return
|
|
441
|
-
g =
|
|
436
|
+
function _(s, u) {
|
|
437
|
+
for (var d = s.length, w = u.length, f = 0, g = u[f], v = [], b = -1, y = -2, S = 0; S < d; S += 1)
|
|
438
|
+
if (s[S] === g) {
|
|
439
|
+
if (S !== y + 1 && (b >= 0 && v.push([b, y]), b = S), y = S, f += 1, f === w)
|
|
440
|
+
return v.push([b, y]), L(v, s);
|
|
441
|
+
g = u[f];
|
|
442
442
|
}
|
|
443
443
|
return null;
|
|
444
444
|
}
|
|
445
|
-
function
|
|
446
|
-
for (var
|
|
447
|
-
var
|
|
448
|
-
if (
|
|
445
|
+
function T(s, u) {
|
|
446
|
+
for (var d = s.length, w = [], f = 0, g = u[f], v = -1, b = -2; ; ) {
|
|
447
|
+
var y = s.indexOf(g, b + 1);
|
|
448
|
+
if (y === -1)
|
|
449
449
|
break;
|
|
450
|
-
if (
|
|
451
|
-
|
|
450
|
+
if (y === 0 || c(s[y - 1]))
|
|
451
|
+
v = y;
|
|
452
452
|
else {
|
|
453
|
-
var S =
|
|
454
|
-
if (
|
|
455
|
-
|
|
453
|
+
var S = u.length - f, $ = s.length - y, k = Math.min(3, S, $), N = u.slice(f, f + k);
|
|
454
|
+
if (s.slice(y, y + k) === N)
|
|
455
|
+
v = y;
|
|
456
456
|
else {
|
|
457
|
-
|
|
457
|
+
b += 1;
|
|
458
458
|
continue;
|
|
459
459
|
}
|
|
460
460
|
}
|
|
461
|
-
for (
|
|
462
|
-
|
|
463
|
-
if (
|
|
464
|
-
return
|
|
461
|
+
for (b = v; b < d && s[b] === g; b += 1)
|
|
462
|
+
f += 1, g = u[f];
|
|
463
|
+
if (b -= 1, w.push([v, b]), f === u.length)
|
|
464
|
+
return L(w, s);
|
|
465
465
|
}
|
|
466
466
|
return null;
|
|
467
467
|
}
|
|
468
|
-
function
|
|
469
|
-
var
|
|
470
|
-
return
|
|
471
|
-
var
|
|
472
|
-
S ?
|
|
473
|
-
}), [
|
|
468
|
+
function L(s, u) {
|
|
469
|
+
var d = 2;
|
|
470
|
+
return s.forEach(function(w) {
|
|
471
|
+
var f = w[0], g = w[1], v = g - f + 1, b = f === 0 || u[f] === " " || u[f - 1] === " ", y = g === u.length - 1 || u[g] === " " || u[g + 1] === " ", S = b && y;
|
|
472
|
+
S ? d += 0.2 : b ? d += 0.4 : v >= 3 ? d += 0.8 : d += 1.6;
|
|
473
|
+
}), [d, s];
|
|
474
474
|
}
|
|
475
|
-
function
|
|
476
|
-
var
|
|
477
|
-
return
|
|
478
|
-
item:
|
|
479
|
-
score:
|
|
480
|
-
matches: [
|
|
475
|
+
function m(s, u) {
|
|
476
|
+
var d = (0, e.default)(u), w = d.split(" "), f = (0, e.default)(s), g = new Set(f.split(" ")), v = p(s, f, g, u, d, w, "smart");
|
|
477
|
+
return v ? {
|
|
478
|
+
item: s,
|
|
479
|
+
score: v[0],
|
|
480
|
+
matches: [v[1]]
|
|
481
481
|
} : null;
|
|
482
482
|
}
|
|
483
|
-
function
|
|
484
|
-
var
|
|
485
|
-
var
|
|
486
|
-
if (
|
|
487
|
-
|
|
483
|
+
function x(s, u) {
|
|
484
|
+
var d = u.strategy, w = d === void 0 ? "aggressive" : d, f = u.getText, g = s.map(function(v) {
|
|
485
|
+
var b;
|
|
486
|
+
if (f)
|
|
487
|
+
b = f(v);
|
|
488
488
|
else {
|
|
489
|
-
var
|
|
490
|
-
|
|
489
|
+
var y = u.key ? v[u.key] : v;
|
|
490
|
+
b = [y];
|
|
491
491
|
}
|
|
492
|
-
var S =
|
|
493
|
-
var
|
|
494
|
-
return [
|
|
492
|
+
var S = b.map(function($) {
|
|
493
|
+
var k = $ || "", N = (0, e.default)(k), F = new Set(N.split(" "));
|
|
494
|
+
return [k, N, F];
|
|
495
495
|
});
|
|
496
|
-
return [
|
|
496
|
+
return [v, S];
|
|
497
497
|
});
|
|
498
|
-
return function(
|
|
499
|
-
var
|
|
500
|
-
return
|
|
501
|
-
for (var
|
|
502
|
-
var j =
|
|
498
|
+
return function(v) {
|
|
499
|
+
var b = [], y = (0, e.default)(v), S = y.split(" ");
|
|
500
|
+
return y.length ? (g.forEach(function($) {
|
|
501
|
+
for (var k = $[0], N = $[1], F = r, W = [], O = 0, ve = N.length; O < ve; O += 1) {
|
|
502
|
+
var j = N[O], me = j[0], he = j[1], ge = j[2], J = p(me, he, ge, v, y, S, w);
|
|
503
503
|
J ? (F = Math.min(F, J[0]), W.push(J[1])) : W.push(null);
|
|
504
504
|
}
|
|
505
|
-
F < r &&
|
|
506
|
-
item:
|
|
505
|
+
F < r && b.push({
|
|
506
|
+
item: k,
|
|
507
507
|
score: F,
|
|
508
508
|
matches: W
|
|
509
509
|
});
|
|
510
|
-
}),
|
|
510
|
+
}), b.sort(o), b) : [];
|
|
511
511
|
};
|
|
512
512
|
}
|
|
513
|
-
return
|
|
513
|
+
return D;
|
|
514
514
|
}
|
|
515
515
|
var ie;
|
|
516
516
|
function Ie() {
|
|
517
517
|
return ie || (ie = 1, (function(e) {
|
|
518
|
-
e.__esModule = !0, e.default =
|
|
518
|
+
e.__esModule = !0, e.default = o, e.fuzzyMatch = a;
|
|
519
519
|
var t = r(be());
|
|
520
520
|
e.normalizeText = t.default;
|
|
521
521
|
function r(n) {
|
|
522
522
|
return n && n.__esModule ? n : { default: n };
|
|
523
523
|
}
|
|
524
|
-
function
|
|
525
|
-
return
|
|
524
|
+
function o(n, c) {
|
|
525
|
+
return c === void 0 && (c = {}), le().createFuzzySearchImpl(n, c);
|
|
526
526
|
}
|
|
527
|
-
function a(n,
|
|
528
|
-
return le().fuzzyMatchImpl(n,
|
|
527
|
+
function a(n, c) {
|
|
528
|
+
return le().fuzzyMatchImpl(n, c);
|
|
529
529
|
}
|
|
530
530
|
})(Y)), Y;
|
|
531
531
|
}
|
|
532
532
|
var Xe = Ie();
|
|
533
|
-
const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["innerHTML"], je = { key: 1 }, Je = { key: 2 }, de = /* @__PURE__ */
|
|
533
|
+
const Ue = /* @__PURE__ */ pe(Xe), U = (e, t) => !e || typeof e != "object" ? String(e) : t.split(".").reduce((r, o) => r && (typeof r == "object" ? r[o] : r), e), Ke = { key: 0 }, He = { key: 0 }, Ge = ["innerHTML"], je = { key: 1 }, Je = { key: 2 }, de = /* @__PURE__ */ C({
|
|
534
534
|
__name: "TableColumn",
|
|
535
535
|
props: {
|
|
536
536
|
column: {},
|
|
@@ -538,28 +538,28 @@ const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["inne
|
|
|
538
538
|
rowIndex: {}
|
|
539
539
|
},
|
|
540
540
|
setup(e) {
|
|
541
|
-
const t = e, r =
|
|
541
|
+
const t = e, r = q(() => t.column.render ? t.column.render(U(t.row, t.column.data), t.row) : U(t.row, t.column.data));
|
|
542
542
|
H(() => {
|
|
543
543
|
r.value && typeof r.value == "object" && "then" in r.value && console.warn("Async component detected in TableColumn, this may cause issues with rendering.");
|
|
544
544
|
});
|
|
545
|
-
const
|
|
546
|
-
return (n,
|
|
547
|
-
e.column.render ? e.row ? (
|
|
548
|
-
r.value ? (
|
|
549
|
-
typeof r.value == "string" ? (
|
|
550
|
-
|
|
551
|
-
])) : ye(r.value) ? (
|
|
552
|
-
(
|
|
553
|
-
])) : (
|
|
554
|
-
(
|
|
545
|
+
const o = (n, c) => c.render === void 0 ? {} : c.render(U(n, c.data), n).props, a = (n) => (console.log("getComponent", n), n && typeof n == "object" && "then" in n ? se(() => n) : typeof n == "function" ? se(n) : n);
|
|
546
|
+
return (n, c) => (l(), i("td", null, [
|
|
547
|
+
e.column.render ? e.row ? (l(), i(R, { key: 1 }, [
|
|
548
|
+
r.value ? (l(), i("div", Ke, [
|
|
549
|
+
typeof r.value == "string" ? (l(), i("div", He, [
|
|
550
|
+
h("div", { innerHTML: r.value }, null, 8, Ge)
|
|
551
|
+
])) : ye(r.value) ? (l(), i("div", je, [
|
|
552
|
+
(l(), A(ee(r.value)))
|
|
553
|
+
])) : (l(), i("div", Je, [
|
|
554
|
+
(l(), A(ee(a(r.value.component)), xe(_e(o(e.row, e.column))), null, 16))
|
|
555
555
|
]))
|
|
556
556
|
])) : E("", !0)
|
|
557
|
-
], 64)) : E("", !0) : (
|
|
558
|
-
te(
|
|
557
|
+
], 64)) : E("", !0) : (l(), i(R, { key: 0 }, [
|
|
558
|
+
te(I(K(U)(e.row, e.column.data)), 1)
|
|
559
559
|
], 64))
|
|
560
560
|
]));
|
|
561
561
|
}
|
|
562
|
-
}), Ze = { key: 0 }, Ye = { key: 1 }, Qe = { key: 0 }, et = ["colspan"], tt = ["onClick"], nt = { key: 2 }, rt = { key: 0 }, at = ["colspan"], kt = /* @__PURE__ */
|
|
562
|
+
}), Ze = { key: 0 }, Ye = { key: 1 }, Qe = { key: 0 }, et = ["colspan"], tt = ["onClick"], nt = { key: 2 }, rt = { key: 0 }, at = ["colspan"], kt = /* @__PURE__ */ C({
|
|
563
563
|
__name: "Table",
|
|
564
564
|
props: {
|
|
565
565
|
zebra: { type: Boolean, default: !1 },
|
|
@@ -576,91 +576,96 @@ const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["inne
|
|
|
576
576
|
onRowClick: {}
|
|
577
577
|
},
|
|
578
578
|
setup(e) {
|
|
579
|
-
const t =
|
|
579
|
+
const t = B([]), r = B([]), o = B(null), a = e, n = B(V(
|
|
580
580
|
a.customRowClasses,
|
|
581
581
|
{ hover: a.onRowClick }
|
|
582
|
-
)),
|
|
583
|
-
|
|
582
|
+
)), c = B(
|
|
583
|
+
V("table", Le.toClassName(a.size), {
|
|
584
584
|
"table-zebra": a.zebra,
|
|
585
585
|
"table-pin-rows": a.pinRows,
|
|
586
586
|
"table-pin-cols ": a.pinCols
|
|
587
587
|
})
|
|
588
|
-
),
|
|
589
|
-
a.onRowClick && a.onRowClick(
|
|
588
|
+
), p = (m, x) => {
|
|
589
|
+
a.onRowClick && a.onRowClick(m, x);
|
|
590
590
|
};
|
|
591
591
|
H(() => {
|
|
592
592
|
t.value = a.dataSource, r.value = a.dataSource;
|
|
593
|
-
}),
|
|
593
|
+
}), X(
|
|
594
594
|
() => a.dataSource,
|
|
595
|
-
(
|
|
596
|
-
t.value =
|
|
595
|
+
(m) => {
|
|
596
|
+
t.value = m, r.value = m;
|
|
597
597
|
},
|
|
598
598
|
{ immediate: !0 }
|
|
599
|
-
),
|
|
599
|
+
), X(
|
|
600
600
|
() => a.searchValue,
|
|
601
|
-
(
|
|
601
|
+
(m) => {
|
|
602
602
|
if (a.searchFunction) {
|
|
603
|
-
r.value = a.searchFunction(
|
|
603
|
+
r.value = a.searchFunction(m ?? "");
|
|
604
604
|
return;
|
|
605
605
|
}
|
|
606
|
-
r.value =
|
|
606
|
+
r.value = m ? L(m) : t.value;
|
|
607
607
|
},
|
|
608
608
|
{ immediate: !0 }
|
|
609
609
|
);
|
|
610
|
-
const
|
|
611
|
-
const
|
|
612
|
-
return
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
610
|
+
const _ = (m, x = "") => Object.keys(m).flatMap((s) => {
|
|
611
|
+
const u = m[s], d = x ? `${x}.${s}` : s;
|
|
612
|
+
return u !== null && typeof u == "object" ? _(u, d) : [d];
|
|
613
|
+
}), T = (m, x) => x.split(".").reduce((s, u) => s !== null && typeof s == "object" ? s[u] : void 0, m), L = (m) => {
|
|
614
|
+
const x = [];
|
|
615
|
+
return t.value.length > 0 ? (_(t.value[0]).forEach((u) => {
|
|
616
|
+
const d = t.value.map((g) => T(g, u)), f = Ue(d)(m);
|
|
617
|
+
for (const g of f) {
|
|
618
|
+
const v = t.value.filter(
|
|
619
|
+
(b) => T(b, u) === g.item
|
|
620
|
+
);
|
|
621
|
+
x.push(...v);
|
|
617
622
|
}
|
|
618
|
-
}),
|
|
623
|
+
}), [...new Set(x)]) : [];
|
|
619
624
|
};
|
|
620
|
-
return (
|
|
625
|
+
return (m, x) => (l(), i("table", {
|
|
621
626
|
ref_key: "table",
|
|
622
|
-
ref:
|
|
623
|
-
class:
|
|
627
|
+
ref: o,
|
|
628
|
+
class: M(c.value)
|
|
624
629
|
}, [
|
|
625
|
-
e.horizontal ? E("", !0) : (
|
|
626
|
-
|
|
627
|
-
(
|
|
628
|
-
key:
|
|
629
|
-
},
|
|
630
|
+
e.horizontal ? E("", !0) : (l(), i("thead", Ze, [
|
|
631
|
+
h("tr", null, [
|
|
632
|
+
(l(!0), i(R, null, P(a.columns, (s) => (l(), i("th", {
|
|
633
|
+
key: s.title
|
|
634
|
+
}, I(s.title), 1))), 128))
|
|
630
635
|
])
|
|
631
636
|
])),
|
|
632
|
-
e.horizontal ? E("", !0) : (
|
|
633
|
-
r.value.length === 0 ? (
|
|
634
|
-
|
|
637
|
+
e.horizontal ? E("", !0) : (l(), i("tbody", Ye, [
|
|
638
|
+
r.value.length === 0 ? (l(), i("tr", Qe, [
|
|
639
|
+
h("td", {
|
|
635
640
|
colspan: a.columns.length
|
|
636
641
|
}, "No data found", 8, et)
|
|
637
|
-
])) : (
|
|
638
|
-
class:
|
|
639
|
-
key: JSON.stringify(
|
|
640
|
-
onClick: (
|
|
642
|
+
])) : (l(!0), i(R, { key: 1 }, P(r.value, (s, u) => (l(), i("tr", {
|
|
643
|
+
class: M(n.value),
|
|
644
|
+
key: JSON.stringify(s),
|
|
645
|
+
onClick: (d) => p(s, u)
|
|
641
646
|
}, [
|
|
642
|
-
(
|
|
643
|
-
key:
|
|
644
|
-
column:
|
|
645
|
-
row:
|
|
646
|
-
rowIndex:
|
|
647
|
+
(l(!0), i(R, null, P(a.columns, (d) => (l(), A(de, {
|
|
648
|
+
key: d.data,
|
|
649
|
+
column: d,
|
|
650
|
+
row: s,
|
|
651
|
+
rowIndex: u
|
|
647
652
|
}, null, 8, ["column", "row", "rowIndex"]))), 128))
|
|
648
653
|
], 10, tt))), 128))
|
|
649
654
|
])),
|
|
650
|
-
e.horizontal ? (
|
|
651
|
-
(
|
|
652
|
-
key:
|
|
655
|
+
e.horizontal ? (l(), i("tbody", nt, [
|
|
656
|
+
(l(!0), i(R, null, P(a.columns, (s) => (l(), i("tr", {
|
|
657
|
+
key: s.title
|
|
653
658
|
}, [
|
|
654
|
-
|
|
655
|
-
(
|
|
656
|
-
key:
|
|
657
|
-
column:
|
|
658
|
-
row:
|
|
659
|
-
rowIndex:
|
|
659
|
+
h("th", null, I(s.title), 1),
|
|
660
|
+
(l(!0), i(R, null, P(r.value, (u, d) => (l(), A(de, {
|
|
661
|
+
key: d,
|
|
662
|
+
column: s,
|
|
663
|
+
row: u,
|
|
664
|
+
rowIndex: d
|
|
660
665
|
}, null, 8, ["column", "row", "rowIndex"]))), 128))
|
|
661
666
|
]))), 128)),
|
|
662
|
-
r.value.length === 0 ? (
|
|
663
|
-
|
|
667
|
+
r.value.length === 0 ? (l(), i("tr", rt, [
|
|
668
|
+
h("td", {
|
|
664
669
|
colspan: a.columns.length + 1,
|
|
665
670
|
style: { "text-align": "center", padding: "1rem" }
|
|
666
671
|
}, " No data found ", 8, at)
|
|
@@ -668,65 +673,65 @@ const Ue = /* @__PURE__ */ pe(Xe), Ke = { key: 0 }, He = { key: 0 }, Ge = ["inne
|
|
|
668
673
|
])) : E("", !0)
|
|
669
674
|
], 2));
|
|
670
675
|
}
|
|
671
|
-
}), Bt = /* @__PURE__ */
|
|
676
|
+
}), Bt = /* @__PURE__ */ C({
|
|
672
677
|
__name: "Stepper",
|
|
673
678
|
props: {
|
|
674
679
|
value: {}
|
|
675
680
|
},
|
|
676
681
|
emits: ["update:value"],
|
|
677
682
|
setup(e, { expose: t, emit: r }) {
|
|
678
|
-
const
|
|
679
|
-
a.value =
|
|
683
|
+
const o = e, a = B(o.value), n = r, c = (p) => {
|
|
684
|
+
a.value = p, n("update:value", p);
|
|
680
685
|
};
|
|
681
686
|
return we("stepper", {
|
|
682
687
|
value: a,
|
|
683
|
-
updateValue:
|
|
684
|
-
}),
|
|
685
|
-
() =>
|
|
686
|
-
(
|
|
687
|
-
a.value =
|
|
688
|
+
updateValue: c
|
|
689
|
+
}), X(
|
|
690
|
+
() => o.value,
|
|
691
|
+
(p) => {
|
|
692
|
+
a.value = p;
|
|
688
693
|
}
|
|
689
694
|
), t({
|
|
690
|
-
updateValue:
|
|
691
|
-
}), (
|
|
695
|
+
updateValue: c
|
|
696
|
+
}), (p, _) => z(p.$slots, "default", { updateValue: c });
|
|
692
697
|
}
|
|
693
|
-
}), Ct = /* @__PURE__ */
|
|
698
|
+
}), Ct = /* @__PURE__ */ C({
|
|
694
699
|
__name: "Step",
|
|
695
700
|
props: {
|
|
696
701
|
value: {}
|
|
697
702
|
},
|
|
698
703
|
setup(e) {
|
|
699
|
-
const t = e, r = ne("stepper"),
|
|
700
|
-
return
|
|
704
|
+
const t = e, r = ne("stepper"), o = B("");
|
|
705
|
+
return X(
|
|
701
706
|
() => r?.value.value,
|
|
702
707
|
(a) => {
|
|
703
|
-
a && t.value && (
|
|
708
|
+
a && t.value && (o.value = Number(a) >= Number(t.value) ? "step-primary" : "");
|
|
704
709
|
}
|
|
705
710
|
), H(() => {
|
|
706
|
-
r && (
|
|
707
|
-
}), (a, n) => (
|
|
708
|
-
class:
|
|
711
|
+
r && (o.value = r.value.value === t.value ? "step-primary" : "", Number(r.value.value) >= Number(t.value) && (o.value = "step-primary"));
|
|
712
|
+
}), (a, n) => (l(), i("li", {
|
|
713
|
+
class: M(["step", o.value])
|
|
709
714
|
}, [
|
|
710
|
-
|
|
715
|
+
z(a.$slots, "default")
|
|
711
716
|
], 2));
|
|
712
717
|
}
|
|
713
718
|
}), st = {}, ot = { class: "steps" };
|
|
714
719
|
function ut(e, t) {
|
|
715
|
-
return
|
|
716
|
-
|
|
720
|
+
return l(), i("ul", ot, [
|
|
721
|
+
z(e.$slots, "default")
|
|
717
722
|
]);
|
|
718
723
|
}
|
|
719
|
-
const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @__PURE__ */
|
|
724
|
+
const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @__PURE__ */ C({
|
|
720
725
|
__name: "StepPanels",
|
|
721
726
|
setup(e) {
|
|
722
727
|
const t = ne("stepper");
|
|
723
|
-
return (r,
|
|
728
|
+
return (r, o) => (l(), A(Se, {
|
|
724
729
|
name: "fade",
|
|
725
730
|
mode: "out-in"
|
|
726
731
|
}, {
|
|
727
732
|
default: fe(() => [
|
|
728
|
-
K(t)?.value ? (
|
|
729
|
-
|
|
733
|
+
K(t)?.value ? (l(), i("div", ct, [
|
|
734
|
+
z(r.$slots, "default", {
|
|
730
735
|
currentStep: K(t)?.value
|
|
731
736
|
})
|
|
732
737
|
])) : E("", !0)
|
|
@@ -734,25 +739,25 @@ const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
|
|
|
734
739
|
_: 3
|
|
735
740
|
}));
|
|
736
741
|
}
|
|
737
|
-
}), lt = { key: 0 }, zt = /* @__PURE__ */
|
|
742
|
+
}), lt = { key: 0 }, zt = /* @__PURE__ */ C({
|
|
738
743
|
__name: "StepPanel",
|
|
739
744
|
props: {
|
|
740
745
|
value: {}
|
|
741
746
|
},
|
|
742
747
|
setup(e, { expose: t }) {
|
|
743
|
-
const r =
|
|
744
|
-
|
|
748
|
+
const r = q(() => o?.value.value), o = ne("stepper"), a = (n) => {
|
|
749
|
+
o && o.updateValue(n.toString());
|
|
745
750
|
};
|
|
746
751
|
return t({
|
|
747
752
|
activateCallback: a
|
|
748
|
-
}), (n,
|
|
749
|
-
|
|
753
|
+
}), (n, c) => e.value === r.value ? (l(), i("div", lt, [
|
|
754
|
+
z(n.$slots, "default", { activateCallback: a })
|
|
750
755
|
])) : E("", !0);
|
|
751
756
|
}
|
|
752
757
|
}), it = {
|
|
753
758
|
key: 0,
|
|
754
759
|
method: "dialog"
|
|
755
|
-
}, Nt = /* @__PURE__ */
|
|
760
|
+
}, Nt = /* @__PURE__ */ C({
|
|
756
761
|
__name: "Modal",
|
|
757
762
|
props: {
|
|
758
763
|
closeButton: { type: Boolean, default: !0 },
|
|
@@ -762,12 +767,12 @@ const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
|
|
|
762
767
|
},
|
|
763
768
|
emits: ["close"],
|
|
764
769
|
setup(e, { expose: t, emit: r }) {
|
|
765
|
-
const
|
|
770
|
+
const o = B(null), a = r, n = e, c = B(V("modal-box", n.extraBoxClasses, {
|
|
766
771
|
"overflow-visible": n.overflow
|
|
767
|
-
})),
|
|
768
|
-
|
|
769
|
-
),
|
|
770
|
-
|
|
772
|
+
})), p = B(
|
|
773
|
+
V("modal")
|
|
774
|
+
), _ = B(
|
|
775
|
+
V(
|
|
771
776
|
"btn",
|
|
772
777
|
Ne.toClassName(n.closeButtonSize),
|
|
773
778
|
"btn-circle",
|
|
@@ -779,53 +784,53 @@ const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
|
|
|
779
784
|
);
|
|
780
785
|
return t({
|
|
781
786
|
showModal: () => {
|
|
782
|
-
|
|
787
|
+
o.value?.showModal();
|
|
783
788
|
},
|
|
784
789
|
closeModal: () => {
|
|
785
|
-
|
|
790
|
+
o.value?.close();
|
|
786
791
|
}
|
|
787
|
-
}), (
|
|
792
|
+
}), (m, x) => (l(), i("dialog", {
|
|
788
793
|
ref_key: "modal",
|
|
789
|
-
ref:
|
|
790
|
-
class:
|
|
794
|
+
ref: o,
|
|
795
|
+
class: M([p.value, m.$attrs.class]),
|
|
791
796
|
"aria-modal": "true",
|
|
792
797
|
"aria-hidden": "true",
|
|
793
798
|
role: "dialog",
|
|
794
|
-
onClose:
|
|
799
|
+
onClose: x[0] || (x[0] = (s) => a("close", s))
|
|
795
800
|
}, [
|
|
796
|
-
|
|
797
|
-
class:
|
|
801
|
+
h("div", {
|
|
802
|
+
class: M(c.value)
|
|
798
803
|
}, [
|
|
799
|
-
e.closeButton ? (
|
|
800
|
-
|
|
801
|
-
class:
|
|
804
|
+
e.closeButton ? (l(), i("form", it, [
|
|
805
|
+
h("button", {
|
|
806
|
+
class: M(_.value)
|
|
802
807
|
}, "✕", 2)
|
|
803
808
|
])) : E("", !0),
|
|
804
|
-
|
|
809
|
+
z(m.$slots, "default")
|
|
805
810
|
], 2),
|
|
806
|
-
|
|
811
|
+
x[1] || (x[1] = h("form", {
|
|
807
812
|
method: "dialog",
|
|
808
813
|
class: "modal-backdrop"
|
|
809
814
|
}, [
|
|
810
|
-
|
|
815
|
+
h("button", null, "close")
|
|
811
816
|
], -1))
|
|
812
817
|
], 34));
|
|
813
818
|
}
|
|
814
|
-
}), dt = { class: "hidden w-full max-w-sm lg:flex" }, ft = { class: "relative mx-3 w-full" }, pt = { class: "relative w-full max-w-full" }, bt = ["value"], Tt = /* @__PURE__ */
|
|
819
|
+
}), dt = { class: "hidden w-full max-w-sm lg:flex" }, ft = { class: "relative mx-3 w-full" }, pt = { class: "relative w-full max-w-full" }, bt = ["value"], Tt = /* @__PURE__ */ C({
|
|
815
820
|
__name: "SearchBar",
|
|
816
821
|
props: ["modelValue"],
|
|
817
822
|
emits: ["update:modelValue"],
|
|
818
823
|
setup(e, { emit: t }) {
|
|
819
|
-
const r = e,
|
|
820
|
-
(
|
|
824
|
+
const r = e, o = B(null), a = t, n = (c) => {
|
|
825
|
+
(c.ctrlKey || c.metaKey) && c.key.toLowerCase() === "k" && (c.preventDefault(), o.value && o.value.focus());
|
|
821
826
|
};
|
|
822
827
|
return H(() => {
|
|
823
828
|
document.addEventListener("keydown", n);
|
|
824
829
|
}), ke(() => {
|
|
825
830
|
document.removeEventListener("keydown", n);
|
|
826
|
-
}), (
|
|
827
|
-
|
|
828
|
-
|
|
831
|
+
}), (c, p) => (l(), i("div", dt, [
|
|
832
|
+
h("label", ft, [
|
|
833
|
+
p[1] || (p[1] = h("svg", {
|
|
829
834
|
class: "pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60",
|
|
830
835
|
"aria-hidden": "true",
|
|
831
836
|
width: "16",
|
|
@@ -833,33 +838,33 @@ const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
|
|
|
833
838
|
viewBox: "0.48 0.48 23.04 23.04",
|
|
834
839
|
fill: "currentColor"
|
|
835
840
|
}, [
|
|
836
|
-
|
|
841
|
+
h("path", {
|
|
837
842
|
fill: "none",
|
|
838
843
|
d: "M0 0h24v24H0z"
|
|
839
844
|
}),
|
|
840
|
-
|
|
845
|
+
h("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" })
|
|
841
846
|
], -1)),
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
847
|
+
h("div", pt, [
|
|
848
|
+
h("form", null, [
|
|
849
|
+
h("input", {
|
|
845
850
|
ref_key: "searchInput",
|
|
846
|
-
ref:
|
|
851
|
+
ref: o,
|
|
847
852
|
type: "search",
|
|
848
853
|
placeholder: "Zoeken...",
|
|
849
854
|
value: r.modelValue,
|
|
850
|
-
onInput:
|
|
855
|
+
onInput: p[0] || (p[0] = (_) => a("update:modelValue", _.target.value)),
|
|
851
856
|
class: "color-[inherit] w-full rounded-xl border-[2px] border-solid border-transparent bg-transparent px-3 py-2 ps-10 focus:border-[2px] focus:border-base-200 focus:outline-none"
|
|
852
857
|
}, null, 40, bt)
|
|
853
858
|
])
|
|
854
859
|
]),
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
860
|
+
p[2] || (p[2] = h("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
|
|
861
|
+
h("kbd", { class: "kbd kbd-sm" }, "ctrl"),
|
|
862
|
+
h("kbd", { class: "kbd kbd-sm" }, "K")
|
|
858
863
|
], -1))
|
|
859
864
|
])
|
|
860
865
|
]));
|
|
861
866
|
}
|
|
862
|
-
}), vt = ["name", "value"], Lt = /* @__PURE__ */
|
|
867
|
+
}), vt = ["name", "value"], Lt = /* @__PURE__ */ C({
|
|
863
868
|
__name: "Tabs",
|
|
864
869
|
props: {
|
|
865
870
|
box: { type: Boolean, default: !1 },
|
|
@@ -872,46 +877,46 @@ const $t = /* @__PURE__ */ ae(st, [["render", ut]]), ct = { key: 0 }, Mt = /* @_
|
|
|
872
877
|
activeTab: { default: 0 }
|
|
873
878
|
},
|
|
874
879
|
setup(e, { expose: t }) {
|
|
875
|
-
const r = Math.random().toString(36).substring(2, 15),
|
|
880
|
+
const r = Math.random().toString(36).substring(2, 15), o = e, a = q(() => 100 / o.items.length), n = q(() => [
|
|
876
881
|
"tabs",
|
|
877
|
-
|
|
878
|
-
`${Re.toClassName(
|
|
882
|
+
o.placement === "top" ? "tabs-top" : "tabs-bottom",
|
|
883
|
+
`${Re.toClassName(o.size)}`,
|
|
879
884
|
{
|
|
880
|
-
"tabs-box":
|
|
881
|
-
"tabs-border":
|
|
882
|
-
"tabs-lift":
|
|
885
|
+
"tabs-box": o.box,
|
|
886
|
+
"tabs-border": o.border,
|
|
887
|
+
"tabs-lift": o.lift
|
|
883
888
|
}
|
|
884
|
-
]),
|
|
885
|
-
|
|
889
|
+
]), c = B(o.activeTab ?? 0), p = (_) => {
|
|
890
|
+
c.value = _;
|
|
886
891
|
};
|
|
887
|
-
return
|
|
888
|
-
|
|
892
|
+
return X(() => o.activeTab, (_) => {
|
|
893
|
+
c.value = _;
|
|
889
894
|
}), t({
|
|
890
|
-
activeIndex:
|
|
891
|
-
setActiveTab:
|
|
892
|
-
}), (
|
|
895
|
+
activeIndex: c,
|
|
896
|
+
setActiveTab: p
|
|
897
|
+
}), (_, T) => (l(), i("div", {
|
|
893
898
|
role: "tablist",
|
|
894
|
-
class:
|
|
899
|
+
class: M(n.value)
|
|
895
900
|
}, [
|
|
896
|
-
(
|
|
897
|
-
|
|
901
|
+
(l(!0), i(R, null, P(o.items, (L, m) => (l(), i(R, { key: m }, [
|
|
902
|
+
h("label", {
|
|
898
903
|
class: "tab",
|
|
899
|
-
style: Be(
|
|
904
|
+
style: Be(o.fullWidth ? { width: a.value + "%" } : {})
|
|
900
905
|
}, [
|
|
901
|
-
Ce(
|
|
906
|
+
Ce(h("input", {
|
|
902
907
|
type: "radio",
|
|
903
908
|
name: K(r),
|
|
904
|
-
value:
|
|
905
|
-
"onUpdate:modelValue":
|
|
909
|
+
value: m,
|
|
910
|
+
"onUpdate:modelValue": T[0] || (T[0] = (x) => c.value = x)
|
|
906
911
|
}, null, 8, vt), [
|
|
907
|
-
[$e,
|
|
912
|
+
[$e, c.value]
|
|
908
913
|
]),
|
|
909
|
-
te(" " +
|
|
914
|
+
te(" " + I(L.label), 1)
|
|
910
915
|
], 4),
|
|
911
|
-
|
|
912
|
-
class:
|
|
916
|
+
h("div", {
|
|
917
|
+
class: M(["tab-content p-6", L.disabled ? "tab-disabled" : ""])
|
|
913
918
|
}, [
|
|
914
|
-
|
|
919
|
+
z(_.$slots, L.slot)
|
|
915
920
|
], 2)
|
|
916
921
|
], 64))), 128))
|
|
917
922
|
], 2));
|
|
@@ -1027,5 +1032,5 @@ export {
|
|
|
1027
1032
|
Re as TabsSizeUtils,
|
|
1028
1033
|
ht as TextColorUtils,
|
|
1029
1034
|
Rt as dendelionSafeList,
|
|
1030
|
-
|
|
1035
|
+
U as getValue
|
|
1031
1036
|
};
|