sard 1.1.0 → 1.2.0

package/components/swiper/swiper-item.js

@@ -1,34 +0,0 @@
-import { createBem } from "../../utils/bem.js";
-import { defineSetupFnComponent } from "../../utils/component.js";
-import { swiperItemProps } from "./common.js";
-import { useSwiperItem } from "./useSwiper.js";
-import { createVNode, watchPostEffect } from "vue";
-//#region packages/sard/components/swiper/swiper-item.tsx
-var swiper_item_default = defineSetupFnComponent((_props, { slots }) => {
-	const bem = createBem("swiper");
-	const { elRef, member, context: { vertical, spaceBetween, autoHeight } } = useSwiperItem();
-	watchPostEffect(() => {
-		const el = elRef.value;
-		if (el) {
-			el.style.setProperty("--swiper-item-offset-raw", member.offset + "px");
-			el.style.setProperty("--swiper-item-size", member.size + "px");
-			el.style.setProperty("--swiper-item-margin", spaceBetween.value + "px");
-		}
-	});
-	return () => {
-		return createVNode("div", {
-			"ref": elRef,
-			"class": [
-				bem.e("item"),
-				bem.is("vertical", vertical.value),
-				bem.is("auto-height", autoHeight.value)
-			]
-		}, [slots.default && slots.default()]);
-	};
-}, {
-	name: "SwiperItem",
-	props: swiperItemProps,
-	slots: null
-});
-//#endregion
-export { swiper_item_default as default };

package/components/swiper/swiper.d.ts

@@ -1,57 +0,0 @@
-import { type SwiperEmits, type SwiperSlots, type SwiperContext, type AddSwiperContext, type RemoveSwiperContext } from './common';
-export type { SwiperContext, AddSwiperContext, RemoveSwiperContext };
-declare const _default: import("vue").DefineSetupFnComponent<import("vue").ExtractPublicPropTypes<{
-    modelValue: {
-        type: NumberConstructor;
-        default: number;
-    };
-    showIndicator: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    speed: {
-        type: NumberConstructor;
-        default: number;
-    };
-    autoplay: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    loop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    slidesPerView: {
-        type: NumberConstructor;
-        default: number;
-    };
-    slidesPerGroup: {
-        type: NumberConstructor;
-        default: number;
-    };
-    spaceBetween: {
-        type: NumberConstructor;
-        default: number;
-    };
-    centeredSlides: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    allowTouchMove: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoHeight: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, SwiperEmits, SwiperSlots>;
-export default _default;

package/components/swiper/swiper.js

@@ -1,43 +0,0 @@
-import { createBem } from "../../utils/bem.js";
-import { flatVNode } from "../../utils/vnode.js";
-import { defineSetupFnComponent } from "../../utils/component.js";
-import { swiperProps } from "./common.js";
-import { useSwiper } from "./useSwiper.js";
-import { createVNode } from "vue";
-//#region packages/sard/components/swiper/swiper.tsx
-var swiper_default = defineSetupFnComponent((props, { slots, emit }) => {
-	const bem = createBem("swiper");
-	const { rootRef, wrapperRef, activeIndex, pageCount, setSwiperItems, onTouchStart, onTouchMove, onTouchEnd, onPointerDown } = useSwiper(props, emit);
-	return () => {
-		const defaultSlots = slots.default && slots.default();
-		setSwiperItems(flatVNode(defaultSlots));
-		return createVNode("div", {
-			"ref": rootRef,
-			"class": [
-				bem.b(),
-				bem.m("vertical", props.vertical),
-				bem.is("auto-height", props.autoHeight)
-			],
-			"onTouchstart": onTouchStart,
-			"onTouchmove": onTouchMove,
-			"onTouchend": onTouchEnd,
-			"onTouchcancel": onTouchEnd,
-			"onPointerdown": onPointerDown
-		}, [createVNode("div", {
-			"ref": wrapperRef,
-			"class": [bem.e("wrapper"), bem.is("vertical", props.vertical)]
-		}, [defaultSlots]), props.showIndicator && createVNode("div", { "class": [bem.e("dots"), bem.is("vertical", props.vertical)] }, [Array(pageCount.value).fill(0).map((_, index) => createVNode("div", { "class": [bem.e("dot"), bem.is("active", activeIndex.value === index)] }, null))])]);
-	};
-}, {
-	name: "Swiper",
-	props: swiperProps,
-	emits: [
-		"change",
-		"transition",
-		"animationfinish",
-		"update:modelValue"
-	],
-	slots: null
-});
-//#endregion
-export { swiper_default as default };

package/utils/vnode.d.ts

@@ -1,9 +0,0 @@
-import { type VNode } from 'vue';
-export declare function flatVNode(nodes: any): VNode[];
-export declare const OnlyChild: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    update(_el: HTMLElement | null): true;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onUpdate?: ((_el: HTMLElement | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/utils/vnode.js

@@ -1,69 +0,0 @@
-import { isObject } from "./is.js";
-import { logError } from "./log.js";
-import { Comment, Fragment, Text, cloneVNode, createVNode, defineComponent, isVNode, withDirectives } from "vue";
-//#region packages/sard/utils/vnode.tsx
-function flatVNode(nodes) {
-	const array = [];
-	if (Array.isArray(nodes)) nodes.forEach((vnode) => {
-		if (isVNode(vnode)) {
-			if (vnode.type === Fragment) array.push(...flatVNode(vnode.children));
-			else if (vnode.type !== Comment) array.push(vnode);
-		} else if (Array.isArray(vnode)) array.push(...flatVNode(vnode));
-	});
-	return array;
-}
-function wrapTextContent(s) {
-	return createVNode("span", null, [s]);
-}
-function findFirstLegitChild(node) {
-	if (!node) return [null, 0];
-	const children = node;
-	const len = children.filter((c) => c.type !== Comment).length;
-	for (const child of children) {
-		/**
-		* when user uses h(Fragment, [text]) to render plain string,
-		* this switch case just cannot handle, when the value is primitives
-		* we should just return the wrapped string
-		*/
-		if (isObject(child)) switch (child.type) {
-			case Comment: continue;
-			case Text:
-			case "svg": return [wrapTextContent(child), len];
-			case Fragment: return findFirstLegitChild(child.children);
-			default: return [child, len];
-		}
-		return [wrapTextContent(child), len];
-	}
-	return [null, 0];
-}
-const OnlyChild = defineComponent({
-	emits: { update(_el) {
-		return true;
-	} },
-	setup(_, { slots, attrs, emit }) {
-		const getElDirective = {
-			mounted(el) {
-				emit("update", el);
-			},
-			updated(el) {
-				emit("update", el);
-			},
-			unmounted() {
-				emit("update", null);
-			}
-		};
-		return () => {
-			const defaultSlot = slots.default?.(attrs);
-			if (!defaultSlot) return null;
-			const [firstLegitNode, length] = findFirstLegitChild(defaultSlot);
-			if (!firstLegitNode) {
-				logError("no valid child node found");
-				return null;
-			}
-			if (length > 1) logError("requires exact only one valid child.");
-			return withDirectives(cloneVNode(firstLegitNode, attrs), [[getElDirective]]);
-		};
-	}
-});
-//#endregion
-export { OnlyChild, flatVNode };