@destyler/carousel 0.2.11 → 0.2.12

package/dist/index.d.mts

@@ -1,10 +1,7 @@
-import * as _destyler_anatomy0 from "@destyler/anatomy";
-import * as _destyler_xstate0 from "@destyler/xstate";
 import { AnyEventObject, ContextRef, Machine, XSend, XState } from "@destyler/xstate";
 import { CommonProperties, DirectionProperty, NormalizeProps, Orientation, OrientationProperty, PropTypes, RequiredBy } from "@destyler/types";
-
 //#region src/anatomy.d.ts
-declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger">;
+export declare const anatomy: import("@destyler/anatomy").AnatomyInstance<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger">;
 //#endregion
 //#region src/types.d.ts
 interface PageChangeDetails {
@@ -241,17 +238,17 @@ interface MachineApi<T extends PropTypes = PropTypes> {
 }
 //#endregion
 //#region src/connect.d.ts
-declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
+export declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
 //#endregion
 //#region src/machine.d.ts
-declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
+export declare function machine(userContext: UserDefinedContext): import("@destyler/xstate").Machine<MachineContext, MachineState, import("@destyler/xstate").AnyEventObject>;
 //#endregion
 //#region src/props.d.ts
-declare const props: ("autoplay" | "id" | "ids" | "translations" | "slidesPerPage" | "slidesPerMove" | "allowMouseDrag" | "loop" | "page" | "defaultPage" | "spacing" | "padding" | "onPageChange" | "inViewThreshold" | "snapType" | "slideCount" | "onDragStatusChange" | "onAutoplayStatusChange" | "dir" | "getRootNode" | "orientation")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "autoplay" | "id" | "ids" | "translations" | "slidesPerPage" | "slidesPerMove" | "allowMouseDrag" | "loop" | "page" | "defaultPage" | "spacing" | "padding" | "onPageChange" | "inViewThreshold" | "snapType" | "slideCount" | "onDragStatusChange" | "onAutoplayStatusChange" | "dir" | "getRootNode" | "orientation">];
-declare const indicatorProps: (keyof IndicatorProps)[];
-declare const splitIndicatorProps: <Props extends IndicatorProps>(props: Props) => [IndicatorProps, Omit<Props, keyof IndicatorProps>];
-declare const itemProps: (keyof ItemProps)[];
-declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
+export declare const props: ("autoplay" | "id" | "ids" | "translations" | "slidesPerPage" | "slidesPerMove" | "allowMouseDrag" | "loop" | "page" | "defaultPage" | "spacing" | "padding" | "onPageChange" | "inViewThreshold" | "snapType" | "slideCount" | "onDragStatusChange" | "onAutoplayStatusChange" | "dir" | "getRootNode" | "orientation")[];
+export declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "autoplay" | "id" | "ids" | "translations" | "slidesPerPage" | "slidesPerMove" | "allowMouseDrag" | "loop" | "page" | "defaultPage" | "spacing" | "padding" | "onPageChange" | "inViewThreshold" | "snapType" | "slideCount" | "onDragStatusChange" | "onAutoplayStatusChange" | "dir" | "getRootNode" | "orientation">];
+export declare const indicatorProps: (keyof IndicatorProps)[];
+export declare const splitIndicatorProps: <Props extends IndicatorProps>(props: Props) => [IndicatorProps, Omit<Props, keyof IndicatorProps>];
+export declare const itemProps: (keyof ItemProps)[];
+export declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, keyof ItemProps>];
 //#endregion
-export { type MachineApi as Api, type AutoplayStatusDetails, type UserDefinedContext as Context, type DragStatusDetails, type ElementIds, type IndicatorProps, type IntlTranslations, type ItemProps, type MachineState, type Orientation, type PageChangeDetails, type Service, type State, anatomy, connect, indicatorProps, itemProps, machine, props, splitIndicatorProps, splitItemProps, splitProps };
+export type { MachineApi as Api, AutoplayStatusDetails, UserDefinedContext as Context, DragStatusDetails, ElementIds, IndicatorProps, IntlTranslations, ItemProps, MachineState, Orientation, PageChangeDetails, Service, State };

