@wikicasa-dev/components 2.3.1-alpha.21 → 2.3.1-alpha.3
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/UIKit/Accordion/BaseAccordion.d.ts +18 -15
- package/dist/UIKit/Accordion/BaseAccordionBtn.d.ts +34 -0
- package/dist/UIKit/Accordion/BaseAccordionBtn.js +4 -0
- package/dist/UIKit/Accordion/BaseAccordionContent.d.ts +30 -0
- package/dist/UIKit/Accordion/BaseAccordionContent.js +4 -0
- package/dist/UIKit/Accordion/BaseAccordionItem.d.ts +21 -12
- package/dist/UIKit/Autocomplete/ClearableAutocomplete.d.ts +1 -1
- package/dist/UIKit/BaseAutocomplete.d.ts +1 -1
- package/dist/UIKit/BaseButton.d.ts +2 -2
- package/dist/UIKit/BaseDropDown.d.ts +1 -1
- package/dist/UIKit/BaseSnackbar.d.ts +1 -3
- package/dist/UIKit/BaseToggle.d.ts +2 -3
- package/dist/UIKit/Checkbox/CheckboxBtn.d.ts +1 -1
- package/dist/assets/BaseAccordionItem.css +1 -1
- package/dist/assets/BaseBadge.css +1 -1
- package/dist/assets/BaseCard.css +1 -1
- package/dist/assets/BaseComplexToggle.css +1 -1
- package/dist/assets/BaseModal.css +1 -1
- package/dist/assets/BaseSnackbar.css +1 -1
- package/dist/assets/tailwind.css +1 -1
- package/dist/index.d.ts +2 -11
- package/dist/index.js +91 -111
- package/dist/packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js +14 -22
- package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js +59 -0
- package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js +34 -0
- package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js +36 -36
- package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js +17 -17
- package/dist/packages/components/lib/UIKit/BaseSlider.vue.js +3 -1
- package/dist/packages/components/lib/UIKit/BaseSnackbar.vue.js +52 -54
- package/dist/packages/components/lib/UIKit/BaseToggle.vue.js +15 -16
- package/dist/packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js +9 -10
- package/dist/packages/components/lib/UIKit/Tab/BaseTabView.vue.js +46 -45
- package/dist/types/index.d.ts +1 -13
- package/package.json +15 -15
- package/dist/UIKit/Accordion/AccordionContentPrimitive.d.ts +0 -19
- package/dist/UIKit/Accordion/AccordionContentPrimitive.js +0 -4
- package/dist/UIKit/Accordion/AccordionHeaderPrimitive.d.ts +0 -11
- package/dist/UIKit/Accordion/AccordionHeaderPrimitive.js +0 -4
- package/dist/UIKit/Accordion/AccordionItemPrimitive.d.ts +0 -13
- package/dist/UIKit/Accordion/AccordionItemPrimitive.js +0 -4
- package/dist/UIKit/Accordion/AccordionTriggerPrimitive.d.ts +0 -13
- package/dist/UIKit/Accordion/AccordionTriggerPrimitive.js +0 -4
- package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.d.ts +0 -26
- package/dist/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.js +0 -4
- package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.d.ts +0 -21
- package/dist/UIKit/Checkbox/v2/CheckboxGroupPrimitive.js +0 -4
- package/dist/UIKit/Tab/v2/BaseTabs.d.ts +0 -24
- package/dist/UIKit/Tab/v2/BaseTabs.js +0 -5
- package/dist/UIKit/Tab/v2/BaseTabsContent.d.ts +0 -13
- package/dist/UIKit/Tab/v2/BaseTabsContent.js +0 -4
- package/dist/UIKit/Tab/v2/BaseTabsIndicator.d.ts +0 -66
- package/dist/UIKit/Tab/v2/BaseTabsIndicator.js +0 -5
- package/dist/UIKit/Tab/v2/BaseTabsList.d.ts +0 -13
- package/dist/UIKit/Tab/v2/BaseTabsList.js +0 -4
- package/dist/UIKit/Tab/v2/BaseTabsTrigger.d.ts +0 -20
- package/dist/UIKit/Tab/v2/BaseTabsTrigger.js +0 -4
- package/dist/assets/BaseTabs.css +0 -1
- package/dist/assets/BaseTabsIndicator.css +0 -1
- package/dist/packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js +0 -22
- package/dist/packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js +0 -21
- package/dist/packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js +0 -24
- package/dist/packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js +0 -22
- package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js +0 -33
- package/dist/packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js +0 -35
- package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabs.vue.js +0 -39
- package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsContent.vue.js +0 -24
- package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsIndicator.vue.js +0 -34
- package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsList.vue.js +0 -23
- package/dist/packages/components/lib/UIKit/Tab/v2/BaseTabsTrigger.vue.js +0 -31
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as x, mergeModels as I, useModel as w, ref as b, watch as y, nextTick as $, createBlock as s, openBlock as r, unref as i, withCtx as a, renderSlot as f, createVNode as n, normalizeClass as m, createCommentVNode as p, normalizeStyle as B } from "vue";
|
|
2
2
|
import { CloseIcon as V } from "@wikicasa-dev/svg-icons";
|
|
3
3
|
import { ToastProvider as D, ToastRoot as M, ToastTitle as P, ToastDescription as z, ToastClose as S, ToastAction as A, ProgressRoot as N, ProgressIndicator as R, ToastPortal as U, ToastViewport as h } from "reka-ui";
|
|
4
|
-
const q = /* @__PURE__ */
|
|
4
|
+
const q = /* @__PURE__ */ x({
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "BaseSnackbar",
|
|
7
7
|
props: /* @__PURE__ */ I({
|
|
8
8
|
alertClass: { default: "primary" },
|
|
9
9
|
duration: { default: 3e3 },
|
|
10
|
-
swipeDirection: { default: "
|
|
10
|
+
swipeDirection: { default: "right" },
|
|
11
11
|
to: { type: [String, Boolean], default: "body" },
|
|
12
12
|
dataCy: { default: "" },
|
|
13
13
|
withCloseIcon: { type: Boolean, default: !0 },
|
|
14
|
-
closeClasses: {},
|
|
15
14
|
viewportClasses: { default: "" },
|
|
16
15
|
type: { default: "foreground" }
|
|
17
16
|
}, {
|
|
@@ -21,95 +20,94 @@ const q = /* @__PURE__ */ b({
|
|
|
21
20
|
refreshModifiers: {}
|
|
22
21
|
}),
|
|
23
22
|
emits: ["update:open", "update:refresh"],
|
|
24
|
-
setup(
|
|
25
|
-
const l = w(
|
|
26
|
-
let
|
|
27
|
-
const
|
|
23
|
+
setup(t) {
|
|
24
|
+
const l = w(t, "open"), v = w(t, "refresh"), o = b(0);
|
|
25
|
+
let k, c;
|
|
26
|
+
const g = (e = 3e3) => {
|
|
28
27
|
o.value = 0;
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
o.value = Math.min(100,
|
|
28
|
+
const u = Date.now();
|
|
29
|
+
c = setInterval(() => {
|
|
30
|
+
const C = Date.now() - u;
|
|
31
|
+
o.value = Math.min(100, C / e * 100), o.value >= 100 && clearInterval(c);
|
|
33
32
|
}, 30);
|
|
34
33
|
}, T = () => {
|
|
35
|
-
clearTimeout(
|
|
34
|
+
clearTimeout(k), k = setTimeout(() => {
|
|
36
35
|
l.value = !1;
|
|
37
|
-
},
|
|
36
|
+
}, t.duration), g(t.duration);
|
|
38
37
|
};
|
|
39
38
|
return y(
|
|
40
39
|
l,
|
|
41
|
-
(
|
|
42
|
-
|
|
43
|
-
if (
|
|
40
|
+
(e) => {
|
|
41
|
+
$(() => {
|
|
42
|
+
if (e) {
|
|
44
43
|
T();
|
|
45
44
|
return;
|
|
46
45
|
}
|
|
47
|
-
clearInterval(
|
|
46
|
+
clearInterval(c), clearTimeout(k), o.value = 0;
|
|
48
47
|
});
|
|
49
48
|
},
|
|
50
49
|
{ immediate: !0 }
|
|
51
|
-
), y(v, (
|
|
52
|
-
|
|
50
|
+
), y(v, (e) => {
|
|
51
|
+
e && (l.value = !1, setTimeout(() => {
|
|
53
52
|
l.value = !0, v.value = !1;
|
|
54
53
|
}));
|
|
55
|
-
}), (
|
|
54
|
+
}), (e, u) => (r(), s(i(D), { "swipe-direction": t.swipeDirection }, {
|
|
56
55
|
default: a(() => [
|
|
57
|
-
|
|
56
|
+
f(e.$slots, "trigger", {
|
|
58
57
|
open: () => l.value = !0
|
|
59
58
|
}),
|
|
60
59
|
n(i(M), {
|
|
61
60
|
open: l.value,
|
|
62
|
-
"onUpdate:open":
|
|
63
|
-
duration:
|
|
64
|
-
class:
|
|
65
|
-
"data-cy":
|
|
66
|
-
type:
|
|
61
|
+
"onUpdate:open": u[1] || (u[1] = (d) => l.value = d),
|
|
62
|
+
duration: t.duration,
|
|
63
|
+
class: m(["uikit-toast-root uikit-relative uikit-flex uikit-gap-[8px] uikit-overflow-hidden uikit-rounded-[4px] uikit-p-[16px] uikit-text-16 uikit-font-medium uikit-shadow-surface sm:uikit-max-w-[460px]", ["uikit-alert", `uikit-alert-w-${t.alertClass}`, e.$attrs.class]]),
|
|
64
|
+
"data-cy": t.dataCy,
|
|
65
|
+
type: t.type
|
|
67
66
|
}, {
|
|
68
67
|
default: a(() => [
|
|
69
|
-
|
|
68
|
+
e.$slots.title ? (r(), s(i(P), {
|
|
70
69
|
key: 0,
|
|
71
70
|
"as-child": ""
|
|
72
71
|
}, {
|
|
73
72
|
default: a(() => [
|
|
74
|
-
|
|
73
|
+
f(e.$slots, "title")
|
|
75
74
|
]),
|
|
76
75
|
_: 3
|
|
77
76
|
})) : p("", !0),
|
|
78
77
|
n(i(z), { "as-child": "" }, {
|
|
79
78
|
default: a(() => [
|
|
80
|
-
|
|
79
|
+
f(e.$slots, "default"),
|
|
80
|
+
t.withCloseIcon ? (r(), s(i(S), {
|
|
81
|
+
key: 0,
|
|
82
|
+
class: "uikit-ml-[16px] uikit-flex uikit-size-[24px] uikit-shrink-0 uikit-cursor-pointer uikit-appearance-none uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-[#C1C8D5]",
|
|
83
|
+
"data-cy": "base-snackbar-close-btn"
|
|
84
|
+
}, {
|
|
85
|
+
default: a(() => [
|
|
86
|
+
n(i(V), {
|
|
87
|
+
width: 12,
|
|
88
|
+
height: 12,
|
|
89
|
+
"stroke-color": "#fff"
|
|
90
|
+
})
|
|
91
|
+
]),
|
|
92
|
+
_: 1
|
|
93
|
+
})) : p("", !0)
|
|
81
94
|
]),
|
|
82
95
|
_: 3
|
|
83
96
|
}),
|
|
84
|
-
e
|
|
97
|
+
e.$slots["toast-action"] ? (r(), s(i(A), {
|
|
85
98
|
key: 1,
|
|
86
|
-
class:
|
|
87
|
-
"data-cy": "base-snackbar-close-btn"
|
|
88
|
-
}, {
|
|
89
|
-
default: a(() => [
|
|
90
|
-
d(t.$slots, "toast-close", {}, () => [
|
|
91
|
-
n(i(V), {
|
|
92
|
-
width: 12,
|
|
93
|
-
height: 12,
|
|
94
|
-
"stroke-color": "#fff"
|
|
95
|
-
})
|
|
96
|
-
])
|
|
97
|
-
]),
|
|
98
|
-
_: 3
|
|
99
|
-
}, 8, ["class"])) : p("", !0),
|
|
100
|
-
t.$slots["toast-action"] ? (r(), u(i(A), {
|
|
101
|
-
key: 2,
|
|
99
|
+
class: "[grid-area:_action]",
|
|
102
100
|
"as-child": "",
|
|
103
101
|
"alt-text": "Goto schedule to undo"
|
|
104
102
|
}, {
|
|
105
103
|
default: a(() => [
|
|
106
|
-
|
|
104
|
+
f(e.$slots, "toast-action")
|
|
107
105
|
]),
|
|
108
106
|
_: 3
|
|
109
107
|
})) : p("", !0),
|
|
110
108
|
n(i(N), {
|
|
111
109
|
modelValue: o.value,
|
|
112
|
-
"onUpdate:modelValue":
|
|
110
|
+
"onUpdate:modelValue": u[0] || (u[0] = (d) => o.value = d),
|
|
113
111
|
class: "uikit-absolute uikit-bottom-0 uikit-left-0 uikit-h-[4px] uikit-w-full uikit-overflow-hidden"
|
|
114
112
|
}, {
|
|
115
113
|
default: a(() => [
|
|
@@ -123,19 +121,19 @@ const q = /* @__PURE__ */ b({
|
|
|
123
121
|
]),
|
|
124
122
|
_: 3
|
|
125
123
|
}, 8, ["open", "duration", "class", "data-cy", "type"]),
|
|
126
|
-
|
|
124
|
+
t.to ? (r(), s(i(U), {
|
|
127
125
|
key: 0,
|
|
128
|
-
to:
|
|
126
|
+
to: t.to
|
|
129
127
|
}, {
|
|
130
128
|
default: a(() => [
|
|
131
129
|
n(i(h), {
|
|
132
|
-
class:
|
|
130
|
+
class: m(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", t.viewportClasses])
|
|
133
131
|
}, null, 8, ["class"])
|
|
134
132
|
]),
|
|
135
133
|
_: 1
|
|
136
|
-
}, 8, ["to"])) : (r(),
|
|
134
|
+
}, 8, ["to"])) : (r(), s(i(h), {
|
|
137
135
|
key: 1,
|
|
138
|
-
class:
|
|
136
|
+
class: m(["uikit-alert-viewport uikit-m-0 uikit-w-full uikit-list-none uikit-gap-[8px]", t.viewportClasses])
|
|
139
137
|
}, null, 8, ["class"]))
|
|
140
138
|
]),
|
|
141
139
|
_: 3
|
|
@@ -1,39 +1,38 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as s, mergeModels as n, useModel as d, createElementBlock as k, openBlock as c, renderSlot as u, createVNode as a, createCommentVNode as m, unref as o, withCtx as f, createElementVNode as p } from "vue";
|
|
2
2
|
import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
|
|
3
|
-
const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"],
|
|
3
|
+
const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], y = /* @__PURE__ */ s({
|
|
4
|
+
inheritAttrs: !1,
|
|
4
5
|
__name: "BaseToggle",
|
|
5
|
-
props: /* @__PURE__ */
|
|
6
|
-
label: {}
|
|
7
|
-
dataCy: {}
|
|
6
|
+
props: /* @__PURE__ */ n({
|
|
7
|
+
label: {}
|
|
8
8
|
}, {
|
|
9
9
|
modelValue: { type: Boolean, default: !1 },
|
|
10
10
|
modelModifiers: {}
|
|
11
11
|
}),
|
|
12
12
|
emits: ["update:modelValue"],
|
|
13
|
-
setup(
|
|
14
|
-
const i =
|
|
15
|
-
return (
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
setup(t) {
|
|
14
|
+
const i = d(t, "modelValue");
|
|
15
|
+
return (e, l) => (c(), k("div", g, [
|
|
16
|
+
u(e.$slots, "leftLabel"),
|
|
17
|
+
a(o(b), {
|
|
18
18
|
modelValue: i.value,
|
|
19
19
|
"onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
|
|
20
|
-
"data-cy": e.dataCy,
|
|
21
20
|
class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
|
|
22
21
|
}, {
|
|
23
22
|
default: f(() => [
|
|
24
|
-
|
|
23
|
+
a(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
|
|
25
24
|
]),
|
|
26
25
|
_: 1
|
|
27
|
-
}, 8, ["modelValue"
|
|
28
|
-
|
|
26
|
+
}, 8, ["modelValue"]),
|
|
27
|
+
e.$slots.leftLabel ? m("", !0) : u(e.$slots, "rightLabel", { key: 0 }, () => [
|
|
29
28
|
p("span", {
|
|
30
29
|
class: "uikit-ml-[10px]",
|
|
31
|
-
innerHTML:
|
|
30
|
+
innerHTML: t.label
|
|
32
31
|
}, null, 8, w)
|
|
33
32
|
])
|
|
34
33
|
]));
|
|
35
34
|
}
|
|
36
35
|
});
|
|
37
36
|
export {
|
|
38
|
-
|
|
37
|
+
y as default
|
|
39
38
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as n,
|
|
2
|
-
import { RadioGroupItem as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as n, createBlock as p, openBlock as l, unref as m, mergeProps as d, withCtx as u, renderSlot as c, normalizeProps as f, guardReactiveProps as B } from "vue";
|
|
2
|
+
import { RadioGroupItem as y } from "reka-ui";
|
|
3
|
+
const _ = /* @__PURE__ */ n({
|
|
4
4
|
__name: "RadioGroupItemPrimitive",
|
|
5
5
|
props: {
|
|
6
6
|
dataCy: {},
|
|
@@ -13,19 +13,18 @@ const v = /* @__PURE__ */ n({
|
|
|
13
13
|
required: { type: Boolean }
|
|
14
14
|
},
|
|
15
15
|
emits: ["select"],
|
|
16
|
-
setup(t, { emit:
|
|
17
|
-
const
|
|
18
|
-
return (i, o) => (
|
|
19
|
-
"data-cy": t.dataCy,
|
|
16
|
+
setup(t, { emit: r }) {
|
|
17
|
+
const a = t, s = r;
|
|
18
|
+
return (i, o) => (l(), p(m(y), d(a, {
|
|
20
19
|
onSelect: o[0] || (o[0] = (e) => s("select", e))
|
|
21
20
|
}), {
|
|
22
21
|
default: u((e) => [
|
|
23
|
-
|
|
22
|
+
c(i.$slots, "default", f(B(e)))
|
|
24
23
|
]),
|
|
25
24
|
_: 3
|
|
26
|
-
}, 16
|
|
25
|
+
}, 16));
|
|
27
26
|
}
|
|
28
27
|
});
|
|
29
28
|
export {
|
|
30
|
-
|
|
29
|
+
_ as default
|
|
31
30
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent as z, mergeModels as k, useModel as j, ref as v, useId as q, useSlots as G, computed as H, provide as f, watch as x, createElementBlock as m, openBlock as i, normalizeClass as I, createElementVNode as J, createBlock as o, createCommentVNode as u, unref as y, toDisplayString as K, Fragment as g, renderList as O, withCtx as Q, resolveDynamicComponent as R } from "vue";
|
|
2
|
+
import U from "./BaseTabPanel.vue.js";
|
|
3
3
|
import P from "./BaseTabList.vue.js";
|
|
4
|
-
const
|
|
4
|
+
const W = ["data-cy"], X = ["id"], te = /* @__PURE__ */ z({
|
|
5
5
|
inheritAttrs: !1,
|
|
6
6
|
__name: "BaseTabView",
|
|
7
|
-
props: /* @__PURE__ */
|
|
7
|
+
props: /* @__PURE__ */ k({
|
|
8
8
|
tabsPosition: { default: "top" },
|
|
9
9
|
tabViewDescription: {},
|
|
10
10
|
tabListClasses: {},
|
|
@@ -13,94 +13,95 @@ const U = ["data-cy"], W = ["id"], ae = /* @__PURE__ */ S({
|
|
|
13
13
|
activeIdx: { default: 0 },
|
|
14
14
|
activeIdxModifiers: {}
|
|
15
15
|
}),
|
|
16
|
-
emits: /* @__PURE__ */
|
|
16
|
+
emits: /* @__PURE__ */ k(["tabClicked"], ["update:activeIdx"]),
|
|
17
17
|
setup(s, { emit: $ }) {
|
|
18
|
-
const B = $, c =
|
|
18
|
+
const B = $, c = j(s, "activeIdx"), A = v(""), b = v(null), F = v(null), d = q(), h = G(), r = (e) => e.props ?? null, p = (e) => e.type.__name === "BaseTab", C = (e, a) => ({
|
|
19
19
|
renderFn: e,
|
|
20
|
-
tabId:
|
|
20
|
+
tabId: T(a),
|
|
21
21
|
"active-tab-panel-idx": r(e)?.["active-tab-panel-idx"] ?? a,
|
|
22
22
|
"header-title": r(e)?.["header-title"] || "",
|
|
23
23
|
class: r(e)?.class || "",
|
|
24
24
|
"tab-panel-classes": r(e)?.["tab-panel-classes"] || "",
|
|
25
25
|
"data-cy": r(e)?.["data-cy"] || ""
|
|
26
|
-
}),
|
|
27
|
-
|
|
28
|
-
}) :
|
|
29
|
-
|
|
30
|
-
const
|
|
31
|
-
const a =
|
|
32
|
-
(t, n,
|
|
26
|
+
}), l = H(() => h.default ? h.default().reduce((e, a) => (a.children && Array.isArray(a.children) ? a.children.forEach((t) => {
|
|
27
|
+
p(t) && e.push(C(t, e.length));
|
|
28
|
+
}) : p(a) && e.push(C(a, e.length)), e), []) : []);
|
|
29
|
+
f("tabs", l), f("isTabActive", (e) => c.value === e);
|
|
30
|
+
const V = (e = -1) => b.value === e, T = (e) => `base-tab-${e}-${d}`, w = (e = -1) => `base-tab-panel-${e}-${d}`, D = (e = -1) => {
|
|
31
|
+
const a = l.value.reduce(
|
|
32
|
+
(t, n, S) => (n["active-tab-panel-idx"] !== e || t.push({ tab: n, idx: S }), t),
|
|
33
33
|
[]
|
|
34
34
|
);
|
|
35
35
|
return a && a.length === 1 ? a[0].tab.tabId : a.find((t) => t.idx === c.value)?.tab.tabId;
|
|
36
|
-
}, D = (e) => {
|
|
37
|
-
A.value = C(e);
|
|
38
36
|
}, L = (e) => {
|
|
39
|
-
|
|
37
|
+
A.value = T(e);
|
|
38
|
+
}, E = (e) => {
|
|
39
|
+
const a = l.value.at(e ?? -1);
|
|
40
40
|
b.value = a?.["active-tab-panel-idx"] ?? null;
|
|
41
41
|
};
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}),
|
|
42
|
+
f("handleClick", (e, a) => {
|
|
43
|
+
L(e), c.value = e, B("tabClicked", { tabIdx: e, tabElement: a });
|
|
44
|
+
}), x(
|
|
45
45
|
c,
|
|
46
46
|
(e) => {
|
|
47
|
-
|
|
47
|
+
E(e ?? -1);
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
50
|
immediate: !0
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
|
-
const
|
|
53
|
+
const M = (e, a) => {
|
|
54
54
|
for (let t = 0; t < e.length; t++)
|
|
55
55
|
if (e[t] !== a[t]) return t;
|
|
56
56
|
return null;
|
|
57
|
-
},
|
|
58
|
-
return
|
|
59
|
-
() =>
|
|
57
|
+
}, N = (e = -1) => l.value.find((a) => a["active-tab-panel-idx"] === e);
|
|
58
|
+
return x(
|
|
59
|
+
() => l.value.map((e) => e["active-tab-panel-idx"]),
|
|
60
60
|
(e, a) => {
|
|
61
|
-
const t =
|
|
61
|
+
const t = M(e, a);
|
|
62
62
|
if (t === null) return;
|
|
63
|
-
const n =
|
|
63
|
+
const n = l.value[t]["active-tab-panel-idx"];
|
|
64
64
|
c.value !== t || n === void 0 || (b.value = n);
|
|
65
65
|
}
|
|
66
|
-
), (e, a) => (
|
|
67
|
-
|
|
66
|
+
), (e, a) => (i(), m("div", {
|
|
67
|
+
ref_key: "root",
|
|
68
|
+
ref: F,
|
|
68
69
|
class: I(e.$attrs.class),
|
|
69
70
|
"data-cy": s.dataCy
|
|
70
71
|
}, [
|
|
71
|
-
|
|
72
|
-
id: `tablist-${
|
|
72
|
+
J("span", {
|
|
73
|
+
id: `tablist-${y(d)}`,
|
|
73
74
|
class: "uikit-sr-only"
|
|
74
|
-
},
|
|
75
|
-
s.tabsPosition === "top" ? (
|
|
75
|
+
}, K(s.tabViewDescription), 9, X),
|
|
76
|
+
s.tabsPosition === "top" ? (i(), o(P, {
|
|
76
77
|
key: 0,
|
|
77
|
-
uid:
|
|
78
|
+
uid: y(d),
|
|
78
79
|
"tab-list-classes": s.tabListClasses,
|
|
79
80
|
"data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
|
|
80
81
|
}, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0),
|
|
81
|
-
(
|
|
82
|
-
|
|
82
|
+
(i(!0), m(g, null, O(l.value, (t, n) => (i(), m(g, { key: n }, [
|
|
83
|
+
N(n) ? (i(), o(U, {
|
|
83
84
|
key: 0,
|
|
84
|
-
id:
|
|
85
|
-
"labelled-by":
|
|
86
|
-
active:
|
|
85
|
+
id: w(t["active-tab-panel-idx"]),
|
|
86
|
+
"labelled-by": D(n) ?? "",
|
|
87
|
+
active: V(n),
|
|
87
88
|
class: I(t["tab-panel-classes"])
|
|
88
89
|
}, {
|
|
89
|
-
default:
|
|
90
|
-
t.renderFn.children && t.renderFn.children.default ? (
|
|
90
|
+
default: Q(() => [
|
|
91
|
+
t.renderFn.children && t.renderFn.children.default ? (i(), o(R(t.renderFn.children.default), { key: 0 })) : u("", !0)
|
|
91
92
|
]),
|
|
92
93
|
_: 2
|
|
93
94
|
}, 1032, ["id", "labelled-by", "active", "class"])) : u("", !0)
|
|
94
95
|
], 64))), 128)),
|
|
95
|
-
s.tabsPosition === "bottom" ? (
|
|
96
|
+
s.tabsPosition === "bottom" ? (i(), o(P, {
|
|
96
97
|
key: 1,
|
|
97
|
-
uid:
|
|
98
|
+
uid: y(d),
|
|
98
99
|
"tab-list-classes": s.tabListClasses,
|
|
99
100
|
"data-cy": s.dataCy ? `${s.dataCy}-tab-list` : ""
|
|
100
101
|
}, null, 8, ["uid", "tab-list-classes", "data-cy"])) : u("", !0)
|
|
101
|
-
], 10,
|
|
102
|
+
], 10, W));
|
|
102
103
|
}
|
|
103
104
|
});
|
|
104
105
|
export {
|
|
105
|
-
|
|
106
|
+
te as default
|
|
106
107
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from '../UIKit/types';
|
|
2
|
+
export type { AccordionItemDecorated, AccordionItem, } from '../UIKit/Accordion/BaseAccordion';
|
|
2
3
|
export type { CheckboxGroupProps, CheckboxButtonType, } from '../UIKit/Checkbox/CheckboxGroup';
|
|
3
4
|
export type { BaseTabProps } from '../UIKit/Tab/BaseTabView';
|
|
4
5
|
export type { RadioButtonType } from '../UIKit/Radio/RadioGroup';
|
|
@@ -11,16 +12,3 @@ export type { RadioButtonGroupProps } from '../UIKit/Radio/v2/RadioButtonGroup';
|
|
|
11
12
|
export type { RadioButtonItemProps } from '../UIKit/Radio/v2/RadioButtonItem';
|
|
12
13
|
export type { RadioGroupItemPrimitiveProps } from '../UIKit/Radio/v2/RadioGroupItemPrimitive';
|
|
13
14
|
export type { CheckboxButtonGroupProps, CheckboxButtonItem, } from '../UIKit/Checkbox/v2/CheckboxButtonGroup';
|
|
14
|
-
export type { CheckboxGroupPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupPrimitive';
|
|
15
|
-
export type { CheckboxGroupItemPrimitiveProps } from '../UIKit/Checkbox/v2/CheckboxGroupItemPrimitive';
|
|
16
|
-
export type { BaseAccordionProps } from '../UIKit/Accordion/BaseAccordion';
|
|
17
|
-
export type { BaseAccordionItemProps } from '../UIKit/Accordion/BaseAccordionItem';
|
|
18
|
-
export type { AccordionContentPrimitiveProps } from '../UIKit/Accordion/AccordionContentPrimitive';
|
|
19
|
-
export type { AccordionHeaderPrimitiveProps } from '../UIKit/Accordion/AccordionHeaderPrimitive';
|
|
20
|
-
export type { AccordionItemPrimitiveProps } from '../UIKit/Accordion/AccordionItemPrimitive';
|
|
21
|
-
export type { AccordionTriggerPrimitiveProps } from '../UIKit/Accordion/AccordionTriggerPrimitive';
|
|
22
|
-
export type { BaseTabsProps } from '../UIKit/Tab/v2/BaseTabs';
|
|
23
|
-
export type { BaseTabsContentProps } from '../UIKit/Tab/v2/BaseTabsContent';
|
|
24
|
-
export type { BaseTabsIndicatorProps } from '../UIKit/Tab/v2/BaseTabsIndicator';
|
|
25
|
-
export type { BaseTabsListProps } from '../UIKit/Tab/v2/BaseTabsList';
|
|
26
|
-
export type { BaseTabsTriggerProps } from '../UIKit/Tab/v2/BaseTabsTrigger';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wikicasa-dev/components",
|
|
3
|
-
"version": "2.3.1-alpha.
|
|
3
|
+
"version": "2.3.1-alpha.3",
|
|
4
4
|
"description": "Wikicasa frontend components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -52,41 +52,41 @@
|
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"chart.js": "4.5.1",
|
|
54
54
|
"chartjs-adapter-date-fns": "3.0.0",
|
|
55
|
-
"reka-ui": "^2.
|
|
55
|
+
"reka-ui": "^2.6.1",
|
|
56
56
|
"swiper": "^12.0.3",
|
|
57
|
-
"vue": "^3.5.
|
|
57
|
+
"vue": "^3.5.25",
|
|
58
58
|
"vue-chartjs": "5.3.3"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
|
-
"@babel/eslint-parser": "^7.28.
|
|
62
|
-
"@histoire/plugin-vue": "^1.0.0-
|
|
63
|
-
"@types/node": "^
|
|
64
|
-
"@vitejs/plugin-vue": "^6.0.
|
|
61
|
+
"@babel/eslint-parser": "^7.28.5",
|
|
62
|
+
"@histoire/plugin-vue": "^1.0.0-alpha.5",
|
|
63
|
+
"@types/node": "^24.10.1",
|
|
64
|
+
"@vitejs/plugin-vue": "^6.0.2",
|
|
65
65
|
"@vue/eslint-config-prettier": "^10.2.0",
|
|
66
66
|
"@vue/eslint-config-typescript": "^14.6.0",
|
|
67
67
|
"@wikicasa-dev/svg-icons": "1.3.0",
|
|
68
68
|
"@wikicasa-dev/vue-composables": "0.1.0",
|
|
69
69
|
"@wikicasa-dev/tailwind-plugins": "^0.0.3",
|
|
70
|
-
"@wikicasa-dev/types": "2.5.
|
|
70
|
+
"@wikicasa-dev/types": "2.5.0",
|
|
71
71
|
"@wikicasa-dev/utilities": "1.2.0",
|
|
72
|
-
"autoprefixer": "^10.4.
|
|
72
|
+
"autoprefixer": "^10.4.22",
|
|
73
73
|
"date-fns": "4.1.0",
|
|
74
74
|
"eslint": "^9.39",
|
|
75
|
-
"eslint-plugin-vue": "^10.
|
|
75
|
+
"eslint-plugin-vue": "^10.6.2",
|
|
76
76
|
"jiti": "^2.6.1",
|
|
77
77
|
"glob": "^13.0.0",
|
|
78
|
-
"histoire": "^1.0.0-
|
|
78
|
+
"histoire": "^1.0.0-alpha.5",
|
|
79
79
|
"postcss": "^8.5.6",
|
|
80
|
-
"prettier": "^3.
|
|
80
|
+
"prettier": "^3.7.4",
|
|
81
81
|
"prettier-plugin-tailwindcss": "^0.7.2",
|
|
82
82
|
"rollup-plugin-visualizer": "^6.0.5",
|
|
83
83
|
"tailwindcss": "3.4.15",
|
|
84
84
|
"typescript": "^5.9.3",
|
|
85
|
-
"vite": "7.
|
|
85
|
+
"vite": "7.2.6",
|
|
86
86
|
"vite-plugin-dts": "^4.5.4",
|
|
87
87
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
88
|
-
"vue-router": "^4.6.
|
|
89
|
-
"vue-tsc": "3.
|
|
88
|
+
"vue-router": "^4.6.3",
|
|
89
|
+
"vue-tsc": "3.1.5"
|
|
90
90
|
},
|
|
91
91
|
"readme": "ERROR: No README data found!",
|
|
92
92
|
"scripts": {
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { AccordionContentProps } from 'reka-ui';
|
|
2
|
-
export type AccordionContentPrimitiveProps = AccordionContentProps;
|
|
3
|
-
declare function __VLS_template(): {
|
|
4
|
-
attrs: Partial<{}>;
|
|
5
|
-
slots: {
|
|
6
|
-
default?(_: {}): any;
|
|
7
|
-
};
|
|
8
|
-
refs: {};
|
|
9
|
-
rootEl: any;
|
|
10
|
-
};
|
|
11
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
-
declare const __VLS_component: import('vue').DefineComponent<AccordionContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
14
|
-
export default _default;
|
|
15
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
-
new (): {
|
|
17
|
-
$slots: S;
|
|
18
|
-
};
|
|
19
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { AccordionHeaderProps } from 'reka-ui';
|
|
2
|
-
export type AccordionHeaderPrimitiveProps = AccordionHeaderProps;
|
|
3
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
4
|
-
default?(_: {}): any;
|
|
5
|
-
}>;
|
|
6
|
-
export default _default;
|
|
7
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
8
|
-
new (): {
|
|
9
|
-
$slots: S;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { AccordionItemProps } from 'reka-ui';
|
|
2
|
-
export type AccordionItemPrimitiveProps = AccordionItemProps;
|
|
3
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
4
|
-
default?(_: {
|
|
5
|
-
open: boolean;
|
|
6
|
-
}): any;
|
|
7
|
-
}>;
|
|
8
|
-
export default _default;
|
|
9
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
-
new (): {
|
|
11
|
-
$slots: S;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { AccordionTriggerProps } from 'reka-ui';
|
|
2
|
-
export type AccordionTriggerPrimitiveProps = AccordionTriggerProps & {
|
|
3
|
-
dataCy?: string;
|
|
4
|
-
};
|
|
5
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AccordionTriggerPrimitiveProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AccordionTriggerPrimitiveProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
6
|
-
default?(_: {}): any;
|
|
7
|
-
}>;
|
|
8
|
-
export default _default;
|
|
9
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
10
|
-
new (): {
|
|
11
|
-
$slots: S;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { CheckboxRootProps } from 'reka-ui';
|
|
2
|
-
export type CheckboxGroupItemPrimitiveValueType<T extends undefined | CheckboxRootProps["value"] = undefined> = T;
|
|
3
|
-
export interface CheckboxGroupItemPrimitiveProps<T extends undefined | CheckboxRootProps["value"] = undefined> extends Omit<CheckboxRootProps, "value"> {
|
|
4
|
-
dataCy?: string;
|
|
5
|
-
value: CheckboxGroupItemPrimitiveValueType<T>;
|
|
6
|
-
}
|
|
7
|
-
declare const _default: <T extends CheckboxRootProps["value"]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
8
|
-
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
9
|
-
readonly "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
|
|
10
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & CheckboxGroupItemPrimitiveProps<T> & Partial<{}>> & import('vue').PublicProps;
|
|
11
|
-
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
12
|
-
attrs: any;
|
|
13
|
-
slots: {
|
|
14
|
-
default?(_: {
|
|
15
|
-
modelValue: import('reka-ui').CheckboxCheckedState;
|
|
16
|
-
state: import('reka-ui').CheckboxCheckedState;
|
|
17
|
-
}): any;
|
|
18
|
-
};
|
|
19
|
-
emit: (evt: "update:modelValue", value: boolean | "indeterminate") => void;
|
|
20
|
-
}>) => import('vue').VNode & {
|
|
21
|
-
__ctx?: Awaited<typeof __VLS_setup>;
|
|
22
|
-
};
|
|
23
|
-
export default _default;
|
|
24
|
-
type __VLS_PrettifyLocal<T> = {
|
|
25
|
-
[K in keyof T]: T[K];
|
|
26
|
-
} & {};
|