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

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
@@ -1034,6 +1032,10 @@ var props$39 = {
 	precision: {
 		type: Number,
 		default: 0
+	},
+	controls: {
+		type: Boolean,
+		default: true
 	}
 };
 //#endregion
@@ -1692,7 +1694,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 +1749,12 @@ function usePopover$1(props, ctx) {
 			}
 		});
 	});
-	onBeforeMount(() => {
+	onBeforeUnmount(() => {
 		if (clickAwayInstance) {
 			const { onBeforeDestroy } = clickAwayInstance;
 			onBeforeDestroy();
 		}
+		instance?.destroy();
 	});
 	return {
 		popoverEnter,
@@ -3875,7 +3883,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 +3940,12 @@ function usePopover(options, lifecycle) {
 			}
 		});
 	});
-	onBeforeMount(() => {
+	onBeforeUnmount(() => {
 		if (clickAwayInstance) {
 			const { onBeforeDestroy } = clickAwayInstance;
 			onBeforeDestroy();
 		}
+		instance?.destroy();
 	});
 	const getContent = (props, getContentSlot, useTeleport, _instance = instance) => {
 		const contentTeleportWrapper = () => {
@@ -4862,8 +4876,12 @@ var props$10 = {
 * 4. loading 状态：搜索进行中显示加载指示
 */
 function useAutoComplete(props, ctx) {
+	const modelValueRef = toRef(() => props.modelValue ?? "");
 	/** 输入框当前文本，与 modelValue 保持同步 */
-	const inputValue = ref(toRef(() => props.modelValue ?? "").value);
+	const inputValue = ref(modelValueRef.value);
+	watch(modelValueRef, (v) => {
+		if (v !== inputValue.value) inputValue.value = v;
+	});
 	/** 下拉是否展开 */
 	const isOpen = ref(false);
 	/** 搜索进行中 */
@@ -5027,14 +5045,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 +6236,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.4",
   "description": "",
   "type": "module",
   "main": "./dist/core.js",