@yh-ui/yh-ui 1.0.62 → 1.0.63

package/dist/full.mjs

@@ -2,7 +2,7 @@ import { inject, ref, unref, computed, onUnmounted, watch, useId as useId$1, sha
 import AsyncValidator from 'async-validator';
 import { autoUpdate, computePosition, offset, flip, shift, arrow } from '@floating-ui/dom';
 
-const version$1 = "1.0.62";
+const version$1 = "1.0.63";
 const packageJson = {
 	version: version$1};
 
@@ -546,12 +546,12 @@ const useZIndex = (zIndexOverrides) => {
   };
 };
 
-function useSKU(specs, skus, initialSelection = []) {
+function useSKU(specs, skus, initialSelection = [], checkStock = true) {
   const selectedValueIds = ref(initialSelection);
   const pathDict = computed(() => {
     const dict = {};
     skus.forEach((sku) => {
-      if (sku.stock <= 0) return;
+      if (checkStock && sku.stock <= 0) return;
       const powerSet = getPowerSet(sku.specValueIds);
       powerSet.forEach((path) => {
         const key = path.join(",");
@@ -569,7 +569,7 @@ function useSKU(specs, skus, initialSelection = []) {
     }
     const query = tempSelected.filter((v) => !!v).sort((a, b) => String(a).localeCompare(String(b))).join(",");
     if (!query) return true;
-    return !!pathDict.value[query];
+    return query in pathDict.value;
   };
   const toggleValue = (specIndex, valueId) => {
     if (selectedValueIds.value[specIndex] === valueId) {
@@ -6172,7 +6172,7 @@ function calcTextareaHeight(targetElement, minRows = 1, maxRows) {
 }
 
 const _hoisted_1$1m = ["value", "placeholder", "disabled", "readonly", "maxlength", "minlength", "rows", "name", "id", "tabindex", "autocomplete", "autofocus", "aria-label", "inputmode"];
-const _hoisted_2$X = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "minlength", "name", "id", "tabindex", "list", "autocomplete", "autofocus", "aria-label", "inputmode", "aria-invalid", "aria-describedby"];
+const _hoisted_2$Y = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "minlength", "name", "id", "tabindex", "list", "autocomplete", "autofocus", "aria-label", "inputmode", "aria-invalid", "aria-describedby"];
 const _hoisted_3$K = {
   key: 0,
   viewBox: "0 0 24 24",
@@ -6607,7 +6607,7 @@ return (_ctx, _cache) => {
               onCompositionstart: handleCompositionStart,
               onCompositionupdate: handleCompositionUpdate,
               onCompositionend: handleCompositionEnd
-            }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2$X)
+            }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2$Y)
           ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)),
       createCommentVNode(" 后置图标/文本/内容 "),
       (hasSuffix.value)
@@ -7988,7 +7988,7 @@ const controlsPositions = ["", "right"];
 const YhInputNumber = withInstall(_sfc_main$26);
 
 const _hoisted_1$1g = ["draggable", "onDragstart", "onDragover", "onDrop"];
-const _hoisted_2$W = ["onClick"];
+const _hoisted_2$X = ["onClick"];
 const _hoisted_3$J = ["value", "placeholder", "disabled", "readonly"];
 
 const _sfc_main$25 = /*@__PURE__*/Object.assign({
@@ -8327,7 +8327,7 @@ return (_ctx, _cache) => {
                       d: "M576 512l277.333333 277.333333-64 64-277.333333-277.333333L234.666667 853.333333 170.666667 789.333333l277.333333-277.333333L170.666667 234.666667 234.666667 170.666667l277.333333 277.333333L789.333333 170.666667 853.333333 234.666667 576 512z"
                     })
                   ], -1 /* CACHED */)
-                ]))], 10 /* CLASS, PROPS */, _hoisted_2$W))
+                ]))], 10 /* CLASS, PROPS */, _hoisted_2$X))
               : createCommentVNode("v-if", true)
           ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$1g)
         ])
@@ -9422,7 +9422,7 @@ const formItemProps = {
 };
 
 const _hoisted_1$1e = ["data-prop"];
