@wikicasa-dev/components 2.5.6-alpha.13 → 2.5.6-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/Swiper/Autoplay/index.js +1 -1
- package/dist/Swiper/Controller/index.js +1 -1
- package/dist/Swiper/Keyboard/index.js +1 -1
- package/dist/Swiper/Thumbs/index.js +1 -1
- package/dist/UIKit/BaseCard/BaseCard.js +5 -0
- package/dist/UIKit/{Card → BaseCard}/CardDescriptionPrimitive.d.ts +1 -1
- package/dist/UIKit/{Card → BaseCard}/CardDescriptionPrimitive.js +4 -4
- package/dist/UIKit/BaseCard/CardImagePrimitive.js +4 -0
- package/dist/UIKit/BaseCard/CardRootPrimitive.js +5 -0
- package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.d.ts +12 -5
- package/dist/UIKit/ShimmerLoader/BaseShimmerLoader.js +3 -3
- package/dist/UIKit/ShimmerLoader/ShimmerMultiLine.d.ts +13 -7
- package/dist/assets/BaseShimmerLoader.css +1 -1
- package/dist/components/IntersectionObserver/v2/IntersectionObserverProvider.d.ts +6 -1
- package/dist/components/IntersectionObserver/v2/IntersectionObserverTarget.d.ts +3 -10
- package/dist/components/IntersectionObserver/v2/types.d.ts +3 -3
- package/dist/components/IntersectionObserver/v2/types.js +3 -3
- package/dist/index.d.ts +4 -4
- package/dist/index.js +6 -6
- package/dist/packages/components/lib/UIKit/{Card → BaseCard}/CardImagePrimitive.vue.js +1 -1
- package/dist/packages/components/lib/UIKit/{Card → BaseCard}/CardRootPrimitive.vue.js +1 -1
- package/dist/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js +14 -12
- package/dist/packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js +6 -8
- package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverProvider.vue.js +31 -24
- package/dist/packages/components/lib/components/IntersectionObserver/v2/IntersectionObserverTarget.vue.js +12 -22
- package/dist/types/index.d.ts +2 -2
- package/package.json +1 -1
- package/dist/UIKit/Card/BaseCard.js +0 -5
- package/dist/UIKit/Card/CardImagePrimitive.js +0 -4
- package/dist/UIKit/Card/CardRootPrimitive.js +0 -5
- /package/dist/UIKit/{Card → BaseCard}/BaseCard.d.ts +0 -0
- /package/dist/UIKit/{Card → BaseCard}/CardImagePrimitive.d.ts +0 -0
- /package/dist/UIKit/{Card → BaseCard}/CardRootPrimitive.d.ts +0 -0
- /package/dist/UIKit/{Card → BaseCard}/type.d.ts +0 -0
- /package/dist/UIKit/{Card → BaseCard}/type.js +0 -0
- /package/dist/assets/{swiper-keyboard.css → swiper-thumbs.css} +0 -0
- /package/dist/packages/components/lib/UIKit/{Card → BaseCard}/BaseCard.vue.js +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
1
|
+
import { createElementBlock as e, openBlock as o, renderSlot as t } from "vue";
|
|
2
2
|
import c from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
3
|
const n = {}, s = { class: "card-body" };
|
|
4
|
-
function i(
|
|
5
|
-
return o(),
|
|
6
|
-
t(
|
|
4
|
+
function i(r, d) {
|
|
5
|
+
return o(), e("div", s, [
|
|
6
|
+
t(r.$slots, "card-description")
|
|
7
7
|
]);
|
|
8
8
|
}
|
|
9
9
|
const f = /* @__PURE__ */ c(n, [["render", i]]);
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
import { ClassTypeProp } from '../types';
|
|
2
|
-
|
|
2
|
+
type __VLS_Props = {
|
|
3
3
|
shimmerClasses?: ClassTypeProp;
|
|
4
|
-
enabled?: boolean;
|
|
5
4
|
};
|
|
6
|
-
declare
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: any;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
9
16
|
export default _default;
|
|
10
17
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
11
18
|
new (): {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "../../packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
|
|
2
2
|
import '../../assets/BaseShimmerLoader.css';/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import a from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const t = /* @__PURE__ */ a(o, [["__scopeId", "data-v-4aceb4a2"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
t as default
|
|
7
7
|
};
|
|
@@ -1,18 +1,20 @@
|
|
|
1
|
-
import { BaseShimmerLoaderProps } from './BaseShimmerLoader';
|
|
2
1
|
import { ClassTypeProp } from '../types';
|
|
3
2
|
type __VLS_Props = {
|
|
4
3
|
lines?: number;
|
|
5
4
|
randomLength?: boolean;
|
|
6
5
|
shimmerClasses?: ClassTypeProp;
|
|
7
6
|
inheritHeight?: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
7
|
+
};
|
|
8
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
9
|
+
lines: number;
|
|
10
|
+
randomLength: boolean;
|
|
11
|
+
inheritHeight: boolean;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
10
13
|
shimmerLines: (({
|
|
11
14
|
$: import('vue').ComponentInternalInstance;
|
|
12
15
|
$data: {};
|
|
13
16
|
$props: {
|
|
14
17
|
readonly shimmerClasses?: ClassTypeProp;
|
|
15
|
-
readonly enabled?: boolean | undefined;
|
|
16
18
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
17
19
|
$attrs: {
|
|
18
20
|
[x: string]: unknown;
|
|
@@ -27,8 +29,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
27
29
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
28
30
|
$host: Element | null;
|
|
29
31
|
$emit: (event: string, ...args: any[]) => void;
|
|
30
|
-
$el:
|
|
31
|
-
$options: import('vue').ComponentOptionsBase<Readonly<
|
|
32
|
+
$el: any;
|
|
33
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
34
|
+
shimmerClasses?: ClassTypeProp;
|
|
35
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
32
36
|
beforeCreate?: (() => void) | (() => void)[];
|
|
33
37
|
created?: (() => void) | (() => void)[];
|
|
34
38
|
beforeMount?: (() => void) | (() => void)[];
|
|
@@ -48,7 +52,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
48
52
|
$forceUpdate: () => void;
|
|
49
53
|
$nextTick: typeof import('vue').nextTick;
|
|
50
54
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
51
|
-
} & Readonly<{}> & Omit<Readonly<
|
|
55
|
+
} & Readonly<{}> & Omit<Readonly<{
|
|
56
|
+
shimmerClasses?: ClassTypeProp;
|
|
57
|
+
}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
52
58
|
$slots: {
|
|
53
59
|
default?(_: {}): any;
|
|
54
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.shimmer[data-v-
|
|
1
|
+
.shimmer[data-v-4aceb4a2]{animation:shimmer-4aceb4a2 1.4s infinite;will-change:transform;transform:translateZ(0) translate(-100%);background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0)}@keyframes shimmer-4aceb4a2{to{transform:translate(100%)}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export interface IntersectionObserverProviderProps {
|
|
2
|
-
|
|
2
|
+
observeOnce?: boolean;
|
|
3
3
|
skip?: boolean;
|
|
4
4
|
threshold?: number;
|
|
5
5
|
}
|
|
@@ -10,6 +10,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
|
|
|
10
10
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
11
11
|
default?(_: {
|
|
12
12
|
observer: IntersectionObserver | undefined;
|
|
13
|
+
isVisible: boolean;
|
|
14
|
+
}): any;
|
|
15
|
+
default?(_: {
|
|
16
|
+
observer: IntersectionObserver | undefined;
|
|
17
|
+
isVisible: boolean;
|
|
13
18
|
}): any;
|
|
14
19
|
}>;
|
|
15
20
|
export default _default;
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
observeOnce?: boolean;
|
|
3
|
-
};
|
|
4
1
|
declare function __VLS_template(): {
|
|
5
2
|
attrs: Partial<{}>;
|
|
6
3
|
slots: {
|
|
7
|
-
default?(_: {
|
|
8
|
-
|
|
9
|
-
}): any;
|
|
10
|
-
default?(_: {
|
|
11
|
-
isVisible: true;
|
|
12
|
-
}): any;
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
default?(_: {}): any;
|
|
13
6
|
};
|
|
14
7
|
refs: {
|
|
15
8
|
root: HTMLDivElement;
|
|
@@ -17,7 +10,7 @@ declare function __VLS_template(): {
|
|
|
17
10
|
rootEl: any;
|
|
18
11
|
};
|
|
19
12
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
21
14
|
root: HTMLDivElement;
|
|
22
15
|
}, any>;
|
|
23
16
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { InjectionKey, ShallowRef } from 'vue';
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
2
|
+
export declare const ObserverOnceKey: InjectionKey<boolean>;
|
|
3
|
+
export declare const ObserverKey: InjectionKey<ShallowRef<IntersectionObserver | undefined>>;
|
|
4
|
+
export declare const IsVisibleKey: InjectionKey<ShallowRef<boolean>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -59,8 +59,8 @@ export { default as SwiperPrimitive } from './components/carousel/Primitive/Swip
|
|
|
59
59
|
export { default as SwiperPaginationPrimitive } from './components/carousel/Primitive/SwiperPaginationPrimitive';
|
|
60
60
|
export { default as SwiperNavigationPrimitive } from './components/carousel/Primitive/SwiperNavigationPrimitive';
|
|
61
61
|
export { default as SwiperSlideImagePrimitive } from './components/carousel/Primitive/SwiperSlideImagePrimitive';
|
|
62
|
-
export { default as BaseCard } from './UIKit/
|
|
63
|
-
export { default as CardRootPrimitive } from './UIKit/
|
|
64
|
-
export { default as CardDescriptionPrimitive } from './UIKit/
|
|
65
|
-
export { default as CardImagePrimitive } from './UIKit/
|
|
62
|
+
export { default as BaseCard } from './UIKit/BaseCard/BaseCard';
|
|
63
|
+
export { default as CardRootPrimitive } from './UIKit/BaseCard/CardRootPrimitive';
|
|
64
|
+
export { default as CardDescriptionPrimitive } from './UIKit/BaseCard/CardDescriptionPrimitive';
|
|
65
|
+
export { default as CardImagePrimitive } from './UIKit/BaseCard/CardImagePrimitive';
|
|
66
66
|
export { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb';
|
package/dist/index.js
CHANGED
|
@@ -74,12 +74,12 @@ import { default as wr } from "./packages/components/lib/components/carousel/Pri
|
|
|
74
74
|
import { default as Gr } from "./packages/components/lib/components/carousel/Primitive/SwiperNavigationPrimitive.vue.js";
|
|
75
75
|
import { default as Lr } from "./packages/components/lib/components/carousel/Primitive/SwiperSlideImagePrimitive.vue.js";
|
|
76
76
|
/* empty css */
|
|
77
|
-
import { default as Or } from "./packages/components/lib/UIKit/
|
|
78
|
-
/* empty css
|
|
79
|
-
import { default as Mr } from "./packages/components/lib/UIKit/
|
|
80
|
-
/* empty css
|
|
81
|
-
import { default as Nr } from "./UIKit/
|
|
82
|
-
import { default as Vr } from "./packages/components/lib/UIKit/
|
|
77
|
+
import { default as Or } from "./packages/components/lib/UIKit/BaseCard/BaseCard.vue.js";
|
|
78
|
+
/* empty css */
|
|
79
|
+
import { default as Mr } from "./packages/components/lib/UIKit/BaseCard/CardRootPrimitive.vue.js";
|
|
80
|
+
/* empty css */
|
|
81
|
+
import { default as Nr } from "./UIKit/BaseCard/CardDescriptionPrimitive.js";
|
|
82
|
+
import { default as Vr } from "./packages/components/lib/UIKit/BaseCard/CardImagePrimitive.vue.js";
|
|
83
83
|
import { default as qr } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
|
|
84
84
|
export {
|
|
85
85
|
ve as AccessibleSelect,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as t, inject as a, computed as c, createElementBlock as m, openBlock as n, normalizeClass as s, renderSlot as i } from "vue";
|
|
2
|
-
import { CardTypeKey as d } from "../../../../../UIKit/
|
|
2
|
+
import { CardTypeKey as d } from "../../../../../UIKit/BaseCard/type.js";
|
|
3
3
|
const f = /* @__PURE__ */ t({
|
|
4
4
|
__name: "CardImagePrimitive",
|
|
5
5
|
setup(l) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as n, computed as r, provide as c, createBlock as d, openBlock as m, resolveDynamicComponent as p, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
|
|
2
|
-
import { CardTypeKey as C } from "../../../../../UIKit/
|
|
2
|
+
import { CardTypeKey as C } from "../../../../../UIKit/BaseCard/type.js";
|
|
3
3
|
const w = /* @__PURE__ */ n({
|
|
4
4
|
__name: "CardRootPrimitive",
|
|
5
5
|
props: {
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as l, createElementBlock as s, openBlock as r, normalizeStyle as a, normalizeClass as t, createElementVNode as o, renderSlot as u } from "vue";
|
|
2
|
+
const d = /* @__PURE__ */ l({
|
|
3
|
+
inheritAttrs: !1,
|
|
3
4
|
__name: "BaseShimmerLoader",
|
|
4
5
|
props: {
|
|
5
|
-
shimmerClasses: { default: "" }
|
|
6
|
-
enabled: { type: Boolean, default: !0 }
|
|
6
|
+
shimmerClasses: { default: "" }
|
|
7
7
|
},
|
|
8
|
-
setup(
|
|
9
|
-
return (
|
|
8
|
+
setup(i) {
|
|
9
|
+
return (e, n) => (r(), s("div", {
|
|
10
|
+
class: t(["uikit-relative uikit-overflow-hidden uikit-bg-w-lavender", e.$attrs.class]),
|
|
11
|
+
style: a(e.$attrs.style)
|
|
12
|
+
}, [
|
|
10
13
|
o("div", {
|
|
11
|
-
class:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
]));
|
|
14
|
+
class: t(["shimmer uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-h-full -uikit-translate-x-full", i.shimmerClasses])
|
|
15
|
+
}, null, 2),
|
|
16
|
+
u(e.$slots, "default", {}, void 0, !0)
|
|
17
|
+
], 6));
|
|
16
18
|
}
|
|
17
19
|
});
|
|
18
20
|
export {
|
|
19
|
-
|
|
21
|
+
d as default
|
|
20
22
|
};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as i, createElementBlock as n, openBlock as t, Fragment as l, renderList as a, createBlock as m, normalizeStyle as s, normalizeClass as o } from "vue";
|
|
2
2
|
import u from "../../../../../UIKit/ShimmerLoader/BaseShimmerLoader.js";
|
|
3
|
-
const k = /* @__PURE__ */
|
|
3
|
+
const k = /* @__PURE__ */ i({
|
|
4
4
|
__name: "ShimmerMultiLine",
|
|
5
5
|
props: {
|
|
6
6
|
lines: { default: 1 },
|
|
7
7
|
randomLength: { type: Boolean, default: !1 },
|
|
8
8
|
shimmerClasses: {},
|
|
9
|
-
inheritHeight: { type: Boolean, default: !1 }
|
|
10
|
-
enabled: { type: Boolean, default: !0 }
|
|
9
|
+
inheritHeight: { type: Boolean, default: !1 }
|
|
11
10
|
},
|
|
12
11
|
setup(e) {
|
|
13
|
-
return (
|
|
12
|
+
return (h, d) => (t(!0), n(l, null, a(e.lines, (r) => (t(), m(u, {
|
|
14
13
|
ref_for: !0,
|
|
15
14
|
ref: "shimmerLines",
|
|
16
15
|
class: o(["shimmer-line", [
|
|
@@ -18,12 +17,11 @@ const k = /* @__PURE__ */ l({
|
|
|
18
17
|
e.inheritHeight ? "uikit-h-[1em]" : "uikit-h-8",
|
|
19
18
|
"uikit-mb-2 uikit-rounded-xs"
|
|
20
19
|
]]),
|
|
21
|
-
|
|
22
|
-
key: `sml-${n}`,
|
|
20
|
+
key: `sml-${r}`,
|
|
23
21
|
style: s({
|
|
24
22
|
marginRight: e.randomLength ? `${Math.round(Math.random() * 5) * 10}%` : 0
|
|
25
23
|
})
|
|
26
|
-
}, null, 8, ["class", "
|
|
24
|
+
}, null, 8, ["class", "style"]))), 128));
|
|
27
25
|
}
|
|
28
26
|
});
|
|
29
27
|
export {
|
|
@@ -1,39 +1,46 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as d, shallowRef as i, provide as t, onBeforeMount as m, onBeforeUnmount as O, createElementBlock as h, renderSlot as a, openBlock as y, normalizeClass as k } from "vue";
|
|
2
|
+
import { ObserverOnceKey as B, ObserverKey as p, IsVisibleKey as V } from "../../../../../../components/IntersectionObserver/v2/types.js";
|
|
3
|
+
const $ = /* @__PURE__ */ d({
|
|
4
4
|
__name: "IntersectionObserverProvider",
|
|
5
5
|
props: {
|
|
6
|
-
|
|
6
|
+
observeOnce: { type: Boolean, default: !0 },
|
|
7
7
|
skip: { type: Boolean, default: !1 },
|
|
8
8
|
threshold: { default: 0 }
|
|
9
9
|
},
|
|
10
10
|
emits: ["intersection"],
|
|
11
|
-
setup(
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
if (!o) return;
|
|
16
|
-
const s = new Set(r.value);
|
|
17
|
-
f ? (s.add(o), u("intersection"), n.emitOnce && t.value?.disconnect()) : s.delete(o), r.value = s;
|
|
11
|
+
setup(s, { emit: u }) {
|
|
12
|
+
const v = u, o = i(!1), e = i(), c = (r) => {
|
|
13
|
+
s.skip || r.forEach(({ target: n, isIntersecting: l }) => {
|
|
14
|
+
o.value = l, l && (v("intersection"), s.observeOnce && f(n));
|
|
18
15
|
});
|
|
19
|
-
},
|
|
20
|
-
|
|
16
|
+
}, f = (r) => {
|
|
17
|
+
e.value && e.value.unobserve(r);
|
|
18
|
+
}, b = () => {
|
|
19
|
+
e.value && e.value.disconnect();
|
|
21
20
|
};
|
|
22
|
-
return
|
|
23
|
-
|
|
24
|
-
}), i(y, (e) => {
|
|
25
|
-
t.value?.unobserve(e);
|
|
26
|
-
}), b(() => {
|
|
27
|
-
t.value = new IntersectionObserver(d, {
|
|
21
|
+
return t(B, s.observeOnce), t(p, e), t(V, o), m(() => {
|
|
22
|
+
e.value = new IntersectionObserver(c, {
|
|
28
23
|
root: null,
|
|
29
24
|
//if the root is null, then we will check if the target is visible in the doc root!
|
|
30
|
-
threshold:
|
|
25
|
+
threshold: s.threshold
|
|
31
26
|
});
|
|
32
|
-
}),
|
|
33
|
-
|
|
34
|
-
}), (
|
|
27
|
+
}), O(() => {
|
|
28
|
+
b();
|
|
29
|
+
}), (r, n) => s.observeOnce ? a(r.$slots, "default", {
|
|
30
|
+
key: 1,
|
|
31
|
+
observer: e.value,
|
|
32
|
+
isVisible: o.value
|
|
33
|
+
}) : (y(), h("div", {
|
|
34
|
+
key: 0,
|
|
35
|
+
class: k(r.$attrs["root-classes"])
|
|
36
|
+
}, [
|
|
37
|
+
a(r.$slots, "default", {
|
|
38
|
+
observer: e.value,
|
|
39
|
+
isVisible: o.value
|
|
40
|
+
})
|
|
41
|
+
], 2));
|
|
35
42
|
}
|
|
36
43
|
});
|
|
37
44
|
export {
|
|
38
|
-
|
|
45
|
+
$ as default
|
|
39
46
|
};
|
|
@@ -1,31 +1,21 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import {
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as i, useTemplateRef as c, inject as r, onMounted as u, createElementBlock as v, renderSlot as t, unref as n, openBlock as f, normalizeClass as d } from "vue";
|
|
2
|
+
import { ObserverOnceKey as m, ObserverKey as p, IsVisibleKey as b } from "../../../../../../components/IntersectionObserver/v2/types.js";
|
|
3
|
+
const K = /* @__PURE__ */ i({
|
|
4
4
|
__name: "IntersectionObserverTarget",
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
() => c?.value.has(i) || !1
|
|
11
|
-
);
|
|
12
|
-
return g(() => {
|
|
13
|
-
e.value && f?.(e.value);
|
|
14
|
-
}), p([t, e], ([r, o], [, l]) => {
|
|
15
|
-
n.observeOnce && r && (o && a?.(o), l && a?.(l));
|
|
16
|
-
}), (r, o) => !n.observeOnce || !t.value ? (y(), T("div", {
|
|
5
|
+
setup(y) {
|
|
6
|
+
const e = c("root"), l = r(m, void 0), s = r(p, void 0), a = r(b, void 0);
|
|
7
|
+
return u(() => {
|
|
8
|
+
!s?.value || !e.value || s?.value.observe(e.value);
|
|
9
|
+
}), (o, _) => !n(l) || !n(a) ? (f(), v("div", {
|
|
17
10
|
key: 0,
|
|
18
11
|
ref_key: "root",
|
|
19
12
|
ref: e,
|
|
20
|
-
"
|
|
13
|
+
class: d(o.$attrs["root-classes"])
|
|
21
14
|
}, [
|
|
22
|
-
|
|
23
|
-
],
|
|
24
|
-
key: 1,
|
|
25
|
-
isVisible: t.value
|
|
26
|
-
});
|
|
15
|
+
t(o.$slots, "default")
|
|
16
|
+
], 2)) : t(o.$slots, "default", { key: 1 });
|
|
27
17
|
}
|
|
28
18
|
});
|
|
29
19
|
export {
|
|
30
|
-
|
|
20
|
+
K as default
|
|
31
21
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -29,5 +29,5 @@ export type { SwiperPaginationPrimitiveProps } from '../components/carousel/Prim
|
|
|
29
29
|
export type { SwiperNavigationPrimitiveProps } from '../components/carousel/Primitive/SwiperNavigationPrimitive';
|
|
30
30
|
export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Primitive/SwiperSlideImagePrimitive';
|
|
31
31
|
export type { IntersectionObserverProviderProps } from '../components/IntersectionObserver/v2/IntersectionObserverProvider';
|
|
32
|
-
export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/
|
|
33
|
-
export type { CardTypes } from '../UIKit/
|
|
32
|
+
export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/BaseCard/CardRootPrimitive';
|
|
33
|
+
export type { CardTypes } from '../UIKit/BaseCard/type';
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|