@wikicasa-dev/components 2.2.8-alpha.4 → 2.2.8-alpha.5
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/Swiper/autoplay.js +1 -1
- package/dist/Swiper/controller.js +1 -1
- package/dist/Swiper/keyboard.js +1 -1
- package/dist/Swiper/thumbs.js +1 -1
- package/dist/UIKit/Accordion/BaseAccordionItem.d.ts +6 -1
- package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js +25 -21
- package/package.json +1 -1
- /package/dist/assets/{swiper-autoplay.css → swiper-thumbs.css} +0 -0
package/dist/Swiper/autoplay.js
CHANGED
package/dist/Swiper/keyboard.js
CHANGED
package/dist/Swiper/thumbs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AccordionItemProps } from 'reka-ui';
|
|
1
|
+
import { AccordionItemProps, AccordionContentProps } from 'reka-ui';
|
|
2
2
|
import { ClassTypeProp } from '../types';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
title?: string;
|
|
@@ -10,6 +10,11 @@ type __VLS_Props = {
|
|
|
10
10
|
headerClasses?: ClassTypeProp;
|
|
11
11
|
contentClasses?: ClassTypeProp;
|
|
12
12
|
arrowClasses?: ClassTypeProp;
|
|
13
|
+
/**
|
|
14
|
+
* The element or component this component should render as. Can be overwritten by asChild.
|
|
15
|
+
* @defaultValue — “div”
|
|
16
|
+
*/
|
|
17
|
+
accordionHeaderTag?: AccordionContentProps["as"];
|
|
13
18
|
};
|
|
14
19
|
declare function __VLS_template(): {
|
|
15
20
|
attrs: Partial<{}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s,
|
|
2
|
-
import { AccordionItem as
|
|
3
|
-
import { ArrowIcon as
|
|
1
|
+
import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as o, createTextVNode as f, toDisplayString as k } from "vue";
|
|
2
|
+
import { AccordionItem as m, AccordionHeader as h, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
|
|
3
|
+
import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
|
|
4
4
|
const b = /* @__PURE__ */ n({
|
|
5
5
|
__name: "BaseAccordionItem",
|
|
6
6
|
props: {
|
|
@@ -12,23 +12,27 @@ const b = /* @__PURE__ */ n({
|
|
|
12
12
|
triggerClasses: {},
|
|
13
13
|
headerClasses: {},
|
|
14
14
|
contentClasses: {},
|
|
15
|
-
arrowClasses: {}
|
|
15
|
+
arrowClasses: {},
|
|
16
|
+
accordionHeaderTag: { default: "h3" }
|
|
16
17
|
},
|
|
17
18
|
setup(e) {
|
|
18
|
-
const
|
|
19
|
-
return (i, v) => (d(), u(t(
|
|
19
|
+
const l = c("isActive");
|
|
20
|
+
return (i, v) => (d(), u(t(m), {
|
|
20
21
|
value: e.value,
|
|
21
22
|
"data-cy": e.dataCy
|
|
22
23
|
}, {
|
|
23
24
|
default: a(() => [
|
|
24
|
-
s(t(
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
s(t(h), {
|
|
26
|
+
as: e.accordionHeaderTag,
|
|
27
|
+
class: r([
|
|
28
|
+
e.headerClasses,
|
|
29
|
+
"uikit-flex uikit-items-center uikit-justify-between"
|
|
30
|
+
])
|
|
27
31
|
}, {
|
|
28
32
|
default: a(() => [
|
|
29
|
-
|
|
30
|
-
s(t(
|
|
31
|
-
class:
|
|
33
|
+
o(i.$slots, "header-content"),
|
|
34
|
+
s(t(g), {
|
|
35
|
+
class: r([
|
|
32
36
|
e.triggerClasses,
|
|
33
37
|
{
|
|
34
38
|
"uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !i.$slots.trigger,
|
|
@@ -37,12 +41,12 @@ const b = /* @__PURE__ */ n({
|
|
|
37
41
|
])
|
|
38
42
|
}, {
|
|
39
43
|
default: a(() => [
|
|
40
|
-
|
|
41
|
-
active: t(
|
|
44
|
+
o(i.$slots, "trigger", {
|
|
45
|
+
active: t(l)(e.value)
|
|
42
46
|
}, () => [
|
|
43
|
-
k(
|
|
44
|
-
s(t(
|
|
45
|
-
class:
|
|
47
|
+
f(k(e.title) + " ", 1),
|
|
48
|
+
s(t(C), {
|
|
49
|
+
class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(l)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
|
|
46
50
|
"arrow-classes": e.arrowClasses,
|
|
47
51
|
width: e.arrowWidth,
|
|
48
52
|
height: e.arrowWidth
|
|
@@ -53,15 +57,15 @@ const b = /* @__PURE__ */ n({
|
|
|
53
57
|
}, 8, ["class"])
|
|
54
58
|
]),
|
|
55
59
|
_: 3
|
|
56
|
-
}, 8, ["
|
|
57
|
-
s(t(
|
|
58
|
-
class:
|
|
60
|
+
}, 8, ["as", "class"]),
|
|
61
|
+
s(t(w), {
|
|
62
|
+
class: r([
|
|
59
63
|
e.contentClasses,
|
|
60
64
|
"uikit-base-accordion-item-content uikit-px-[16px]"
|
|
61
65
|
])
|
|
62
66
|
}, {
|
|
63
67
|
default: a(() => [
|
|
64
|
-
|
|
68
|
+
o(i.$slots, "default")
|
|
65
69
|
]),
|
|
66
70
|
_: 3
|
|
67
71
|
}, 8, ["class"])
|
package/package.json
CHANGED
|
File without changes
|