-const _hoisted_2$V = {
+const _hoisted_2$W = {
   key: 0,
   viewBox: "0 0 1024 1024",
   width: "16",
@@ -9610,7 +9610,7 @@ return (_ctx, _cache) => {
             class: normalizeClass([unref(ns).e('status-icon'), unref(ns).is(currentValidateStatus.value)])
           }, [
             (currentValidateStatus.value === 'success')
-              ? (openBlock(), createElementBlock("svg", _hoisted_2$V, [...(_cache[0] || (_cache[0] = [
+              ? (openBlock(), createElementBlock("svg", _hoisted_2$W, [...(_cache[0] || (_cache[0] = [
                   createElementVNode("path", {
                     fill: "currentColor",
                     d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.32l-114.944-114.88a32 32 0 1 0-45.248 45.248l137.536 137.472a32 32 0 0 0 45.248 0l310.4-310.272a32 32 0 1 0-45.248-45.248L456.192 600.32z"
@@ -9682,15 +9682,15 @@ const formSchemaProps = {
 };
 
 const _hoisted_1$1d = { class: "yh-form--grid" };
-const _hoisted_2$U = {
+const _hoisted_2$V = {
   key: 0,
   class: "yh-form-col yh-form-col--24"
 };
 const _hoisted_3$H = ["onClick"];
 const _hoisted_4$u = { class: "yh-form-schema__group-title-text" };
 const _hoisted_5$n = { class: "yh-form--grid" };
-const _hoisted_6$k = ["title"];
-const _hoisted_7$g = {
+const _hoisted_6$l = ["title"];
+const _hoisted_7$h = {
   class: "yh-form--grid",
   style: {"flex":"1"}
 };
@@ -9963,7 +9963,7 @@ return (_ctx, _cache) => {
           return (openBlock(), createElementBlock(Fragment, { key: index }, [
             createCommentVNode(" ===== 分组渲染 ===== "),
             (isGroup(item))
-              ? (openBlock(), createElementBlock("div", _hoisted_2$U, [
+              ? (openBlock(), createElementBlock("div", _hoisted_2$V, [
                   createElementVNode("fieldset", mergeProps({
                     class: [unref(ns).e('group'), {
   'is-collapsed': collapsedMap[getGroupTitle(item)]
@@ -10102,7 +10102,7 @@ return (_ctx, _cache) => {
                                                         key: 0,
                                                         class: normalizeClass(unref(ns).e('tooltip')),
                                                         title: subItem.tooltip
-                                                      }, "?", 10 /* CLASS, PROPS */, _hoisted_6$k))
+                                                      }, "?", 10 /* CLASS, PROPS */, _hoisted_6$l))
                                                     : createCommentVNode("v-if", true)
                                                 ]),
                                                 key: "0"
@@ -10168,7 +10168,7 @@ return (_ctx, _cache) => {
                                             key: rowIdx,
                                             class: normalizeClass(unref(ns).e('list-row'))
                                           }, [
-                                            createElementVNode("div", _hoisted_7$g, [
+                                            createElementVNode("div", _hoisted_7$h, [
                                               (openBlock(true), createElementBlock(Fragment, null, renderList(item.listSchema, (sub) => {
                                                 return (openBlock(), createElementBlock("div", {
                                                   key: sub.field,
@@ -11014,7 +11014,7 @@ const switchEmits = {
 };
 
 const _hoisted_1$1b = ["aria-checked", "aria-disabled"];
-const _hoisted_2$T = ["id", "name", "disabled", "checked", "tabindex", "aria-label"];
+const _hoisted_2$U = ["id", "name", "disabled", "checked", "tabindex", "aria-label"];
 const _hoisted_3$G = { key: 1 };
 const _hoisted_4$t = { key: 1 };
 
@@ -11128,7 +11128,7 @@ return (_ctx, _cache) => {
       "aria-label": props.ariaLabel,
       onChange: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
       onKeydown: withKeys(handleClick, ["enter"])
-    }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$T),
+    }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$U),
     createCommentVNode(" 左侧标签（非内嵌模式） "),
     (!props.inlinePrompt && (props.inactiveIcon || props.inactiveText))
       ? (openBlock(), createElementBlock("span", {
@@ -11247,7 +11247,7 @@ return (_ctx, _cache) => {
 const YhSwitch = withInstall(_sfc_main$1Y);
 
 const _hoisted_1$1a = ["id", "value", "placeholder", "disabled", "name", "autocomplete", "autofocus", "aria-expanded", "aria-controls", "aria-activedescendant"];
-const _hoisted_2$S = ["id"];
+const _hoisted_2$T = ["id"];
 const _hoisted_3$F = ["id", "aria-selected", "onClick", "onMouseenter"];
 
 const _sfc_main$1X = /*@__PURE__*/Object.assign({
@@ -11332,7 +11332,7 @@ const wrapperClasses = computed(() => [
   }
 ]);
 const updateDropdownPosition = () => {
-  if (!wrapperRef.value || !props.teleported) return;
+  if (typeof window === "undefined" || !wrapperRef.value || !props.teleported) return;
   const rect = wrapperRef.value.getBoundingClientRect();
   const styles = window.getComputedStyle(wrapperRef.value);
   const primary = styles.getPropertyValue("--yh-color-primary").trim();
@@ -11379,24 +11379,28 @@ const handleScroll = () => {
 };
 const handleOutsideClick = (e) => {
   const target = e.target;
-  if (wrapperRef.value?.contains(target) || dropdownRef.value?.contains(target)) {
+  if (wrapperRef.value?.contains(target) || dropdownRef.value?.contains(target) || target.closest?.("[data-popper-root]") === dropdownRef.value) {
     return;
   }
   visible.value = false;
 };
 onMounted(() => {
-  if (props.teleported) {
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleScroll, true);
+  if (typeof window !== "undefined") {
+    if (props.teleported) {
+      window.addEventListener("resize", handleResize);
+      window.addEventListener("scroll", handleScroll, true);
+    }
+    window.addEventListener("click", handleOutsideClick);
   }
-  window.addEventListener("click", handleOutsideClick);
 });
 onBeforeUnmount(() => {
-  if (props.teleported) {
-    window.removeEventListener("resize", handleResize);
-    window.removeEventListener("scroll", handleScroll, true);
+  if (typeof window !== "undefined") {
+    if (props.teleported) {
+      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("scroll", handleScroll, true);
+    }
+    window.removeEventListener("click", handleOutsideClick);
   }
-  window.removeEventListener("click", handleOutsideClick);
   if (debounceTimer) {
     clearTimeout(debounceTimer);
   }
@@ -11713,6 +11717,7 @@ return (_ctx, _cache) => {
             ref: dropdownRef,
             class: normalizeClass([unref(ns).e('dropdown'), __props.popperClass]),
             style: normalizeStyle(__props.teleported ? dropdownStyle.value : {}),
+            "data-popper-root": "",
             onMousedown: _cache[2] || (_cache[2] = $event => (isClickingDropdown.value = true)),
             onMouseup: _cache[3] || (_cache[3] = $event => (isClickingDropdown.value = false))
           }, [
@@ -11762,7 +11767,7 @@ return (_ctx, _cache) => {
                           ])
                         ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_3$F))
                       }), 128 /* KEYED_FRAGMENT */))
-                    ], 10 /* CLASS, PROPS */, _hoisted_2$S)
+                    ], 10 /* CLASS, PROPS */, _hoisted_2$T)
                   ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                 : (unref(slots).empty)
                   ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
@@ -11958,7 +11963,7 @@ const tooltipEmits = {
 };
 
 const _hoisted_1$19 = ["id", "data-placement"];
-const _hoisted_2$R = ["innerHTML"];
+const _hoisted_2$S = ["innerHTML"];
 const _hoisted_3$E = { key: 1 };
 
 const _sfc_main$1W = /*@__PURE__*/Object.assign({
@@ -12024,6 +12029,7 @@ const popperClasses = computed(() => [
 ]);
 const updatePosition = async () => {
   if (!triggerRef.value || !popperRef.value || typeof window === "undefined") return;
+  if (props.showArrow && !arrowRef.value) return;
   const { x, y, placement, middlewareData } = await computePosition(
     triggerRef.value,
     popperRef.value,
@@ -12202,6 +12208,7 @@ onMounted(() => {
 });
 onUnmounted(() => {
   stopAutoUpdate();
+  cleanup = null;
   if (showTimer) {
     clearTimeout(showTimer);
     showTimer = null;
@@ -12262,7 +12269,7 @@ return (_ctx, _cache) => {
                       ? (openBlock(), createElementBlock("span", {
                           key: 0,
                           innerHTML: _ctx.content
-                        }, null, 8 /* PROPS */, _hoisted_2$R))
+                        }, null, 8 /* PROPS */, _hoisted_2$S))
                       : (openBlock(), createElementBlock("span", _hoisted_3$E, toDisplayString(_ctx.content), 1 /* TEXT */))
                   ])
                 ], 6 /* CLASS, STYLE */),
@@ -12305,11 +12312,11 @@ const YhTooltip = withInstall(_sfc_main$1W);
 const SelectContextKey = Symbol("SelectContextKey");
 
 const _hoisted_1$18 = ["onClick"];
-const _hoisted_2$Q = ["id", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-expanded", "aria-controls"];
+const _hoisted_2$R = ["id", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-expanded", "aria-controls"];
 const _hoisted_3$D = ["id"];
 const _hoisted_4$s = ["aria-selected", "onClick", "onMouseenter"];
 const _hoisted_5$m = ["aria-selected", "onClick", "onMouseenter"];
-const _hoisted_6$j = { key: 0 };
+const _hoisted_6$k = { key: 0 };
 
 const _sfc_main$1V = /*@__PURE__*/Object.assign({
   name: "YhSelect"
@@ -12394,7 +12401,7 @@ const onOptionDestroy = (value) => {
 };
 const dropdownStyle = ref({});
 const updateDropdownPosition = () => {
-  if (!wrapperRef.value || !props.teleported) return;
+  if (typeof window === "undefined" || !wrapperRef.value || !props.teleported) return;
   const rect = wrapperRef.value.getBoundingClientRect();
   const styles = window.getComputedStyle(wrapperRef.value);
   const primary = styles.getPropertyValue("--yh-color-primary").trim();
@@ -12426,18 +12433,22 @@ const handleOutsideClick = (e) => {
   }
 };
 onMounted(() => {
-  if (props.teleported) {
-    window.addEventListener("scroll", updateDropdownPosition, true);
-    window.addEventListener("resize", updateDropdownPosition);
+  if (typeof window !== "undefined") {
+    if (props.teleported) {
+      window.addEventListener("scroll", updateDropdownPosition, true);
+      window.addEventListener("resize", updateDropdownPosition);
+    }
+    window.addEventListener("click", handleOutsideClick);
   }
-  window.addEventListener("click", handleOutsideClick);
 });
 onBeforeUnmount(() => {
-  if (props.teleported) {
-    window.removeEventListener("scroll", updateDropdownPosition, true);
-    window.removeEventListener("resize", updateDropdownPosition);
+  if (typeof window !== "undefined") {
+    if (props.teleported) {
+      window.removeEventListener("scroll", updateDropdownPosition, true);
+      window.removeEventListener("resize", updateDropdownPosition);
+    }
+    window.removeEventListener("click", handleOutsideClick);
   }
-  window.removeEventListener("click", handleOutsideClick);
 });
 const allOptions = computed(() => {
   return [...createdOptions.value, ...slotOptions.value, ...props.options || []];
@@ -12615,12 +12626,23 @@ const toggleDropdown = () => {
 const handleInput = (event) => {
   const target = event.target;
   query.value = target.value;
-  if (props.remote && props.remoteMethod) {
-    props.remoteMethod(query.value);
-  } else if (props.filterMethod) {
+  if (!(props.remote && props.remoteMethod) && props.filterMethod) {
     props.filterMethod(query.value);
   }
 };
+watch(query, (val) => {
+  if (props.remote && props.remoteMethod) {
+    props.remoteMethod(val);
+  }
+});
+watch(
+  () => props.modelValue,
+  () => {
+    if (props.remote && props.remoteMethod) {
+      props.remoteMethod(query.value);
+    }
+  }
+);
 const handleKeydown = (event) => {
   switch (event.key) {
     case "ArrowDown":
@@ -12769,7 +12791,12 @@ provide(SelectContextKey, {
 __expose({
   focus,
   blur,
-  inputRef
+  inputRef,
+  triggerRemoteMethod: (val) => {
+    if (props.remote && props.remoteMethod) {
+      props.remoteMethod(val);
+    }
+  }
 });
 
 return (_ctx, _cache) => {
@@ -12866,7 +12893,7 @@ return (_ctx, _cache) => {
         onFocus: handleFocus,
         onBlur: handleBlur,
         onKeydown: handleKeydown
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$Q),
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$R),
       createCommentVNode(" 单选显示值 "),
       (!__props.multiple && hasValue.value && !query.value)
         ? (openBlock(), createElementBlock("span", {
@@ -13070,7 +13097,7 @@ return (_ctx, _cache) => {
     ], 8 /* PROPS */, ["disabled"])),
     createCommentVNode(" 隐藏插槽，用于注册 Option "),
     (_ctx.$slots.default)
-      ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6$j, [
+      ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6$k, [
           renderSlot(_ctx.$slots, "default")
         ], 512 /* NEED_PATCH */)), [
           [vShow, false]
@@ -13177,7 +13204,7 @@ const defaultCascaderConfig = {
 };
 
 const _hoisted_1$17 = ["onClick", "onMouseenter"];
-const _hoisted_2$P = ["onClick"];
+const _hoisted_2$Q = ["onClick"];
 const _hoisted_3$C = {
   key: 0,
   viewBox: "0 0 1024 1024",
@@ -13372,7 +13399,7 @@ return (_ctx, _cache) => {
                         ]))]))
                       : createCommentVNode("v-if", true)
                   ], 2 /* CLASS */)
-                ], 10 /* CLASS, PROPS */, _hoisted_2$P))
+                ], 10 /* CLASS, PROPS */, _hoisted_2$Q))
               : createCommentVNode("v-if", true),
             createCommentVNode(" 标签内容 "),
             createElementVNode("span", {
@@ -13415,7 +13442,7 @@ return (_ctx, _cache) => {
 });
 
 const _hoisted_1$16 = ["onClick"];
-const _hoisted_2$O = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded"];
+const _hoisted_2$P = ["id", "value", "placeholder", "disabled", "readonly", "aria-expanded"];
 const _hoisted_3$B = ["onClick"];
 
 const _sfc_main$1S = /*@__PURE__*/Object.assign({
@@ -13487,7 +13514,7 @@ const expandedPath = ref([]);
 const isClickingDropdown = ref(false);
 const dropdownStyle = ref({});
 const updateDropdownPosition = () => {
-  if (!wrapperRef.value || !props.teleported) return;
+  if (typeof window === "undefined" || !wrapperRef.value || !props.teleported) return;
   const rect = wrapperRef.value.getBoundingClientRect();
   const styles = window.getComputedStyle(wrapperRef.value);
   const primary = styles.getPropertyValue("--yh-color-primary").trim();
@@ -13510,15 +13537,19 @@ watch(visible, (val) => {
   }
 });
 onMounted(() => {
-  if (props.teleported) {
-    window.addEventListener("scroll", updateDropdownPosition, true);
-    window.addEventListener("resize", updateDropdownPosition);
+  if (typeof window !== "undefined") {
+    if (props.teleported) {
+      window.addEventListener("scroll", updateDropdownPosition, true);
+      window.addEventListener("resize", updateDropdownPosition);
+    }
   }
 });
 onBeforeUnmount(() => {
-  if (props.teleported) {
-    window.removeEventListener("scroll", updateDropdownPosition, true);
-    window.removeEventListener("resize", updateDropdownPosition);
+  if (typeof window !== "undefined") {
+    if (props.teleported) {
+      window.removeEventListener("scroll", updateDropdownPosition, true);
+      window.removeEventListener("resize", updateDropdownPosition);
+    }
   }
 });
 const isMultiple = computed(() => config.value.multiple);
@@ -13938,7 +13969,7 @@ return (_ctx, _cache) => {
         onInput: handleInput,
         onFocus: handleFocus,
         onBlur: handleBlur
-      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$O),
+      }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$P),
       createCommentVNode(" 单选显示值 "),
       (!isMultiple.value && hasValue.value && !query.value)
         ? (openBlock(), createElementBlock("span", {
@@ -14774,7 +14805,7 @@ const generateTimeOptions = (start, end, step, format = "HH:mm", _includeEnd = f
 };
 
 const _hoisted_1$15 = ["id", "value", "placeholder", "disabled", "readonly", "name", "aria-expanded", "aria-controls"];
-const _hoisted_2$N = {
+const _hoisted_2$O = {
   key: 1,
   viewBox: "0 0 1024 1024",
   width: "1em",
@@ -15160,7 +15191,7 @@ return (_ctx, _cache) => {
             }, [
               (__props.clearIcon)
                 ? (openBlock(), createBlock(resolveDynamicComponent(__props.clearIcon), { key: 0 }))
-                : (openBlock(), createElementBlock("svg", _hoisted_2$N, [...(_cache[2] || (_cache[2] = [
+                : (openBlock(), createElementBlock("svg", _hoisted_2$O, [...(_cache[2] || (_cache[2] = [
                     createElementVNode("path", {
                       fill: "currentColor",
                       d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z"
@@ -15363,7 +15394,7 @@ const getCurrentTimeState = () => {
 };
 
 const _hoisted_1$14 = ["onClick"];
-const _hoisted_2$M = ["onClick"];
+const _hoisted_2$N = ["onClick"];
 const _hoisted_3$z = ["onClick"];
 const _hoisted_4$q = ["onClick"];
 const ITEM_HEIGHT = 32;
@@ -15703,7 +15734,7 @@ return (_ctx, _cache) => {
                   key: item.value,
                   class: normalizeClass([unref(ns).e('item'), unref(ns).is('selected', __props.modelValue.minutes === item.value), unref(ns).is('disabled', item.disabled)]),
                   onClick: $event => (handleItemClick('minutes', item.value, item.disabled))
-                }, toDisplayString(formatNumber(item.value)), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$M))
+                }, toDisplayString(formatNumber(item.value)), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$N))
               }), 128 /* KEYED_FRAGMENT */))
             ], 2 /* CLASS */)
           ], 34 /* CLASS, NEED_HYDRATION */))
@@ -15811,7 +15842,7 @@ return (_ctx, _cache) => {
 });
 
 const _hoisted_1$13 = ["id", "value", "placeholder", "disabled", "readonly", "name", "tabindex", "aria-expanded"];
-const _hoisted_2$L = ["value", "placeholder", "disabled", "readonly", "tabindex"];
+const _hoisted_2$M = ["value", "placeholder", "disabled", "readonly", "tabindex"];
 const _hoisted_3$y = ["value", "placeholder", "disabled", "readonly", "tabindex"];
 const _hoisted_4$p = {
   key: 1,
@@ -16318,7 +16349,7 @@ return (_ctx, _cache) => {
               onBlur: handleBlur,
               onKeydown: handleKeydown,
               onChange: handleStartInputChange
-            }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$L),
+            }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$M),
             createElementVNode("span", {
               class: normalizeClass(unref(ns).e('range-separator'))
             }, [
@@ -17813,7 +17844,7 @@ const _hoisted_1$_ = {
   width: "1em",
   height: "1em"
 };
-const _hoisted_2$K = ["placeholder", "value"];
+const _hoisted_2$L = ["placeholder", "value"];
 const _hoisted_3$x = ["placeholder", "value"];
 const _hoisted_4$o = ["placeholder", "value"];
 const _hoisted_5$l = {
@@ -17822,16 +17853,18 @@ const _hoisted_5$l = {
   width: "1em",
   height: "1em"
 };
-const _hoisted_6$i = ["onClick"];
-const _hoisted_7$f = ["value"];
-const _hoisted_8$c = ["value"];
-const _hoisted_9$9 = ["value"];
-const _hoisted_10$5 = ["value"];
-const _hoisted_11$4 = ["value"];
-const _hoisted_12$3 = ["value"];
+const _hoisted_6$j = ["onClick"];
+const _hoisted_7$g = ["onClick"];
+const _hoisted_8$d = ["value"];
+const _hoisted_9$a = ["value"];
+const _hoisted_10$6 = ["value"];
+const _hoisted_11$5 = ["value"];
+const _hoisted_12$4 = ["value"];
 const _hoisted_13$3 = ["value"];
 const _hoisted_14$2 = ["value"];
 const _hoisted_15$2 = ["value"];
+const _hoisted_16$2 = ["value"];
+const _hoisted_17$2 = ["onClick"];
 const DROPDOWN_GAP = 8;
 const PANEL_OFFSET = 4;
 const DEFAULT_PANEL_WIDTH = 380;
@@ -17950,6 +17983,12 @@ const selectSize = computed(
 );
 const getFormat = () => {
   if (props.format) return props.format;
+  if (props.dateFormat) {
+    if (props.type.includes("datetime")) {
+      return `${props.dateFormat} ${props.timeFormat || "HH:mm:ss"}`;
+    }
+    return props.dateFormat;
+  }
   return DEFAULT_FORMATS[props.type] || "YYYY-MM-DD";
 };
 const displayValue = computed(() => {
@@ -18118,7 +18157,8 @@ const performFinalSelect = (date) => {
 };
 const dropdownStyle = ref({});
 const updatePosition = async () => {
-  if (!wrapperRef.value || !props.teleported || props.panelOnly) return;
+  if (typeof window === "undefined" || !wrapperRef.value || !props.teleported || props.panelOnly)
+    return;
   await nextTick();
   const rect = wrapperRef.value.getBoundingClientRect();
   const viewportWidth = window.innerWidth;
@@ -18182,7 +18222,7 @@ watch(visible, (val) => {
     currentView.value = getInitialView(props.type);
     void updatePosition();
     syncInnerDate();
-    if (!props.panelOnly) {
+    if (!props.panelOnly && typeof window !== "undefined") {
       window.addEventListener("click", handleOutsideClick, true);
       if (props.teleported) {
         window.addEventListener("scroll", updatePosition, true);
@@ -18193,7 +18233,7 @@ watch(visible, (val) => {
     if (!confirmed.value) {
       emitChange(originalValue.value);
     }
-    if (!props.panelOnly) {
+    if (!props.panelOnly && typeof window !== "undefined") {
       window.removeEventListener("click", handleOutsideClick, true);
       window.removeEventListener("scroll", updatePosition, true);
       window.removeEventListener("resize", updatePosition);
@@ -18253,7 +18293,7 @@ const handleConfirmClick = () => {
 };
 onMounted(() => {
   syncInnerDate();
-  if (visible.value && !props.panelOnly) {
+  if (visible.value && !props.panelOnly && typeof window !== "undefined") {
     void updatePosition();
     window.addEventListener("click", handleOutsideClick, true);
     if (props.teleported) {
@@ -18263,7 +18303,7 @@ onMounted(() => {
   }
 });
 onBeforeUnmount(() => {
-  if (!props.panelOnly) {
+  if (!props.panelOnly && typeof window !== "undefined") {
     window.removeEventListener("click", handleOutsideClick, true);
     window.removeEventListener("scroll", updatePosition, true);
     window.removeEventListener("resize", updatePosition);
@@ -18309,7 +18349,7 @@ return (_ctx, _cache) => {
                 readonly: "",
                 onFocus: _cache[0] || (_cache[0] = e => emit('focus', e)),
                 onBlur: _cache[1] || (_cache[1] = e => emit('blur', e))
-              }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$K))
+              }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$L))
             : (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass(unref(ns).e('range-input-wrapper'))
@@ -18372,331 +18412,363 @@ return (_ctx, _cache) => {
                 key: 0,
                 ref_key: "panelRef",
                 ref: panelRef,
-                class: normalizeClass([unref(ns).e('panel'), _ctx.popperClass, unref(ns).is('plain', _ctx.panelOnly)]),
+                class: normalizeClass([unref(ns).e('panel'), _ctx.popperClass, unref(ns).is('plain', _ctx.panelOnly), _ctx.presets.length > 0 ? unref(ns).em('panel', 'has-presets-' + _ctx.presetPosition) : '']),
                 style: normalizeStyle(!_ctx.panelOnly && props.teleported ? dropdownStyle.value : {}),
                 onClick: _cache[24] || (_cache[24] = withModifiers(() => {}, ["stop"]))
               }, [
+                (_ctx.presets.length > 0 && (_ctx.presetPosition === 'left' || _ctx.presetPosition === 'right'))
+                  ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass([unref(ns).e('presets'), unref(ns).is(_ctx.presetPosition)])
+                    }, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (p) => {
+                        return (openBlock(), createElementBlock("button", {
+                          key: p.label,
+                          class: normalizeClass(unref(ns).e('preset-item')),
+                          onClick: $event => (handlePresetClick(p))
+                        }, toDisplayString(p.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_6$j))
+                      }), 128 /* KEYED_FRAGMENT */))
+                    ], 2 /* CLASS */))
+                  : createCommentVNode("v-if", true),
                 createElementVNode("div", {
-                  class: normalizeClass(unref(ns).e('header'))
+                  class: normalizeClass(unref(ns).e('main'))
                 }, [
+                  (_ctx.presets.length > 0 && _ctx.presetPosition === 'top')
+                    ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass([unref(ns).e('presets'), unref(ns).is('top')])
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (p) => {
+                          return (openBlock(), createElementBlock("button", {
+                            key: p.label,
+                            class: normalizeClass(unref(ns).e('preset-item')),
+                            onClick: $event => (handlePresetClick(p))
+                          }, toDisplayString(p.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_7$g))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ], 2 /* CLASS */))
+                    : createCommentVNode("v-if", true),
                   createElementVNode("div", {
-                    class: normalizeClass(unref(ns).e('header-group'))
+                    class: normalizeClass(unref(ns).e('header'))
                   }, [
-                    createElementVNode("button", {
-                      class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'double-left')]),
-                      onClick: _cache[6] || (_cache[6] = $event => (moveYear(-1)))
-                    }, " « ", 2 /* CLASS */),
-                    (currentView.value === 'date')
-                      ? (openBlock(), createElementBlock("button", {
-                          key: 0,
-                          class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'left')]),
-                          onClick: _cache[7] || (_cache[7] = $event => (moveMonth(-1)))
-                        }, " ‹ ", 2 /* CLASS */))
-                      : createCommentVNode("v-if", true)
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).e('header-group'))
+                    }, [
+                      createElementVNode("button", {
+                        class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'double-left')]),
+                        onClick: _cache[6] || (_cache[6] = $event => (moveYear(-1)))
+                      }, " « ", 2 /* CLASS */),
+                      (currentView.value === 'date')
+                        ? (openBlock(), createElementBlock("button", {
+                            key: 0,
+                            class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'left')]),
+                            onClick: _cache[7] || (_cache[7] = $event => (moveMonth(-1)))
+                          }, " ‹ ", 2 /* CLASS */))
+                        : createCommentVNode("v-if", true)
+                    ], 2 /* CLASS */),
+                    createElementVNode("span", {
+                      class: normalizeClass(unref(ns).e('header-label')),
+                      onClick: handleHeaderClick
+                    }, toDisplayString(headerLabel.value), 3 /* TEXT, CLASS */),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).e('header-group'))
+                    }, [
+                      (currentView.value === 'date')
+                        ? (openBlock(), createElementBlock("button", {
+                            key: 0,
+                            class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'right')]),
+                            onClick: _cache[8] || (_cache[8] = $event => (moveMonth(1)))
+                          }, " › ", 2 /* CLASS */))
+                        : createCommentVNode("v-if", true),
+                      createElementVNode("button", {
+                        class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'double-right')]),
+                        onClick: _cache[9] || (_cache[9] = $event => (moveYear(1)))
+                      }, " » ", 2 /* CLASS */)
+                    ], 2 /* CLASS */)
                   ], 2 /* CLASS */),
-                  createElementVNode("span", {
-                    class: normalizeClass(unref(ns).e('header-label')),
-                    onClick: handleHeaderClick
-                  }, toDisplayString(headerLabel.value), 3 /* TEXT, CLASS */),
                   createElementVNode("div", {
-                    class: normalizeClass(unref(ns).e('header-group'))
+                    class: normalizeClass(unref(ns).e('content'))
                   }, [
                     (currentView.value === 'date')
-                      ? (openBlock(), createElementBlock("button", {
+                      ? (openBlock(), createBlock(_sfc_main$1M, {
                           key: 0,
-                          class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'right')]),
-                          onClick: _cache[8] || (_cache[8] = $event => (moveMonth(1)))
-                        }, " › ", 2 /* CLASS */))
-                      : createCommentVNode("v-if", true),
-                    createElementVNode("button", {
-                      class: normalizeClass([unref(ns).e('header-btns'), unref(ns).em('header-btns', 'double-right')]),
-                      onClick: _cache[9] || (_cache[9] = $event => (moveYear(1)))
-                    }, " » ", 2 /* CLASS */)
-                  ], 2 /* CLASS */)
-                ], 2 /* CLASS */),
-                createElementVNode("div", {
-                  class: normalizeClass(unref(ns).e('content'))
-                }, [
-                  (currentView.value === 'date')
-                    ? (openBlock(), createBlock(_sfc_main$1M, {
-                        key: 0,
-                        date: innerDate.value,
-                        "selected-date": parsedSelectedDate.value,
-                        "selection-mode": _ctx.type === 'week' ? 'week' : 'date',
-                        "range-state": parsedRangeState.value,
-                        "disabled-date": _ctx.disabledDate,
-                        "first-day-of-week": _ctx.firstDayOfWeek,
-                        "cell-shape": _ctx.cellShape,
-                        "cell-render": _ctx.cellRender,
-                        onSelect: handleSelect,
-                        onHover: _cache[10] || (_cache[10] = val => rangeHoverDate.value = val)
-                      }, {
-                        "date-cell": withCtx((slotProps) => [
-                          renderSlot(_ctx.$slots, "date-cell", normalizeProps(guardReactiveProps(slotProps)))
-                        ]),
-                        _: 3 /* FORWARDED */
-                      }, 8 /* PROPS */, ["date", "selected-date", "selection-mode", "range-state", "disabled-date", "first-day-of-week", "cell-shape", "cell-render"]))
-                    : (currentView.value === 'month')
-                      ? (openBlock(), createBlock(_sfc_main$1L, {
-                          key: 1,
                           date: innerDate.value,
                           "selected-date": parsedSelectedDate.value,
+                          "selection-mode": _ctx.type === 'week' ? 'week' : 'date',
                           "range-state": parsedRangeState.value,
                           "disabled-date": _ctx.disabledDate,
+                          "first-day-of-week": _ctx.firstDayOfWeek,
                           "cell-shape": _ctx.cellShape,
+                          "cell-render": _ctx.cellRender,
                           onSelect: handleSelect,
-                          onHover: _cache[11] || (_cache[11] = val => rangeHoverDate.value = val)
-                        }, null, 8 /* PROPS */, ["date", "selected-date", "range-state", "disabled-date", "cell-shape"]))
-                      : (currentView.value === 'year')
-                        ? (openBlock(), createBlock(_sfc_main$1K, {
-                            key: 2,
+                          onHover: _cache[10] || (_cache[10] = val => rangeHoverDate.value = val)
+                        }, {
+                          "date-cell": withCtx((slotProps) => [
+                            renderSlot(_ctx.$slots, "date-cell", normalizeProps(guardReactiveProps(slotProps)))
+                          ]),
+                          _: 3 /* FORWARDED */
+                        }, 8 /* PROPS */, ["date", "selected-date", "selection-mode", "range-state", "disabled-date", "first-day-of-week", "cell-shape", "cell-render"]))
+                      : (currentView.value === 'month')
+                        ? (openBlock(), createBlock(_sfc_main$1L, {
+                            key: 1,
                             date: innerDate.value,
                             "selected-date": parsedSelectedDate.value,
                             "range-state": parsedRangeState.value,
                             "disabled-date": _ctx.disabledDate,
                             "cell-shape": _ctx.cellShape,
                             onSelect: handleSelect,
-                            onHover: _cache[12] || (_cache[12] = val => rangeHoverDate.value = val)
+                            onHover: _cache[11] || (_cache[11] = val => rangeHoverDate.value = val)
                           }, null, 8 /* PROPS */, ["date", "selected-date", "range-state", "disabled-date", "cell-shape"]))
-                        : (currentView.value === 'quarter')
-                          ? (openBlock(), createBlock(_sfc_main$1J, {
-                              key: 3,
+                        : (currentView.value === 'year')
+                          ? (openBlock(), createBlock(_sfc_main$1K, {
+                              key: 2,
                               date: innerDate.value,
                               "selected-date": parsedSelectedDate.value,
                               "range-state": parsedRangeState.value,
                               "disabled-date": _ctx.disabledDate,
                               "cell-shape": _ctx.cellShape,
                               onSelect: handleSelect,
-                              onHover: _cache[13] || (_cache[13] = val => rangeHoverDate.value = val)
+                              onHover: _cache[12] || (_cache[12] = val => rangeHoverDate.value = val)
                             }, null, 8 /* PROPS */, ["date", "selected-date", "range-state", "disabled-date", "cell-shape"]))
-                          : createCommentVNode("v-if", true)
-                ], 2 /* CLASS */),
-                (_ctx.$slots.extra)
-                  ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      class: normalizeClass(unref(ns).e('extra'))
-                    }, [
-                      renderSlot(_ctx.$slots, "extra")
-                    ], 2 /* CLASS */))
-                  : createCommentVNode("v-if", true),
-                (_ctx.presets.length > 0)
-                  ? (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: normalizeClass(unref(ns).e('presets'))
-                    }, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (p) => {
-                        return (openBlock(), createElementBlock("button", {
-                          key: p.label,
-                          class: normalizeClass(unref(ns).e('preset-item')),
-                          onClick: $event => (handlePresetClick(p))
-                        }, toDisplayString(p.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_6$i))
-                      }), 128 /* KEYED_FRAGMENT */))
-                    ], 2 /* CLASS */))
-                  : createCommentVNode("v-if", true),
-                (shouldShowFooter.value)
-                  ? (openBlock(), createElementBlock("div", {
-                      key: 2,
-                      class: normalizeClass(unref(ns).e('footer'))
-                    }, [
-                      renderSlot(_ctx.$slots, "footer", {}, () => [
-                        (_ctx.type === 'datetime')
-                          ? (openBlock(), createElementBlock("div", {
-                              key: 0,
-                              class: normalizeClass(unref(ns).e('footer-time'))
-                            }, [
-                              withDirectives(createElementVNode("select", {
-                                "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => ((timeState.value.hour) = $event)),
-                                onChange: updateSingleTime
-                              }, [
-                                (openBlock(), createElementBlock(Fragment, null, renderList(24, (h) => {
-                                  return createElementVNode("option", {
-                                    key: h - 1,
-                                    value: h - 1
-                                  }, toDisplayString(String(h - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_7$f)
-                                }), 64 /* STABLE_FRAGMENT */))
-                              ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
-                                [vModelSelect, timeState.value.hour]
-                              ]),
-                              createElementVNode("span", {
-                                class: normalizeClass(unref(ns).e('time-separator'))
-                              }, ":", 2 /* CLASS */),
-                              withDirectives(createElementVNode("select", {
-                                "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => ((timeState.value.minute) = $event)),
-                                onChange: updateSingleTime
-                              }, [
-                                (openBlock(), createElementBlock(Fragment, null, renderList(60, (m) => {
-                                  return createElementVNode("option", {
-                                    key: m - 1,
-                                    value: m - 1
-                                  }, toDisplayString(String(m - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_8$c)
-                                }), 64 /* STABLE_FRAGMENT */))
-                              ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
-                                [vModelSelect, timeState.value.minute]
-                              ]),
-                              ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
-                                ? (openBlock(), createElementBlock("span", {
-                                    key: 0,
-                                    class: normalizeClass(unref(ns).e('time-separator'))
-                                  }, ":", 2 /* CLASS */))
-                                : createCommentVNode("v-if", true),
-                              ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
-                                ? withDirectives((openBlock(), createElementBlock("select", {
-                                    key: 1,
-                                    "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => ((timeState.value.second) = $event)),
-                                    onChange: updateSingleTime
-                                  }, [
-                                    (openBlock(), createElementBlock(Fragment, null, renderList(60, (s) => {
-                                      return createElementVNode("option", {
-                                        key: s - 1,
-                                        value: s - 1
-                                      }, toDisplayString(String(s - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_9$9)
-                                    }), 64 /* STABLE_FRAGMENT */))
-                                  ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
-                                    [vModelSelect, timeState.value.second]
-                                  ])
-                                : createCommentVNode("v-if", true)
-                            ], 2 /* CLASS */))
-                          : (_ctx.type === 'datetimerange')
+                          : (currentView.value === 'quarter')
+                            ? (openBlock(), createBlock(_sfc_main$1J, {
+                                key: 3,
+                                date: innerDate.value,
+                                "selected-date": parsedSelectedDate.value,
+                                "range-state": parsedRangeState.value,
+                                "disabled-date": _ctx.disabledDate,
+                                "cell-shape": _ctx.cellShape,
+                                onSelect: handleSelect,
+                                onHover: _cache[13] || (_cache[13] = val => rangeHoverDate.value = val)
+                              }, null, 8 /* PROPS */, ["date", "selected-date", "range-state", "disabled-date", "cell-shape"]))
+                            : createCommentVNode("v-if", true)
+                  ], 2 /* CLASS */),
+                  (_ctx.$slots.extra)
+                    ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        class: normalizeClass(unref(ns).e('extra'))
+                      }, [
+                        renderSlot(_ctx.$slots, "extra")
+                      ], 2 /* CLASS */))
+                    : createCommentVNode("v-if", true),
+                  (shouldShowFooter.value)
+                    ? (openBlock(), createElementBlock("div", {
+                        key: 2,
+                        class: normalizeClass(unref(ns).e('footer'))
+                      }, [
+                        renderSlot(_ctx.$slots, "footer", {}, () => [
+                          (_ctx.type === 'datetime')
                             ? (openBlock(), createElementBlock("div", {
-                                key: 1,
-                                class: normalizeClass(unref(ns).e('footer-time-range'))
+                                key: 0,
+                                class: normalizeClass(unref(ns).e('footer-time'))
                               }, [
-                                createElementVNode("div", {
-                                  class: normalizeClass(unref(ns).e('footer-time'))
+                                withDirectives(createElementVNode("select", {
+                                  "onUpdate:modelValue": _cache[14] || (_cache[14] = $event => ((timeState.value.hour) = $event)),
+                                  onChange: updateSingleTime
                                 }, [
-                                  createElementVNode("span", {
-                                    class: normalizeClass(unref(ns).e('time-label'))
-                                  }, toDisplayString(unref(t)("datepicker.startTime") || "Start") + ":", 3 /* TEXT, CLASS */),
-                                  withDirectives(createElementVNode("select", {
-                                    "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => ((startTimeState.value.hour) = $event)),
-                                    onChange: updateRangeStartTime
-                                  }, [
-                                    (openBlock(), createElementBlock(Fragment, null, renderList(24, (h) => {
-                                      return createElementVNode("option", {
-                                        key: h - 1,
-                                        value: h - 1
-                                      }, toDisplayString(String(h - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_10$5)
-                                    }), 64 /* STABLE_FRAGMENT */))
-                                  ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
-                                    [vModelSelect, startTimeState.value.hour]
-                                  ]),
-                                  createElementVNode("span", {
-                                    class: normalizeClass(unref(ns).e('time-separator'))
-                                  }, ":", 2 /* CLASS */),
-                                  withDirectives(createElementVNode("select", {
-                                    "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => ((startTimeState.value.minute) = $event)),
-                                    onChange: updateRangeStartTime
-                                  }, [
-                                    (openBlock(), createElementBlock(Fragment, null, renderList(60, (m) => {
-                                      return createElementVNode("option", {
-                                        key: m - 1,
-                                        value: m - 1
-                                      }, toDisplayString(String(m - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_11$4)
-                                    }), 64 /* STABLE_FRAGMENT */))
-                                  ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
-                                    [vModelSelect, startTimeState.value.minute]
-                                  ]),
-                                  ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
-                                    ? (openBlock(), createElementBlock("span", {
-                                        key: 0,
-                                        class: normalizeClass(unref(ns).e('time-separator'))
-                                      }, ":", 2 /* CLASS */))
-                                    : createCommentVNode("v-if", true),
-                                  ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
-                                    ? withDirectives((openBlock(), createElementBlock("select", {
-                                        key: 1,
-                                        "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => ((startTimeState.value.second) = $event)),
-                                        onChange: updateRangeStartTime
-                                      }, [
-                                        (openBlock(), createElementBlock(Fragment, null, renderList(60, (s) => {
-                                          return createElementVNode("option", {
-                                            key: s - 1,
-                                            value: s - 1
-                                          }, toDisplayString(String(s - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_12$3)
-                                        }), 64 /* STABLE_FRAGMENT */))
-                                      ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
-                                        [vModelSelect, startTimeState.value.second]
-                                      ])
-                                    : createCommentVNode("v-if", true)
-                                ], 2 /* CLASS */),
-                                createElementVNode("div", {
-                                  class: normalizeClass(unref(ns).e('footer-time'))
+                                  (openBlock(), createElementBlock(Fragment, null, renderList(24, (h) => {
+                                    return createElementVNode("option", {
+                                      key: h - 1,
+                                      value: h - 1
+                                    }, toDisplayString(String(h - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_8$d)
+                                  }), 64 /* STABLE_FRAGMENT */))
+                                ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
+                                  [vModelSelect, timeState.value.hour]
+                                ]),
+                                createElementVNode("span", {
+                                  class: normalizeClass(unref(ns).e('time-separator'))
+                                }, ":", 2 /* CLASS */),
+                                withDirectives(createElementVNode("select", {
+                                  "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => ((timeState.value.minute) = $event)),
+                                  onChange: updateSingleTime
                                 }, [
-                                  createElementVNode("span", {
-                                    class: normalizeClass(unref(ns).e('time-label'))
-                                  }, toDisplayString(unref(t)("datepicker.endTime") || "End") + ":", 3 /* TEXT, CLASS */),
-                                  withDirectives(createElementVNode("select", {
-                                    "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => ((endTimeState.value.hour) = $event)),
-                                    onChange: updateRangeEndTime
+                                  (openBlock(), createElementBlock(Fragment, null, renderList(60, (m) => {
+                                    return createElementVNode("option", {
+                                      key: m - 1,
+                                      value: m - 1
+                                    }, toDisplayString(String(m - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_9$a)
+                                  }), 64 /* STABLE_FRAGMENT */))
+                                ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
+                                  [vModelSelect, timeState.value.minute]
+                                ]),
+                                ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
+                                  ? (openBlock(), createElementBlock("span", {
+                                      key: 0,
+                                      class: normalizeClass(unref(ns).e('time-separator'))
+                                    }, ":", 2 /* CLASS */))
+                                  : createCommentVNode("v-if", true),
+                                ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
+                                  ? withDirectives((openBlock(), createElementBlock("select", {
+                                      key: 1,
+                                      "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => ((timeState.value.second) = $event)),
+                                      onChange: updateSingleTime
+                                    }, [
+                                      (openBlock(), createElementBlock(Fragment, null, renderList(60, (s) => {
+                                        return createElementVNode("option", {
+                                          key: s - 1,
+                                          value: s - 1
+                                        }, toDisplayString(String(s - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_10$6)
+                                      }), 64 /* STABLE_FRAGMENT */))
+                                    ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
+                                      [vModelSelect, timeState.value.second]
+                                    ])
+                                  : createCommentVNode("v-if", true)
+                              ], 2 /* CLASS */))
+                            : (_ctx.type === 'datetimerange')
+                              ? (openBlock(), createElementBlock("div", {
+                                  key: 1,
+                                  class: normalizeClass(unref(ns).e('footer-time-range'))
+                                }, [
+                                  createElementVNode("div", {
+                                    class: normalizeClass(unref(ns).e('footer-time'))
                                   }, [
-                                    (openBlock(), createElementBlock(Fragment, null, renderList(24, (h) => {
-                                      return createElementVNode("option", {
-                                        key: h - 1,
-                                        value: h - 1
-                                      }, toDisplayString(String(h - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_13$3)
-                                    }), 64 /* STABLE_FRAGMENT */))
-                                  ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
-                                    [vModelSelect, endTimeState.value.hour]
-                                  ]),
-                                  createElementVNode("span", {
-                                    class: normalizeClass(unref(ns).e('time-separator'))
-                                  }, ":", 2 /* CLASS */),
-                                  withDirectives(createElementVNode("select", {
-                                    "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => ((endTimeState.value.minute) = $event)),
-                                    onChange: updateRangeEndTime
+                                    createElementVNode("span", {
+                                      class: normalizeClass(unref(ns).e('time-label'))
+                                    }, toDisplayString(unref(t)("datepicker.startTime") || "Start") + ":", 3 /* TEXT, CLASS */),
+                                    withDirectives(createElementVNode("select", {
+                                      "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => ((startTimeState.value.hour) = $event)),
+                                      onChange: updateRangeStartTime
+                                    }, [
+                                      (openBlock(), createElementBlock(Fragment, null, renderList(24, (h) => {
+                                        return createElementVNode("option", {
+                                          key: h - 1,
+                                          value: h - 1
+                                        }, toDisplayString(String(h - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_11$5)
+                                      }), 64 /* STABLE_FRAGMENT */))
+                                    ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
+                                      [vModelSelect, startTimeState.value.hour]
+                                    ]),
+                                    createElementVNode("span", {
+                                      class: normalizeClass(unref(ns).e('time-separator'))
+                                    }, ":", 2 /* CLASS */),
+                                    withDirectives(createElementVNode("select", {
+                                      "onUpdate:modelValue": _cache[18] || (_cache[18] = $event => ((startTimeState.value.minute) = $event)),
+                                      onChange: updateRangeStartTime
+                                    }, [
+                                      (openBlock(), createElementBlock(Fragment, null, renderList(60, (m) => {
+                                        return createElementVNode("option", {
+                                          key: m - 1,
+                                          value: m - 1
+                                        }, toDisplayString(String(m - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_12$4)
+                                      }), 64 /* STABLE_FRAGMENT */))
+                                    ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
+                                      [vModelSelect, startTimeState.value.minute]
+                                    ]),
+                                    ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
+                                      ? (openBlock(), createElementBlock("span", {
+                                          key: 0,
+                                          class: normalizeClass(unref(ns).e('time-separator'))
+                                        }, ":", 2 /* CLASS */))
+                                      : createCommentVNode("v-if", true),
+                                    ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
+                                      ? withDirectives((openBlock(), createElementBlock("select", {
+                                          key: 1,
+                                          "onUpdate:modelValue": _cache[19] || (_cache[19] = $event => ((startTimeState.value.second) = $event)),
+                                          onChange: updateRangeStartTime
+                                        }, [
+                                          (openBlock(), createElementBlock(Fragment, null, renderList(60, (s) => {
+                                            return createElementVNode("option", {
+                                              key: s - 1,
+                                              value: s - 1
+                                            }, toDisplayString(String(s - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_13$3)
+                                          }), 64 /* STABLE_FRAGMENT */))
+                                        ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
+                                          [vModelSelect, startTimeState.value.second]
+                                        ])
+                                      : createCommentVNode("v-if", true)
+                                  ], 2 /* CLASS */),
+                                  createElementVNode("div", {
+                                    class: normalizeClass(unref(ns).e('footer-time'))
                                   }, [
-                                    (openBlock(), createElementBlock(Fragment, null, renderList(60, (m) => {
-                                      return createElementVNode("option", {
-                                        key: m - 1,
-                                        value: m - 1
-                                      }, toDisplayString(String(m - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_14$2)
-                                    }), 64 /* STABLE_FRAGMENT */))
-                                  ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
-                                    [vModelSelect, endTimeState.value.minute]
-                                  ]),
-                                  ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
-                                    ? (openBlock(), createElementBlock("span", {
-                                        key: 0,
-                                        class: normalizeClass(unref(ns).e('time-separator'))
-                                      }, ":", 2 /* CLASS */))
-                                    : createCommentVNode("v-if", true),
-                                  ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
-                                    ? withDirectives((openBlock(), createElementBlock("select", {
-                                        key: 1,
-                                        "onUpdate:modelValue": _cache[22] || (_cache[22] = $event => ((endTimeState.value.second) = $event)),
-                                        onChange: updateRangeEndTime
-                                      }, [
-                                        (openBlock(), createElementBlock(Fragment, null, renderList(60, (s) => {
-                                          return createElementVNode("option", {
-                                            key: s - 1,
-                                            value: s - 1
-                                          }, toDisplayString(String(s - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_15$2)
-                                        }), 64 /* STABLE_FRAGMENT */))
-                                      ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
-                                        [vModelSelect, endTimeState.value.second]
-                                      ])
-                                    : createCommentVNode("v-if", true)
-                                ], 2 /* CLASS */)
-                              ], 2 /* CLASS */))
-                            : createCommentVNode("v-if", true),
-                        createElementVNode("div", {
-                          class: normalizeClass(unref(ns).e('footer-btns'))
-                        }, [
-                          (isRange.value || _ctx.type.includes('datetime'))
-                            ? (openBlock(), createElementBlock("button", {
-                                key: 0,
-                                class: normalizeClass(unref(ns).e('footer-btn')),
-                                onClick: _cache[23] || (_cache[23] = $event => (!_ctx.panelOnly && (visible.value = false)))
-                              }, toDisplayString(unref(t)("datepicker.cancel")), 3 /* TEXT, CLASS */))
-                            : createCommentVNode("v-if", true),
-                          createElementVNode("button", {
-                            class: normalizeClass([unref(ns).e('footer-btn'), unref(ns).e('footer-btn--confirm')]),
-                            onClick: handleConfirmClick
-                          }, toDisplayString(unref(t)("datepicker.confirm")), 3 /* TEXT, CLASS */)
-                        ], 2 /* CLASS */)
-                      ])
-                    ], 2 /* CLASS */))
-                  : createCommentVNode("v-if", true)
+                                    createElementVNode("span", {
+                                      class: normalizeClass(unref(ns).e('time-label'))
+                                    }, toDisplayString(unref(t)("datepicker.endTime") || "End") + ":", 3 /* TEXT, CLASS */),
+                                    withDirectives(createElementVNode("select", {
+                                      "onUpdate:modelValue": _cache[20] || (_cache[20] = $event => ((endTimeState.value.hour) = $event)),
+                                      onChange: updateRangeEndTime
+                                    }, [
+                                      (openBlock(), createElementBlock(Fragment, null, renderList(24, (h) => {
+                                        return createElementVNode("option", {
+                                          key: h - 1,
+                                          value: h - 1
+                                        }, toDisplayString(String(h - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_14$2)
+                                      }), 64 /* STABLE_FRAGMENT */))
+                                    ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
+                                      [vModelSelect, endTimeState.value.hour]
+                                    ]),
+                                    createElementVNode("span", {
+                                      class: normalizeClass(unref(ns).e('time-separator'))
+                                    }, ":", 2 /* CLASS */),
+                                    withDirectives(createElementVNode("select", {
+                                      "onUpdate:modelValue": _cache[21] || (_cache[21] = $event => ((endTimeState.value.minute) = $event)),
+                                      onChange: updateRangeEndTime
+                                    }, [
+                                      (openBlock(), createElementBlock(Fragment, null, renderList(60, (m) => {
+                                        return createElementVNode("option", {
+                                          key: m - 1,
+                                          value: m - 1
+                                        }, toDisplayString(String(m - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_15$2)
+                                      }), 64 /* STABLE_FRAGMENT */))
+                                    ], 544 /* NEED_HYDRATION, NEED_PATCH */), [
+                                      [vModelSelect, endTimeState.value.minute]
+                                    ]),
+                                    ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
+                                      ? (openBlock(), createElementBlock("span", {
+                                          key: 0,
+                                          class: normalizeClass(unref(ns).e('time-separator'))
+                                        }, ":", 2 /* CLASS */))
+                                      : createCommentVNode("v-if", true),
+                                    ((props.timeFormat || 'HH:mm:ss').toLowerCase().includes('s'))
+                                      ? withDirectives((openBlock(), createElementBlock("select", {
+                                          key: 1,
+                                          "onUpdate:modelValue": _cache[22] || (_cache[22] = $event => ((endTimeState.value.second) = $event)),
+                                          onChange: updateRangeEndTime
+                                        }, [
+                                          (openBlock(), createElementBlock(Fragment, null, renderList(60, (s) => {
+                                            return createElementVNode("option", {
+                                              key: s - 1,
+                                              value: s - 1
+                                            }, toDisplayString(String(s - 1).padStart(2, "0")), 9 /* TEXT, PROPS */, _hoisted_16$2)
+                                          }), 64 /* STABLE_FRAGMENT */))
+                                        ], 544 /* NEED_HYDRATION, NEED_PATCH */)), [
+                                          [vModelSelect, endTimeState.value.second]
+                                        ])
+                                      : createCommentVNode("v-if", true)
+                                  ], 2 /* CLASS */)
+                                ], 2 /* CLASS */))
+                              : createCommentVNode("v-if", true),
+                          createElementVNode("div", {
+                            class: normalizeClass(unref(ns).e('footer-btns'))
+                          }, [
+                            (isRange.value || _ctx.type.includes('datetime'))
+                              ? (openBlock(), createElementBlock("button", {
+                                  key: 0,
+                                  class: normalizeClass(unref(ns).e('footer-btn')),
+                                  onClick: _cache[23] || (_cache[23] = $event => (!_ctx.panelOnly && (visible.value = false)))
+                                }, toDisplayString(unref(t)("datepicker.cancel")), 3 /* TEXT, CLASS */))
+                              : createCommentVNode("v-if", true),
+                            createElementVNode("button", {
+                              class: normalizeClass([unref(ns).e('footer-btn'), unref(ns).e('footer-btn--confirm')]),
+                              onClick: handleConfirmClick
+                            }, toDisplayString(unref(t)("datepicker.confirm")), 3 /* TEXT, CLASS */)
+                          ], 2 /* CLASS */)
+                        ])
+                      ], 2 /* CLASS */))
+                    : createCommentVNode("v-if", true),
+                  (_ctx.presets.length > 0 && _ctx.presetPosition === 'bottom')
+                    ? (openBlock(), createElementBlock("div", {
+                        key: 3,
+                        class: normalizeClass([unref(ns).e('presets'), unref(ns).is('bottom')])
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (p) => {
+                          return (openBlock(), createElementBlock("button", {
+                            key: p.label,
+                            class: normalizeClass(unref(ns).e('preset-item')),
+                            onClick: $event => (handlePresetClick(p))
+                          }, toDisplayString(p.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_17$2))
+                        }), 128 /* KEYED_FRAGMENT */))
+                      ], 2 /* CLASS */))
+                    : createCommentVNode("v-if", true)
+                ], 2 /* CLASS */)
               ], 6 /* CLASS, STYLE */))
             : createCommentVNode("v-if", true)
         ]),
@@ -18715,7 +18787,7 @@ const transferSizes = ["large", "default", "small"];
 const transferPanelContextKey = Symbol("transferPanelContextKey");
 
 const _hoisted_1$Z = ["placeholder", "disabled"];
-const _hoisted_2$J = ["onClick"];
+const _hoisted_2$K = ["onClick"];
 const _hoisted_3$w = ["onClick"];
 
 const _sfc_main$1H = /*@__PURE__*/Object.assign({
@@ -19052,7 +19124,7 @@ return (_ctx, _cache) => {
                             createTextVNode(toDisplayString(getLabel(item)), 1 /* TEXT */)
                           ])
                         ], 2 /* CLASS */)
-                      ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$J))
+                      ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$K))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 6 /* CLASS, STYLE */)
                 ], 4 /* STYLE */)
@@ -19118,7 +19190,7 @@ return (_ctx, _cache) => {
 });
 
 const _hoisted_1$Y = ["disabled"];
-const _hoisted_2$I = ["disabled"];
+const _hoisted_2$J = ["disabled"];
 
 const _sfc_main$1G = /*@__PURE__*/Object.assign({
   name: "YhTransfer"
@@ -19373,7 +19445,7 @@ return (_ctx, _cache) => {
                 class: normalizeClass(unref(ns).e('button__text'))
               }, toDisplayString(__props.buttonTexts[1]), 3 /* TEXT, CLASS */))
             : createCommentVNode("v-if", true)
-        ], 10 /* CLASS, PROPS */, _hoisted_2$I)
+        ], 10 /* CLASS, PROPS */, _hoisted_2$J)
       ])
     ], 2 /* CLASS */),
     createVNode(_sfc_main$1H, {
@@ -19816,7 +19888,7 @@ const useTree = (props, emit) => {
 };
 
 const _hoisted_1$X = ["onClick"];
-const _hoisted_2$H = ["placeholder", "disabled", "readonly"];
+const _hoisted_2$I = ["placeholder", "disabled", "readonly"];
 const _hoisted_3$v = ["onClick"];
 const _hoisted_4$n = ["onClick"];
 const _hoisted_5$k = {
@@ -19825,13 +19897,13 @@ const _hoisted_5$k = {
   width: "1em",
   height: "1em"
 };
-const _hoisted_6$h = {
+const _hoisted_6$i = {
   key: 0,
   viewBox: "0 0 1024 1024",
   width: "1em",
   height: "1em"
 };
-const _hoisted_7$e = {
+const _hoisted_7$f = {
   key: 1,
   viewBox: "0 0 1024 1024",
   width: "1em",
@@ -20127,7 +20199,7 @@ return (_ctx, _cache) => {
           autocomplete: "off",
           onInput: handleInput,
           onFocus: handleInputFocus
-        }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$H), [
+        }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$I), [
           [vModelText, query.value]
         ]),
         createElementVNode("span", {
@@ -20259,14 +20331,14 @@ return (_ctx, _cache) => {
                                           class: normalizeClass(unref(ns).e('checkbox-inner'))
                                         }, [
                                           (node.checked && !node.indeterminate)
-                                            ? (openBlock(), createElementBlock("svg", _hoisted_6$h, [...(_cache[8] || (_cache[8] = [
+                                            ? (openBlock(), createElementBlock("svg", _hoisted_6$i, [...(_cache[8] || (_cache[8] = [
                                                 createElementVNode("path", {
                                                   fill: "currentColor",
                                                   d: "M406.656 706.944L195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
                                                 }, null, -1 /* CACHED */)
                                               ]))]))
                                             : (node.indeterminate)
-                                              ? (openBlock(), createElementBlock("svg", _hoisted_7$e, [...(_cache[9] || (_cache[9] = [
+                                              ? (openBlock(), createElementBlock("svg", _hoisted_7$f, [...(_cache[9] || (_cache[9] = [
                                                   createElementVNode("path", {
                                                     fill: "currentColor",
                                                     d: "M192 448h640v128H192z"
@@ -20556,7 +20628,7 @@ const _hoisted_1$W = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$G = {
+const _hoisted_2$H = {
   key: 1,
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
@@ -20572,7 +20644,7 @@ const _hoisted_4$m = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const _hoisted_5$j = ["innerHTML"];
-const _hoisted_6$g = ["aria-label"];
+const _hoisted_6$h = ["aria-label"];
 
 const _sfc_main$1C = /*@__PURE__*/Object.assign({
   name: "YhMessage"
@@ -20711,7 +20783,7 @@ return (_ctx, _cache) => {
                     }, null, -1 /* CACHED */)
                   ]))]))
                 : (__props.type === 'warning')
-                  ? (openBlock(), createElementBlock("svg", _hoisted_2$G, [...(_cache[1] || (_cache[1] = [
+                  ? (openBlock(), createElementBlock("svg", _hoisted_2$H, [...(_cache[1] || (_cache[1] = [
                       createElementVNode("path", {
                         fill: "currentColor",
                         d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"
@@ -20779,7 +20851,7 @@ return (_ctx, _cache) => {
                   d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
                 })
               ], -1 /* CACHED */)
-            ]))], 10 /* CLASS, PROPS */, _hoisted_6$g))
+            ]))], 10 /* CLASS, PROPS */, _hoisted_6$h))
           : createCommentVNode("v-if", true)
       ], 38 /* CLASS, STYLE, NEED_HYDRATION */), [
         [vShow, visible.value]
@@ -20962,7 +21034,7 @@ const _hoisted_1$V = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$F = {
+const _hoisted_2$G = {
   key: 1,
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
@@ -20978,7 +21050,7 @@ const _hoisted_4$l = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 const _hoisted_5$i = ["innerHTML"];
-const _hoisted_6$f = ["aria-label"];
+const _hoisted_6$g = ["aria-label"];
 
 const _sfc_main$1B = /*@__PURE__*/Object.assign({
   name: "YhNotification"
@@ -21147,7 +21219,7 @@ return (_ctx, _cache) => {
                             }, null, -1 /* CACHED */)
                           ]))]))
                         : (__props.type === 'warning')
-                          ? (openBlock(), createElementBlock("svg", _hoisted_2$F, [...(_cache[1] || (_cache[1] = [
+                          ? (openBlock(), createElementBlock("svg", _hoisted_2$G, [...(_cache[1] || (_cache[1] = [
                               createElementVNode("path", {
                                 fill: "currentColor",
                                 d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z"
@@ -21231,7 +21303,7 @@ return (_ctx, _cache) => {
                   d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
                 })
               ], -1 /* CACHED */)
-            ]))], 10 /* CLASS, PROPS */, _hoisted_6$f))
+            ]))], 10 /* CLASS, PROPS */, _hoisted_6$g))
           : createCommentVNode("v-if", true)
       ], 38 /* CLASS, STYLE, NEED_HYDRATION */), [
         [vShow, visible.value]
@@ -21809,7 +21881,7 @@ const _hoisted_1$T = {
   height: "1em",
   class: "yh-color-picker__empty"
 };
-const _hoisted_2$E = ["title"];
+const _hoisted_2$F = ["title"];
 const _hoisted_3$s = ["onClick"];
 const _hoisted_4$k = ["title"];
 const _hoisted_5$h = ["value"];
@@ -22028,7 +22100,7 @@ return (_ctx, _cache) => {
 })
                     }, null, 6 /* CLASS, STYLE */),
                     createTextVNode(" " + toDisplayString(contrastInfo.value.suggestion), 1 /* TEXT */)
-                  ], 10 /* CLASS, PROPS */, _hoisted_2$E),
+                  ], 10 /* CLASS, PROPS */, _hoisted_2$F),
                   createElementVNode("div", {
                     class: normalizeClass(unref(ns).e('sliders'))
                   }, [
@@ -22192,7 +22264,7 @@ const _hoisted_1$S = {
   key: 0,
   style: {"width":"0","height":"0","position":"absolute","visibility":"hidden","pointer-events":"none"}
 };
-const _hoisted_2$D = ["id"];
+const _hoisted_2$E = ["id"];
 const _hoisted_3$r = ["offset", "stop-color"];
 
 const _sfc_main$1w = /*@__PURE__*/Object.assign({
@@ -22334,7 +22406,7 @@ return (_ctx, _cache) => {
                   "stop-color": stop.color
                 }, null, 8 /* PROPS */, _hoisted_3$r))
               }), 128 /* KEYED_FRAGMENT */))
-            ], 8 /* PROPS */, _hoisted_2$D)
+            ], 8 /* PROPS */, _hoisted_2$E)
           ])
         ]))
       : createCommentVNode("v-if", true),
@@ -23853,7 +23925,7 @@ const _hoisted_1$O = {
   width: "20",
   height: "20"
 };
-const _hoisted_2$C = {
+const _hoisted_2$D = {
   key: 0,
   fill: "currentColor",
   d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.8 560.3L342.3 510.4a32 32 0 1 0-45.2 45.2l136 136a32 32 0 0 0 45.2 0l311.4-311.4a32 32 0 1 0-45.2-45.2L456.2 624.3z"
@@ -23873,9 +23945,9 @@ const _hoisted_5$g = {
   fill: "currentColor",
   d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm170.3 535.1a32 32 0 0 0 0-45.2L557.3 512l125-125a32 32 0 0 0-45.2-45.2L512 466.7l-125-125a32 32 0 0 0-45.2 45.2l125 125-125 125a32 32 0 0 0 45.2 45.2l125-125 125 125a32 32 0 0 0 45.2 0z"
 };
-const _hoisted_6$e = ["aria-label"];
-const _hoisted_7$d = { key: 0 };
-const _hoisted_8$b = {
+const _hoisted_6$f = ["aria-label"];
+const _hoisted_7$e = { key: 0 };
+const _hoisted_8$c = {
   key: 2,
   viewBox: "0 0 1024 1024",
   width: "16",
@@ -24007,7 +24079,7 @@ return (_ctx, _cache) => {
                           createCommentVNode(" 默认类型图标 (这里可以预置几个 SVG) "),
                           (openBlock(), createElementBlock("svg", _hoisted_1$O, [
                             (_ctx.type === 'success')
-                              ? (openBlock(), createElementBlock("path", _hoisted_2$C))
+                              ? (openBlock(), createElementBlock("path", _hoisted_2$D))
                               : createCommentVNode("v-if", true),
                             (_ctx.type === 'info')
                               ? (openBlock(), createElementBlock("path", _hoisted_3$q))
@@ -24086,20 +24158,20 @@ return (_ctx, _cache) => {
                 }, [
                   renderSlot(_ctx.$slots, "close", {}, () => [
                     (_ctx.closeText)
-                      ? (openBlock(), createElementBlock("span", _hoisted_7$d, toDisplayString(_ctx.closeText), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("span", _hoisted_7$e, toDisplayString(_ctx.closeText), 1 /* TEXT */))
                       : (_ctx.closeIcon)
                         ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon), {
                             key: 1,
                             style: {"width":"16px","height":"16px"}
                           }))
-                        : (openBlock(), createElementBlock("svg", _hoisted_8$b, [...(_cache[0] || (_cache[0] = [
+                        : (openBlock(), createElementBlock("svg", _hoisted_8$c, [...(_cache[0] || (_cache[0] = [
                             createElementVNode("path", {
                               fill: "currentColor",
                               d: "M810.7 274.7L749.3 213.3 512 450.7 274.7 213.3 213.3 274.7 450.7 512 213.3 749.3 274.7 810.7 512 573.3 749.3 810.7 810.7 749.3 573.3 512z"
                             }, null, -1 /* CACHED */)
                           ]))]))
                   ])
-                ], 10 /* CLASS, PROPS */, _hoisted_6$e))
+                ], 10 /* CLASS, PROPS */, _hoisted_6$f))
               : createCommentVNode("v-if", true),
             createCommentVNode(" 倒计时进度条 "),
             (_ctx.showProgress && _ctx.duration > 0)
@@ -24531,15 +24603,15 @@ const progressProps = {
 };
 
 const _hoisted_1$M = ["aria-valuenow"];
-const _hoisted_2$B = ["innerHTML"];
+const _hoisted_2$C = ["innerHTML"];
 const _hoisted_3$p = ["viewBox"];
 const _hoisted_4$i = { key: 0 };
 const _hoisted_5$f = ["id"];
-const _hoisted_6$d = ["offset", "stop-color"];
-const _hoisted_7$c = ["d", "stroke", "stroke-width", "stroke-linecap"];
-const _hoisted_8$a = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_9$8 = ["width", "height", "innerHTML"];
-const _hoisted_10$4 = ["innerHTML"];
+const _hoisted_6$e = ["offset", "stop-color"];
+const _hoisted_7$d = ["d", "stroke", "stroke-width", "stroke-linecap"];
+const _hoisted_8$b = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_9$9 = ["width", "height", "innerHTML"];
+const _hoisted_10$5 = ["innerHTML"];
 
 const _sfc_main$1o = /*@__PURE__*/Object.assign({
   name: "YhProgress"
@@ -24712,7 +24784,7 @@ return (_ctx, _cache) => {
                                 height: "16",
                                 style: {"vertical-align":"middle"},
                                 innerHTML: statusIconSvg.value
-                              }, null, 8 /* PROPS */, _hoisted_2$B))
+                              }, null, 8 /* PROPS */, _hoisted_2$C))
                             ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                           : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                               createCommentVNode(" eslint-enable vue/no-v-html "),
@@ -24768,7 +24840,7 @@ return (_ctx, _cache) => {
                           key: i,
                           offset: stop.offset,
                           "stop-color": stop.color
-                        }, null, 8 /* PROPS */, _hoisted_6$d))
+                        }, null, 8 /* PROPS */, _hoisted_6$e))
                       }), 128 /* KEYED_FRAGMENT */))
                     ], 8 /* PROPS */, _hoisted_5$f)
                   ]))
@@ -24784,7 +24856,7 @@ return (_ctx, _cache) => {
                     fill: "none",
                     "stroke-linecap": _ctx.strokeLinecap,
                     style: normalizeStyle(getCircleParams(index).trackStyle)
-                  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_7$c),
+                  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_7$d),
                   createElementVNode("path", {
                     class: normalizeClass(unref(ns).e('circle-path')),
                     d: getCircleParams(index).path,
@@ -24793,7 +24865,7 @@ return (_ctx, _cache) => {
                     "stroke-linecap": _ctx.strokeLinecap,
                     "stroke-width": p > 0 ? _ctx.strokeWidth : 0,
                     style: normalizeStyle(getCircleParams(index).pathStyle)
-                  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_8$a)
+                  }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_8$b)
                 ]))
               }), 128 /* KEYED_FRAGMENT */))
             ], 10 /* CLASS, PROPS */, _hoisted_3$p)),
@@ -24829,7 +24901,7 @@ return (_ctx, _cache) => {
   verticalAlign: 'middle'
 }),
                               innerHTML: statusIconSvg.value
-                            }, null, 12 /* STYLE, PROPS */, _hoisted_9$8))
+                            }, null, 12 /* STYLE, PROPS */, _hoisted_9$9))
                           ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                         : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                             createCommentVNode(" eslint-enable vue/no-v-html "),
@@ -24872,7 +24944,7 @@ return (_ctx, _cache) => {
   verticalAlign: 'middle'
 }),
                       innerHTML: statusIconSvg.value
-                    }, null, 12 /* STYLE, PROPS */, _hoisted_10$4))
+                    }, null, 12 /* STYLE, PROPS */, _hoisted_10$5))
                   ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                 : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                     createCommentVNode(" eslint-enable vue/no-v-html "),
@@ -25376,6 +25448,10 @@ const internalVisible = ref(false);
 const visible = computed({
   get: () => props.visible !== null ? props.visible : internalVisible.value,
   set: (val) => {
+    if (props.visible !== null) {
+      emit("update:visible", val);
+      return;
+    }
     internalVisible.value = val;
     emit("update:visible", val);
   }
@@ -25746,7 +25822,7 @@ const dialogEmits = {
 };
 
 const _hoisted_1$L = ["aria-labelledby"];
-const _hoisted_2$A = ["id"];
+const _hoisted_2$B = ["id"];
 
 const _sfc_main$1l = /*@__PURE__*/Object.assign({
   name: "YhDialog",
@@ -25767,14 +25843,25 @@ const lastClickPos = ref(null);
 const handleDocumentClick = (e) => {
   lastClickPos.value = { x: e.clientX, y: e.clientY };
 };
-onMounted(() => {
-  if (typeof window !== "undefined") {
-    document.addEventListener("click", handleDocumentClick, true);
-  }
-});
+useEventListener(
+  () => typeof document !== "undefined" ? document : null,
+  "pointerdown",
+  (e) => handleDocumentClick(e),
+  true
+);
 onBeforeUnmount(() => {
-  if (typeof window !== "undefined") {
-    document.removeEventListener("click", handleDocumentClick, true);
+  if (typeof document !== "undefined") {
+    if (activeMouseMoveListener) {
+      document.removeEventListener("mousemove", activeMouseMoveListener);
+      activeMouseMoveListener = null;
+    }
+    if (activeMouseUpListener) {
+      document.removeEventListener("mouseup", activeMouseUpListener);
+      activeMouseUpListener = null;
+    }
+  }
+  if (typeof window !== "undefined" && prevFocusedElement) {
+    prevFocusedElement.focus();
   }
 });
 const { themeStyle: themeVars } = useComponentTheme(
@@ -25789,6 +25876,8 @@ const rendered = ref(false);
 useScrollLock(computed(() => props.modelValue && props.lockScroll));
 const offset = ref({ x: 0, y: 0 });
 const isDragging = ref(false);
+let activeMouseMoveListener = null;
+let activeMouseUpListener = null;
 const handleMouseDown = (e) => {
   if (!props.draggable || props.fullscreen) return;
   if (e.button !== 0) return;
@@ -25820,11 +25909,19 @@ const handleMouseDown = (e) => {
   const onMouseUp = (upEvent) => {
     isDragging.value = false;
     emit("dragEnd", upEvent);
-    document.removeEventListener("mousemove", onMouseMove);
-    document.removeEventListener("mouseup", onMouseUp);
+    if (typeof document !== "undefined") {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+    }
+    activeMouseMoveListener = null;
+    activeMouseUpListener = null;
   };
-  document.addEventListener("mousemove", onMouseMove);
-  document.addEventListener("mouseup", onMouseUp);
+  activeMouseMoveListener = onMouseMove;
+  activeMouseUpListener = onMouseUp;
+  if (typeof document !== "undefined") {
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  }
 };
 let prevFocusedElement = null;
 const trapFocus = (e) => {
@@ -25943,6 +26040,9 @@ const footerStyle = computed(() => {
   return styles;
 });
 const doClose = () => {
+  if (typeof window !== "undefined" && prevFocusedElement) {
+    prevFocusedElement.focus();
+  }
   emit("update:modelValue", false);
 };
 const handleClose = () => {
@@ -25997,6 +26097,19 @@ watch(
       emit("opened");
     } else {
       visible.value = false;
+      if (isDragging.value) {
+        isDragging.value = false;
+        if (typeof document !== "undefined") {
+          if (activeMouseMoveListener) {
+            document.removeEventListener("mousemove", activeMouseMoveListener);
+            activeMouseMoveListener = null;
+          }
+          if (activeMouseUpListener) {
+            document.removeEventListener("mouseup", activeMouseUpListener);
+            activeMouseUpListener = null;
+          }
+        }
+      }
       if (typeof window !== "undefined" && prevFocusedElement) {
         prevFocusedElement.focus();
       }
@@ -26083,7 +26196,7 @@ return (_ctx, _cache) => {
                         : (_ctx.title)
                           ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.title), { key: 2 }))
                           : createCommentVNode("v-if", true)
-                    ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$A)
+                    ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$B)
                   ]),
                   (_ctx.showClose)
                     ? (openBlock(), createElementBlock("button", {
@@ -26865,6 +26978,7 @@ const watermarkInnerStyle = computed(() => {
   };
 });
 const renderWatermark = () => {
+  if (typeof document === "undefined") return;
   const canvas = document.createElement("canvas");
   const ratio = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
   const canvasWidth = props.width + props.gap[0];
@@ -26903,7 +27017,7 @@ const renderWatermark = () => {
   }
 };
 const createOrUpdateWatermark = () => {
-  if (!containerRef.value) return;
+  if (typeof document === "undefined" || !containerRef.value) return;
   if (watermarkRef && watermarkRef.parentNode) {
     watermarkRef.parentNode.removeChild(watermarkRef);
   }
@@ -26986,9 +27100,18 @@ onMounted(() => {
   });
 });
 onBeforeUnmount(() => {
-  if (darkObserver) darkObserver.disconnect();
-  if (observer) observer.disconnect();
-  if (checkTimer) clearInterval(checkTimer);
+  if (checkTimer) {
+    clearInterval(checkTimer);
+    checkTimer = null;
+  }
+  if (observer) {
+    observer.disconnect();
+    observer = null;
+  }
+  if (darkObserver) {
+    darkObserver.disconnect();
+    darkObserver = null;
+  }
   if (watermarkRef && watermarkRef.parentNode) {
     watermarkRef.parentNode.removeChild(watermarkRef);
   }
@@ -27146,13 +27269,13 @@ async function loadViewer() {
 }
 
 const _hoisted_1$J = ["accept", "multiple"];
-const _hoisted_2$z = ["innerHTML"];
+const _hoisted_2$A = ["innerHTML"];
 const _hoisted_3$o = ["src", "alt", "crossorigin"];
 const _hoisted_4$h = ["onClick"];
 const _hoisted_5$e = ["onClick"];
-const _hoisted_6$c = ["onClick"];
-const _hoisted_7$b = ["src", "crossorigin"];
-const _hoisted_8$9 = ["onClick"];
+const _hoisted_6$d = ["onClick"];
+const _hoisted_7$c = ["src", "crossorigin"];
+const _hoisted_8$a = ["onClick"];
 
 const _sfc_main$1i = /*@__PURE__*/Object.assign({
   name: "YhUpload"
@@ -27298,23 +27421,23 @@ const attrAccept = (file, accept) => {
   });
 };
 const handleFiles = async (files) => {
-  if (props.limit && props.fileList.length + files.length > props.limit) {
-    emit("exceed", files, props.fileList);
-    return;
-  }
-  const validFiles = [];
-  for (const file of files) {
-    const rawFile = file;
-    if (props.accept && !attrAccept(rawFile, props.accept)) {
+  const filteredByRules = files.filter((file) => {
+    if (props.accept && !attrAccept(file, props.accept)) {
       console.warn(
-        `[YhUpload] Auto Remove: File format does not match "${props.accept}" - ${rawFile.name}`
+        `[YhUpload] Auto Remove: File format does not match "${props.accept}" - ${file.name}`
       );
-      continue;
+      return false;
     }
-    if (props.maxSize && rawFile.size / 1024 > props.maxSize) {
-      console.warn(`[YhUpload] Auto Remove: File size exceeds limit - ${rawFile.name}`);
-      continue;
+    if (props.maxSize && file.size / 1024 > props.maxSize) {
+      console.warn(`[YhUpload] Auto Remove: File size exceeds limit - ${file.name}`);
+      return false;
     }
+    return true;
+  });
+  const passedFiles = [];
+  for (const file of filteredByRules) {
+    const rawFile = file;
+    let finalFile = rawFile;
     if (props.beforeUpload) {
       try {
         const result = await props.beforeUpload(rawFile);
@@ -27322,12 +27445,22 @@ const handleFiles = async (files) => {
         if (result instanceof Blob) {
           const newRawFile = result;
           if (!newRawFile.uid) newRawFile.uid = Date.now() + Math.random();
-          Object.assign(rawFile, newRawFile);
+          finalFile = newRawFile;
         }
       } catch {
         continue;
       }
     }
+    passedFiles.push({ rawFile, finalFile });
+  }
+  if (props.limit && props.fileList.length + passedFiles.length > props.limit) {
+    const rawFilesOnly = passedFiles.map((item) => item.finalFile);
+    emit("exceed", rawFilesOnly, props.fileList);
+    return;
+  }
+  const validFiles = [];
+  for (const item of passedFiles) {
+    const rawFile = item.finalFile;
     if (!rawFile.uid) rawFile.uid = Date.now() + Math.random();
     const uploadFile = {
       name: props.directory && rawFile.webkitRelativePath ? rawFile.webkitRelativePath : rawFile.name,
@@ -27629,7 +27762,7 @@ return (_ctx, _cache) => {
                   createElementVNode("div", {
                     class: normalizeClass(unref(ns).e('text')),
                     innerHTML: unref(t)('upload.tip')
-                  }, null, 10 /* CLASS, PROPS */, _hoisted_2$z)
+                  }, null, 10 /* CLASS, PROPS */, _hoisted_2$A)
                 ], 2 /* CLASS */)
               ])
             ])
@@ -27750,7 +27883,7 @@ return (_ctx, _cache) => {
                                   name: "delete",
                                   size: 18
                                 })
-                              ], 8 /* PROPS */, _hoisted_6$c))
+                              ], 8 /* PROPS */, _hoisted_6$d))
                             : createCommentVNode("v-if", true)
                         ], 2 /* CLASS */),
                         createCommentVNode(" Progress Bar overlay "),
@@ -27784,7 +27917,7 @@ return (_ctx, _cache) => {
                                       src: file.url,
                                       class: normalizeClass(unref(ns).e('thumbnail-img')),
                                       crossorigin: _ctx.crossorigin
-                                    }, null, 10 /* CLASS, PROPS */, _hoisted_7$b))
+                                    }, null, 10 /* CLASS, PROPS */, _hoisted_7$c))
                                   : (openBlock(), createBlock(unref(YhIcon), {
                                       key: 1,
                                       name: "image",
@@ -27806,7 +27939,7 @@ return (_ctx, _cache) => {
                             createElementVNode("div", {
                               class: normalizeClass(unref(ns).e('name')),
                               onClick: $event => (handlePreview(file))
-                            }, toDisplayString(file.name), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$9)
+                            }, toDisplayString(file.name), 11 /* TEXT, CLASS, PROPS */, _hoisted_8$a)
                           ], 2 /* CLASS */),
                           createElementVNode("div", {
                             class: normalizeClass(unref(ns).e('status-icon-wrapper'))
@@ -28256,7 +28389,7 @@ const paginationProps = {
 };
 
 const _hoisted_1$I = ["disabled"];
-const _hoisted_2$y = { key: 0 };
+const _hoisted_2$z = { key: 0 };
 const _hoisted_3$n = {
   key: 1,
   viewBox: "0 0 1024 1024",
@@ -28265,8 +28398,8 @@ const _hoisted_3$n = {
 };
 const _hoisted_4$g = ["onClick"];
 const _hoisted_5$d = ["disabled"];
-const _hoisted_6$b = { key: 0 };
-const _hoisted_7$a = {
+const _hoisted_6$c = { key: 0 };
+const _hoisted_7$b = {
   key: 1,
   viewBox: "0 0 1024 1024",
   width: "1em",
@@ -28380,9 +28513,14 @@ const layoutComponents = computed(() => {
   return props.layout.split(",").map((item) => item.trim());
 });
 __expose({
-  currentPage: internalCurrentPage.value,
-  pageSize: props.pageSize,
-  pageCount: pageCount.value
+  currentPage: computed({
+    get: () => internalCurrentPage.value,
+    set: (val) => {
+      internalCurrentPage.value = val;
+    }
+  }),
+  pageSize: computed(() => props.pageSize),
+  pageCount: computed(() => pageCount.value)
 });
 
 return (_ctx, _cache) => {
@@ -28436,7 +28574,7 @@ return (_ctx, _cache) => {
                 }, [
                   renderSlot(_ctx.$slots, "prev-icon", {}, () => [
                     (_ctx.prevText)
-                      ? (openBlock(), createElementBlock("span", _hoisted_2$y, toDisplayString(_ctx.prevText), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("span", _hoisted_2$z, toDisplayString(_ctx.prevText), 1 /* TEXT */))
                       : (openBlock(), createElementBlock("svg", _hoisted_3$n, [...(_cache[6] || (_cache[6] = [
                           createElementVNode("path", {
                             fill: "currentColor",
@@ -28504,8 +28642,8 @@ return (_ctx, _cache) => {
                 }, [
                   renderSlot(_ctx.$slots, "next-icon", {}, () => [
                     (_ctx.nextText)
-                      ? (openBlock(), createElementBlock("span", _hoisted_6$b, toDisplayString(_ctx.nextText), 1 /* TEXT */))
-                      : (openBlock(), createElementBlock("svg", _hoisted_7$a, [...(_cache[7] || (_cache[7] = [
+                      ? (openBlock(), createElementBlock("span", _hoisted_6$c, toDisplayString(_ctx.nextText), 1 /* TEXT */))
+                      : (openBlock(), createElementBlock("svg", _hoisted_7$b, [...(_cache[7] || (_cache[7] = [
                           createElementVNode("path", {
                             fill: "currentColor",
                             d: "M341.3 824.6l312.6-312.6L341.3 199.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L721.8 489.4c12.5 12.5 12.5 32.8 0 45.3L386.6 869.9c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3z"
@@ -28758,14 +28896,14 @@ const imageViewerEmits = {
 };
 
 const _hoisted_1$H = ["title", "aria-label"];
-const _hoisted_2$x = ["title", "aria-label"];
+const _hoisted_2$y = ["title", "aria-label"];
 const _hoisted_3$m = ["title", "aria-label"];
 const _hoisted_4$f = ["title", "aria-label"];
 const _hoisted_5$c = ["title", "aria-label"];
-const _hoisted_6$a = ["title", "aria-label"];
-const _hoisted_7$9 = ["title", "aria-label"];
-const _hoisted_8$8 = ["title", "aria-label"];
-const _hoisted_9$7 = ["src"];
+const _hoisted_6$b = ["title", "aria-label"];
+const _hoisted_7$a = ["title", "aria-label"];
+const _hoisted_8$9 = ["title", "aria-label"];
+const _hoisted_9$8 = ["src"];
 
 const _sfc_main$1f = /*@__PURE__*/Object.assign({
   name: "YhImageViewer"
@@ -28792,6 +28930,7 @@ const handleClose = () => {
   emit("close");
 };
 const initViewerJS = async () => {
+  if (typeof document === "undefined") return;
   let ViewerClass;
   try {
     ViewerClass = await loadViewer();
@@ -28811,7 +28950,7 @@ const initViewerJS = async () => {
     ...props.viewerOptions,
     initialViewIndex: props.initialIndex,
     hidden: () => {
-      if (viewerList) {
+      if (viewerList && typeof document !== "undefined") {
         document.body.removeChild(viewerList);
         viewerList = null;
       }
@@ -28867,6 +29006,23 @@ watch(
     index.value = val;
   }
 );
+watch(
+  () => props.urlList,
+  async () => {
+    if (props.viewerMode === "viewerjs") {
+      if (viewer) {
+        viewer.destroy();
+        viewer = null;
+      }
+      if (typeof document !== "undefined" && viewerList) {
+        document.body.removeChild(viewerList);
+        viewerList = null;
+      }
+      await initViewerJS();
+    }
+  },
+  { deep: true }
+);
 const handleKeyDown = (e) => {
   if (props.viewerMode === "viewerjs") return;
   if (e.key === "Escape" && props.closeOnPressEscape) {
@@ -28882,19 +29038,23 @@ const handleKeyDown = (e) => {
   }
 };
 onMounted(async () => {
-  if (props.viewerMode === "viewerjs") {
-    await initViewerJS();
-  } else {
-    window.addEventListener("keydown", handleKeyDown);
+  if (typeof window !== "undefined") {
+    if (props.viewerMode === "viewerjs") {
+      await initViewerJS();
+    } else {
+      window.addEventListener("keydown", handleKeyDown);
+    }
   }
 });
 onUnmounted(() => {
-  window.removeEventListener("keydown", handleKeyDown);
+  if (typeof window !== "undefined") {
+    window.removeEventListener("keydown", handleKeyDown);
+  }
   if (viewer) {
     viewer.destroy();
     viewer = null;
   }
-  if (viewerList) {
+  if (typeof document !== "undefined" && viewerList) {
     document.body.removeChild(viewerList);
     viewerList = null;
   }
@@ -28963,7 +29123,7 @@ return (_ctx, _cache) => {
                       d: "M609.4 824.6L296.8 512l312.6-312.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L228.9 489.4c-12.5 12.5-12.5 32.8 0 45.3l335.2 335.2c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3z"
                     })
                   ], -1 /* CACHED */)
-                ]))], 10 /* CLASS, PROPS */, _hoisted_2$x),
+                ]))], 10 /* CLASS, PROPS */, _hoisted_2$y),
                 createElementVNode("span", {
                   class: normalizeClass([unref(ns).e('btn'), unref(ns).e('next')]),
                   title: unref(t)('imageviewer.next'),
@@ -29042,7 +29202,7 @@ return (_ctx, _cache) => {
                         d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 64a384 384 0 1 0 0 768 384 384 0 0 0 0-768zm0 128a256 256 0 1 1 0 512 256 256 0 0 1 0-512z"
                       })
                     ], -1 /* CACHED */)
-                  ]))], 10 /* CLASS, PROPS */, _hoisted_6$a),
+                  ]))], 10 /* CLASS, PROPS */, _hoisted_6$b),
                   createElementVNode("i", {
                     class: normalizeClass(unref(ns).e('rotate-left')),
                     title: unref(t)('imageviewer.rotateLeft'),
@@ -29059,7 +29219,7 @@ return (_ctx, _cache) => {
                         d: "M512 128c-212.1 0-384 171.9-384 384s171.9 384 384 384 384-171.9 384-384h-64c0 176.7-143.3 320-320 320s-320-143.3-320-320 143.3-320 320-320v64l192-128-192-128v64z"
                       })
                     ], -1 /* CACHED */)
-                  ]))], 10 /* CLASS, PROPS */, _hoisted_7$9),
+                  ]))], 10 /* CLASS, PROPS */, _hoisted_7$a),
                   createElementVNode("i", {
                     class: normalizeClass(unref(ns).e('rotate-right')),
                     title: unref(t)('imageviewer.rotateRight'),
@@ -29076,7 +29236,7 @@ return (_ctx, _cache) => {
                         d: "M512 128V64L320 192l192 128v-64c176.7 0 320 143.3 320 320s-143.3 320-320 320-320-143.3-320-320h-64c0 212.1 171.9 384 384 384s384-171.9 384-384-171.9-384-384-384z"
                       })
                     ], -1 /* CACHED */)
-                  ]))], 10 /* CLASS, PROPS */, _hoisted_8$8)
+                  ]))], 10 /* CLASS, PROPS */, _hoisted_8$9)
                 ], 2 /* CLASS */)
               ], 2 /* CLASS */))
             : createCommentVNode("v-if", true),
