@kine-design/core 0.0.1-beta.2 → 0.0.1-beta.3

package/components/template/menu/index.ts

@@ -15,5 +15,4 @@ export const MenuCore = {
 };
 
 export { DEFAULT_MENU_CONFIG };
-export { useMenu } from './useMenu';
 export type { MenuProps, MenuData, MenuNodeData, MenuConfig } from './props';

package/components/template/menu/useMenu.ts

@@ -50,7 +50,7 @@ function buildNodes(
   });
 }
 
-export function useMenu(props: MenuProps, emit?: (event: string, ...args: unknown[]) => void) {
+export function useMenu(props: MenuProps, emit?: (...args: any[]) => void) {
   const config: MenuConfig = { ...DEFAULT_CONFIG, ...props.config };
   const nodeMap = new Map<string | number, MenuNodeData>();
   const nodesRef: ShallowRef<MenuNodeData[]> = shallowRef([]);

package/components/template/pagination/index.ts

@@ -15,4 +15,5 @@ export const PaginationCore = {
 };
 
 export type { PaginationProps } from './props';
-export { usePagination, type Pager } from './usePagination';
+export { usePagination } from './usePagination';
+export type { Pager } from './usePagination';

package/components/template/virtualList/index.ts

@@ -15,4 +15,3 @@ export const VirtualListCore = {
 };
 
 export type { VirtualListProps } from './props';
-export { useVirtualList } from './useVirtualList';

package/compositions/virtualList/useContainerObserver.ts

@@ -8,7 +8,7 @@
  *
  * 管理 IntersectionObserver 的创建、observe/unobserve，配合 ResizeObserver 处理容器尺寸变化
  */
-import { Ref } from 'vue';
+import { onBeforeUnmount, Ref } from 'vue';
 import { useResizeObserver } from '../common/useResizeObserver';
 
 export default function useContainerObserver(options: {
@@ -78,5 +78,12 @@ export default function useContainerObserver(options: {
     }
   });
 
+  onBeforeUnmount(() => {
+    if (ob) {
+      ob.disconnect();
+      ob = undefined;
+    }
+  });
+
   return { reObserve };
 }

package/dist/components/base/affix/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useAffix } from './useAffix';
+import { useAffix } from './useAffix';
 export declare const AffixCore: {
     props: import('../../types/props').MCOPO<import('./props').AffixProps>;
     useAffix: typeof useAffix;
 };
+export type { AffixProps } from './props';

package/dist/components/base/affix/useAffix.d.ts

@@ -1,5 +1,5 @@
 import { AffixProps } from './props';
-export default function useAffix(props: Required<AffixProps>, emit: (event: string, ...args: unknown[]) => void): {
+export declare function useAffix(props: Required<AffixProps>, emit: (...args: any[]) => void): {
     wrapperRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     wrapRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     affixed: import('vue').Ref<boolean, boolean>;

package/dist/components/base/anchor/index.d.ts

@@ -1,6 +1,7 @@
-import { default as useAnchor } from './useAnchor';
+import { useAnchor } from './useAnchor';
 export declare const AnchorCore: {
     props: import('../../types/props').MCOPO<import('./props').AnchorProps>;
     anchorLinkProps: import('../../types/props').MCOPO<import('./props').AnchorLinkProps>;
     useAnchor: typeof useAnchor;
 };
+export type { AnchorProps, AnchorLinkProps } from './props';

package/dist/components/base/anchor/useAnchor.d.ts

@@ -1,5 +1,5 @@
 import { AnchorProps } from './props';
-export default function useAnchor(props: Required<AnchorProps>, emit: (event: string, ...args: unknown[]) => void): {
+export declare function useAnchor(props: Required<AnchorProps>, emit: (...args: any[]) => void): {
     currentLink: import('vue').Ref<string, string>;
     registerLink: (href: string) => void;
     unregisterLink: (href: string) => void;

package/dist/components/base/avatar/index.d.ts

@@ -1,3 +1,4 @@
 export declare const AvatarCore: {
     props: import('../../types/props').MCOPO<import('./props').AvatarProps>;
 };
+export type { AvatarProps } from './props';

package/dist/components/base/backTop/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useBackTop } from './useBackTop';
+import { useBackTop } from './useBackTop';
 export declare const BackTopCore: {
     props: import('../../types/props').MCOPO<import('./props').BackTopProps>;
     useBackTop: typeof useBackTop;
 };
+export type { BackTopProps } from './props';

package/dist/components/base/backTop/useBackTop.d.ts

@@ -1,5 +1,5 @@
 import { BackTopProps } from './props';
-export default function useBackTop(props: Required<BackTopProps>): {
+export declare function useBackTop(props: Required<BackTopProps>): {
     visible: import('vue').Ref<boolean, boolean>;
     scrollToTop: () => void;
 };

package/dist/components/base/button/index.d.ts

@@ -1,33 +1,6 @@
+import { useButton } from './useButton';
 export declare const ButtonCore: {
     props: import('../../types/props').MCOPO<import('./props').ButtonProps>;
-    useButton: (props: import('./props').ButtonProps, ctx: {
-        attrs: import('vue').Attrs;
-        slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        emit: (event: string, ...args: any[]) => void;
-        expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
-    }) => {
-        domType: string;
-        slot: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>[] | undefined;
-        domProps: {
-            class: (string | {
-                'm-button-disabled': boolean | undefined;
-                'm-button-loading'?: undefined;
-                'm-button-plain'?: undefined;
-            } | {
-                'm-button-loading': boolean | undefined;
-                'm-button-disabled'?: undefined;
-                'm-button-plain'?: undefined;
-            } | {
-                'm-button-plain': boolean | undefined;
-                'm-button-disabled'?: undefined;
-                'm-button-loading'?: undefined;
-            })[];
-            disabled: boolean | undefined;
-        };
-        isDisabled: boolean | undefined;
-    };
+    useButton: typeof useButton;
 };
+export type { ButtonProps } from './props';

package/dist/components/base/button/useButton.d.ts

@@ -1,12 +1,6 @@
+import { SetupContext } from 'vue';
 import { ButtonProps } from './props';
-export declare const useButton: (props: ButtonProps, ctx: {
-    attrs: import('vue').Attrs;
-    slots: Readonly<{
-        [name: string]: import('vue').Slot<any> | undefined;
-    }>;
-    emit: (event: string, ...args: any[]) => void;
-    expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
-}) => {
+export declare function useButton(props: ButtonProps, { slots }: SetupContext): {
     domType: string;
     slot: string | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;

package/dist/components/base/checkbox/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useCheckbox } from './useCheckbox';
+import { useCheckbox } from './useCheckbox';
 export declare const CheckboxCore: {
     props: import('../../types/props').MCOPO<import('./props').CheckboxProps>;
     useCheckbox: typeof useCheckbox;
 };
+export type { CheckboxProps } from './props';

package/dist/components/base/checkbox/useCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxProps } from './props';
-export default function useCheckbox<Props extends Required<CheckboxProps>>(props: Props, ctx: any): {
+export declare function useCheckbox<Props extends Required<CheckboxProps>>(props: Props, ctx: any): {
     checkboxClass: (string | {
         'm-disabled': boolean;
         'm-indeterminate': boolean;

package/dist/components/base/collapse/index.d.ts

@@ -1,6 +1,7 @@
-import { default as useCollapse } from './useCollapse.ts';
+import { useCollapse } from './useCollapse';
 export declare const CollapseCore: {
     props: import('../../types/props').MCOPO<import('./props').CollapseProps>;
     itemProps: import('../../types/props').MCOPO<import('./props').CollapseItemProps>;
     useCollapse: typeof useCollapse;
 };
+export type { CollapseProps, CollapseItemProps } from './props';

package/dist/components/base/collapse/useCollapse.d.ts

@@ -1,5 +1,5 @@
 import { CollapseProps } from './props';
-export default function useCollapse(props: Required<CollapseProps>, ctx: any): {
+export declare function useCollapse(props: Required<CollapseProps>, ctx: any): {
     activeNames: import('vue').ComputedRef<(string | number)[]>;
     isActive: (name: string | number) => boolean;
     toggle: (name: string | number, disabled: boolean) => void;

package/dist/components/base/dropdown/index.d.ts

@@ -1,6 +1,7 @@
-import { default as useDropdown } from './useDropdown.ts';
+import { useDropdown } from './useDropdown';
 export declare const DropdownCore: {
     props: import('../../types/props').MCOPO<import('./props').DropdownProps>;
     itemProps: import('../../types/props').MCOPO<import('./props').DropdownItemProps>;
     useDropdown: typeof useDropdown;
 };
+export type { DropdownProps, DropdownItemProps } from './props';

package/dist/components/base/dropdown/useDropdown.d.ts

@@ -1,5 +1,5 @@
 import { DropdownItemProps, DropdownProps } from './props';
-export default function useDropdown(props: Required<DropdownProps>, ctx: any): {
+export declare function useDropdown(props: Required<DropdownProps>, ctx: any): {
     visible: import('vue').Ref<boolean, boolean>;
     triggerRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
     menuRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;

package/dist/components/base/input/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useInput } from './useInput';
+import { useInput } from './useInput';
 export declare const InputCore: {
     props: import('../../types/props').MCOPO<import('./props').InputProps>;
     useInput: typeof useInput;
 };
+export type { InputProps } from './props';

package/dist/components/base/input/useInput.d.ts

@@ -1,5 +1,5 @@
 import { HTMLElementEvent } from '../../types/template';
-export default function useInput<Props extends Record<string, any>>(props: Props, ctx: any): {
+export declare function useInput<Props extends Record<string, any>>(props: Props, ctx: any): {
     baseProps: {
         autofocus: any;
         value: any;

package/dist/components/base/inputNumber/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useInputNumber } from './useInputNumber.ts';
+import { useInputNumber } from './useInputNumber';
 export declare const InputNumberCore: {
     props: import('../../types/props').MCOPO<import('./props').InputNumberProps>;
     useInputNumber: typeof useInputNumber;
 };
+export type { InputNumberProps } from './props';

package/dist/components/base/inputNumber/useInputNumber.d.ts

@@ -1,7 +1,7 @@
 import { InputNumberProps } from './props';
 import { HTMLElementEvent } from '../../types/template';
 export type InputNumber = string | number | null;
-export default function useInputNumber(props: Required<InputNumberProps>, ctx: any): {
+export declare function useInputNumber(props: Required<InputNumberProps>, ctx: any): {
     currentValue: import('vue').Ref<string | number, string | number>;
     handleInputChange: (e: HTMLElementEvent<HTMLInputElement>) => void;
     handleInputBlur: () => void;

package/dist/components/base/li/index.d.ts

@@ -1,3 +1,4 @@
 export declare const LiCore: {
     props: import('../../types/props').MCOPO<import('./props').LiProps>;
 };
+export type { LiProps } from './props';

package/dist/components/base/list/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useList } from './useList';
+import { useList } from './useList';
 export declare const ListCore: {
     props: import('../../types/props').MCOPO<import('./props').ListProps>;
     useList: typeof useList;
 };
+export type { ListProps } from './props';

package/dist/components/base/list/useList.d.ts

@@ -6,7 +6,7 @@
  *
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
-export default function useList<T>(): {
+export declare function useList<T>(): {
     baseRender: (item: unknown) => string;
     dataValidate: (data: T[] | undefined) => boolean;
 };

package/dist/components/base/popover/index.d.ts

@@ -1,5 +1,6 @@
-import { default as usePopover } from './usePopover.ts';
+import { usePopover } from './usePopover';
 export declare const PopoverCore: {
     props: import('../../types/props').MCOPO<import('./props').PopoverProps>;
     usePopover: typeof usePopover;
 };
+export type { PopoverProps } from './props';

package/dist/components/base/popover/usePopover.d.ts

@@ -32,7 +32,7 @@ export declare class PopoverImpl {
     toggle(): Promise<void>;
     destroy(): void;
 }
-export default function usePopover(props: Required<PopoverProps>, ctx: any): {
+export declare function usePopover(props: Required<PopoverProps>, ctx: any): {
     popoverEnter: () => void;
     popoverLeave: () => void;
     popoverRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;

package/dist/components/base/progress/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useProgress } from './useProgress';
+import { useProgress } from './useProgress';
 export declare const ProgressCore: {
     props: import('../../types/props').MCOPO<import('./props').ProgressProps>;
     useProgress: typeof useProgress;
 };
+export type { ProgressProps, ProgressStatus } from './props';

package/dist/components/base/progress/useProgress.d.ts

@@ -1,4 +1,4 @@
 import { ProgressProps } from './props';
-export default function useProgress(props: Required<ProgressProps>): {
+export declare function useProgress(props: Required<ProgressProps>): {
     percentage: import('vue').ComputedRef<string | number>;
 };

package/dist/components/base/rate/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useRate } from './useRate';
+import { useRate } from './useRate';
 export declare const RateCore: {
     props: import('../../types/props').MCOPO<import('./props').RateProps>;
     useRate: typeof useRate;
 };
+export type { RateProps } from './props';

package/dist/components/base/rate/useRate.d.ts

@@ -1,5 +1,5 @@
 import { RateProps } from './props';
-export default function useRate(props: Required<RateProps>, emit: (event: string, ...args: unknown[]) => void): {
+export declare function useRate(props: Required<RateProps>, emit: (...args: any[]) => void): {
     hoverValue: import('vue').Ref<number | null, number | null>;
     getStarState: (index: number) => "full" | "half" | "empty";
     onMouseEnter: (e: MouseEvent, index: number) => void;

package/dist/components/base/slider/index.d.ts

@@ -1,5 +1,6 @@
-import { default as useSlider } from './useSlider.ts';
+import { useSlider } from './useSlider';
 export declare const SliderCore: {
     props: import('../../types/props').MCOPO<import('./props').SliderProps>;
     useSlider: typeof useSlider;
 };
+export type { SliderProps } from './props';

package/dist/components/base/slider/useSlider.d.ts

@@ -1,5 +1,5 @@
 import { SliderProps } from './props';
-export default function useSlider(props: Required<SliderProps>, ctx: any): {
+export declare function useSlider(props: Required<SliderProps>, ctx: any): {
     btnRef: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
     sliderRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     perRef: import('vue').Ref<number, number>;

package/dist/components/base/switch/index.d.ts

@@ -1,7 +1,8 @@
-import { default as useSwitch } from './useSwitch.tsx';
+import { useSwitch } from './useSwitch';
 export declare const SwitchCore: {
     props: import('../../types/props').MCOPO<import('./props').SwitchProps>;
     switchIsBoolean: (value: import('./props').SwitchProps["modelValue"]) => value is boolean;
     getIsActive: (value: import('./props').SwitchProps["modelValue"], activeValue: import('./props').SwitchProps["activeValue"]) => boolean;
     useSwitch: typeof useSwitch;
 };
+export type { SwitchProps } from './props';

package/dist/components/base/switch/useSwitch.d.ts

@@ -1,7 +1,7 @@
 import { SwitchProps } from './props';
 export declare const switchIsBoolean: (value: SwitchProps["modelValue"]) => value is boolean;
 export declare const getIsActive: (value: SwitchProps["modelValue"], activeValue: SwitchProps["activeValue"]) => boolean;
-export default function useSwitch<Props extends Record<string, any>>(props: Props, ctx: any): {
+export declare function useSwitch<Props extends Record<string, any>>(props: Props, ctx: any): {
     getInfo: (key: keyof Pick<SwitchProps, "activeInfo" | "inactiveInfo">) => any;
     changeSwitch: () => void;
     switchClass: import('vue').ComputedRef<(string | {

package/dist/components/base/tabs/index.d.ts

@@ -1,4 +1,4 @@
-import { default as useTabs } from './useTabs.ts';
+import { useTabs } from './useTabs';
 export declare const TabsCore: {
     props: import('../../types/props').MCOPO<import('./props').TabsProps>;
     tabPaneProps: import('../../types/props').MCOPO<import('./props').TabPaneProps>;

package/dist/components/base/tabs/useTabs.d.ts

@@ -1,4 +1,4 @@
-export default function useTabs<Props extends Record<string, unknown>>(props: Props, ctx: any): {
+export declare function useTabs<Props extends Record<string, unknown>>(props: Props, ctx: any): {
     activeTab: import('vue').ComputedRef<string | number>;
     isActive: (name: string | number) => boolean;
     switchTab: (name: string | number, disabled?: boolean) => void;

package/dist/components/base/tag/index.d.ts

@@ -1,3 +1,4 @@
 export declare const TagCore: {
     props: import('../../types/props').MCOPO<import('./props').TagProps>;
 };
+export type { TagProps } from './props';

package/dist/components/base/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import { default as useTooltip } from './useTooltip.ts';
+import { useTooltip } from './useTooltip';
 export declare const TooltipCore: {
     props: import('../../types/props').MCOPO<import('./props').TooltipProps>;
     useTooltip: typeof useTooltip;

package/dist/components/base/tooltip/useTooltip.d.ts

@@ -5,7 +5,7 @@ export type TooltipStyle = {
     top: string;
     zIndex: string;
 };
-export default function useTooltip(props: Required<TooltipProps>): {
+export declare function useTooltip(props: Required<TooltipProps>): {
     visible: import('vue').Ref<boolean, boolean>;
     tooltipStyle: import('vue').Ref<Record<string, never> | {
         position: string;

package/dist/components/message/drawer/index.d.ts

@@ -1,4 +1,4 @@
 export declare const DrawerCore: {
-    props: import('../../types/props').MCOPO<import('./props.d.ts').DrawerProps>;
+    props: import('../../types/props').MCOPO<import('./props').DrawerProps>;
 };
-export type { DrawerProps } from './props.d.ts';
+export type { DrawerProps } from './props';

package/dist/components/message/popover/index.d.ts

@@ -1,4 +1,4 @@
-import { usePopover } from './usePopover.ts';
+import { usePopover } from './usePopover';
 export declare const MessagePopoverCore: {
     props: import('../../types/props').MCOPO<import('./props').PopoverProps>;
     usePopover: typeof usePopover;

package/dist/components/template/menu/index.d.ts

@@ -5,5 +5,4 @@ export declare const MenuCore: {
     useMenu: typeof useMenu;
 };
 export { DEFAULT_MENU_CONFIG };
-export { useMenu } from './useMenu';
 export type { MenuProps, MenuData, MenuNodeData, MenuConfig } from './props';

package/dist/components/template/menu/useMenu.d.ts

@@ -1,6 +1,6 @@
 import { ShallowRef } from 'vue';
 import { MenuData, MenuNodeData, MenuConfig, MenuProps } from './props';
-export declare function useMenu(props: MenuProps, emit?: (event: string, ...args: unknown[]) => void): {
+export declare function useMenu(props: MenuProps, emit?: (...args: any[]) => void): {
     nodesRef: ShallowRef<MenuNodeData[]>;
     nodeMap: Map<string | number, MenuNodeData>;
     initNodes: (data?: MenuData[]) => void;

package/dist/components/template/pagination/index.d.ts

@@ -4,4 +4,5 @@ export declare const PaginationCore: {
     usePagination: typeof usePagination;
 };
 export type { PaginationProps } from './props';
-export { usePagination, type Pager } from './usePagination';
+export { usePagination } from './usePagination';
+export type { Pager } from './usePagination';

package/dist/components/template/virtualList/index.d.ts

@@ -4,4 +4,3 @@ export declare const VirtualListCore: {
     useVirtualList: typeof useVirtualList;
 };
 export type { VirtualListProps } from './props';
-export { useVirtualList } from './useVirtualList';

package/dist/core.js

@@ -1,4 +1,4 @@
-import { computed, createVNode, inject, nextTick, onBeforeMount, onBeforeUnmount, onMounted, onUnmounted, provide, ref, shallowRef, toRef, triggerRef, watch } from "vue";
+import { computed, createVNode, inject, nextTick, onBeforeUnmount, onMounted, onUnmounted, provide, ref, shallowRef, toRef, triggerRef, watch } from "vue";
 import * as _interactjsModule from "interactjs";
 import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
 import dayjs from "dayjs";
@@ -153,10 +153,28 @@ var props$48 = {
 	}
 };
 //#endregion
-//#region runtime/defineHook.ts
-var defineHook = (hook) => {
-	return hook;
-};
+//#region components/base/button/useButton.ts
+function useButton(props, { slots }) {
+	const domType = props.link ? "a" : "button";
+	const slot = slots.default?.() ?? props.text;
+	const isDisabled = props.disabled || props.loading;
+	return {
+		domType,
+		slot,
+		domProps: {
+			class: [
+				"m-button",
+				{ "m-button-disabled": isDisabled },
+				{ "m-button-loading": props.loading },
+				{ "m-button-plain": props.plain },
+				`m-button-${props.type ?? "default"}`,
+				`m-button-${props.size ?? "medium"}`
+			],
+			disabled: isDisabled
+		},
+		isDisabled
+	};
+}
 //#endregion
 //#region components/base/button/index.ts
 /**
@@ -169,27 +187,7 @@ var defineHook = (hook) => {
 */
 var ButtonCore = {
 	props: props$48,
-	useButton: defineHook((props, { slots }) => {
-		const domType = props.link ? "a" : "button";
-		const slot = slots.default?.() ?? props.text;
-		const isDisabled = props.disabled || props.loading;
-		return {
-			domType,
-			slot,
-			domProps: {
-				class: [
-					"m-button",
-					{ "m-button-disabled": isDisabled },
-					{ "m-button-loading": props.loading },
-					{ "m-button-plain": props.plain },
-					`m-button-${props.type ?? "default"}`,
-					`m-button-${props.size ?? "medium"}`
-				],
-				disabled: isDisabled
-			},
-			isDisabled
-		};
-	})
+	useButton
 };
 //#endregion
 //#region components/base/select/api.ts
@@ -1692,7 +1690,12 @@ var PopoverImpl$1 = class {
 		if (this.visible) this.hide();
 		else await this.show();
 	}
-	destroy() {}
+	destroy() {
+		this.popperInstance?.clear?.();
+		this.visible = false;
+		this.onShow = void 0;
+		this.onHide = void 0;
+	}
 };
 function usePopover$1(props, ctx) {
 	const style = ref();
@@ -1742,11 +1745,12 @@ function usePopover$1(props, ctx) {
 			}
 		});
 	});
-	onBeforeMount(() => {
+	onBeforeUnmount(() => {
 		if (clickAwayInstance) {
 			const { onBeforeDestroy } = clickAwayInstance;
 			onBeforeDestroy();
 		}
+		instance?.destroy();
 	});
 	return {
 		popoverEnter,
@@ -3875,7 +3879,12 @@ var PopoverImpl = class {
 		if (this.visible) this.hide();
 		else await this.show();
 	}
-	destroy() {}
+	destroy() {
+		this.popperInstance?.clear?.();
+		this.visible = false;
+		this.onShow = void 0;
+		this.onHide = void 0;
+	}
 };
 function usePopover(options, lifecycle) {
 	const style = ref();
@@ -3927,11 +3936,12 @@ function usePopover(options, lifecycle) {
 			}
 		});
 	});
-	onBeforeMount(() => {
+	onBeforeUnmount(() => {
 		if (clickAwayInstance) {
 			const { onBeforeDestroy } = clickAwayInstance;
 			onBeforeDestroy();
 		}
+		instance?.destroy();
 	});
 	const getContent = (props, getContentSlot, useTeleport, _instance = instance) => {
 		const contentTeleportWrapper = () => {
@@ -5027,14 +5037,14 @@ var props$9 = {
 */
 function useCarousel(props, emit, count) {
 	const activeIndex = ref(props.modelValue ?? props.initialIndex);
-	const trackIndex = ref(0);
+	const initialActive = props.modelValue ?? props.initialIndex;
+	const trackIndex = ref(props.loop ? initialActive + 1 : initialActive);
 	const disableTransition = ref(false);
 	let timer = null;
 	const hasClones = () => props.loop && count() > 1;
 	const syncTrackIndex = () => {
 		trackIndex.value = hasClones() ? activeIndex.value + 1 : activeIndex.value;
 	};
-	syncTrackIndex();
 	watch(() => props.modelValue, (val) => {
 		if (val != null && val !== activeIndex.value) {
 			activeIndex.value = val;
@@ -6218,4 +6228,4 @@ var AnchorCore = {
 	useAnchor
 };
 //#endregion
-export { AffixCore, AlertCore, AnchorCore, AutoCompleteCore, AvatarCore, BASE_MONTH_NAME, BASE_WEEK_NAME, BackTopCore, BadgeCore, BorderCore, BreadcrumbCore, ButtonCore, CardCore, CarouselCore, CascaderCore, CheckboxCore, CollapseCore, ConfirmCore, DEFAULT_MENU_CONFIG, DEFAULT_TREE_CONFIG, DarkModeCore, DatePickerCore, DescriptionsCore, DialogCore, DividerCore, DrawerCore, DropdownCore, EmptyCore, FormCore, GridCore, ImageCore, InputCore, InputNumberCore, LiCore, ListCore, LoadingCore, MenuCore, MessageCore, MessagePopoverCore, NotificationCore, PaginationCore, PopoverCore, ProgressCore, RadioCore, RateCore, ResultCore, SelectCore, SkeletonCore, SliderCore, SpaceCore, StepsCore, SwitchCore, TableColumnCore, TableCore, TabsCore, TagCore, TimelineCore, TooltipCore, TransferCore, Tree, TreeCore, VirtualListCore, createRadioId, fixKey, generateTimeColumn, getNewModelValue, initChecked, toDayjs, treeNodeProps, props as treeProps, useDatePicker, useMenu, useMessageQueue, useNotificationQueue, usePagination, useTable, useTree, useVirtualList };
+export { AffixCore, AlertCore, AnchorCore, AutoCompleteCore, AvatarCore, BASE_MONTH_NAME, BASE_WEEK_NAME, BackTopCore, BadgeCore, BorderCore, BreadcrumbCore, ButtonCore, CardCore, CarouselCore, CascaderCore, CheckboxCore, CollapseCore, ConfirmCore, DEFAULT_MENU_CONFIG, DEFAULT_TREE_CONFIG, DarkModeCore, DatePickerCore, DescriptionsCore, DialogCore, DividerCore, DrawerCore, DropdownCore, EmptyCore, FormCore, GridCore, ImageCore, InputCore, InputNumberCore, LiCore, ListCore, LoadingCore, MenuCore, MessageCore, MessagePopoverCore, NotificationCore, PaginationCore, PopoverCore, ProgressCore, RadioCore, RateCore, ResultCore, SelectCore, SkeletonCore, SliderCore, SpaceCore, StepsCore, SwitchCore, TableColumnCore, TableCore, TabsCore, TagCore, TimelineCore, TooltipCore, TransferCore, Tree, TreeCore, VirtualListCore, createRadioId, fixKey, generateTimeColumn, getNewModelValue, initChecked, toDayjs, treeNodeProps, props as treeProps, useDatePicker, useMessageQueue, useNotificationQueue, usePagination, useTable, useTree };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kine-design/core",
-  "version": "0.0.1-beta.2",
+  "version": "0.0.1-beta.3",
   "description": "",
   "type": "module",
   "main": "./dist/core.js",