package/dist/index.mjs

@@ -4,11 +4,9 @@ import { findSnapPoint, getScrollSnapPositions } from "@destyler/scroll-snap";
 import { add, compact, createSplitProps, isControlled, isEqual, isObject, isPropUserProvided, nextIndex, prevIndex, remove, resolveControllableProp, uniq, withControllableProvided } from "@destyler/utils";
 import { createMachine, ref } from "@destyler/xstate";
 import { createProps } from "@destyler/types";
-
 //#region src/anatomy.ts
 const anatomy = createAnatomy("carousel").parts("root", "itemGroup", "item", "control", "nextTrigger", "prevTrigger", "indicatorGroup", "indicator", "autoplayTrigger");
 const parts = anatomy.build();
-
 //#endregion
 //#region src/dom.ts
 const dom = createScope({
@@ -31,7 +29,6 @@ const dom = createScope({
 		else el.setAttribute("tabindex", "0");
 	}
 });
-
 //#endregion
 //#region src/connect.ts
 function connect(state, send, normalize) {
@@ -139,20 +136,20 @@ function connect(state, send, normalize) {
 				}
 			});
 		},
-		getItemProps(props$1) {
-			const isInView = state.context.slidesInView.includes(props$1.index);
+		getItemProps(props) {
+			const isInView = state.context.slidesInView.includes(props.index);
 			return normalize.element({
 				...parts.item.attrs,
-				"id": dom.getItemId(state.context, props$1.index),
+				"id": dom.getItemId(state.context, props.index),
 				"dir": state.context.dir,
 				"role": "group",
-				"data-index": props$1.index,
+				"data-index": props.index,
 				"data-inview": String(isInView),
 				"aria-roledescription": "slide",
 				"data-orientation": state.context.orientation,
-				"aria-label": state.context.slideCount ? translations.item(props$1.index, state.context.slideCount) : void 0,
+				"aria-label": state.context.slideCount ? translations.item(props.index, state.context.slideCount) : void 0,
 				"aria-hidden": ariaAttr(!isInView),
-				"style": { scrollSnapAlign: getSnapAlign(state.context, props$1) }
+				"style": { scrollSnapAlign: getSnapAlign(state.context, props) }
 			});
 		},
 		getControlProps() {
@@ -209,53 +206,53 @@ function connect(state, send, normalize) {
 					if (event.defaultPrevented) return;
 					const src = "indicator";
 					const exec = {
-						ArrowDown(event$1) {
+						ArrowDown(event) {
 							if (horizontal) return;
 							send({
 								type: "PAGE.NEXT",
 								src
 							});
-							event$1.preventDefault();
+							event.preventDefault();
 						},
-						ArrowUp(event$1) {
+						ArrowUp(event) {
 							if (horizontal) return;
 							send({
 								type: "PAGE.PREV",
 								src
 							});
-							event$1.preventDefault();
+							event.preventDefault();
 						},
-						ArrowRight(event$1) {
+						ArrowRight(event) {
 							if (!horizontal) return;
 							send({
 								type: "PAGE.NEXT",
 								src
 							});
-							event$1.preventDefault();
+							event.preventDefault();
 						},
-						ArrowLeft(event$1) {
+						ArrowLeft(event) {
 							if (!horizontal) return;
 							send({
 								type: "PAGE.PREV",
 								src
 							});
-							event$1.preventDefault();
+							event.preventDefault();
 						},
-						Home(event$1) {
+						Home(event) {
 							send({
 								type: "PAGE.SET",
 								index: 0,
 								src
 							});
-							event$1.preventDefault();
+							event.preventDefault();
 						},
-						End(event$1) {
+						End(event) {
 							send({
 								type: "PAGE.SET",
 								index: pageSnapPoints.length - 1,
 								src
 							});
-							event$1.preventDefault();
+							event.preventDefault();
 						}
 					}[getEventKey(event, {
 						dir: state.context.dir,
@@ -265,23 +262,23 @@ function connect(state, send, normalize) {
 				}
 			});
 		},
-		getIndicatorProps(props$1) {
+		getIndicatorProps(props) {
 			return normalize.button({
 				...parts.indicator.attrs,
 				"dir": state.context.dir,
-				"id": dom.getIndicatorId(state.context, props$1.index),
+				"id": dom.getIndicatorId(state.context, props.index),
 				"type": "button",
 				"data-orientation": state.context.orientation,
-				"data-index": props$1.index,
-				"data-readonly": dataAttr(props$1.readOnly),
-				"data-current": dataAttr(props$1.index === state.context.page),
-				"aria-label": translations.indicator(props$1.index),
+				"data-index": props.index,
+				"data-readonly": dataAttr(props.readOnly),
+				"data-current": dataAttr(props.index === state.context.page),
+				"aria-label": translations.indicator(props.index),
 				onClick(event) {
 					if (event.defaultPrevented) return;
-					if (props$1.readOnly) return;
+					if (props.readOnly) return;
 					send({
 						type: "PAGE.SET",
-						index: props$1.index,
+						index: props.index,
 						src: "indicator"
 					});
 				}
@@ -302,12 +299,11 @@ function connect(state, send, normalize) {
 		}
 	};
 }
-function getSnapAlign(ctx, props$1) {
-	const { snapAlign = "start", index } = props$1;
+function getSnapAlign(ctx, props) {
+	const { snapAlign = "start", index } = props;
 	const perMove = ctx.slidesPerMove === "auto" ? Math.floor(ctx.slidesPerPage) : ctx.slidesPerMove;
 	return (index + perMove) % perMove === 0 ? snapAlign : void 0;
 }
-
 //#endregion
 //#region src/machine.ts
 const DEFAULT_SLIDES_PER_PAGE = 1;
@@ -398,11 +394,11 @@ function machine(userContext) {
 			slidesInView: []
 		},
 		computed: {
-			isRtl: (ctx$1) => ctx$1.dir === "rtl",
-			isHorizontal: (ctx$1) => ctx$1.orientation === "horizontal",
-			canScrollNext: (ctx$1) => ctx$1.loop || ctx$1.page < ctx$1.pageSnapPoints.length - 1,
-			canScrollPrev: (ctx$1) => ctx$1.loop || ctx$1.page > 0,
-			autoplayInterval: (ctx$1) => isObject(ctx$1.autoplay) ? ctx$1.autoplay.delay : 4e3
+			isRtl: (ctx) => ctx.dir === "rtl",
+			isHorizontal: (ctx) => ctx.orientation === "horizontal",
+			canScrollNext: (ctx) => ctx.loop || ctx.page < ctx.pageSnapPoints.length - 1,
+			canScrollPrev: (ctx) => ctx.loop || ctx.page > 0,
+			autoplayInterval: (ctx) => isObject(ctx.autoplay) ? ctx.autoplay.delay : 4e3
 		},
 		watch: {
 			slidesPerPage: ["setSnapPoints"],
@@ -456,11 +452,7 @@ function machine(userContext) {
 						target: "autoplay",
 						actions: ["invokeAutoplayStart"]
 					},
-					"INVIEW.SET": {
-						target: "idle",
-						internal: false,
-						actions: ["setSlidesInView"]
-					}
+					"INVIEW.SET": { actions: ["setSlidesInView"] }
 				}
 			},
 			dragging: {
@@ -472,11 +464,7 @@ function machine(userContext) {
 						target: "idle",
 						actions: ["endDragging", "invokeDraggingEnd"]
 					},
-					"INVIEW.SET": {
-						target: "dragging",
-						internal: false,
-						actions: ["setSlidesInView"]
-					}
+					"INVIEW.SET": { actions: ["setSlidesInView"] }
 				}
 			},
 			autoplay: {
@@ -489,26 +477,22 @@ function machine(userContext) {
 						actions: ["invokeDragStart"]
 					},
 					"AUTOPLAY.PAUSE": "idle",
-					"INVIEW.SET": {
-						target: "autoplay",
-						internal: false,
-						actions: ["setSlidesInView"]
-					}
+					"INVIEW.SET": { actions: ["setSlidesInView"] }
 				}
 			}
 		}
 	}, {
 		activities: {
-			trackSlideMutation(ctx$1, _evt, { send }) {
-				return ensureItemGroupEl(ctx$1, (el) => {
-					const observer = new (dom.getWin(ctx$1)).MutationObserver(() => {
+			trackSlideMutation(ctx, _evt, { send }) {
+				return ensureItemGroupEl(ctx, (el) => {
+					const observer = new (dom.getWin(ctx)).MutationObserver(() => {
 						send({
 							type: "SNAP.REFRESH",
 							src: "slide.mutation"
 						});
-						dom.syncTabIndex(ctx$1);
+						dom.syncTabIndex(ctx);
 					});
-					dom.syncTabIndex(ctx$1);
+					dom.syncTabIndex(ctx);
 					observer.observe(el, {
 						childList: true,
 						subtree: true
@@ -516,60 +500,61 @@ function machine(userContext) {
 					return () => observer.disconnect();
 				});
 			},
-			trackSlideResize(ctx$1, _evt, { send }) {
-				return ensureItemGroupEl(ctx$1, () => {
-					const observer = new (dom.getWin(ctx$1)).ResizeObserver(() => {
+			trackSlideResize(ctx, _evt, { send }) {
+				return ensureItemGroupEl(ctx, () => {
+					const observer = new (dom.getWin(ctx)).ResizeObserver(() => {
 						send({
 							type: "SNAP.REFRESH",
 							src: "slide.resize"
 						});
 					});
-					dom.getItemEls(ctx$1).forEach((slide) => observer.observe(slide));
+					dom.getItemEls(ctx).forEach((slide) => observer.observe(slide));
 					return () => observer.disconnect();
 				});
 			},
-			trackSlideIntersections(ctx$1, _evt, { send }) {
-				return ensureItemGroupEl(ctx$1, (el) => {
-					const observer = new (dom.getWin(ctx$1)).IntersectionObserver((entries) => {
-						const nextSlides = uniq(entries.reduce((acc, entry) => {
+			trackSlideIntersections(ctx, _evt, { send }) {
+				return ensureItemGroupEl(ctx, (el) => {
+					const observer = new (dom.getWin(ctx)).IntersectionObserver((entries) => {
+						const slidesInView = entries.reduce((acc, entry) => {
 							const target = entry.target;
 							const index = Number(target.dataset.index ?? "-1");
 							if (index == null || Number.isNaN(index) || index === -1) return acc;
 							return entry.isIntersecting ? add(acc, index) : remove(acc, index);
-						}, ctx$1.slidesInView));
-						if (isEqual(ctx$1.slidesInView, nextSlides)) return;
+						}, ctx.slidesInView);
+						const nextSlides = uniq(slidesInView);
+						if (isEqual(ctx.slidesInView, nextSlides)) return;
 						send({
 							type: "INVIEW.SET",
 							slidesInView: nextSlides
 						});
 					}, {
 						root: el,
-						threshold: ctx$1.inViewThreshold
+						threshold: ctx.inViewThreshold
 					});
-					dom.getItemEls(ctx$1).forEach((slide) => observer.observe(slide));
+					dom.getItemEls(ctx).forEach((slide) => observer.observe(slide));
 					return () => observer.disconnect();
 				});
 			},
-			trackScroll(ctx$1) {
-				return ensureItemGroupEl(ctx$1, (el) => {
+			trackScroll(ctx) {
+				return ensureItemGroupEl(ctx, (el) => {
 					const onScrollEnd = () => {
-						if (ctx$1.slidesInView.length === 0) return;
-						const scrollPosition = ctx$1.isHorizontal ? el.scrollLeft : el.scrollTop;
-						const page = ctx$1.pageSnapPoints.findIndex((point) => Math.abs(point - scrollPosition) < 1);
+						if (ctx.slidesInView.length === 0) return;
+						const scrollPosition = ctx.isHorizontal ? el.scrollLeft : el.scrollTop;
+						const page = ctx.pageSnapPoints.findIndex((point) => Math.abs(point - scrollPosition) < 1);
 						if (page === -1) return;
-						set.page(ctx$1, page);
+						set.page(ctx, page);
 					};
 					const onScroll = () => {
-						clearTimeout(ctx$1.timeoutRef.current);
-						ctx$1.timeoutRef.current = setTimeout(() => {
+						clearTimeout(ctx.timeoutRef.current);
+						ctx.timeoutRef.current = setTimeout(() => {
 							onScrollEnd?.();
 						}, 150);
 					};
 					return addDomEvent(el, "scroll", onScroll, { passive: true });
 				});
 			},
-			trackDocumentVisibility(ctx$1, _evt, { send }) {
-				const doc = dom.getDoc(ctx$1);
+			trackDocumentVisibility(ctx, _evt, { send }) {
+				const doc = dom.getDoc(ctx);
 				const onVisibilityChange = () => {
 					if (doc.visibilityState === "visible") return;
 					send({
@@ -579,8 +564,9 @@ function machine(userContext) {
 				};
 				return addDomEvent(doc, "visibilitychange", onVisibilityChange);
 			},
-			trackPointerMove(ctx$1, _evt, { send }) {
-				return trackPointerMove(dom.getDoc(ctx$1), {
+			trackPointerMove(ctx, _evt, { send }) {
+				const doc = dom.getDoc(ctx);
+				return trackPointerMove(doc, {
 					onPointerMove({ event }) {
 						send({
 							type: "DRAGGING",
@@ -595,68 +581,69 @@ function machine(userContext) {
 			}
 		},
 		actions: {
-			resetScrollPosition(ctx$1) {
-				const el = dom.getItemGroupEl(ctx$1);
+			resetScrollPosition(ctx) {
+				const el = dom.getItemGroupEl(ctx);
 				if (!el) return;
 				el.scrollTo(0, 0);
 			},
-			clearScrollEndTimer(ctx$1) {
-				if (ctx$1.timeoutRef.current == null) return;
-				clearTimeout(ctx$1.timeoutRef.current);
-				ctx$1.timeoutRef.current = void 0;
+			clearScrollEndTimer(ctx) {
+				if (ctx.timeoutRef.current == null) return;
+				clearTimeout(ctx.timeoutRef.current);
+				ctx.timeoutRef.current = void 0;
 			},
-			scrollToPage(ctx$1, evt) {
+			scrollToPage(ctx, evt) {
 				const behavior = evt.instant ? "instant" : "smooth";
-				const index = clamp(ctx$1.page ?? 0, 0, ctx$1.pageSnapPoints.length - 1);
-				const el = dom.getItemGroupEl(ctx$1);
-				const axis = ctx$1.isHorizontal ? "left" : "top";
+				const index = clamp(ctx.page ?? 0, 0, ctx.pageSnapPoints.length - 1);
+				const el = dom.getItemGroupEl(ctx);
+				const axis = ctx.isHorizontal ? "left" : "top";
 				el.scrollTo({
-					[axis]: ctx$1.pageSnapPoints[index],
+					[axis]: ctx.pageSnapPoints[index],
 					behavior
 				});
 			},
-			setNextPage(ctx$1) {
-				const page = nextIndex(ctx$1.pageSnapPoints, ctx$1.page, { loop: ctx$1.loop });
-				set.page(ctx$1, page);
+			setNextPage(ctx) {
+				const page = nextIndex(ctx.pageSnapPoints, ctx.page, { loop: ctx.loop });
+				set.page(ctx, page);
 			},
-			setPrevPage(ctx$1) {
-				const page = prevIndex(ctx$1.pageSnapPoints, ctx$1.page, { loop: ctx$1.loop });
-				set.page(ctx$1, page);
+			setPrevPage(ctx) {
+				const page = prevIndex(ctx.pageSnapPoints, ctx.page, { loop: ctx.loop });
+				set.page(ctx, page);
 			},
-			setMatchingPage(ctx$1, evt) {
-				const snapPoint = findSnapPoint(dom.getItemGroupEl(ctx$1), ctx$1.isHorizontal ? "x" : "y", (node) => node.dataset.index === evt.index.toString());
+			setMatchingPage(ctx, evt) {
+				const snapPoint = findSnapPoint(dom.getItemGroupEl(ctx), ctx.isHorizontal ? "x" : "y", (node) => node.dataset.index === evt.index.toString());
 				if (snapPoint == null) return;
-				const page = ctx$1.pageSnapPoints.indexOf(snapPoint);
-				set.page(ctx$1, page);
+				const page = ctx.pageSnapPoints.indexOf(snapPoint);
+				set.page(ctx, page);
 			},
-			setPage(ctx$1, evt) {
-				set.page(ctx$1, evt.index ?? ctx$1.page);
+			setPage(ctx, evt) {
+				set.page(ctx, evt.index ?? ctx.page);
 			},
-			clampPage(ctx$1) {
-				const index = clamp(ctx$1.page, 0, ctx$1.pageSnapPoints.length - 1);
-				set.page(ctx$1, index);
+			clampPage(ctx) {
+				const index = clamp(ctx.page, 0, ctx.pageSnapPoints.length - 1);
+				set.page(ctx, index);
 			},
-			setSnapPoints(ctx$1) {
+			setSnapPoints(ctx) {
 				queueMicrotask(() => {
-					const scrollSnapPoints = getScrollSnapPositions(dom.getItemGroupEl(ctx$1));
-					ctx$1.pageSnapPoints = ctx$1.isHorizontal ? scrollSnapPoints.x : scrollSnapPoints.y;
+					const el = dom.getItemGroupEl(ctx);
+					const scrollSnapPoints = getScrollSnapPositions(el);
+					ctx.pageSnapPoints = ctx.isHorizontal ? scrollSnapPoints.x : scrollSnapPoints.y;
 				});
 			},
-			disableScrollSnap(ctx$1) {
-				const el = dom.getItemGroupEl(ctx$1);
+			disableScrollSnap(ctx) {
+				const el = dom.getItemGroupEl(ctx);
 				const styles = getComputedStyle(el);
 				el.dataset.scrollSnapType = styles.getPropertyValue("scroll-snap-type");
 				el.style.setProperty("scroll-snap-type", "none");
 			},
-			scrollSlides(ctx$1, evt) {
-				dom.getItemGroupEl(ctx$1).scrollBy({
+			scrollSlides(ctx, evt) {
+				dom.getItemGroupEl(ctx).scrollBy({
 					left: evt.left,
 					top: evt.top,
 					behavior: "instant"
 				});
 			},
-			endDragging(ctx$1) {
-				const el = dom.getItemGroupEl(ctx$1);
+			endDragging(ctx) {
+				const el = dom.getItemGroupEl(ctx);
 				const startX = el.scrollLeft;
 				const startY = el.scrollTop;
 				const snapPositions = getScrollSnapPositions(el);
@@ -678,62 +665,61 @@ function machine(userContext) {
 					}
 				});
 			},
-			focusIndicatorEl(ctx$1, evt) {
+			focusIndicatorEl(ctx, evt) {
 				if (evt.src !== "indicator") return;
-				const el = dom.getActiveIndicatorEl(ctx$1);
+				const el = dom.getActiveIndicatorEl(ctx);
 				raf(() => el.focus({ preventScroll: true }));
 			},
-			invokeDragStart(ctx$1) {
-				ctx$1.onDragStatusChange?.({
+			invokeDragStart(ctx) {
+				ctx.onDragStatusChange?.({
 					type: "dragging.start",
 					isDragging: true,
-					page: ctx$1.page
+					page: ctx.page
 				});
 			},
-			invokeDragging(ctx$1) {
-				ctx$1.onDragStatusChange?.({
+			invokeDragging(ctx) {
+				ctx.onDragStatusChange?.({
 					type: "dragging",
 					isDragging: true,
-					page: ctx$1.page
+					page: ctx.page
 				});
 			},
-			invokeDraggingEnd(ctx$1) {
-				ctx$1.onDragStatusChange?.({
+			invokeDraggingEnd(ctx) {
+				ctx.onDragStatusChange?.({
 					type: "dragging.end",
 					isDragging: false,
-					page: ctx$1.page
+					page: ctx.page
 				});
 			},
-			invokeAutoplay(ctx$1) {
-				ctx$1.onAutoplayStatusChange?.({
+			invokeAutoplay(ctx) {
+				ctx.onAutoplayStatusChange?.({
 					type: "autoplay",
 					isPlaying: true,
-					page: ctx$1.page
+					page: ctx.page
 				});
 			},
-			invokeAutoplayStart(ctx$1) {
-				ctx$1.onAutoplayStatusChange?.({
+			invokeAutoplayStart(ctx) {
+				ctx.onAutoplayStatusChange?.({
 					type: "autoplay.start",
 					isPlaying: true,
-					page: ctx$1.page
+					page: ctx.page
 				});
 			},
-			invokeAutoplayEnd(ctx$1) {
-				ctx$1.onAutoplayStatusChange?.({
+			invokeAutoplayEnd(ctx) {
+				ctx.onAutoplayStatusChange?.({
 					type: "autoplay.stop",
 					isPlaying: false,
-					page: ctx$1.page
+					page: ctx.page
 				});
 			},
-			setSlidesInView(ctx$1, evt) {
+			setSlidesInView(ctx, evt) {
 				if (evt.type !== "INVIEW.SET") return;
-				ctx$1.slidesInView = evt.slidesInView;
+				ctx.slidesInView = evt.slidesInView;
 			}
 		},
-		delays: { AUTOPLAY_INTERVAL: (ctx$1) => ctx$1.autoplayInterval }
+		delays: { AUTOPLAY_INTERVAL: (ctx) => ctx.autoplayInterval }
 	});
 }
-
 //#endregion
 //#region src/props.ts
 const props = createProps()([
@@ -764,6 +750,5 @@ const indicatorProps = createProps()(["index", "readOnly"]);
 const splitIndicatorProps = createSplitProps(indicatorProps);
 const itemProps = createProps()(["index", "snapAlign"]);
 const splitItemProps = createSplitProps(itemProps);
-
 //#endregion
-export { anatomy, connect, indicatorProps, itemProps, machine, props, splitIndicatorProps, splitItemProps, splitProps };
+export { anatomy, connect, indicatorProps, itemProps, machine, props, splitIndicatorProps, splitItemProps, splitProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@destyler/carousel",
   "type": "module",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "description": "an interactive slideshow component for cycling through elements.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -22,12 +22,12 @@
     "dist"
   ],
   "dependencies": {
-    "@destyler/anatomy": "0.2.11",
-    "@destyler/dom": "0.2.11",
-    "@destyler/scroll-snap": "0.2.11",
-    "@destyler/xstate": "0.2.11",
-    "@destyler/utils": "0.2.11",
-    "@destyler/types": "0.2.11"
+    "@destyler/anatomy": "0.2.12",
+    "@destyler/dom": "0.2.12",
+    "@destyler/scroll-snap": "0.2.12",
+    "@destyler/types": "0.2.12",
+    "@destyler/utils": "0.2.12",
+    "@destyler/xstate": "0.2.12"
   },
   "publishConfig": {
     "access": "public"