@@ -29090,7 +29250,7 @@ return (_ctx, _cache) => {
               style: normalizeStyle({
   transform: transform.value
 })
-            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_9$7)
+            }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_9$8)
           ], 2 /* CLASS */)
         ], 6 /* CLASS, STYLE */))
       : createCommentVNode("v-if", true)
@@ -29101,7 +29261,7 @@ return (_ctx, _cache) => {
 });
 
 const _hoisted_1$G = ["src", "alt", "crossorigin", "loading"];
-const _hoisted_2$w = ["src", "alt", "crossorigin"];
+const _hoisted_2$x = ["src", "alt", "crossorigin"];
 
 const _sfc_main$1e = /*@__PURE__*/Object.assign({
   name: "YhImage"
@@ -29205,8 +29365,9 @@ const initLazyLoad = () => {
 const getRoot = () => {
   if (!isClient || !container.value) return null;
   if (typeof props.scrollContainer === "string") {
+    if (typeof document === "undefined") return null;
     return document.querySelector(props.scrollContainer);
-  } else if (props.scrollContainer instanceof HTMLElement) {
+  } else if (typeof HTMLElement !== "undefined" && props.scrollContainer instanceof HTMLElement) {
     return props.scrollContainer;
   }
   const scrollContainer = getScrollContainer(container.value);
@@ -29358,7 +29519,7 @@ return (_ctx, _cache) => {
             onLoad: onImgLoad,
             onError: onImgError,
             onClick: clickHandler
-          }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2$w)
+          }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2$x)
         ], 64 /* STABLE_FRAGMENT */))
       : createCommentVNode("v-if", true),
     createCommentVNode(" Viewer "),
