@1337exp/taoui 1.10.3 → 1.11.0

package/dist/index.cjs

@@ -2417,7 +2417,7 @@
       };
     }
   });
-  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f6b0e565"]]);
+  const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-bb1ea2fb"]]);
   const _hoisted_1$z = {
     key: 0,
     class: "tao-tag__prefix"
@@ -2967,7 +2967,8 @@
       placeholder: { default: "" },
       modelValue: {},
       disabled: { type: Boolean, default: false },
-      size: { default: "medium" }
+      size: { default: "medium" },
+      wheel: { default: 0 }
     },
     emits: ["update:modelValue"],
     setup(__props, { emit: __emit }) {
@@ -3094,6 +3095,14 @@
           commit(props.max);
         }
       }
+      function onWheel(event) {
+        if (props.disabled || props.wheel <= 0 || showShadowModel.value) {
+          return;
+        }
+        event.preventDefault();
+        const delta = event.deltaY < 0 ? props.wheel : -props.wheel;
+        commit(current.value + delta);
+      }
       function onBlurShadowModel() {
         if (shadowModel.value) {
           const newValue = packModelValue(clampValue(parseFloat(shadowModel.value) || 0));
@@ -3149,7 +3158,8 @@
           onPointerup: onPointerEnd,
           onPointercancel: onPointerEnd,
           onLostpointercapture: onLostPointerCapture,
-          onKeydown
+          onKeydown,
+          onWheel
         }, [
           _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "tao-slider__track" }, null, -1)),
           vue.createElementVNode("div", {
@@ -3184,7 +3194,7 @@
       };
     }
   });
-  const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-24a38782"]]);
+  const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-a0a9cca1"]]);
   const _hoisted_1$s = { class: "tao-file-drop" };
   const _hoisted_2$p = { class: "tao-file-drop__row" };
   const _hoisted_3$k = ["aria-label"];
@@ -7259,6 +7269,7 @@
       let dragMoved = 0;
       let dragPointer = -1;
       let scrollFrame = 0;
+      let focusFrame = 0;
       let autoplayTimer = 0;
       const step = vue.computed(() => Math.max(1, Math.round(props.perView)));
       const lastIndex = vue.computed(() => Math.max(count.value - step.value, 0));
@@ -7367,18 +7378,32 @@
         hoverPaused.value = false;
         syncAutoplay();
       }
-      function onFocusIn() {
-        focusPaused.value = true;
-        stopAutoplay();
+      function hasKeyboardFocus(root) {
+        const active = document.activeElement;
+        if (!(active instanceof HTMLElement) || !root.contains(active)) {
+          return false;
+        }
+        try {
+          return active.matches(":focus-visible");
+        } catch {
+          return true;
+        }
       }
-      function onFocusOut(event) {
+      function scheduleFocusPause(event) {
         const root = event.currentTarget;
-        const next = event.relatedTarget;
-        if (next && root.contains(next)) {
-          return;
-        }
-        focusPaused.value = false;
-        syncAutoplay();
+        cancelAnimationFrame(focusFrame);
+        focusFrame = requestAnimationFrame(() => {
+          if (!track.value) {
+            return;
+          }
+          const next = hasKeyboardFocus(root);
+          focusPaused.value = next;
+          if (next) {
+            stopAutoplay();
+            return;
+          }
+          syncAutoplay();
+        });
       }
       function onScroll() {
         if (dragging.value) {
@@ -7515,6 +7540,7 @@
       vue.onBeforeUnmount(() => {
         endDrag();
         cancelAnimationFrame(scrollFrame);
+        cancelAnimationFrame(focusFrame);
         stopAutoplay();
         document.removeEventListener("visibilitychange", onVisibilityChange);
         window.removeEventListener("blur", onWindowBlur);
@@ -7526,8 +7552,8 @@
           style: vue.normalizeStyle(trackStyle.value),
           onMouseenter: onMouseEnter,
           onMouseleave: onMouseLeave,
-          onFocusin: onFocusIn,
-          onFocusout: onFocusOut
+          onFocusin: scheduleFocusPause,
+          onFocusout: scheduleFocusPause
         }, [
           vue.createElementVNode("div", _hoisted_1$4, [
             vue.renderSlot(_ctx.$slots, "prev", {
@@ -7650,7 +7676,7 @@
       };
     }
   });
-  const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bc396e5d"]]);
+  const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b4139b57"]]);
   const _hoisted_1$3 = ["aria-label"];
   const _hoisted_2$2 = ["aria-label"];
   const _hoisted_3$2 = {