@sdata/web-vue 4.4.1 → 4.4.3

package/es/bloom-menu/bloom-menu.vue.d.ts

@@ -19,7 +19,7 @@ type __VLS_Slots = {
         open: () => void;
     }): VNode[];
     header(props: {
-        close: (restoreFocus?: boolean) => void;
+        close: () => void;
     }): VNode[];
     icon(props: {
         item: BloomMenuItem;

package/es/bloom-menu/bloom-menu.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { useI18n } from "../locale/index.js";
 import Trigger from "../trigger/index.js";
 import Button from "../button/index.js";
 import IconPlus from "../icon/icon-plus/index.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useTemplateRef, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, unref, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import { shift } from "@floating-ui/vue";
 import { Motion, useReducedMotion } from "motion-v";
 //#region components/bloom-menu/bloom-menu.vue?vue&type=script&setup=true&lang.ts
@@ -40,6 +40,7 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const emit = __emit;
 		const prefixCls = getPrefixCls("bloom-menu");
 		const { t } = useI18n();
+		const slots = useSlots();
 		const triggerButtonRef = useTemplateRef("triggerButton");
 		const panelRootRef = useTemplateRef("panelRoot");
 		const internalOpen = shallowRef(__props.defaultOpen);
@@ -131,7 +132,10 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		function getTriggerElement(event) {
 			var _triggerButtonRef$val;
 			if ((event === null || event === void 0 ? void 0 : event.currentTarget) instanceof HTMLElement) return event.currentTarget;
-			return (_triggerButtonRef$val = triggerButtonRef.value) === null || _triggerButtonRef$val === void 0 ? void 0 : _triggerButtonRef$val.$el;
+			const buttonEl = (_triggerButtonRef$val = triggerButtonRef.value) === null || _triggerButtonRef$val === void 0 ? void 0 : _triggerButtonRef$val.$el;
+			if (!slots.trigger) return buttonEl;
+			const slotRoot = buttonEl === null || buttonEl === void 0 ? void 0 : buttonEl.querySelector(`:scope .${prefixCls}-trigger-content > *`);
+			return slotRoot !== null && slotRoot !== void 0 ? slotRoot : buttonEl;
 		}
 		function captureTriggerStyle(event) {
 			const element = getTriggerElement(event);
@@ -157,12 +161,18 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		}
 		function handlePopupVisibleChange(visible) {
 			if (visible) {
+				popupVisible.value = true;
+				window.clearTimeout(closeTimer);
 				captureTriggerStyle();
 				setOpen(true);
 			} else {
 				var _panelRootRef$value;
 				if (document.activeElement instanceof HTMLElement && ((_panelRootRef$value = panelRootRef.value) === null || _panelRootRef$value === void 0 ? void 0 : _panelRootRef$value.contains(document.activeElement))) focusTrigger();
 				setOpen(false);
+				if (__props.modelValue !== void 0 && isOpen.value) {
+					popupVisible.value = false;
+					window.clearTimeout(closeTimer);
+				}
 			}
 		}
 		let closeTimer = 0;
@@ -184,6 +194,9 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			setOpen(false);
 			if (restoreFocus) nextTick(focusTrigger);
 		}
+		function closeHeaderSlot() {
+			close(true);
+		}
 		function focusPanel(attempt = 0) {
 			nextTick(() => {
 				var _panelRootRef$value2, _panelRootRef$value3;
@@ -271,7 +284,7 @@ var bloom_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						transition: contentTransition.value,
 						class: normalizeClass(`${unref(prefixCls)}-content`)
 					}, {
-						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-header`) }, [renderSlot(_ctx.$slots, "header", { close }, () => {
+						default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-header`) }, [renderSlot(_ctx.$slots, "header", { close: closeHeaderSlot }, () => {
 							var _props$closeAriaLabel;
 							return [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-title`) }, toDisplayString(__props.title), 3), createVNode(unref(Button), {
 								type: "text",

package/es/border-beam/border-beam.vue_vue_type_script_setup_true_lang.js

@@ -269,12 +269,19 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		}
 		__expose({ flowFrom });
 		let mutationObserver = null;
+		function getSlotElement() {
+			const el = wrapperRef.value;
+			if (!el) return null;
+			for (const child of Array.from(el.children)) {
+				if (child.hasAttribute("data-beam-bloom") || child.hasAttribute("data-beam-flow")) continue;
+				return child;
+			}
+			return null;
+		}
 		onMounted(() => {
 			const detect = () => {
 				if (props.borderRadius != null) return;
-				const el = wrapperRef.value;
-				if (!el) return;
-				const child = el.firstElementChild;
+				const child = getSlotElement();
 				if (!child) return;
 				const computed = getComputedStyle(child);
 				const raw = parseFloat(computed.borderTopLeftRadius);
@@ -287,18 +294,17 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				mutationObserver = new MutationObserver(detect);
 				mutationObserver.observe(el, {
 					childList: true,
-					subtree: false
+					subtree: false,
+					attributes: true,
+					attributeFilter: ["class", "style"]
+				});
+				const child = getSlotElement();
+				if (child) mutationObserver.observe(child, {
+					attributes: true,
+					attributeFilter: ["class", "style"]
 				});
 			});
 		});
-		onUnmounted(() => {
-			clearFlowTimer();
-			mutationObserver === null || mutationObserver === void 0 || mutationObserver.disconnect();
-		});
-		watch(() => props.active, (active) => {
-			if (active && !isActive.value && !isFading.value) isActive.value = true;
-			else if (!active && isActive.value && !isFading.value) isFading.value = true;
-		});
 		let intersectionCleanup = null;
 		onMounted(() => {
 			const el = wrapperRef.value;
@@ -309,6 +315,14 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			observer.observe(el);
 			intersectionCleanup = () => observer.disconnect();
 		});
+		onUnmounted(() => {
+			clearFlowTimer();
+			mutationObserver === null || mutationObserver === void 0 || mutationObserver.disconnect();
+		});
+		watch(() => props.active, (active) => {
+			if (active && !isActive.value && !isFading.value) isActive.value = true;
+			else if (!active && isActive.value && !isFading.value) isFading.value = true;
+		});
 		onUnmounted(() => {
 			intersectionCleanup === null || intersectionCleanup === void 0 || intersectionCleanup();
 		});
@@ -323,15 +337,14 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				};
 				return;
 			}
-			const el = wrapperRef.value;
-			if (!el) return;
+			if (!wrapperRef.value) return;
 			const REF_WIDTH = 350;
 			const REF_HEIGHT = 140;
 			const MIN_SCALE = .35;
 			const MAX_SCALE = 4;
 			const clamp = (value) => Math.max(MIN_SCALE, Math.min(MAX_SCALE, value));
 			const measure = () => {
-				const child = el.firstElementChild;
+				const child = getSlotElement();
 				if (!child) return;
 				const rect = child.getBoundingClientRect();
 				if (!rect.width || !rect.height) return;
@@ -345,7 +358,7 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 			nextTick(() => {
 				measure();
 				if (typeof ResizeObserver === "undefined") return;
-				const child = el.firstElementChild;
+				const child = getSlotElement();
 				if (!child) return;
 				const ro = new ResizeObserver(measure);
 				ro.observe(child);
@@ -356,12 +369,13 @@ var border_beam_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		onMounted(() => setupPulseGlowScale());
 		onUnmounted(() => resizeObserverCleanup === null || resizeObserverCleanup === void 0 ? void 0 : resizeObserverCleanup());
 		function handleAnimationEnd(e) {
+			if (e.pseudoElement) return;
 			const animationName = e.animationName || "";
-			if (animationName.includes("fade-out")) {
+			if (animationName === `beam-fade-out-${id}`) {
 				isActive.value = false;
 				isFading.value = false;
 				emit("deactivate");
-			} else if (animationName.includes("fade-in")) emit("activate");
+			} else if (animationName === `beam-fade-in-${id}`) emit("activate");
 		}
 		const resolvedTheme = computed(() => resolveTheme(props.theme, systemTheme.value));
 		const themeConfig = computed(() => sizeThemePresets[props.size][resolvedTheme.value]);

package/es/breadcrumb/breadcrumb-item.vue_vue_type_script_setup_true_lang.js

@@ -41,7 +41,7 @@ var breadcrumb_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			if (breadcrumbCtx && breadcrumbCtx.needHide) return props.index === 1;
 			return false;
 		});
-		const showSeparator = computed(() => breadcrumbCtx ? props.index < breadcrumbCtx.total - 1 : true);
+		const showSeparator = computed(() => breadcrumbCtx ? props.index < breadcrumbCtx.total - 1 : false);
 		const handleVisibleChange = (visible) => {
 			dropdownVisible.value = visible;
 		};
@@ -66,9 +66,9 @@ var breadcrumb_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				"popup-visible": dropdownVisible.value,
 				onPopupVisibleChange: handleVisibleChange
 			}, __props.dropdownProps), {
-				content: withCtx(() => [_ctx.$slots.droplist ? renderSlot(_ctx.$slots, "droplist", {}, void 0, void 0, 0) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.droplist, (item) => {
+				content: withCtx(() => [_ctx.$slots.droplist ? renderSlot(_ctx.$slots, "droplist", {}, void 0, void 0, 0) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.droplist, (item, dIndex) => {
 					return openBlock(), createBlock(unref(dropdown_option_default), {
-						key: item.path,
+						key: `${dIndex}-${item.path}`,
 						value: item.path
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),

package/es/calendar/components/cell.vue_vue_type_script_setup_true_lang.js

@@ -147,7 +147,7 @@ var cell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			switch (view.id) {
 				case "day": return "";
 				case "days":
-					if (config.availableViews.days.rows > 1) dateUtils.formatDate(props.start, "D");
+					if (config.availableViews.days.rows > 1) return dateUtils.formatDate(props.start, "D");
 					return "";
 				case "week": return "";
 				case "month": return dateUtils.formatDate(props.start, "D");

package/es/calendar/components/event.vue_vue_type_script_setup_true_lang.js

@@ -271,7 +271,7 @@ var event_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						key: 0,
 						onClick: _cache[1] || (_cache[1] = withModifiers(($event) => event.delete(3), ["stop"])),
 						class: normalizeClass(`${unref(prefixCls)}__event-delete`)
-					}, " Delete ", 2)) : createCommentVNode("", true)]),
+					}, toDisplayString(unref(calendar).texts.deleteEvent), 3)) : createCommentVNode("", true)]),
 					_: 1
 				}, 8, ["name"])
 			], 16, _hoisted_1);

package/es/calendar/core/config.js

@@ -409,7 +409,10 @@ export const useConfig = (calendar, props, attrs) => {
     };
     if (props.editableEvents === true) return defaults;
     if (props.editableEvents === false)
-      return Object.keys(defaults).map((key) => (defaults[key] = false));
+      return Object.keys(defaults).reduce((obj, key) => {
+        obj[key] = false;
+        return obj;
+      }, {});
     return { ...defaults, ...props.editableEvents };
   });
 

package/es/calendar/core/events.js

@@ -511,6 +511,24 @@ export const useEvents = (calendar) => {
     const excludeSet = new Set(excludeIds);
     const eventsArray = [];
 
+    // Mirror isEventInRange: for all-day (or timeless) events, expand the end to the end of day so
+    // a same-day all-day event is not collapsed onto its start instant. An end exactly at midnight
+    // counts as the end of the PREVIOUS day (1ms convention, see buildEventsIndex), so it is kept
+    // out of the midnight day itself.
+    const getEventRangeTimestamps = (event) => {
+      const allDayOrTimeless = event.allDay || !config.time;
+      if (!allDayOrTimeless) {
+        return { eventStart: event.start.getTime(), eventEnd: event.end.getTime() };
+      }
+      const eventStart = new Date(event.start).setHours(0, 0, 0, 0);
+      const endMidnight = new Date(event.end).setHours(0, 0, 0, 0);
+      const eventEnd =
+        event.end.getTime() === endMidnight && !dateUtils.isSameDate(event.start, event.end)
+          ? endMidnight - 1 // Ends at next midnight: effectively ends the previous day.
+          : new Date(event.end).setHours(23, 59, 59, 999);
+      return { eventStart, eventEnd };
+    };
+
     // If there are less than 100 events, we can use a simple loop to find events in the range.
     if (totalEvents <= 100) {
       for (const event of Object.values(byId)) {
@@ -520,7 +538,8 @@ export const useEvents = (calendar) => {
         if (config.allDayEvents && ((allDay && !event.allDay) || (!allDay && event.allDay)))
           continue;
         // Accept events that overlap the range.
-        if (event.start.getTime() < rangeEndTimestamp && event.end.getTime() > rangeStartTimestamp)
+        const { eventStart, eventEnd } = getEventRangeTimestamps(event);
+        if (eventEnd > rangeStartTimestamp && eventStart < rangeEndTimestamp)
           eventsArray.push(event);
       }
       return eventsArray;
@@ -559,7 +578,8 @@ export const useEvents = (calendar) => {
             if (background === false && e.background) continue;
             if (config.allDayEvents && ((allDay && !e.allDay) || (!allDay && e.allDay))) continue;
             // Accept events that overlap the range.
-            if (e.start.getTime() < rangeEndTimestamp && e.end.getTime() > rangeStartTimestamp)
+            const { eventStart, eventEnd } = getEventRangeTimestamps(e);
+            if (eventEnd > rangeStartTimestamp && eventStart < rangeEndTimestamp)
               eventsArray.push(e);
           }
         }

package/es/calendar/default-theme.scss

@@ -438,7 +438,7 @@ $calendar-css-prefix: string.unquote('--#{global.$prefix}-calendar');
     }
   }
 
-  .#{$calendar-prefix-cls}__cell--out-of-scope .#{$calendar-prefix-cls}__cell-date {
+  .#{$calendar-prefix-cls}__cell--out-of-range .#{$calendar-prefix-cls}__cell-date {
     opacity: 0.4;
   }
 

package/es/calendar/style/index.css

@@ -676,8 +676,8 @@
 [sd-theme=light] [class$=-calendar--default-theme]:is(.sd-calendar--sm, .sd-calendar--lg) .sd-calendar__scrollable--month-view .sd-calendar__cell--selected .sd-calendar__cell-date {
   background-color: color-mix(in srgb, var(--sd-calendar-primary-color) 40%, transparent);
 }
-.sd-calendar--default-theme .sd-calendar__cell--out-of-scope .sd-calendar__cell-date,
-[class$=-calendar--default-theme] .sd-calendar__cell--out-of-scope .sd-calendar__cell-date {
+.sd-calendar--default-theme .sd-calendar__cell--out-of-range .sd-calendar__cell-date,
+[class$=-calendar--default-theme] .sd-calendar__cell--out-of-range .sd-calendar__cell-date {
   opacity: 0.4;
 }
 .sd-calendar--default-theme .sd-calendar__scrollable--month-view .sd-calendar__cell-events,

package/es/carousel/carousel.vue.d.ts

@@ -51,7 +51,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: StringConstructor;
         default: string;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    prev: () => void;
+    next: () => void;
+    goTo: (index: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_index: number, _prevIndex: number, _isManual: boolean) => void;
     "update:current": (_index: number) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/carousel/carousel.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { useChildrenComponents } from "../_hooks/use-children-components.js";
 import { carouselInjectionKey } from "./context.js";
 import carousel_arrow_default from "./carousel-arrow.js";
 import carousel_indicator_default from "./carousel-indicator.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, provide, reactive, ref, toHandlers, toRef, unref, useSlots, watchEffect } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, provide, reactive, ref, toHandlers, toRef, unref, useSlots, watch, watchEffect } from "vue";
 //#region components/carousel/carousel.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
 var carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Carousel" }), {}, {
@@ -67,7 +67,7 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		"update:current": (_index) => true,
 		"change": (_index, _prevIndex, _isManual) => true
 	},
-	setup(__props, { emit: __emit }) {
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const DEFAULT_AUTO_PLAY = {
 			interval: 3e3,
 			hoverToPause: true
@@ -89,6 +89,9 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		let animationTimer = 0;
 		const { children, components } = useChildrenComponents("CarouselItem");
 		const innerIndex = ref(props.defaultCurrent - 1);
+		watch(() => props.current, (val) => {
+			if (isNumber(val) && components.value.length > 0) innerIndex.value = getValidIndex(val - 1, components.value.length);
+		});
 		const mergedIndexes = computed(() => {
 			const childrenLength = components.value.length;
 			const mergedIndex = isNumber(props.current) ? getValidIndex(props.current - 1, childrenLength) : innerIndex.value;
@@ -109,23 +112,35 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			moveSpeed: toRef(props, "moveSpeed")
 		});
 		provide(carouselInjectionKey, carouselContext);
-		const clearTimer = () => {
-			if (intervalTimer) window.clearInterval(intervalTimer);
+		const clearIntervalTimer = () => {
+			if (intervalTimer) {
+				window.clearInterval(intervalTimer);
+				intervalTimer = 0;
+			}
+		};
+		const clearAnimationTimer = () => {
+			if (animationTimer) {
+				window.clearTimeout(animationTimer);
+				animationTimer = 0;
+			}
 		};
 		watchEffect(() => {
 			const { interval } = computedAutoPlay.value || {};
 			const { mergedNextIndex } = mergedIndexes.value;
 			const shouldInterval = components.value.length > 1 && !isPause.value && Boolean(interval);
-			clearTimer();
+			clearIntervalTimer();
 			if (shouldInterval) intervalTimer = window.setInterval(() => slideTo({ targetIndex: mergedNextIndex }), interval);
 		});
-		onBeforeUnmount(clearTimer);
+		onBeforeUnmount(() => {
+			clearIntervalTimer();
+			clearAnimationTimer();
+		});
 		function getValidIndex(index, length) {
 			const indexNumber = +index;
 			return typeof indexNumber === "number" && !Number.isNaN(indexNumber) ? (indexNumber + length) % length : index;
 		}
 		function slideTo({ targetIndex, isNegative = false, isManual = false }) {
-			if (!animationTimer && targetIndex !== mergedIndexes.value.mergedIndex) {
+			if (!animationTimer && targetIndex !== innerIndex.value) {
 				previousIndex.value = innerIndex.value;
 				innerIndex.value = targetIndex;
 				slideDirection.value = isNegative ? "negative" : "positive";
@@ -145,11 +160,15 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			targetIndex: mergedIndexes.value.mergedNextIndex,
 			isManual: true
 		});
-		const onSelect = (index) => slideTo({
-			targetIndex: index,
-			isNegative: index < mergedIndexes.value.mergedIndex,
-			isManual: true
-		});
+		const onSelect = (index) => {
+			const count = components.value.length;
+			if (!count) return;
+			slideTo({
+				targetIndex: index,
+				isNegative: (index - mergedIndexes.value.mergedIndex + count) % count * 2 > count,
+				isManual: true
+			});
+		};
 		const onKeydown = (event) => {
 			if (event.key === KEYBOARD_KEY.ARROW_RIGHT || event.key === KEYBOARD_KEY.ARROW_DOWN) {
 				event.preventDefault();
@@ -181,6 +200,30 @@ var carousel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			children.value = (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
 			return children.value;
 		};
+		/**
+		* @zh 切换到上一张
+		* @en Go to the previous slide
+		*/
+		const prev = () => onPreviousClick();
+		/**
+		* @zh 切换到下一张
+		* @en Go to the next slide
+		*/
+		const next = () => onNextClick();
+		/**
+		* @zh 切换到指定 slide（从 1 开始，与 current/change 的序号一致）
+		* @en Go to the given slide (1-based, consistent with current/change)
+		*/
+		const goTo = (index) => {
+			const count = components.value.length;
+			if (!count) return;
+			onSelect(getValidIndex(index - 1, count));
+		};
+		__expose({
+			prev,
+			next,
+			goTo
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
 				class: cls.value,

package/es/carousel/index.d.ts

@@ -57,7 +57,11 @@ declare const Carousel: {
     }>> & Readonly<{
         onChange?: ((_index: number, _prevIndex: number, _isManual: boolean) => any) | undefined;
         "onUpdate:current"?: ((_index: number) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {
+        prev: () => void;
+        next: () => void;
+        goTo: (index: number) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         change: (_index: number, _prevIndex: number, _isManual: boolean) => void;
         "update:current": (_index: number) => void;
     }, import("vue").PublicProps, {
@@ -133,7 +137,11 @@ declare const Carousel: {
     }>> & Readonly<{
         onChange?: ((_index: number, _prevIndex: number, _isManual: boolean) => any) | undefined;
         "onUpdate:current"?: ((_index: number) => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, {
+        prev: () => void;
+        next: () => void;
+        goTo: (index: number) => void;
+    }, {}, {}, {}, {
         trigger: import("./interface").CarouselTriggerEvent;
         showArrow: import("./interface").CarouselArrowType;
         arrowClass: string;
@@ -203,7 +211,11 @@ declare const Carousel: {
 }>> & Readonly<{
     onChange?: ((_index: number, _prevIndex: number, _isManual: boolean) => any) | undefined;
     "onUpdate:current"?: ((_index: number) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    prev: () => void;
+    next: () => void;
+    goTo: (index: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_index: number, _prevIndex: number, _isManual: boolean) => void;
     "update:current": (_index: number) => void;
 }, string, {

package/es/cascader/cascader-panel.vue_vue_type_script_setup_true_lang.js

@@ -94,7 +94,10 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				fieldNames: _fieldNames,
 				valueKey
 			});
-		}, { immediate: true });
+		}, {
+			immediate: true,
+			deep: true
+		});
 		const computedValueMap = computed(() => {
 			var _props$modelValue;
 			const values = getValidValues((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value, {
@@ -153,8 +156,8 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			addLazyLoadOptions,
 			slots,
 			valueMap: computedValueMap,
-			expandTrigger: expandTrigger.value,
-			ellipsis: ellipsis.value
+			expandTrigger,
+			ellipsis
 		}));
 		const handleKeyDown = getKeyDownHandler(/* @__PURE__ */ new Map([
 			[KEYBOARD_KEY.ENTER, (_ev) => {

package/es/checkbox/checkbox.vue.d.ts

@@ -24,7 +24,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onChange?: ((value: CheckboxModelValue, ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CheckboxModelValue) => any) | undefined;
 }>, {
+    value: CheckboxValue;
     disabled: boolean;
+    modelValue: CheckboxModelValue;
     defaultChecked: boolean;
     indeterminate: boolean;
     uninjectGroupContext: boolean;

package/es/checkbox/checkbox.vue_vue_type_script_setup_true_lang.js

@@ -17,16 +17,22 @@ var _hoisted_2 = [
 var checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Checkbox" }), {}, {
 	__name: "checkbox",
 	props: {
-		modelValue: { type: [Boolean, Array] },
+		modelValue: {
+			type: [Boolean, Array],
+			default: void 0
+		},
 		defaultChecked: {
 			type: Boolean,
 			default: false
 		},
-		value: { type: [
-			String,
-			Number,
-			Boolean
-		] },
+		value: {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
 		disabled: {
 			type: Boolean,
 			default: false

package/es/checkbox/index.d.ts

@@ -18,7 +18,9 @@ declare const Checkbox: {
         change: (value: boolean | (string | number | boolean)[], ev: Event) => any;
         "update:modelValue": (value: boolean | (string | number | boolean)[]) => any;
     }, import("vue").PublicProps, {
+        value: string | number | boolean;
         disabled: boolean;
+        modelValue: boolean | (string | number | boolean)[];
         defaultChecked: boolean;
         indeterminate: boolean;
         uninjectGroupContext: boolean;
@@ -41,7 +43,9 @@ declare const Checkbox: {
         onChange?: ((value: boolean | (string | number | boolean)[], ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean)[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        value: string | number | boolean;
         disabled: boolean;
+        modelValue: boolean | (string | number | boolean)[];
         defaultChecked: boolean;
         indeterminate: boolean;
         uninjectGroupContext: boolean;
@@ -64,7 +68,9 @@ declare const Checkbox: {
     change: (value: boolean | (string | number | boolean)[], ev: Event) => any;
     "update:modelValue": (value: boolean | (string | number | boolean)[]) => any;
 }, string, {
+    value: string | number | boolean;
     disabled: boolean;
+    modelValue: boolean | (string | number | boolean)[];
     defaultChecked: boolean;
     indeterminate: boolean;
     uninjectGroupContext: boolean;

package/es/color-picker/color-picker.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.j
 import Input from "../input/index.js";
 import { formatColorState, getColorBackground, getColorObject, normalizeFormat, parseColorState } from "./utils.js";
 import panel_default from "./panel.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, toRef, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, toRef, unref, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/color-picker/color-picker.vue?vue&type=script&setup=true&lang.ts
 var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ColorPicker" }), {}, {
@@ -100,7 +100,9 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			return (_configProvider$color = configProvider === null || configProvider === void 0 || (_configProvider$color2 = configProvider.colorPicker) === null || _configProvider$color2 === void 0 ? void 0 : _configProvider$color2.swatchColors) !== null && _configProvider$color !== void 0 ? _configProvider$color : [];
 		});
 		const colorState = computed(() => parseColorState(mergedValue.value, props.colorModes));
+		const inputDraft = ref(null);
 		const triggerInputValue = computed(() => {
+			if (inputDraft.value !== null) return inputDraft.value;
 			if (!mergedValue.value) return "";
 			return formatColorState(colorState.value, normalizedFormat.value, mergedEnableAlpha.value);
 		});
@@ -129,6 +131,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			if (!props.disabled) emitChange(value, trigger);
 		};
 		const handleClear = (event) => {
+			inputDraft.value = null;
 			syncValue("");
 			emit("clear", { e: event });
 			emit("change", "", {
@@ -137,13 +140,17 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			});
 		};
 		const handleTriggerInputChange = (value) => {
-			if (!value) {
-				handleClear(new MouseEvent("click"));
-				return;
-			}
+			inputDraft.value = null;
+			if (!value) return;
 			const nextState = parseColorState(value, props.colorModes);
 			handleColorChange(formatColorState(nextState, normalizedFormat.value, mergedEnableAlpha.value), "input");
 		};
+		const handleTriggerInput = (value) => {
+			inputDraft.value = value;
+		};
+		watch(mergedValue, () => {
+			inputDraft.value = null;
+		});
 		const onPopupVisibleChange = (visible) => {
 			popupVisible.value = visible;
 			emit("popup-visible-change", visible, triggerInputValue.value);
@@ -228,6 +235,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 							"aria-haspopup": "dialog",
 							"aria-expanded": popupVisible.value
 						},
+						onInput: handleTriggerInput,
 						onChange: handleTriggerInputChange,
 						onClear: handleClear
 					}), {

package/es/color-picker/control-bar.vue_vue_type_script_setup_true_lang.js

@@ -28,7 +28,7 @@ var control_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const rgb = computed(() => props.color.rgb);
 		const [DefineHandler, ReuseHandler] = createReusableTemplate();
 		const { blockRef, handlerRef, onMouseDown } = useControlBlock({
-			value: [props.x, 0],
+			value: () => [props.x, 0],
 			onChange: (pos) => {
 				var _props$onChange;
 				return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, pos[0]);

package/es/color-picker/hooks/use-control-block.d.ts

@@ -1,5 +1,5 @@
 interface ControlBlockParams {
-    value: [number, number];
+    value: () => [number, number];
     onChange: (value: [number, number]) => void;
 }
 export declare const useControlBlock: ({ value, onChange }: ControlBlockParams) => {