@@ -29473,7 +29634,7 @@ const descriptionsItemProps = {
 const descriptionsKey = Symbol("descriptionsKey");
 
 const _hoisted_1$F = { key: 2 };
-const _hoisted_2$v = ["colspan"];
+const _hoisted_2$w = ["colspan"];
 const _hoisted_3$l = ["colspan"];
 const _hoisted_4$e = ["colspan"];
 
@@ -29638,7 +29799,7 @@ return (_ctx, _cache) => {
                           (item.slots.default)
                             ? (openBlock(), createBlock(resolveDynamicComponent(item.slots.default), { key: 0 }))
                             : createCommentVNode("v-if", true)
-                        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$v)
+                        ], 14 /* CLASS, STYLE, PROPS */, _hoisted_2$w)
                       ], 64 /* STABLE_FRAGMENT */))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 2 /* CLASS */))
@@ -29811,7 +29972,7 @@ const tabsEmits = {
 const TABS_INJECTION_KEY = Symbol("yhTabs");
 
 const _hoisted_1$E = ["tabindex", "aria-selected", "onClick", "onKeydown", "onMouseenter"];
-const _hoisted_2$u = ["onClick"];
+const _hoisted_2$v = ["onClick"];
 
 const _sfc_main$1b = /*@__PURE__*/Object.assign({
   name: "YhTabs"
@@ -29833,6 +29994,7 @@ const panes = ref([]);
 const activeTab = ref(props.modelValue);
 const navRef = ref();
 const indicatorRef = ref();
+const rootRef = ref();
 watch(
   () => props.modelValue,
   (val) => {
@@ -29927,9 +30089,10 @@ const updateIndicator = () => {
   indicatorRef.value.style.width = "";
   indicatorRef.value.style.height = "";
   indicatorRef.value.style.transform = "";
-  const computedStyle = getComputedStyle(navRef.value.closest(`.${ns.b()}`));
-  const defaultIndicatorWidth = computedStyle.getPropertyValue("--yh-tabs-indicator-width").trim() || "40px";
-  const defaultIndicatorHeight = computedStyle.getPropertyValue("--yh-tabs-indicator-height").trim() || "20px";
+  const rootEl = navRef.value.closest(`.${ns.b()}`) || rootRef.value;
+  const computedStyle = rootEl ? getComputedStyle(rootEl) : null;
+  const defaultIndicatorWidth = computedStyle?.getPropertyValue("--yh-tabs-indicator-width").trim() || "40px";
+  const defaultIndicatorHeight = computedStyle?.getPropertyValue("--yh-tabs-indicator-height").trim() || "20px";
   const navRect = navRef.value.getBoundingClientRect();
   const activeRect = activeEl.getBoundingClientRect();
   if (isVertical) {
@@ -30016,6 +30179,8 @@ __expose({
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("div", {
+    ref_key: "rootRef",
+    ref: rootRef,
     class: normalizeClass(tabsClass.value),
     style: normalizeStyle(tabsStyle.value)
   }, [
@@ -30072,7 +30237,7 @@ return (_ctx, _cache) => {
                         d: "M764.3 260.3a32 32 0 0 0-45.3 0L512 467.2 305 260.3a32 32 0 0 0-45.3 45.2L466.8 512 259.7 718.5a32 32 0 0 0 45.3 45.3L512 556.7l207 207a32 32 0 0 0 45.3-45.2L557.2 512l207-206.5a32 32 0 0 0 0-45.2z"
                       })
                     ], -1 /* CACHED */)
-                  ]))], 10 /* CLASS, PROPS */, _hoisted_2$u))
+                  ]))], 10 /* CLASS, PROPS */, _hoisted_2$v))
                 : createCommentVNode("v-if", true)
             ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$E))
           }), 128 /* KEYED_FRAGMENT */)),
@@ -30354,6 +30519,7 @@ const { themeStyle } = useComponentTheme(
 const steps = ref([]);
 const isResponsiveVertical = ref(false);
 const checkResponsive = () => {
+  if (typeof window === "undefined") return;
   if (props.responsive) {
     isResponsiveVertical.value = window.innerWidth < props.responsiveBreakpoint;
   } else {
@@ -30361,13 +30527,13 @@ const checkResponsive = () => {
   }
 };
 onMounted(() => {
-  if (props.responsive) {
+  if (props.responsive && typeof window !== "undefined") {
     checkResponsive();
     window.addEventListener("resize", checkResponsive);
   }
 });
 onUnmounted(() => {
-  if (props.responsive) {
+  if (props.responsive && typeof window !== "undefined") {
     window.removeEventListener("resize", checkResponsive);
   }
 });
@@ -31288,6 +31454,7 @@ const setupObserver = () => {
     observer.disconnect();
     observer = null;
   }
+  if (!placeholderRef.value) return;
   const rootContainer = resolveScrollContainer();
   observer = new IntersectionObserver(
     (entries) => {
@@ -31353,7 +31520,8 @@ watch(
 );
 watch(
   () => props.useObserver,
-  () => {
+  async () => {
+    await nextTick();
     if (props.useObserver) {
       if (scrollContainer.value) {
         scrollContainer.value.removeEventListener("scroll", handleScroll);
@@ -31721,7 +31889,7 @@ const dropdownMenuProps = {
 const DROPDOWN_INJECTION_KEY = Symbol("dropdown");
 
 const _hoisted_1$C = ["tabindex"];
-const _hoisted_2$t = ["onClick"];
+const _hoisted_2$u = ["onClick"];
 
 const _sfc_main$15 = /*@__PURE__*/Object.assign({
   name: "YhDropdown"
@@ -31768,11 +31936,9 @@ const handleItemClick = (command) => {
 };
 const handleShow = () => {
   emit("show");
-  emit("update:visible", true);
 };
 const handleHide = () => {
   emit("hide");
-  emit("update:visible", false);
 };
 const handleButtonClick = (event) => {
   emit("click", event);
@@ -31886,7 +32052,7 @@ return (_ctx, _cache) => {
                               }, null, 8 /* PROPS */, ["name", "class"]))
                             : createCommentVNode("v-if", true),
                           createElementVNode("span", null, toDisplayString(item.label), 1 /* TEXT */)
-                        ], 10 /* CLASS, PROPS */, _hoisted_2$t)
+                        ], 10 /* CLASS, PROPS */, _hoisted_2$u)
                       ], 64 /* STABLE_FRAGMENT */))
                     }), 128 /* KEYED_FRAGMENT */))
                   ], 64 /* STABLE_FRAGMENT */))
@@ -32327,7 +32493,7 @@ const MENU_INJECTION_KEY = Symbol("menu");
 const SUB_MENU_INJECTION_KEY = Symbol("subMenu");
 
 const _hoisted_1$B = ["tabindex"];
-const _hoisted_2$s = { style: {"max-width":"300px","word-break":"break-all"} };
+const _hoisted_2$t = { style: {"max-width":"300px","word-break":"break-all"} };
 
 const _sfc_main$12 = /*@__PURE__*/Object.assign({
   name: "YhMenuItem"
@@ -32417,7 +32583,7 @@ return (_ctx, _cache) => {
       style: {"flex":"1","min-width":"0","overflow":"hidden"}
     }, {
       content: withCtx(() => [
-        createElementVNode("div", _hoisted_2$s, [
+        createElementVNode("div", _hoisted_2$t, [
           (renderLabelContent.value)
             ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 (typeof renderLabelContent.value === 'string')
@@ -32469,7 +32635,7 @@ return (_ctx, _cache) => {
 });
 
 const _hoisted_1$A = { style: {"max-width":"300px","word-break":"break-all"} };
-const _hoisted_2$r = { style: {"max-width":"300px","word-break":"break-all"} };
+const _hoisted_2$s = { style: {"max-width":"300px","word-break":"break-all"} };
 
 const _sfc_main$11 = /*@__PURE__*/Object.assign({
   name: "YhSubMenu"
@@ -32752,7 +32918,7 @@ return (_ctx, _cache) => {
               style: {"flex":"1","min-width":"0","overflow":"hidden"}
             }, {
               content: withCtx(() => [
-                createElementVNode("div", _hoisted_2$r, [
+                createElementVNode("div", _hoisted_2$s, [
                   (renderLabelContent.value)
                     ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                         (typeof renderLabelContent.value === 'string')
@@ -33306,6 +33472,7 @@ const DEFAULT_CHINA_HOLIDAYS_2026 = {
 };
 
 const _hoisted_1$z = ["onClick", "onMouseenter"];
+const _hoisted_2$r = ["onClick"];
 
 const _sfc_main$Z = /*@__PURE__*/Object.assign({
   name: "YhCalendar"
@@ -33327,6 +33494,42 @@ const { themeStyle } = useComponentTheme(
 );
 const now = dayjs_default();
 const displayDate = ref(props.modelValue ? dayjs_default(props.modelValue) : now);
+const currentMode = ref(props.mode || "month");
+watch(
+  () => props.mode,
+  (val) => {
+    if (val) currentMode.value = val;
+  }
+);
+const handleModeChange = (mode) => {
+  currentMode.value = mode;
+  emit("update:mode", mode);
+  emit("panel-change", displayDate.value.toDate(), mode);
+};
+const monthsList = computed(() => {
+  const dateLocale = locale.value.yh?.datepicker;
+  if (dateLocale?.months) {
+    return [
+      dateLocale.months.jan,
+      dateLocale.months.feb,
+      dateLocale.months.mar,
+      dateLocale.months.apr,
+      dateLocale.months.may,
+      dateLocale.months.jun,
+      dateLocale.months.jul,
+      dateLocale.months.aug,
+      dateLocale.months.sep,
+      dateLocale.months.oct,
+      dateLocale.months.nov,
+      dateLocale.months.dec
+    ];
+  }
+  return ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+});
+const selectMonth = (monthIndex) => {
+  displayDate.value = displayDate.value.month(monthIndex);
+  handleModeChange("month");
+};
 const selectedDate = ref(props.modelValue ? dayjs_default(props.modelValue) : void 0);
 const rangeStart = ref(
   props.rangeValue?.[0] ? dayjs_default(props.rangeValue[0]) : void 0
@@ -33357,6 +33560,11 @@ const monthKeys = [
   "dec"
 ];
 const title = computed(() => {
+  if (currentMode.value === "year") {
+    const dateLocale2 = locale.value.yh?.datepicker;
+    const year = displayDate.value.year();
+    return dateLocale2?.year ? `${year}${dateLocale2.year}` : `${year}`;
+  }
   if (props.monthHeaderFormat) {
     return displayDate.value.format(props.monthHeaderFormat);
   }
@@ -33517,7 +33725,23 @@ const handleCellHover = (cell) => {
 };
 const moveMonth = (delta) => {
   displayDate.value = displayDate.value.add(delta, "month");
-  emit("panel-change", displayDate.value.toDate(), props.mode);
+  emit("panel-change", displayDate.value.toDate(), currentMode.value);
+};
+const handlePrev = () => {
+  if (currentMode.value === "year") {
+    displayDate.value = displayDate.value.subtract(1, "year");
+    emit("panel-change", displayDate.value.toDate(), "year");
+  } else {
+    moveMonth(-1);
+  }
+};
+const handleNext = () => {
+  if (currentMode.value === "year") {
+    displayDate.value = displayDate.value.add(1, "year");
+    emit("panel-change", displayDate.value.toDate(), "year");
+  } else {
+    moveMonth(1);
+  }
 };
 const goToday = () => {
   displayDate.value = now;
@@ -33553,6 +33777,15 @@ watch(
     multipleSelected.value = val?.map((d) => dayjs_default(d)) || [];
   }
 );
+watch(
+  () => props.selectionMode,
+  () => {
+    selectedDate.value = props.modelValue ? dayjs_default(props.modelValue) : void 0;
+    rangeStart.value = props.rangeValue?.[0] ? dayjs_default(props.rangeValue[0]) : void 0;
+    rangeEnd.value = props.rangeValue?.[1] ? dayjs_default(props.rangeValue[1]) : void 0;
+    multipleSelected.value = props.multipleValue?.map((d) => dayjs_default(d)) || [];
+  }
+);
 onMounted(() => {
   if (props.defaultValue && !props.modelValue) {
     selectedDate.value = dayjs_default(props.defaultValue);
@@ -33612,7 +33845,9 @@ return (_ctx, _cache) => {
       class: normalizeClass(unref(ns).e('header'))
     }, [
       createElementVNode("div", {
-        class: normalizeClass(unref(ns).e('title'))
+        class: normalizeClass(unref(ns).e('title')),
+        onClick: _cache[0] || (_cache[0] = $event => (currentMode.value === 'month' ? handleModeChange('year') : handleModeChange('month'))),
+        style: {"cursor":"pointer"}
       }, [
         renderSlot(_ctx.$slots, "header", { date: title.value }, () => [
           createTextVNode(toDisplayString(title.value), 1 /* TEXT */)
@@ -33627,10 +33862,10 @@ return (_ctx, _cache) => {
           createVNode(unref(YhButton), {
             class: "yh-calendar__nav-btn",
             size: "small",
-            onClick: _cache[0] || (_cache[0] = $event => (moveMonth(-1)))
+            onClick: _cache[1] || (_cache[1] = $event => (handlePrev()))
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("calendar.prevMonth")), 1 /* TEXT */)
+              createTextVNode(toDisplayString(currentMode.value === "year" ? unref(t)("calendar.prevYear", "\u4E0A\u4E00\u5E74") : unref(t)("calendar.prevMonth")), 1 /* TEXT */)
             ]),
             _: 1 /* STABLE */
           }),
@@ -33647,10 +33882,10 @@ return (_ctx, _cache) => {
           createVNode(unref(YhButton), {
             class: "yh-calendar__nav-btn",
             size: "small",
-            onClick: _cache[1] || (_cache[1] = $event => (moveMonth(1)))
+            onClick: _cache[2] || (_cache[2] = $event => (handleNext()))
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("calendar.nextMonth")), 1 /* TEXT */)
+              createTextVNode(toDisplayString(currentMode.value === "year" ? unref(t)("calendar.nextYear", "\u4E0B\u4E00\u5E74") : unref(t)("calendar.nextMonth")), 1 /* TEXT */)
             ]),
             _: 1 /* STABLE */
           })
@@ -33661,74 +33896,94 @@ return (_ctx, _cache) => {
     createElementVNode("div", {
       class: normalizeClass(unref(ns).e('body'))
     }, [
-      createElementVNode("table", {
-        class: normalizeClass(unref(ns).e('table'))
-      }, [
-        createElementVNode("thead", null, [
-          createElementVNode("tr", null, [
-            (_ctx.showWeekNumber)
-              ? (openBlock(), createElementBlock("th", {
-                  key: 0,
-                  class: normalizeClass(unref(ns).e('week-number-header'))
-                }, toDisplayString(unref(t)("calendar.week")), 3 /* TEXT, CLASS */))
-              : createCommentVNode("v-if", true),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
-              return (openBlock(), createElementBlock("th", {
-                key: day.value,
-                class: normalizeClass([unref(ns).e('weekday'), {
+      (currentMode.value === 'month')
+        ? (openBlock(), createElementBlock("table", {
+            key: 0,
+            class: normalizeClass(unref(ns).e('table'))
+          }, [
+            createElementVNode("thead", null, [
+              createElementVNode("tr", null, [
+                (_ctx.showWeekNumber)
+                  ? (openBlock(), createElementBlock("th", {
+                      key: 0,
+                      class: normalizeClass(unref(ns).e('week-number-header'))
+                    }, toDisplayString(unref(t)("calendar.week")), 3 /* TEXT, CLASS */))
+                  : createCommentVNode("v-if", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(weekDays.value, (day) => {
+                  return (openBlock(), createElementBlock("th", {
+                    key: day.value,
+                    class: normalizeClass([unref(ns).e('weekday'), {
   [unref(ns).em('weekday', 'weekend')]: _ctx.highlightWeekends && (day.value === 0 || day.value === 6)
 }])
-              }, [
-                createElementVNode("span", null, toDisplayString(day.label), 1 /* TEXT */)
-              ], 2 /* CLASS */))
-            }), 128 /* KEYED_FRAGMENT */))
-          ])
-        ]),
-        createElementVNode("tbody", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, rowIndex) => {
-            return (openBlock(), createElementBlock("tr", { key: rowIndex }, [
-              (_ctx.showWeekNumber)
-                ? (openBlock(), createElementBlock("td", {
-                    key: 0,
-                    class: normalizeClass(unref(ns).e('week-number'))
-                  }, toDisplayString(row.weekNumber), 3 /* TEXT, CLASS */))
-                : createCommentVNode("v-if", true),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(row.cells, (cell, cellIndex) => {
-                return (openBlock(), createElementBlock("td", {
-                  key: cellIndex,
-                  class: normalizeClass([unref(ns).e('day'), unref(ns).is('today', cell.isToday), unref(ns).is('selected', cell.isSelected), unref(ns).is('disabled', cell.isDisabled), unref(ns).is('weekend', _ctx.highlightWeekends && cell.isWeekend), unref(ns).is('holiday', cell.isHoliday), unref(ns).is('workday', cell.isWorkday), unref(ns).is('in-range', cell.isInRange), unref(ns).is('range-start', cell.isRangeStart), unref(ns).is('range-end', cell.isRangeEnd), unref(ns).is('other-month', cell.type !== 'current-month'), unref(ns).is('hidden', !_ctx.showOtherMonths && cell.type !== 'current-month'), unref(ns).is(cell.type, true), getCellExtraClass(cell)]),
-                  onClick: $event => (selectDate(cell)),
-                  onMouseenter: $event => (handleCellHover(cell))
-                }, [
-                  createElementVNode("div", {
-                    class: normalizeClass(unref(ns).e('day-inner'))
                   }, [
-                    createCommentVNode(" 日期数字 "),
-                    createElementVNode("div", {
-                      class: normalizeClass(unref(ns).e('day-value'))
-                    }, toDisplayString(cell.day), 3 /* TEXT, CLASS */),
-                    createCommentVNode(" 假期/补班标记 "),
-                    (_ctx.showHoliday && (cell.isHoliday || cell.isWorkday))
-                      ? (openBlock(), createElementBlock("div", {
-                          key: 0,
-                          class: normalizeClass([unref(ns).e('day-badge'), cell.isHoliday ? unref(ns).em('day-badge', 'holiday') : unref(ns).em('day-badge', 'workday')])
-                        }, toDisplayString(cell.isHoliday ? unref(t)("calendar.holiday") : unref(t)("calendar.workday")), 3 /* TEXT, CLASS */))
-                      : createCommentVNode("v-if", true),
-                    createCommentVNode(" 自定义内容插槽 "),
-                    createElementVNode("div", {
-                      class: normalizeClass(unref(ns).e('day-content'))
+                    createElementVNode("span", null, toDisplayString(day.label), 1 /* TEXT */)
+                  ], 2 /* CLASS */))
+                }), 128 /* KEYED_FRAGMENT */))
+              ])
+            ]),
+            createElementVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row, rowIndex) => {
+                return (openBlock(), createElementBlock("tr", { key: rowIndex }, [
+                  (_ctx.showWeekNumber)
+                    ? (openBlock(), createElementBlock("td", {
+                        key: 0,
+                        class: normalizeClass(unref(ns).e('week-number'))
+                      }, toDisplayString(row.weekNumber), 3 /* TEXT, CLASS */))
+                    : createCommentVNode("v-if", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(row.cells, (cell, cellIndex) => {
+                    return (openBlock(), createElementBlock("td", {
+                      key: cellIndex,
+                      class: normalizeClass([unref(ns).e('day'), unref(ns).is('today', cell.isToday), unref(ns).is('selected', cell.isSelected), unref(ns).is('disabled', cell.isDisabled), unref(ns).is('weekend', _ctx.highlightWeekends && cell.isWeekend), unref(ns).is('holiday', cell.isHoliday), unref(ns).is('workday', cell.isWorkday), unref(ns).is('in-range', cell.isInRange), unref(ns).is('range-start', cell.isRangeStart), unref(ns).is('range-end', cell.isRangeEnd), unref(ns).is('other-month', cell.type !== 'current-month'), unref(ns).is('hidden', !_ctx.showOtherMonths && cell.type !== 'current-month'), unref(ns).is(cell.type, true), getCellExtraClass(cell)]),
+                      onClick: $event => (selectDate(cell)),
+                      onMouseenter: $event => (handleCellHover(cell))
                     }, [
-                      renderSlot(_ctx.$slots, "date-cell", {
-                        data: getSlotData(cell)
-                      })
-                    ], 2 /* CLASS */)
-                  ], 2 /* CLASS */)
-                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$z))
+                      createElementVNode("div", {
+                        class: normalizeClass(unref(ns).e('day-inner'))
+                      }, [
+                        createCommentVNode(" 日期数字 "),
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(ns).e('day-value'))
+                        }, toDisplayString(cell.day), 3 /* TEXT, CLASS */),
+                        createCommentVNode(" 假期/补班标记 "),
+                        (_ctx.showHoliday && (cell.isHoliday || cell.isWorkday))
+                          ? (openBlock(), createElementBlock("div", {
+                              key: 0,
+                              class: normalizeClass([unref(ns).e('day-badge'), cell.isHoliday ? unref(ns).em('day-badge', 'holiday') : unref(ns).em('day-badge', 'workday')])
+                            }, toDisplayString(cell.isHoliday ? unref(t)("calendar.holiday") : unref(t)("calendar.workday")), 3 /* TEXT, CLASS */))
+                          : createCommentVNode("v-if", true),
+                        createCommentVNode(" 自定义内容插槽 "),
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(ns).e('day-content'))
+                        }, [
+                          renderSlot(_ctx.$slots, "date-cell", {
+                            data: getSlotData(cell)
+                          })
+                        ], 2 /* CLASS */)
+                      ], 2 /* CLASS */)
+                    ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$z))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ]))
               }), 128 /* KEYED_FRAGMENT */))
-            ]))
-          }), 128 /* KEYED_FRAGMENT */))
-        ])
-      ], 2 /* CLASS */)
+            ])
+          ], 2 /* CLASS */))
+        : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createCommentVNode(" 年视图 "),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e('months-grid'))
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(monthsList.value, (monthName, index) => {
+                return (openBlock(), createElementBlock("div", {
+                  key: index,
+                  class: normalizeClass([unref(ns).e('month-cell'), unref(ns).is('current-month', displayDate.value.year() === unref(now).year() && index === unref(now).month())]),
+                  onClick: $event => (selectMonth(index))
+                }, [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).e('month-cell-inner'))
+                  }, toDisplayString(monthName), 3 /* TEXT, CLASS */)
+                ], 10 /* CLASS, PROPS */, _hoisted_2$r))
+              }), 128 /* KEYED_FRAGMENT */))
+            ], 2 /* CLASS */)
+          ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
     ], 2 /* CLASS */),
     createCommentVNode(" 底部插槽 "),
     (_ctx.$slots.footer)
@@ -33845,23 +34100,34 @@ onBeforeUnmount(() => {
     resizeObserver.disconnect();
     resizeObserver = null;
   }
+  if (heightResetTimer !== null) {
+    clearTimeout(heightResetTimer);
+    heightResetTimer = null;
+  }
 });
 const isRefreshing = computed(() => props.loading && props.items && props.items.length > 0);
 const minContainerHeight = ref("auto");
+let heightResetTimer = null;
 watch(
   () => props.loading,
   (val) => {
     if (val && containerRef.value) {
+      if (heightResetTimer !== null) {
+        clearTimeout(heightResetTimer);
+        heightResetTimer = null;
+      }
       const height = containerRef.value.offsetHeight;
       if (height > 0) {
         minContainerHeight.value = `${height}px`;
       }
     } else {
-      nextTick(() => {
-        setTimeout(() => {
-          minContainerHeight.value = "auto";
-        }, 300);
-      });
+      if (heightResetTimer !== null) {
+        clearTimeout(heightResetTimer);
+      }
+      heightResetTimer = setTimeout(() => {
+        minContainerHeight.value = "auto";
+        heightResetTimer = null;
+      }, 300);
     }
   }
 );
@@ -34518,6 +34784,7 @@ const flattenedNodes = computed(() => {
   return result;
 });
 const handleNodeClick = (node, e) => {
+  if (dragNode.value) return;
   if (node.disabled) return;
   currentNodeKey.value = node.key;
   emit("update:currentNodeKey", node.key);
@@ -35239,7 +35506,12 @@ function getInitialRemain() {
   const now = Date.now() + serverOffset;
   const value = props.value;
   if (isTargetTimestamp(value)) {
-    const target = value instanceof Date ? value.getTime() : value;
+    let target = value instanceof Date ? value.getTime() : value;
+    if (props.timezoneOffset !== void 0 && props.timezoneOffset !== null) {
+      const localOffset = -(/* @__PURE__ */ new Date()).getTimezoneOffset();
+      const tzAdjustment = (props.timezoneOffset - localOffset) * 60 * 1e3;
+      target = target - tzAdjustment;
+    }
     return Math.max(0, target - now);
   }
   return Math.max(0, value instanceof Date ? value.getTime() : value);
@@ -35399,96 +35671,99 @@ const digits = computed(() => {
 });
 
 return (_ctx, _cache) => {
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(rootClass.value),
-    style: normalizeStyle(unref(themeStyle))
-  }, [
-    createCommentVNode(" 标题 "),
-    renderSlot(_ctx.$slots, "prefix", {}, () => [
-      (_ctx.title)
-        ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(unref(ns).e('title'))
-          }, toDisplayString(_ctx.title), 3 /* TEXT, CLASS */))
-        : createCommentVNode("v-if", true)
-    ]),
-    createCommentVNode(" 主体内容 "),
-    createElementVNode("div", {
-      class: normalizeClass(unref(ns).e('content'))
-    }, [
-      createCommentVNode(" 默认插槽：完全自定义渲染 "),
-      renderSlot(_ctx.$slots, "default", {
-        current: formatContext.value,
-        remaining: remain.value,
-        formatted: displayText.value,
-        status: status.value,
-        isWarning: isWarning.value,
-        isFinished: isFinished.value
-      }, () => [
-        createCommentVNode(" 翻牌模式 "),
-        (_ctx.flipAnimation)
-          ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(digits.value, (digit, idx) => {
-              return (openBlock(), createElementBlock(Fragment, {
-                key: digit.key
-              }, [
-                createCommentVNode(" 分隔符 "),
-                (idx > 0)
-                  ? (openBlock(), createElementBlock("span", {
-                      key: 0,
-                      class: normalizeClass(unref(ns).e('separator'))
+  return (_ctx.keepAliveOnFinish || status.value !== 'finished')
+    ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(rootClass.value),
+        style: normalizeStyle(unref(themeStyle))
+      }, [
+        createCommentVNode(" 标题 "),
+        renderSlot(_ctx.$slots, "prefix", {}, () => [
+          (_ctx.title)
+            ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(unref(ns).e('title'))
+              }, toDisplayString(_ctx.title), 3 /* TEXT, CLASS */))
+            : createCommentVNode("v-if", true)
+        ]),
+        createCommentVNode(" 主体内容 "),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e('content'))
+        }, [
+          createCommentVNode(" 默认插槽：完全自定义渲染 "),
+          renderSlot(_ctx.$slots, "default", {
+            current: formatContext.value,
+            remaining: remain.value,
+            formatted: displayText.value,
+            status: status.value,
+            isWarning: isWarning.value,
+            isFinished: isFinished.value
+          }, () => [
+            createCommentVNode(" 翻牌模式 "),
+            (_ctx.flipAnimation)
+              ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(digits.value, (digit, idx) => {
+                  return (openBlock(), createElementBlock(Fragment, {
+                    key: digit.key
+                  }, [
+                    createCommentVNode(" 分隔符 "),
+                    (idx > 0)
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass(unref(ns).e('separator'))
+                        }, [
+                          renderSlot(_ctx.$slots, "separator", {}, () => [
+                            createTextVNode(toDisplayString(_ctx.separator), 1 /* TEXT */)
+                          ])
+                        ], 2 /* CLASS */))
+                      : createCommentVNode("v-if", true),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(ns).e('block'))
                     }, [
-                      renderSlot(_ctx.$slots, "separator", {}, () => [
-                        createTextVNode(toDisplayString(_ctx.separator), 1 /* TEXT */)
-                      ])
-                    ], 2 /* CLASS */))
-                  : createCommentVNode("v-if", true),
-                createElementVNode("div", {
-                  class: normalizeClass(unref(ns).e('block'))
-                }, [
-                  createElementVNode("div", {
-                    class: normalizeClass(unref(ns).e('flip-card'))
+                      createElementVNode("div", {
+                        class: normalizeClass(unref(ns).e('flip-card'))
+                      }, [
+                        renderSlot(_ctx.$slots, `${digit.key}-cell`, {
+                          value: digit.value
+                        }, () => [
+                          createElementVNode("span", {
+                            class: normalizeClass(unref(ns).e('value')),
+                            style: normalizeStyle(valueStyleComputed.value)
+                          }, toDisplayString(digit.value), 7 /* TEXT, CLASS, STYLE */)
+                        ])
+                      ], 2 /* CLASS */),
+                      (digit.label)
+                        ? (openBlock(), createElementBlock("span", {
+                            key: 0,
+                            class: normalizeClass(unref(ns).e('label'))
+                          }, toDisplayString(digit.label), 3 /* TEXT, CLASS */))
+                        : createCommentVNode("v-if", true)
+                    ], 2 /* CLASS */)
+                  ], 64 /* STABLE_FRAGMENT */))
+                }), 128 /* KEYED_FRAGMENT */))
+              : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createCommentVNode(" 常规模式 "),
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(ns).e('value')),
+                    style: normalizeStyle(valueStyleComputed.value)
                   }, [
-                    renderSlot(_ctx.$slots, `${digit.key}-cell`, {
-                      value: digit.value
-                    }, () => [
-                      createElementVNode("span", {
-                        class: normalizeClass(unref(ns).e('value')),
-                        style: normalizeStyle(valueStyleComputed.value)
-                      }, toDisplayString(digit.value), 7 /* TEXT, CLASS, STYLE */)
+                    renderSlot(_ctx.$slots, "value", { text: displayText.value }, () => [
+                      createTextVNode(toDisplayString(displayText.value), 1 /* TEXT */)
                     ])
-                  ], 2 /* CLASS */),
-                  (digit.label)
-                    ? (openBlock(), createElementBlock("span", {
-                        key: 0,
-                        class: normalizeClass(unref(ns).e('label'))
-                      }, toDisplayString(digit.label), 3 /* TEXT, CLASS */))
-                    : createCommentVNode("v-if", true)
-                ], 2 /* CLASS */)
-              ], 64 /* STABLE_FRAGMENT */))
-            }), 128 /* KEYED_FRAGMENT */))
-          : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createCommentVNode(" 常规模式 "),
-              createElementVNode("span", {
-                class: normalizeClass(unref(ns).e('value')),
-                style: normalizeStyle(valueStyleComputed.value)
-              }, [
-                renderSlot(_ctx.$slots, "value", { text: displayText.value }, () => [
-                  createTextVNode(toDisplayString(displayText.value), 1 /* TEXT */)
-                ])
-              ], 6 /* CLASS, STYLE */)
-            ], 64 /* STABLE_FRAGMENT */))
-      ])
-    ], 2 /* CLASS */),
-    createCommentVNode(" 后缀 "),
-    renderSlot(_ctx.$slots, "suffix", {}, () => [
-      (_ctx.suffix)
-        ? (openBlock(), createElementBlock("span", {
-            key: 0,
-            class: normalizeClass(unref(ns).e('suffix'))
-          }, toDisplayString(_ctx.suffix), 3 /* TEXT, CLASS */))
-        : createCommentVNode("v-if", true)
-    ])
-  ], 6 /* CLASS, STYLE */))
+                  ], 6 /* CLASS, STYLE */)
+                ], 64 /* STABLE_FRAGMENT */))
+          ])
+        ], 2 /* CLASS */),
+        createCommentVNode(" 后缀 "),
+        renderSlot(_ctx.$slots, "suffix", {}, () => [
+          (_ctx.suffix)
+            ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(unref(ns).e('suffix'))
+              }, toDisplayString(_ctx.suffix), 3 /* TEXT, CLASS */))
+            : createCommentVNode("v-if", true)
+        ])
+      ], 6 /* CLASS, STYLE */))
+    : createCommentVNode("v-if", true)
 }
 }
 
@@ -37630,13 +37905,13 @@ const _hoisted_2$p = ["checked", "indeterminate"];
 const _hoisted_3$j = ["rowspan"];
 const _hoisted_4$c = ["rowspan"];
 const _hoisted_5$b = ["colspan", "rowspan", "onClick", "onContextmenu"];
-const _hoisted_6$9 = ["onPointerdown"];
-const _hoisted_7$8 = ["checked", "indeterminate"];
-const _hoisted_8$7 = ["onClick", "onContextmenu"];
-const _hoisted_9$6 = ["onPointerdown"];
-const _hoisted_10$3 = ["src", "alt"];
-const _hoisted_11$3 = ["onClick", "onDblclick", "onContextmenu"];
-const _hoisted_12$2 = ["type", "checked", "disabled", "onChange"];
+const _hoisted_6$a = ["onPointerdown"];
+const _hoisted_7$9 = ["checked", "indeterminate"];
+const _hoisted_8$8 = ["onClick", "onContextmenu"];
+const _hoisted_9$7 = ["onPointerdown"];
+const _hoisted_10$4 = ["src", "alt"];
+const _hoisted_11$4 = ["onClick", "onDblclick", "onContextmenu"];
+const _hoisted_12$3 = ["type", "checked", "disabled", "onChange"];
 const _hoisted_13$2 = ["onClick"];
 const _hoisted_14$1 = ["colspan", "rowspan", "data-row-key", "data-prop", "onClick", "onDblclick"];
 const _hoisted_15$1 = ["onClick"];
@@ -38723,7 +38998,7 @@ return (_ctx, _cache) => {
                                   key: 0,
                                   class: normalizeClass(unref(ns).e('resize-handle')),
                                   onPointerdown: withModifiers($event => (unref(handleResizeStart)($event, cell.column, $event.currentTarget.parentElement)), ["stop"])
-                                }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_6$9))
+                                }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_6$a))
                               : createCommentVNode("v-if", true)
                           ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_5$b))
                         }), 128 /* KEYED_FRAGMENT */))
@@ -38755,7 +39030,7 @@ return (_ctx, _cache) => {
                                       checked: unref(isAllSelected),
                                       indeterminate: unref(isIndeterminate),
                                       onChange: _cache[1] || (_cache[1] = (...args) => (unref(toggleAllSelection) && unref(toggleAllSelection)(...args)))
-                                    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7$8))
+                                    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7$9))
                                   : createCommentVNode("v-if", true)
                               ], 2 /* CLASS */)
                             ], 6 /* CLASS, STYLE */))
@@ -38873,9 +39148,9 @@ return (_ctx, _cache) => {
                                   key: 0,
                                   class: normalizeClass(unref(ns).e('resize-handle')),
                                   onPointerdown: withModifiers($event => (unref(handleResizeStart)($event, column, $event.currentTarget.parentElement)), ["stop"])
-                                }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_9$6))
+                                }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_9$7))
                               : createCommentVNode("v-if", true)
-                          ], 16 /* FULL_PROPS */, _hoisted_8$7))
+                          ], 16 /* FULL_PROPS */, _hoisted_8$8))
                         }), 128 /* KEYED_FRAGMENT */))
                       ], 6 /* CLASS, STYLE */)
                     ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
@@ -38922,7 +39197,7 @@ return (_ctx, _cache) => {
                               createElementVNode("img", {
                                 src: _ctx.emptyConfig.image,
                                 alt: unref(t)('common.noData')
-                              }, null, 8 /* PROPS */, _hoisted_10$3)
+                              }, null, 8 /* PROPS */, _hoisted_10$4)
                             ], 2 /* CLASS */))
                           : createCommentVNode("v-if", true),
                         createElementVNode("div", {
@@ -39001,7 +39276,7 @@ return (_ctx, _cache) => {
                                 checked: unref(isRowSelected)(row),
                                 disabled: !unref(isRowSelectable)(row, rowIndex),
                                 onChange: $event => (unref(toggleRowSelection)(row))
-                              }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_12$2)
+                              }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_12$3)
                             ], 6 /* CLASS, STYLE */))
                           : createCommentVNode("v-if", true),
                         createCommentVNode(" 展开列 "),
@@ -39132,7 +39407,7 @@ return (_ctx, _cache) => {
                               : createCommentVNode("v-if", true)
                           ], 64 /* STABLE_FRAGMENT */))
                         }), 128 /* KEYED_FRAGMENT */))
-                      ], 16 /* FULL_PROPS */, _hoisted_11$3),
+                      ], 16 /* FULL_PROPS */, _hoisted_11$4),
                       createCommentVNode(" 展开行内容 "),
                       (_ctx.expandConfig && expandedRowKeys.value.has(getRowKeyFn(row)))
                         ? (openBlock(), createElementBlock("tr", {
@@ -40525,6 +40800,7 @@ watch(dropdownVisible, (val) => {
     nextTick(updateDropdownPosition);
     emit("open");
   } else {
+    dropdownStyle.value = {};
     emit("close");
   }
 });
@@ -40553,6 +40829,7 @@ const debouncedSearch = (keyword, trigger) => {
   }, props.debounce);
 };
 const handleInput = (event) => {
+  if (event.isComposing) return;
   const target = event.target;
   const value = target.value;
   const rawCursor = target.selectionStart;
@@ -41445,10 +41722,26 @@ const loadFileTree = async (type, keyword = "") => {
   try {
     let nodes = [];
     if (props.fileLoader) {
-      nodes = await props.fileLoader(keyword, type);
+      nodes = await props.fileLoader(keyword, type, props.fileRoot);
     } else {
       nodes = generateMockFileTree(type, keyword);
     }
+    if (props.fileRoot && props.fileRoot !== "/") {
+      const prefix = props.fileRoot.endsWith("/") ? props.fileRoot.slice(0, -1) : props.fileRoot;
+      const applyRoot = (list) => {
+        return list.map((node) => {
+          const newNode = { ...node };
+          if (newNode.path) {
+            newNode.path = newNode.path.startsWith("/") ? `${prefix}${newNode.path}` : `${prefix}/${newNode.path}`;
+          }
+          if (newNode.children) {
+            newNode.children = applyRoot(newNode.children);
+          }
+          return newNode;
+        });
+      };
+      nodes = applyRoot(nodes);
+    }
     fileTreeData.value = nodes;
     emit("file-load", type, nodes);
     if (props.fileTreeExpandedLevel > 0) {
@@ -41798,6 +42091,10 @@ watch(showFileTree, (val) => {
 onBeforeUnmount(() => {
   window.removeEventListener("scroll", updatePanelPosition, true);
   window.removeEventListener("resize", updatePanelPosition, true);
+  if (searchDebounceTimer) {
+    clearTimeout(searchDebounceTimer);
+    searchDebounceTimer = null;
+  }
 });
 const refreshFileTree = () => {
   if (currentFileType.value) {
@@ -41852,7 +42149,8 @@ return (_ctx, _cache) => {
       onFocus: _cache[0] || (_cache[0] = $event => (emit('focus', $event))),
       onBlur: _cache[1] || (_cache[1] = $event => (emit('blur', $event))),
       onInput: _cache[2] || (_cache[2] = $event => (emit('input', $event))),
-      onKeydown: _cache[3] || (_cache[3] = $event => (emit('keydown', $event)))
+      onKeydown: _cache[3] || (_cache[3] = $event => (emit('keydown', $event))),
+      onChange: _cache[4] || (_cache[4] = $event => (emit('change', $event)))
     }), createSlots({
       option: withCtx(({ option }) => [
         createElementVNode("div", {
@@ -42028,9 +42326,11 @@ watch(
 const innerValue = computed({
   get: () => localValue.value,
   set: (val) => {
-    localValue.value = val;
-    emit("update:modelValue", val);
-    emit("change", val);
+    if (localValue.value !== val) {
+      localValue.value = val;
+      emit("update:modelValue", val);
+      emit("change", val);
+    }
   }
 });
 const filteredCommands = computed(() => {
@@ -44663,7 +44963,9 @@ function sanitizeMarkup(html, options = {}) {
 }
 function sanitizeHighlightedHtml(html, options = {}) {
   const source = options.sanitizer ? options.sanitizer(html) : html;
-  return source.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/<iframe[\s\S]*?>[\s\S]*?<\/iframe>/gi, "").replace(/<object[\s\S]*?>[\s\S]*?<\/object>/gi, "").replace(/<embed[\s\S]*?>/gi, "").replace(/<img[\s\S]*?>/gi, "").replace(/\son[a-z-]+\s*=\s*(['"]).*?\1/gi, "").replace(/\son[a-z-]+\s*=\s*[^\s>]+/gi, "").replace(/javascript:/gi, "");
+  return source.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi, "").replace(/<iframe[\s\S]*?>[\s\S]*?<\/iframe>/gi, "").replace(/<object[\s\S]*?>[\s\S]*?<\/object>/gi, "").replace(/<embed[\s\S]*?>/gi, "").replace(/<img[\s\S]*?>/gi, "").replace(/<[^>]+>/g, (tag) => {
+    return tag.replace(/\son[a-z-]+\s*=\s*(['"]).*?\1/gi, "").replace(/\son[a-z-]+\s*=\s*[^\s>]+/gi, "");
+  }).replace(/javascript:/gi, "");
 }
 function sanitizeSvgMarkup(svg, options = {}) {
   return sanitizeMarkup(svg, {
@@ -45280,16 +45582,16 @@ const _hoisted_2$h = ["innerHTML"];
 const _hoisted_3$e = { class: "hljs json" };
 const _hoisted_4$9 = ["innerHTML"];
 const _hoisted_5$9 = { key: 0 };
-const _hoisted_6$8 = { key: 0 };
-const _hoisted_7$7 = ["href", "title", "onClick"];
-const _hoisted_8$6 = { key: 0 };
-const _hoisted_9$5 = {
+const _hoisted_6$9 = { key: 0 };
+const _hoisted_7$8 = ["href", "title", "onClick"];
+const _hoisted_8$7 = { key: 0 };
+const _hoisted_9$6 = {
   key: 1,
   class: "publish-time"
 };
-const _hoisted_10$2 = { class: "code-edit-modal" };
-const _hoisted_11$2 = { class: "code-edit-header" };
-const _hoisted_12$1 = { class: "code-edit-body" };
+const _hoisted_10$3 = { class: "code-edit-modal" };
+const _hoisted_11$3 = { class: "code-edit-header" };
+const _hoisted_12$2 = { class: "code-edit-body" };
 const _hoisted_13$1 = { class: "code-edit-footer" };
 
 const _sfc_main$y = /*@__PURE__*/Object.assign({
@@ -45297,10 +45599,12 @@ const _sfc_main$y = /*@__PURE__*/Object.assign({
 }, {
   __name: 'ai-bubble',
   props: aiBubbleProps,
-  setup(__props) {
+  emits: ["copy-fail"],
+  setup(__props, { emit: __emit }) {
 
 
 const props = __props;
+const emit = __emit;
 const ns = useNamespace("ai-bubble");
 const { t } = useLocale();
 const hasMounted = ref(false);
@@ -45309,22 +45613,24 @@ const { themeStyle } = useComponentTheme(
   computed(() => props.themeOverrides)
 );
 const playingAsset = ref(null);
-let audioInstance = null;
+const audioInstance = ref(null);
 const handleAudioToggle = (url) => {
   if (playingAsset.value === url) {
-    audioInstance?.pause();
+    audioInstance.value?.pause();
     playingAsset.value = null;
   } else {
-    if (audioInstance) {
-      audioInstance.pause();
+    if (audioInstance.value) {
+      audioInstance.value.pause();
+      audioInstance.value.src = "";
     }
     playingAsset.value = url;
-    audioInstance = new Audio(url);
-    audioInstance.play().catch((err) => {
+    const audio = new Audio(url);
+    audioInstance.value = audio;
+    audio.play().catch((err) => {
       console.warn("Audio playback failed:", err);
       playingAsset.value = null;
     });
-    audioInstance.onended = () => {
+    audio.onended = () => {
       playingAsset.value = null;
     };
   }
@@ -45497,13 +45803,37 @@ const toggleCodeBlock = (id) => {
     expandedCodeBlocks.value.add(id);
   }
 };
+const copyTextToClipboard = async (text) => {
+  if (typeof navigator !== "undefined" && navigator.clipboard && navigator.clipboard.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {
+    }
+  }
+  if (typeof document !== "undefined") {
+    try {
+      const textarea = document.createElement("textarea");
+      textarea.value = text;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      const successful = document.execCommand("copy");
+      document.body.removeChild(textarea);
+      if (successful) return true;
+    } catch {
+    }
+  }
+  return false;
+};
 const copyCode = async (code, id) => {
-  try {
-    await navigator.clipboard.writeText(code);
+  const success = await copyTextToClipboard(code);
+  if (success) {
     copiedCodeBlocks.value.add(id);
     setTimeout(() => copiedCodeBlocks.value.delete(id), 2e3);
-  } catch (e) {
-    console.error("Copy failed:", e);
+  } else {
+    emit("copy-fail", new Error("Copy failed"));
   }
 };
 const openCodeEditor = async (code, id, lang) => {
@@ -45530,12 +45860,12 @@ const saveEditCode = async (id) => {
   if (monacoEditor.value) {
     editCodeContent.value = monacoEditor.value.getValue();
   }
-  try {
-    await navigator.clipboard.writeText(editCodeContent.value);
+  const success = await copyTextToClipboard(editCodeContent.value);
+  if (success) {
     copiedCodeBlocks.value.add(id);
     setTimeout(() => copiedCodeBlocks.value.delete(id), 2e3);
-  } catch (e) {
-    console.error("Copy edited code failed:", e);
+  } else {
+    emit("copy-fail", new Error("Copy failed"));
   }
   editingCodeBlock.value = null;
   editCodeContent.value = "";
@@ -46083,9 +46413,10 @@ watch(
   { immediate: true }
 );
 onBeforeUnmount(() => {
-  if (audioInstance) {
-    audioInstance.pause();
-    audioInstance = null;
+  if (audioInstance.value) {
+    audioInstance.value.pause();
+    audioInstance.value.src = "";
+    audioInstance.value = null;
   }
   if (streamTimer) {
     clearInterval(streamTimer);
@@ -46349,7 +46680,7 @@ return (_ctx, _cache) => {
                                     : createCommentVNode("v-if", true)
                                 ]),
                                 (_ctx.structuredData.data && typeof _ctx.structuredData.data === 'object')
-                                  ? (openBlock(), createElementBlock("tbody", _hoisted_6$8, [
+                                  ? (openBlock(), createElementBlock("tbody", _hoisted_6$9, [
                                       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.structuredData.data.rows, (row, idx) => {
                                         return (openBlock(), createElementBlock("tr", { key: idx }, [
                                           (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, cIdx) => {
@@ -46511,7 +46842,7 @@ return (_ctx, _cache) => {
                                 class: normalizeClass(unref(ns).e('citation-link-icon'))
                               }, null, 8 /* PROPS */, ["class"]))
                             : createCommentVNode("v-if", true)
-                        ], 10 /* CLASS, PROPS */, _hoisted_7$7))
+                        ], 10 /* CLASS, PROPS */, _hoisted_7$8))
                       }), 128 /* KEYED_FRAGMENT */))
                     ], 2 /* CLASS */)
                   ], 2 /* CLASS */))
@@ -46560,10 +46891,10 @@ return (_ctx, _cache) => {
                       }, [
                         createElementVNode("h4", null, toDisplayString(hoveredCitation.value.title), 1 /* TEXT */),
                         (hoveredCitation.value.abstract)
-                          ? (openBlock(), createElementBlock("p", _hoisted_8$6, toDisplayString(hoveredCitation.value.abstract), 1 /* TEXT */))
+                          ? (openBlock(), createElementBlock("p", _hoisted_8$7, toDisplayString(hoveredCitation.value.abstract), 1 /* TEXT */))
                           : createCommentVNode("v-if", true),
                         (hoveredCitation.value.publishTime)
-                          ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString(hoveredCitation.value.publishTime), 1 /* TEXT */))
+                          ? (openBlock(), createElementBlock("span", _hoisted_9$6, toDisplayString(hoveredCitation.value.publishTime), 1 /* TEXT */))
                           : createCommentVNode("v-if", true)
                       ], 2 /* CLASS */)
                     ], 2 /* CLASS */)
@@ -46588,8 +46919,8 @@ return (_ctx, _cache) => {
                     class: "code-edit-modal-overlay",
                     onClick: withModifiers(cancelEditCode, ["self"])
                   }, [
-                    createElementVNode("div", _hoisted_10$2, [
-                      createElementVNode("div", _hoisted_11$2, [
+                    createElementVNode("div", _hoisted_10$3, [
+                      createElementVNode("div", _hoisted_11$3, [
                         _cache[3] || (_cache[3] = createElementVNode("h3", null, "Edit Code", -1 /* CACHED */)),
                         createVNode(unref(YhButton), {
                           text: "",
@@ -46601,7 +46932,7 @@ return (_ctx, _cache) => {
                           _: 1 /* STABLE */
                         })
                       ]),
-                      createElementVNode("div", _hoisted_12$1, [
+                      createElementVNode("div", _hoisted_12$2, [
                         createElementVNode("div", {
                           ref_key: "monacoContainer",
                           ref: monacoContainer,
@@ -46719,14 +47050,14 @@ const emit = __emit;
 const ns = useNamespace("ai-chat");
 const { t } = useLocale();
 const { themeStyle } = useComponentTheme("ai-chat", props.themeOverrides);
-const contentRef = ref();
 const virtualScrollEnabled = computed(() => props.virtualScroll && props.messages.length > 50);
-const { visibleItems, totalHeight, offsetY, startIndex, onScroll, scrollToIndex } = useVirtualScroll$1({
+const { visibleItems, totalHeight, offsetY, startIndex, onScroll, scrollToIndex, containerRef } = useVirtualScroll$1({
   items: computed(() => props.messages),
   itemHeight: props.estimatedItemHeight,
   containerHeight: props.virtualHeight,
   overscan: 5
 });
+const contentRef = containerRef;
 const scrollToBottom = () => {
   nextTick(() => {
     if (virtualScrollEnabled.value && props.messages.length > 0) {
@@ -46785,8 +47116,8 @@ return (_ctx, _cache) => {
     createCommentVNode(" Messages List "),
     createElementVNode("div", {
       class: normalizeClass(unref(ns).e('content')),
-      ref_key: "contentRef",
-      ref: contentRef,
+      ref_key: "containerRef",
+      ref: containerRef,
       style: normalizeStyle(virtualScrollEnabled.value ? {
   height: props.virtualHeight + 'px',
   overflow: 'auto'
@@ -48377,24 +48708,29 @@ const actionItems = computed(() => {
         icon: defaultIcons[item] || "more",
         label: "",
         // 通常泡泡底座不需要文字标签
-        tooltip: defaultLabels.value[item] || item
+        tooltip: defaultLabels.value[item] || item,
+        _original: item
       };
     }
     return {
       ...item,
-      icon: item.icon || defaultIcons[item.key] || "more"
+      icon: item.icon || defaultIcons[item.key] || "more",
+      _original: item
     };
   });
 });
 const handleClick = (item) => {
-  if (typeof item === "object" && item.disabled) return;
-  const key = typeof item === "string" ? item : item.key;
-  emit("click", key, item);
+  if (typeof item === "string") {
+    emit("click", item, item);
+    return;
+  }
+  if (item.disabled) return;
+  emit("click", item.key, item._original);
 };
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction), unref(ns).m(_ctx.size)]),
+    class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction), unref(ns).m(_ctx.size), unref(ns).m(props.variant)]),
     style: normalizeStyle(unref(themeStyle))
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(actionItems.value, (item, index) => {
@@ -48692,13 +49028,28 @@ watch(
     localValue.value = val;
   }
 );
+const isComposing = ref(false);
+const handleCompositionStart = () => {
+  isComposing.value = true;
+};
+const handleCompositionEnd = (e) => {
+  isComposing.value = false;
+  const val = e.target.value;
+  innerValue.value = val;
+  nextTick(() => {
+    autoResize();
+    updateCommandPanelPosition();
+  });
+};
 const innerValue = computed({
   get: () => localValue.value,
   set: (val) => {
     localValue.value = val;
     emit("update:modelValue", val);
     emit("change", val);
-    checkCommandTrigger(val);
+    if (!isComposing.value) {
+      checkCommandTrigger(val);
+    }
   }
 });
 const autoResize = () => {
@@ -48708,7 +49059,12 @@ const autoResize = () => {
   el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
 };
 const handleInput = (e) => {
-  innerValue.value = e.target.value;
+  const val = e.target.value;
+  if (isComposing.value) {
+    localValue.value = val;
+    return;
+  }
+  innerValue.value = val;
   nextTick(() => {
     autoResize();
     updateCommandPanelPosition();
@@ -48861,13 +49217,22 @@ const getCommandIcon = (command) => {
   if (command.icon) return command.icon;
   return "command";
 };
+const triggerCommand = (keyword) => {
+  showCommandPanel.value = true;
+  commandSearchText.value = keyword;
+  filterCommands(keyword);
+  selectedCommandIndex.value = 0;
+  emit("command-panel-show");
+  emit("command-search", keyword);
+};
 __expose({
   focus: () => textareaRef.value?.focus(),
   blur: () => textareaRef.value?.blur(),
   clear: () => {
     localValue.value = "";
     hideCommandPanel();
-  }
+  },
+  triggerCommand
 });
 
 return (_ctx, _cache) => {
@@ -48920,7 +49285,9 @@ return (_ctx, _cache) => {
         onFocus: _cache[1] || (_cache[1] = $event => (isFocused.value = true)),
         onBlur: _cache[2] || (_cache[2] = $event => (isFocused.value = false)),
         onInput: handleInput,
-        onKeydown: handleKeyDown
+        onKeydown: handleKeyDown,
+        onCompositionstart: handleCompositionStart,
+        onCompositionend: handleCompositionEnd
       }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$i), [
         [vModelText, innerValue.value]
       ])
@@ -49190,6 +49557,29 @@ const aiArtifactsProps = {
   chartLoadingText: {
     type: String,
     default: void 0
+  },
+  // ========== Vue SFC 沙箱相关属性 ==========
+  /**
+   * Vue SFC 沙箱渲染器使用的 yh-ui bundle URL。
+   * 默认使用 esm.sh CDN（会自动打包 @yh-ui/icons 等所有依赖，只需外部化 vue）。
+   * 消费端可传入自托管的 bundle 地址，文档站可通过 provide('yhSandboxYhUiUrl', ...) 全局覆盖。
+   *
+   * @example '/assets/yh-ui-sandbox-bundle.js'
+   * @default 'https://esm.sh/@yh-ui/yh-ui?external=vue'
+   */
+  sandboxYhUiUrl: {
+    type: String,
+    default: void 0
+  },
+  /**
+   * Vue SFC 沙箱渲染器使用的 yh-ui CSS URL。
+   *
+   * @example '/assets/yh-ui-bundle.css'
+   * @default 'https://unpkg.com/@yh-ui/yh-ui/dist/style.css'
+   */
+  sandboxYhUiCssUrl: {
+    type: String,
+    default: void 0
   }
 };
 const aiArtifactsEmits = {
@@ -49202,11 +49592,154 @@ const aiArtifactsEmits = {
   close: () => true
 };
 
+const DEFAULT_SANDBOX_YH_UI_URL = "https://esm.sh/@yh-ui/yh-ui?external=vue";
+const DEFAULT_SANDBOX_YH_UI_CSS_URL = "https://unpkg.com/@yh-ui/yh-ui/dist/style.css";
+const VUE_CDN = "https://unpkg.com/vue@3.5.27/dist/vue.esm-browser.js";
+const SFC_LOADER_CDN = "https://unpkg.com/vue3-sfc-loader@0.9.5/dist/vue3-sfc-loader.js";
+function createSandboxHtml(options) {
+  const { yhUiUrl, yhUiCssUrl } = options;
+  return `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script>
+    const pathSegments = window.parent.location.pathname.split('/');
+    const baseIndex = pathSegments.indexOf('yh-ui');
+    const subpath = baseIndex !== -1 ? '/' + pathSegments.slice(1, baseIndex + 1).join('/') + '/' : '/';
+    document.write('<base href="' + window.parent.location.origin + subpath + '">');
+  <\/script>
+  <link rel="stylesheet" href="${yhUiCssUrl}">
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+      background-color: var(--yh-ai-artifacts-bg-color, #ffffff);
+      color: var(--yh-text-color-primary, #303133);
+      min-height: 100vh;
+      overflow-x: hidden;
+    }
+    #app { padding: 20px; box-sizing: border-box; }
+    .loading-container {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+      color: #909399;
+      font-size: 14px;
+    }
+    .loading-spinner {
+      width: 28px;
+      height: 28px;
+      border: 3px solid #ebeef5;
+      border-top-color: #409eff;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+      margin-bottom: 12px;
+    }
+    @keyframes spin { to { transform: rotate(360deg); } }
+  </style>
+
+  <!-- importmap: only vue needs to be listed; esm.sh bundles all other deps -->
+  <script type="importmap">
+  {
+    "imports": {
+      "vue": "${VUE_CDN}"
+    }
+  }
+  <\/script>
+
+  <!-- vue3-sfc-loader provides runtime SFC compilation (UMD, global) -->
+  <script src="${SFC_LOADER_CDN}"><\/script>
+</head>
+<body>
+  <div id="app">
+    <div class="loading-container">
+      <div class="loading-spinner"></div>
+      <p>\u6B63\u5728\u7F16\u8BD1\u5E76\u6E32\u67D3\u7EC4\u4EF6...</p>
+    </div>
+  </div>
+
+  <script>
+    // Polyfill process for libraries checking process.env.NODE_ENV
+    window.process = { env: { NODE_ENV: 'development' } };
+  <\/script>
+
+  <script type="module">
+    import * as Vue from 'vue';
+    window.Vue = Vue;
+
+    // yhUiUrl is baked in at Blob-creation time; esm.sh auto-bundles all
+    // transitive deps (@yh-ui/icons, dayjs, @floating-ui/dom, etc.)
+    // Use dynamic import and handle both default export (CDN) and named exports (local bundle)
+    const yhUiModule = await import('${yhUiUrl}');
+    const YhUi = yhUiModule.default || { install: yhUiModule.install };
+
+    let currentApp = null;
+
+    window.addEventListener('message', async (event) => {
+      const { type, code } = event.data || {};
+      if (type !== 'render-vue' || !code) return;
+
+      try {
+        if (currentApp) {
+          currentApp.unmount();
+          currentApp = null;
+        }
+
+        const { loadModule } = window['vue3-sfc-loader'];
+        const loaderOptions = {
+          moduleCache: { vue: Vue },
+          async getFile(url) {
+            if (url === 'App.vue') return code;
+            return '';
+          },
+          addStyle(styleStr) {
+            const el = document.createElement('style');
+            el.textContent = styleStr;
+            document.head.appendChild(el);
+          }
+        };
+
+        const component = await loadModule('App.vue', loaderOptions);
+        const app = Vue.createApp(component);
+        app.use(YhUi);
+
+        // Replace loading indicator
+        document.getElementById('app').innerHTML = '';
+        app.mount('#app');
+        currentApp = app;
+      } catch (err) {
+        document.getElementById('app').innerHTML =
+          '<div style="padding:20px;color:#f56c6c;border:1px solid #fde2e2;' +
+          'background:#fef0f0;border-radius:8px;font-family:monospace;' +
+          'white-space:pre-wrap;font-size:13px;line-height:1.6;">' +
+          '<h3 style="margin-top:0;margin-bottom:10px;">\u7F16\u8BD1/\u6E32\u67D3\u5931\u8D25:</h3>' +
+          '<div>' + (err.stack || err.message || String(err)) + '</div></div>';
+      }
+    });
+
+    // Tell the parent that we are ready to receive code
+    window.parent.postMessage({ type: 'renderer-ready' }, '*');
+  <\/script>
+</body>
+</html>`;
+}
+
 const _hoisted_1$h = ["onClick"];
 const _hoisted_2$e = ["src", "sandbox"];
-const _hoisted_3$b = ["innerHTML"];
-const _hoisted_4$8 = { key: 0 };
-const _hoisted_5$8 = { key: 1 };
+const _hoisted_3$b = ["src"];
+const _hoisted_4$8 = ["src"];
+const _hoisted_5$8 = ["src"];
+const _hoisted_6$8 = ["src"];
+const _hoisted_7$7 = { style: {"width":"100%","height":"100%","margin":"0","padding":"16px","overflow":"auto","font-family":"monospace","white-space":"pre-wrap","box-sizing":"border-box"} };
+const _hoisted_8$6 = ["src"];
+const _hoisted_9$5 = ["src"];
+const _hoisted_10$2 = ["innerHTML"];
+const _hoisted_11$2 = { key: 0 };
+const _hoisted_12$1 = { key: 1 };
 
 const _sfc_main$p = /*@__PURE__*/Object.assign({
   name: "YhAiArtifacts"
@@ -49228,6 +49761,31 @@ const { themeStyle } = useComponentTheme(
 );
 const internalMode = ref(props.mode);
 const currentVersionState = ref(props.data?.currentVersion || "");
+const isPreviewable = computed(() => {
+  if (!props.data?.type) return false;
+  const type = props.data.type;
+  if (slots[type]) return true;
+  const previewableTypes = [
+    "html",
+    "sandbox",
+    "echarts",
+    "chart",
+    "canvas",
+    "image",
+    "video",
+    "audio",
+    "pdf",
+    "iframe",
+    "vue"
+  ];
+  return previewableTypes.includes(type);
+});
+const activeMode = computed(() => {
+  if (internalMode.value === "preview" && !isPreviewable.value) {
+    return "code";
+  }
+  return internalMode.value;
+});
 const escapeHtml = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 const echartsRef = ref(null);
 const echartsInstance = shallowRef(null);
@@ -49252,6 +49810,12 @@ const getIcon = (type) => {
   if (type === "canvas") return "edit";
   if (type === "sandbox") return "play";
   if (type === "diagram") return "connection";
+  if (type === "image") return "image";
+  if (type === "video") return "file-video";
+  if (type === "audio") return "file-audio";
+  if (type === "pdf") return "file-pdf";
+  if (type === "text") return "document-text";
+  if (type === "iframe") return "link";
   return "document";
 };
 const currentVersionData = computed(() => {
@@ -49292,12 +49856,7 @@ const revokeCurrentUrl = () => {
   }
 };
 watch(
-  () => [
-    props.visible,
-    currentVersionData.value?.content,
-    props.data?.type,
-    internalMode.value
-  ],
+  () => [props.visible, currentVersionData.value?.content, props.data?.type, activeMode.value],
   ([visible, content, type, mode]) => {
     revokeCurrentUrl();
     if (visible && content && (type === "html" || type === "sandbox") && (mode === "preview" || mode === "inline") && typeof window !== "undefined") {
@@ -49392,7 +49951,7 @@ const initECharts = async () => {
   }
 };
 watch(
-  () => [props.visible, isEChartsContainer.value, getEchartsOption.value, internalMode.value],
+  () => [props.visible, isEChartsContainer.value, getEchartsOption.value, activeMode.value],
   ([newVisible, isChart, , mode]) => {
     if (newVisible && isChart && (mode === "preview" || mode === "inline")) {
       nextTick(() => {
@@ -49402,8 +49961,99 @@ watch(
   },
   { immediate: true }
 );
+const vueRendererIframeRef = ref(null);
+const injectedYhUiUrl = inject("yhSandboxYhUiUrl", "");
+const injectedYhUiCssUrl = inject("yhSandboxYhUiCssUrl", "");
+const injectedRendererUrl = inject("yhSandboxRendererUrl", "");
+const resolveRootUrl = (url) => {
+  if (typeof window === "undefined" || !url.startsWith("/")) return url;
+  const pathSegments = window.location.pathname.split("/");
+  const baseIndex = pathSegments.indexOf("yh-ui");
+  const subpath = baseIndex !== -1 ? "/" + pathSegments.slice(1, baseIndex + 1).join("/") : "";
+  if (subpath && !url.startsWith(subpath)) {
+    return `${window.location.origin}${subpath}${url.replace(/^\/+/, "")}`;
+  }
+  return `${window.location.origin}${url}`;
+};
+const resolvedSandboxYhUiUrl = computed(() => {
+  const url = props.sandboxYhUiUrl || injectedYhUiUrl || DEFAULT_SANDBOX_YH_UI_URL;
+  return resolveRootUrl(url);
+});
+const resolvedSandboxYhUiCssUrl = computed(() => {
+  const url = props.sandboxYhUiCssUrl || injectedYhUiCssUrl || DEFAULT_SANDBOX_YH_UI_CSS_URL;
+  return resolveRootUrl(url);
+});
+const vueRendererSrc = computed(() => {
+  if (injectedRendererUrl) {
+    const rendererUrl = resolveRootUrl(injectedRendererUrl);
+    const params = new URLSearchParams({
+      jsUrl: resolvedSandboxYhUiUrl.value,
+      cssUrl: resolvedSandboxYhUiCssUrl.value
+    });
+    return `${rendererUrl}?${params.toString()}`;
+  }
+  return vueRendererBlobUrl.value;
+});
+const vueRendererBlobUrl = ref("");
+const revokeSandboxBlobUrl = () => {
+  if (vueRendererBlobUrl.value) {
+    try {
+      URL.revokeObjectURL(vueRendererBlobUrl.value);
+    } catch {
+    }
+    vueRendererBlobUrl.value = "";
+  }
+};
+const createVueSandbox = () => {
+  if (typeof window === "undefined") return;
+  if (injectedRendererUrl) return;
+  revokeSandboxBlobUrl();
+  const html = createSandboxHtml({
+    yhUiUrl: resolvedSandboxYhUiUrl.value,
+    yhUiCssUrl: resolvedSandboxYhUiCssUrl.value
+  });
+  const blob = new Blob([html], { type: "text/html;charset=utf-8" });
+  vueRendererBlobUrl.value = URL.createObjectURL(blob);
+};
+watch([resolvedSandboxYhUiUrl, resolvedSandboxYhUiCssUrl], () => {
+  if (typeof window !== "undefined" && !injectedRendererUrl) {
+    createVueSandbox();
+  }
+});
+const sendVueCodeToRenderer = () => {
+  const iframe = vueRendererIframeRef.value;
+  const content = currentVersionData.value?.content;
+  if (iframe && iframe.contentWindow && content) {
+    iframe.contentWindow.postMessage(
+      {
+        type: "render-vue",
+        code: content
+      },
+      "*"
+    );
+  }
+};
+const onVueRendererLoad = () => {
+  sendVueCodeToRenderer();
+};
+const handleRendererMessage = (event) => {
+  if (event.data?.type === "renderer-ready") {
+    sendVueCodeToRenderer();
+  }
+};
+watch(
+  () => currentVersionData.value?.content,
+  () => {
+    if (props.data?.type === "vue") {
+      nextTick(() => {
+        sendVueCodeToRenderer();
+      });
+    }
+  }
+);
 onBeforeUnmount(() => {
   revokeCurrentUrl();
+  revokeSandboxBlobUrl();
   if (chartResizeObserver) {
     chartResizeObserver.disconnect();
     chartResizeObserver = null;
@@ -49412,9 +50062,16 @@ onBeforeUnmount(() => {
     echartsInstance.value.dispose();
     echartsInstance.value = null;
   }
+  if (typeof window !== "undefined") {
+    window.removeEventListener("message", handleRendererMessage);
+  }
 });
 onMounted(() => {
   loadHighlightStyle();
+  if (typeof window !== "undefined") {
+    window.addEventListener("message", handleRendererMessage);
+    createVueSandbox();
+  }
 });
 const chartContainerStyle = computed(() => ({
   height: typeof props.chartHeight === "number" ? props.chartHeight + "px" : props.chartHeight
@@ -49426,9 +50083,9 @@ return (_ctx, _cache) => {
       (_ctx.visible)
         ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass([unref(ns).b(), unref(ns).m(internalMode.value)]),
+            class: normalizeClass([unref(ns).b(), unref(ns).m(activeMode.value), unref(ns).is('fullscreen', props.fullscreen)]),
             style: normalizeStyle([{
-  width: typeof _ctx.width === 'number' ? _ctx.width + 'px' : _ctx.width
+  width: props.fullscreen ? '100%' : typeof _ctx.width === 'number' ? _ctx.width + 'px' : _ctx.width
 }, unref(themeStyle)])
           }, [
             createCommentVNode(" Header "),
@@ -49448,25 +50105,28 @@ return (_ctx, _cache) => {
               createElementVNode("div", {
                 class: normalizeClass(unref(ns).e('actions'))
               }, [
-                createElementVNode("div", {
-                  class: normalizeClass(unref(ns).e('tabs'))
-                }, [
-                  createElementVNode("button", {
-                    class: normalizeClass([unref(ns).e('tab'), unref(ns).is('active', internalMode.value === 'preview')]),
-                    onClick: _cache[0] || (_cache[0] = $event => (toggleMode('preview')))
-                  }, toDisplayString(unref(t)("ai.artifacts.preview")), 3 /* TEXT, CLASS */),
-                  (_ctx.data?.type === 'html')
-                    ? (openBlock(), createElementBlock("button", {
-                        key: 0,
-                        class: normalizeClass([unref(ns).e('tab'), unref(ns).is('active', internalMode.value === 'inline')]),
-                        onClick: _cache[1] || (_cache[1] = $event => (toggleMode('inline')))
-                      }, toDisplayString(unref(t)("ai.artifacts.inline")), 3 /* TEXT, CLASS */))
-                    : createCommentVNode("v-if", true),
-                  createElementVNode("button", {
-                    class: normalizeClass([unref(ns).e('tab'), unref(ns).is('active', internalMode.value === 'code')]),
-                    onClick: _cache[2] || (_cache[2] = $event => (toggleMode('code')))
-                  }, toDisplayString(unref(t)("ai.artifacts.code")), 3 /* TEXT, CLASS */)
-                ], 2 /* CLASS */),
+                (isPreviewable.value)
+                  ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(unref(ns).e('tabs'))
+                    }, [
+                      createElementVNode("button", {
+                        class: normalizeClass([unref(ns).e('tab'), unref(ns).is('active', activeMode.value === 'preview')]),
+                        onClick: _cache[0] || (_cache[0] = $event => (toggleMode('preview')))
+                      }, toDisplayString(unref(t)("ai.artifacts.preview")), 3 /* TEXT, CLASS */),
+                      (_ctx.data?.type === 'html')
+                        ? (openBlock(), createElementBlock("button", {
+                            key: 0,
+                            class: normalizeClass([unref(ns).e('tab'), unref(ns).is('active', activeMode.value === 'inline')]),
+                            onClick: _cache[1] || (_cache[1] = $event => (toggleMode('inline')))
+                          }, toDisplayString(unref(t)("ai.artifacts.inline")), 3 /* TEXT, CLASS */))
+                        : createCommentVNode("v-if", true),
+                      createElementVNode("button", {
+                        class: normalizeClass([unref(ns).e('tab'), unref(ns).is('active', activeMode.value === 'code')]),
+                        onClick: _cache[2] || (_cache[2] = $event => (toggleMode('code')))
+                      }, toDisplayString(unref(t)("ai.artifacts.code")), 3 /* TEXT, CLASS */)
+                    ], 2 /* CLASS */))
+                  : createCommentVNode("v-if", true),
                 createVNode(unref(YhButton), {
                   text: "",
                   circle: "",
@@ -49508,107 +50168,191 @@ return (_ctx, _cache) => {
             createElementVNode("div", {
               class: normalizeClass(unref(ns).e('content'))
             }, [
-              (internalMode.value === 'preview' || internalMode.value === 'inline')
+              (activeMode.value === 'preview' || activeMode.value === 'inline')
                 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    (_ctx.data?.type === 'html' || _ctx.data?.type === 'sandbox')
-                      ? (openBlock(), createElementBlock("iframe", {
+                    createCommentVNode(" Check if a slot with the name of the type is defined, allowing custom preview rendering "),
+                    (_ctx.data?.type && unref(slots)[_ctx.data.type])
+                      ? renderSlot(_ctx.$slots, _ctx.data.type, {
                           key: 0,
-                          src: sandboxSrcUrl.value,
-                          class: normalizeClass(unref(ns).e('sandbox')),
-                          sandbox: _ctx.data?.type === 'sandbox' ? 'allow-scripts' : ''
-                        }, null, 10 /* CLASS, PROPS */, _hoisted_2$e))
-                      : createCommentVNode("v-if", true),
-                    createCommentVNode(" ECharts 图表 (使用 v-show 保持 DOM) "),
-                    withDirectives(createElementVNode("div", {
-                      class: normalizeClass(unref(ns).e('echarts-wrapper')),
-                      style: normalizeStyle([chartContainerStyle.value, {"position":"relative"}])
-                    }, [
-                      createElementVNode("div", {
-                        ref_key: "echartsRef",
-                        ref: echartsRef,
-                        class: normalizeClass(unref(ns).e('echarts-container')),
-                        style: {"width":"100%","height":"100%"}
-                      }, null, 2 /* CLASS */),
-                      (echartsLoading.value)
-                        ? (openBlock(), createBlock(unref(YhSpin), {
-                            key: 0,
-                            class: normalizeClass(unref(ns).e('chart-loading')),
-                            style: {"position":"absolute","top":"50%","left":"50%","transform":"translate(-50%, -50%)"}
-                          }, {
-                            default: withCtx(() => [
-                              createElementVNode("span", null, toDisplayString(_ctx.chartLoadingText ?? unref(t)("ai.artifacts.renderingChart")), 1 /* TEXT */)
-                            ]),
-                            _: 1 /* STABLE */
-                          }, 8 /* PROPS */, ["class"]))
-                        : (echartsError.value)
-                          ? (openBlock(), createElementBlock("div", {
-                              key: 1,
-                              class: normalizeClass(unref(ns).e('chart-error')),
-                              style: {"position":"absolute","top":"50%","left":"50%","transform":"translate(-50%, -50%)","display":"flex","flex-direction":"column","align-items":"center"}
-                            }, [
-                              createVNode(unref(YhIcon), { name: "warning" }),
-                              createElementVNode("span", null, toDisplayString(unref(t)("ai.artifacts.chartLoadError") === "ai.artifacts.chartLoadError" ? unref(t)("common.close") === "\u5173\u95ED" ? "\u56FE\u8868\u52A0\u8F7D\u5931\u8D25" : "Chart loading failed" : unref(t)("ai.artifacts.chartLoadError")) + ": " + toDisplayString(echartsError.value.message), 1 /* TEXT */)
-                            ], 2 /* CLASS */))
-                          : createCommentVNode("v-if", true)
-                    ], 6 /* CLASS, STYLE */), [
-                      [vShow, isEChartsContainer.value]
-                    ]),
-                    createCommentVNode(" 其他类型 "),
-                    (_ctx.data?.type !== 'html' && _ctx.data?.type !== 'sandbox' && !isEChartsContainer.value)
-                      ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                          createCommentVNode(" 通用图表 "),
-                          (_ctx.data?.type === 'chart')
-                            ? (openBlock(), createElementBlock("div", {
+                          data: currentVersionData.value,
+                          title: _ctx.data.title
+                        })
+                      : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                          (_ctx.data?.type === 'html' || _ctx.data?.type === 'sandbox')
+                            ? (openBlock(), createElementBlock("iframe", {
                                 key: 0,
-                                class: normalizeClass(unref(ns).e('chart-container')),
-                                style: normalizeStyle(chartContainerStyle.value)
-                              }, [
-                                renderSlot(_ctx.$slots, "chart", {
-                                  data: currentVersionData.value,
-                                  title: _ctx.data.title
-                                }, () => [
-                                  createElementVNode("div", {
-                                    class: normalizeClass(unref(ns).e('placeholder'))
-                                  }, [
-                                    createVNode(unref(YhIcon), { name: "chart-bar" }),
-                                    createElementVNode("p", null, toDisplayString(unref(t)("ai.artifacts.renderingChart")), 1 /* TEXT */)
-                                  ], 2 /* CLASS */)
-                                ])
-                              ], 6 /* CLASS, STYLE */))
-                            : (_ctx.data?.type === 'canvas')
-                              ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                  createCommentVNode(" 画布 "),
-                                  createElementVNode("div", {
-                                    class: normalizeClass(unref(ns).e('canvas-container'))
-                                  }, [
-                                    renderSlot(_ctx.$slots, "canvas", { data: currentVersionData.value }, () => [
-                                      createElementVNode("div", {
-                                        class: normalizeClass(unref(ns).e('placeholder'))
-                                      }, [
-                                        createVNode(unref(YhIcon), { name: "edit" }),
-                                        createElementVNode("p", null, toDisplayString(unref(t)("ai.artifacts.renderingCanvas")), 1 /* TEXT */)
-                                      ], 2 /* CLASS */)
-                                    ])
-                                  ], 2 /* CLASS */)
-                                ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
-                              : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                                  createCommentVNode(" 占位 "),
-                                  createElementVNode("div", {
-                                    class: normalizeClass(unref(ns).e('placeholder'))
+                                src: sandboxSrcUrl.value,
+                                class: normalizeClass(unref(ns).e('sandbox')),
+                                sandbox: _ctx.data?.type === 'sandbox' ? 'allow-scripts' : ''
+                              }, null, 10 /* CLASS, PROPS */, _hoisted_2$e))
+                            : createCommentVNode("v-if", true),
+                          createCommentVNode(" ECharts 图表 (使用 v-show 保持 DOM) "),
+                          withDirectives(createElementVNode("div", {
+                            class: normalizeClass(unref(ns).e('echarts-wrapper')),
+                            style: normalizeStyle([chartContainerStyle.value, {"position":"relative"}])
+                          }, [
+                            createElementVNode("div", {
+                              ref_key: "echartsRef",
+                              ref: echartsRef,
+                              class: normalizeClass(unref(ns).e('echarts-container')),
+                              style: {"width":"100%","height":"100%"}
+                            }, null, 2 /* CLASS */),
+                            (echartsLoading.value)
+                              ? (openBlock(), createBlock(unref(YhSpin), {
+                                  key: 0,
+                                  class: normalizeClass(unref(ns).e('chart-loading')),
+                                  style: {"position":"absolute","top":"50%","left":"50%","transform":"translate(-50%, -50%)"}
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", null, toDisplayString(_ctx.chartLoadingText ?? unref(t)("ai.artifacts.renderingChart")), 1 /* TEXT */)
+                                  ]),
+                                  _: 1 /* STABLE */
+                                }, 8 /* PROPS */, ["class"]))
+                              : (echartsError.value)
+                                ? (openBlock(), createElementBlock("div", {
+                                    key: 1,
+                                    class: normalizeClass(unref(ns).e('chart-error')),
+                                    style: {"position":"absolute","top":"50%","left":"50%","transform":"translate(-50%, -50%)","display":"flex","flex-direction":"column","align-items":"center"}
                                   }, [
-                                    createVNode(unref(YhIcon), { name: "sparkles" }),
-                                    createElementVNode("p", null, toDisplayString(unref(t)("ai.artifacts.rendering")), 1 /* TEXT */)
-                                  ], 2 /* CLASS */)
-                                ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                    createVNode(unref(YhIcon), { name: "warning" }),
+                                    createElementVNode("span", null, toDisplayString(unref(t)("ai.artifacts.chartLoadError") === "ai.artifacts.chartLoadError" ? unref(t)("common.close") === "\u5173\u95ED" ? "\u56FE\u8868\u52A0\u8F7D\u5931\u8D25" : "Chart loading failed" : unref(t)("ai.artifacts.chartLoadError")) + ": " + toDisplayString(echartsError.value.message), 1 /* TEXT */)
+                                  ], 2 /* CLASS */))
+                                : createCommentVNode("v-if", true)
+                          ], 6 /* CLASS, STYLE */), [
+                            [vShow, isEChartsContainer.value]
+                          ]),
+                          createCommentVNode(" 其他类型 "),
+                          (_ctx.data?.type !== 'html' && _ctx.data?.type !== 'sandbox' && !isEChartsContainer.value)
+                            ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                createCommentVNode(" Image Preview "),
+                                (_ctx.data?.type === 'image')
+                                  ? (openBlock(), createElementBlock("div", {
+                                      key: 0,
+                                      class: normalizeClass(unref(ns).e('image-container')),
+                                      style: {"width":"100%","height":"100%","display":"flex","align-items":"center","justify-content":"center","overflow":"auto","padding":"16px","box-sizing":"border-box"}
+                                    }, [
+                                      createElementVNode("img", {
+                                        src: currentVersionData.value?.content,
+                                        style: {"max-width":"100%","max-height":"100%","object-fit":"contain"}
+                                      }, null, 8 /* PROPS */, _hoisted_3$b)
+                                    ], 2 /* CLASS */))
+                                  : (_ctx.data?.type === 'video')
+                                    ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                        createCommentVNode(" Video Preview "),
+                                        createElementVNode("div", {
+                                          class: normalizeClass(unref(ns).e('video-container')),
+                                          style: {"width":"100%","height":"100%","display":"flex","align-items":"center","justify-content":"center","padding":"16px","box-sizing":"border-box"}
+                                        }, [
+                                          createElementVNode("video", {
+                                            src: currentVersionData.value?.content,
+                                            controls: "",
+                                            style: {"max-width":"100%","max-height":"100%"}
+                                          }, null, 8 /* PROPS */, _hoisted_4$8)
+                                        ], 2 /* CLASS */)
+                                      ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                    : (_ctx.data?.type === 'audio')
+                                      ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                                          createCommentVNode(" Audio Preview "),
+                                          createElementVNode("div", {
+                                            class: normalizeClass(unref(ns).e('audio-container')),
+                                            style: {"width":"100%","height":"100%","display":"flex","align-items":"center","justify-content":"center","padding":"16px","box-sizing":"border-box"}
+                                          }, [
+                                            createElementVNode("audio", {
+                                              src: currentVersionData.value?.content,
+                                              controls: "",
+                                              style: {"max-width":"100%"}
+                                            }, null, 8 /* PROPS */, _hoisted_5$8)
+                                          ], 2 /* CLASS */)
+                                        ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                      : (_ctx.data?.type === 'pdf')
+                                        ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+                                            createCommentVNode(" PDF Preview "),
+                                            createElementVNode("iframe", {
+                                              src: currentVersionData.value?.content,
+                                              style: {"width":"100%","height":"100%","border":"none"}
+                                            }, null, 8 /* PROPS */, _hoisted_6$8)
+                                          ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                        : (_ctx.data?.type === 'text')
+                                          ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+                                              createCommentVNode(" Plain Text Preview "),
+                                              createElementVNode("pre", _hoisted_7$7, toDisplayString(currentVersionData.value?.content), 1 /* TEXT */)
+                                            ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                          : (_ctx.data?.type === 'iframe')
+                                            ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                                                createCommentVNode(" Generic Iframe Preview "),
+                                                createElementVNode("iframe", {
+                                                  src: currentVersionData.value?.content,
+                                                  style: {"width":"100%","height":"100%","border":"none"}
+                                                }, null, 8 /* PROPS */, _hoisted_8$6)
+                                              ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                            : (_ctx.data?.type === 'vue' && vueRendererSrc.value)
+                                              ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+                                                  createCommentVNode(" Vue SFC Preview (Sandbox) "),
+                                                  createCommentVNode(" Uses static vue-renderer.html when injected (avoids blob: COEP issue), "),
+                                                  createCommentVNode(" otherwise falls back to a blob: URL for consumer apps. "),
+                                                  createElementVNode("iframe", {
+                                                    ref_key: "vueRendererIframeRef",
+                                                    ref: vueRendererIframeRef,
+                                                    src: vueRendererSrc.value,
+                                                    style: {"width":"100%","height":"100%","border":"none"},
+                                                    onLoad: onVueRendererLoad
+                                                  }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_9$5)
+                                                ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                              : (_ctx.data?.type === 'chart')
+                                                ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+                                                    createCommentVNode(" 通用图表 "),
+                                                    createElementVNode("div", {
+                                                      class: normalizeClass(unref(ns).e('chart-container')),
+                                                      style: normalizeStyle(chartContainerStyle.value)
+                                                    }, [
+                                                      renderSlot(_ctx.$slots, "chart", {
+                                                        data: currentVersionData.value,
+                                                        title: _ctx.data.title
+                                                      }, () => [
+                                                        createElementVNode("div", {
+                                                          class: normalizeClass(unref(ns).e('placeholder'))
+                                                        }, [
+                                                          createVNode(unref(YhIcon), { name: "chart-bar" }),
+                                                          createElementVNode("p", null, toDisplayString(unref(t)("ai.artifacts.renderingChart")), 1 /* TEXT */)
+                                                        ], 2 /* CLASS */)
+                                                      ])
+                                                    ], 6 /* CLASS, STYLE */)
+                                                  ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                                : (_ctx.data?.type === 'canvas')
+                                                  ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
+                                                      createCommentVNode(" 画布 "),
+                                                      createElementVNode("div", {
+                                                        class: normalizeClass(unref(ns).e('canvas-container'))
+                                                      }, [
+                                                        renderSlot(_ctx.$slots, "canvas", { data: currentVersionData.value }, () => [
+                                                          createElementVNode("div", {
+                                                            class: normalizeClass(unref(ns).e('placeholder'))
+                                                          }, [
+                                                            createVNode(unref(YhIcon), { name: "edit" }),
+                                                            createElementVNode("p", null, toDisplayString(unref(t)("ai.artifacts.renderingCanvas")), 1 /* TEXT */)
+                                                          ], 2 /* CLASS */)
+                                                        ])
+                                                      ], 2 /* CLASS */)
+                                                    ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                                  : (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+                                                      createCommentVNode(" 占位 "),
+                                                      createElementVNode("div", {
+                                                        class: normalizeClass(unref(ns).e('placeholder'))
+                                                      }, [
+                                                        createVNode(unref(YhIcon), { name: "sparkles" }),
+                                                        createElementVNode("p", null, toDisplayString(unref(t)("ai.artifacts.rendering")), 1 /* TEXT */)
+                                                      ], 2 /* CLASS */)
+                                                    ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                              ], 64 /* STABLE_FRAGMENT */))
+                            : createCommentVNode("v-if", true)
                         ], 64 /* STABLE_FRAGMENT */))
-                      : createCommentVNode("v-if", true)
                   ], 64 /* STABLE_FRAGMENT */))
                 : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
                     createElementVNode("pre", {
                       class: normalizeClass(unref(ns).e('code-viewer'))
                     }, [
-                      createElementVNode("code", { innerHTML: highlightedCode.value }, null, 8 /* PROPS */, _hoisted_3$b)
+                      createElementVNode("code", { innerHTML: highlightedCode.value }, null, 8 /* PROPS */, _hoisted_10$2)
                     ], 2 /* CLASS */)
                   ], 64 /* STABLE_FRAGMENT */))
             ], 2 /* CLASS */),
@@ -49617,10 +50361,10 @@ return (_ctx, _cache) => {
               class: normalizeClass(unref(ns).e('footer'))
             }, [
               (currentVersionData.value?.timestamp)
-                ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(currentVersionData.value.timestamp), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_11$2, toDisplayString(currentVersionData.value.timestamp), 1 /* TEXT */))
                 : createCommentVNode("v-if", true),
               (currentVersionData.value?.description)
-                ? (openBlock(), createElementBlock("span", _hoisted_5$8, toDisplayString(currentVersionData.value.description), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("span", _hoisted_12$1, toDisplayString(currentVersionData.value.description), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
             ], 2 /* CLASS */)
           ], 6 /* CLASS, STYLE */))
@@ -49740,8 +50484,15 @@ const syncAmplitudes = () => {
 const toggleRecording = () => {
   if (props.recording === void 0 || props.recording === null) {
     localRecording.value = !localRecording.value;
-    if (localRecording.value) startVisualizer();
-    else stopVisualizer();
+    if (localRecording.value) {
+      emit("update:recording", true);
+      emit("start");
+      startVisualizer();
+    } else {
+      emit("update:recording", false);
+      emit("stop");
+      stopVisualizer();
+    }
     return;
   }
   const newStatus = !props.recording;
@@ -49756,7 +50507,11 @@ const toggleRecording = () => {
 };
 const handleCancel = (e) => {
   e.stopPropagation();
+  if (props.recording === void 0 || props.recording === null) {
+    localRecording.value = false;
+  }
   emit("update:recording", false);
+  emit("stop");
   emit("cancel");
   stopVisualizer();
 };
@@ -49788,7 +50543,7 @@ return (_ctx, _cache) => {
     disabled: props.variant === 'inline' || !props.teleport
   }, [
     createElementVNode("div", {
-      class: normalizeClass([unref(ns).b(), unref(ns).m(props.variant), unref(ns).m(props.position), unref(ns).is('recording', props.recording || localRecording.value)]),
+      class: normalizeClass([unref(ns).b(), unref(ns).m(props.variant), unref(ns).m(props.position), unref(ns).is('recording', isCurrentlyRecording.value)]),
       style: normalizeStyle([props.variant !== 'inline' ? {
   position: props.teleport ? 'fixed' : 'relative',
   [props.position.split('-')[0]]: props.teleport ? props.offset[0] + 'px' : 'auto',
@@ -49801,7 +50556,7 @@ return (_ctx, _cache) => {
         createCommentVNode(" Waveform Visualizer "),
         createVNode(Transition, { name: "yh-voice-expand" }, {
           default: withCtx(() => [
-            (props.recording || localRecording.value)
+            (isCurrentlyRecording.value)
               ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass(unref(ns).e('visualizer'))
@@ -49861,24 +50616,24 @@ return (_ctx, _cache) => {
         createCommentVNode(" Main Trigger Button "),
         createElementVNode("button", {
           class: normalizeClass([unref(ns).e('trigger'), {
-  'is-active': props.recording || localRecording.value
+  'is-active': isCurrentlyRecording.value
 }]),
           onClick: toggleRecording
         }, [
           createElementVNode("span", {
             class: normalizeClass(unref(ns).e('mic'))
           }, [
-            (props.variant === 'sphere' && (props.recording || localRecording.value))
+            (props.variant === 'sphere' && isCurrentlyRecording.value)
               ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: normalizeClass(unref(ns).e('sphere-inner'))
                 }, null, 2 /* CLASS */))
               : (openBlock(), createBlock(unref(YhIcon), {
                   key: 1,
-                  name: props.recording || localRecording.value ? 'video-pause' : 'microphone'
+                  name: isCurrentlyRecording.value ? 'video-pause' : 'microphone'
                 }, null, 8 /* PROPS */, ["name"]))
           ], 2 /* CLASS */),
-          (!(props.recording || localRecording.value) && props.variant === 'inline')
+          (!isCurrentlyRecording.value && props.variant === 'inline')
             ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 class: normalizeClass(unref(ns).e('label'))
@@ -50034,7 +50789,8 @@ const {
   totalHeight,
   offsetY,
   onScroll: handleVirtualScroll,
-  scrollToIndex
+  scrollToIndex,
+  containerRef
 } = useVirtualScroll$1({
   itemHeight: computed(() => props.virtualScrollItemHeight),
   containerHeight: computed(() => props.virtualScrollHeight),
@@ -50180,7 +50936,8 @@ return (_ctx, _cache) => {
       : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createCommentVNode(" Conversation List with groups "),
           createElementVNode("div", {
-            ref: "virtualScrollContainerRef",
+            ref_key: "containerRef",
+            ref: containerRef,
             class: normalizeClass([unref(ns).e('list'), unref(ns).is('virtual', _ctx.virtualScroll)]),
             style: normalizeStyle(listStyle.value),
             onScrollPassive: _cache[9] || (_cache[9] = $event => (_ctx.virtualScroll ? unref(handleVirtualScroll)($event) : void 0))
@@ -50697,7 +51454,7 @@ const handleClick = (item) => {
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.layout)]),
+    class: normalizeClass([unref(ns).b(), unref(ns).m(props.layout)]),
     style: normalizeStyle(unref(themeStyle))
   }, [
     createCommentVNode(" Title Section "),
@@ -51277,9 +52034,9 @@ const scrollToSource = (id) => {
   const el = sourceRefs.value[id];
   if (el) {
     el.scrollIntoView({ behavior: "smooth", block: "center" });
-    el.classList.add(ns.is("highlighted"));
+    el.classList.add(ns.is("highlighted", true));
     setTimeout(() => {
-      el.classList.remove(ns.is("highlighted"));
+      el.classList.remove(ns.is("highlighted", true));
       highlightedSourceId.value = null;
     }, 2e3);
   }
@@ -51918,15 +52675,14 @@ const { visibleItems, totalHeight, offsetY, startIndex, onScroll, scrollToIndex,
   overscan: 5
 });
 const scrollRef = containerRef;
-const scrollToBottom = () => {
+const scrollToBottom = async () => {
   if (!props.autoScroll) return;
-  nextTick(() => {
-    if (props.virtualScroll) {
-      scrollToIndex(props.items.length - 1);
-    } else if (scrollRef.value) {
-      scrollRef.value.scrollTop = scrollRef.value.scrollHeight;
-    }
-  });
+  await nextTick();
+  if (props.virtualScroll) {
+    scrollToIndex(props.items.length - 1);
+  } else if (scrollRef.value) {
+    scrollRef.value.scrollTop = scrollRef.value.scrollHeight;
+  }
 };
 watch(
   () => props.items,
@@ -55154,13 +55910,33 @@ const dependenciesLinks = computed(() => {
   });
   return links;
 });
+let activeScrollTarget = null;
+let scrollTimer = null;
 const handleBodyScroll = (e) => {
   const target = e.target;
-  scrollTop.value = target.scrollTop;
+  if (activeScrollTarget && activeScrollTarget !== target) return;
+  activeScrollTarget = target;
+  if (scrollTimer) clearTimeout(scrollTimer);
+  scrollTimer = setTimeout(() => {
+    activeScrollTarget = null;
+  }, 100);
+  let scrollT = target.scrollTop;
+  if (sidebarBodyRef.value && timelineBodyRef.value) {
+    const maxSidebar = sidebarBodyRef.value.scrollHeight - sidebarBodyRef.value.clientHeight;
+    const maxTimeline = timelineBodyRef.value.scrollHeight - timelineBodyRef.value.clientHeight;
+    if (maxSidebar > 0 && maxTimeline > 0) {
+      const maxScroll = Math.min(maxSidebar, maxTimeline);
+      if (scrollT > maxScroll) {
+        scrollT = maxScroll;
+        target.scrollTop = maxScroll;
+      }
+    }
+  }
+  scrollTop.value = scrollT;
   if (sidebarBodyRef.value && target === timelineBodyRef.value) {
-    sidebarBodyRef.value.scrollTop = target.scrollTop;
+    sidebarBodyRef.value.scrollTop = scrollT;
   } else if (timelineBodyRef.value && target === sidebarBodyRef.value) {
-    timelineBodyRef.value.scrollTop = target.scrollTop;
+    timelineBodyRef.value.scrollTop = scrollT;
   }
   if (sidebarHeaderRef.value && target === sidebarBodyRef.value) {
     sidebarHeaderRef.value.scrollLeft = target.scrollLeft;
@@ -55211,8 +55987,10 @@ const onDragStart = (e, task, type) => {
   dragInitS = dayjs_default(task.startDate);
   dragInitE = dayjs_default(task.endDate);
   dragInitP = task.progress || 0;
-  document.addEventListener("mousemove", onDragMove);
-  document.addEventListener("mouseup", onDragEnd);
+  if (typeof document !== "undefined") {
+    document.addEventListener("mousemove", onDragMove);
+    document.addEventListener("mouseup", onDragEnd);
+  }
 };
 const onDragMove = (e) => {
   if (!activeDragTask.value) return;
@@ -55262,8 +56040,10 @@ const onDragEnd = () => {
   emit("update:data", [...props.data]);
   activeDragTask.value = null;
   dragType = null;
-  document.removeEventListener("mousemove", onDragMove);
-  document.removeEventListener("mouseup", onDragEnd);
+  if (typeof document !== "undefined") {
+    document.removeEventListener("mousemove", onDragMove);
+    document.removeEventListener("mouseup", onDragEnd);
+  }
 };
 const handleTaskClick = (e, task) => {
   if (dragType) return;
@@ -55294,10 +56074,22 @@ onMounted(() => {
   }
 });
 onBeforeUnmount(() => {
+  if (scrollTimer) {
+    clearTimeout(scrollTimer);
+    scrollTimer = null;
+  }
   if (resizeObserver) {
     resizeObserver.disconnect();
     resizeObserver = null;
   }
+  if (typeof document !== "undefined") {
+    document.removeEventListener("mousemove", onDragMove);
+    document.removeEventListener("mouseup", onDragEnd);
+  }
+  if (activeDragTask.value) {
+    dragType = null;
+    activeDragTask.value = null;
+  }
 });
 
 return (_ctx, _cache) => {
@@ -55784,7 +56576,8 @@ const { themeStyle } = useComponentTheme(
 const { selectedValueIds, isValueSelectable, selectedSku, toggleValue } = useSKU(
   props.specs,
   props.skus,
-  props.modelValue
+  props.modelValue,
+  props.checkStock
 );
 const handleValueClick = (index, spec, value) => {
   emit("select", spec, value);
@@ -56433,6 +57226,19 @@ const setupObserver = () => {
 };
 onMounted(setupObserver);
 onUnmounted(() => observer?.disconnect());
+watch(
+  () => props.exposure,
+  (val) => {
+    if (val) {
+      setupObserver();
+    } else {
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
+    }
+  }
+);
 const currentImage = ref(props.image);
 const isHovering = ref(false);
 const videoActive = ref(false);
@@ -56903,11 +57709,12 @@ const { themeStyle } = useComponentTheme(
   computed(() => props.themeOverrides)
 );
 const rootStyle = computed(() => {
-  const { width, height } = props;
+  const { width, height, loadingColor } = props;
   return {
     ...themeStyle.value,
     width: typeof width === "number" ? `${width}px` : width,
-    height: typeof height === "number" ? `${height}px` : height
+    height: typeof height === "number" ? `${height}px` : height,
+    ...loadingColor ? { "--yh-magnifier-loading-color": loadingColor } : {}
   };
 });
 const currentIndex = ref(props.modelValue);
@@ -57000,6 +57807,7 @@ const handleMouseEnter = () => {
 };
 const handleMouseLeave = () => {
   visible.value = false;
+  currentScale.value = props.scale;
   emit("leave");
   emit("zoom-end");
 };
@@ -57031,17 +57839,32 @@ const handleWheel = (e) => {
   ) / 10;
   emit("scale-change", currentScale.value);
 };
+let wheelListener = null;
 const addWheelListener = () => {
-  containerRef.value?.addEventListener("wheel", handleWheel, { passive: false });
+  if (!props.wheelZoom || !containerRef.value) return;
+  removeWheelListener();
+  wheelListener = (e) => {
+    handleWheel(e);
+  };
+  containerRef.value.addEventListener("wheel", wheelListener, { passive: false });
 };
 const removeWheelListener = () => {
-  containerRef.value?.removeEventListener("wheel", handleWheel);
-};
-watch(containerRef, (el) => {
-  if (el) {
-    nextTick(addWheelListener);
+  if (wheelListener && containerRef.value) {
+    containerRef.value.removeEventListener("wheel", wheelListener);
+    wheelListener = null;
   }
-});
+};
+watch(
+  [containerRef, () => props.wheelZoom],
+  ([el, wz]) => {
+    if (el && wz) {
+      nextTick(addWheelListener);
+    } else {
+      removeWheelListener();
+    }
+  },
+  { immediate: true }
+);
 const previewStyle = computed(() => {
   const isInside = resolvedPosition.value === "inside";
   const base = {
@@ -57122,6 +57945,7 @@ const handleFullscreenKeydown = (e) => {
   if (e.key === "Escape") closeFullscreen();
 };
 watch(fullscreenVisible, (val) => {
+  if (typeof document === "undefined") return;
   if (val) {
     document.addEventListener("keydown", handleFullscreenKeydown);
     document.documentElement.style.overflow = "hidden";
@@ -57134,9 +57958,11 @@ watch(fullscreenVisible, (val) => {
 });
 onUnmounted(() => {
   removeWheelListener();
-  document.removeEventListener("keydown", handleFullscreenKeydown);
-  document.documentElement.style.overflow = "";
-  document.body.style.overflow = "";
+  if (typeof document !== "undefined") {
+    document.removeEventListener("keydown", handleFullscreenKeydown);
+    document.documentElement.style.overflow = "";
+    document.body.style.overflow = "";
+  }
 });
 __expose({ visible, currentScale, currentIndex, switchImage });
 
@@ -58617,7 +59443,8 @@ const { themeStyle } = useComponentTheme(
 const { t } = useLocale();
 const displayPrice = computed(() => {
   const raw = props.centUnit ? props.price / 100 : props.price;
-  return raw.toFixed(props.decimalLength);
+  const len = Math.max(0, Math.min(20, Number(props.decimalLength) || 0));
+  return raw.toFixed(len);
 });
 const priceLabel = computed(() => props.label || t("submitbar.total"));
 const selectedText = computed(() => {
@@ -58703,11 +59530,11 @@ return (_ctx, _cache) => {
               createElementVNode("span", {
                 class: normalizeClass(unref(ns).e('price-int'))
               }, toDisplayString(displayPrice.value.split(".")[0]), 3 /* TEXT, CLASS */),
-              (_ctx.decimalLength > 0)
+              (Number(_ctx.decimalLength) > 0)
                 ? (openBlock(), createElementBlock("span", {
                     key: 0,
                     class: normalizeClass(unref(ns).e('price-dec'))
-                  }, "." + toDisplayString(displayPrice.value.split(".")[1]), 3 /* TEXT, CLASS */))
+                  }, "." + toDisplayString(displayPrice.value.split(".")[1] || ""), 3 /* TEXT, CLASS */))
                 : createCommentVNode("v-if", true)
             ], 2 /* CLASS */)
           ])