@1337exp/taoui 1.10.3 → 1.11.0

package/dist/index.d.ts

@@ -606,6 +606,8 @@ modelValue: number | string;
 disabled?: boolean;
 /** `medium` — форм-контрол. `small` — тонкий трек (seek, громкость). */
 size?: "small" | "medium";
+/** Шаг изменения значения при прокрутке колёсика мыши. 0 — отключено. */
+wheel?: number;
 }>, {
 min: number;
 max: number;
@@ -614,6 +616,7 @@ showValue: boolean;
 placeholder: string;
 disabled: boolean;
 size: string;
+wheel: number;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_29<__VLS_TypePropsToRuntimeProps_31<{
@@ -626,6 +629,8 @@ modelValue: number | string;
 disabled?: boolean;
 /** `medium` — форм-контрол. `small` — тонкий трек (seek, громкость). */
 size?: "small" | "medium";
+/** Шаг изменения значения при прокрутке колёсика мыши. 0 — отключено. */
+wheel?: number;
 }>, {
 min: number;
 max: number;
@@ -634,6 +639,7 @@ showValue: boolean;
 placeholder: string;
 disabled: boolean;
 size: string;
+wheel: number;
 }>>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -642,6 +648,7 @@ disabled: boolean;
 max: number;
 step: number;
 placeholder: string;
+wheel: number;
 min: number;
 showValue: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1545,7 +1552,7 @@ peek?: number;
 /** How many slides fit in the viewport. 5 = product strip. 1 = one card. */
 perView?: number;
 controls?: boolean;
-/** Interval in ms. 0 — off. Pauses on hover, focus, drag, and reduced motion. */
+/** Interval in ms. 0 — off. Pauses on hover, keyboard focus, drag, and reduced motion. */
 autoplay?: number;
 loop?: boolean;
 /** Pips under the track: one per snap. Inactive are dots, the current one stretches into a pill. */
@@ -1578,7 +1585,7 @@ peek?: number;
 /** How many slides fit in the viewport. 5 = product strip. 1 = one card. */
 perView?: number;
 controls?: boolean;
-/** Interval in ms. 0 — off. Pauses on hover, focus, drag, and reduced motion. */
+/** Interval in ms. 0 — off. Pauses on hover, keyboard focus, drag, and reduced motion. */
 autoplay?: number;
 loop?: boolean;
 /** Pips under the track: one per snap. Inactive are dots, the current one stretches into a pill. */

package/dist/index.mjs

@@ -2414,7 +2414,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
@@ -2964,7 +2964,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     placeholder: { default: "" },
     modelValue: {},
     disabled: { type: Boolean, default: false },
-    size: { default: "medium" }
+    size: { default: "medium" },
+    wheel: { default: 0 }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -3091,6 +3092,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         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));
@@ -3146,7 +3155,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         onPointerup: onPointerEnd,
         onPointercancel: onPointerEnd,
         onLostpointercapture: onLostPointerCapture,
-        onKeydown
+        onKeydown,
+        onWheel
       }, [
         _cache[2] || (_cache[2] = createElementVNode("div", { class: "tao-slider__track" }, null, -1)),
         createElementVNode("div", {
@@ -3181,7 +3191,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"];
@@ -7256,6 +7266,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     let dragMoved = 0;
     let dragPointer = -1;
     let scrollFrame = 0;
+    let focusFrame = 0;
     let autoplayTimer = 0;
     const step = computed(() => Math.max(1, Math.round(props.perView)));
     const lastIndex = computed(() => Math.max(count.value - step.value, 0));
@@ -7364,18 +7375,32 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       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) {
@@ -7512,6 +7537,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       endDrag();
       cancelAnimationFrame(scrollFrame);
+      cancelAnimationFrame(focusFrame);
       stopAutoplay();
       document.removeEventListener("visibilitychange", onVisibilityChange);
       window.removeEventListener("blur", onWindowBlur);
@@ -7523,8 +7549,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(trackStyle.value),
         onMouseenter: onMouseEnter,
         onMouseleave: onMouseLeave,
-        onFocusin: onFocusIn,
-        onFocusout: onFocusOut
+        onFocusin: scheduleFocusPause,
+        onFocusout: scheduleFocusPause
       }, [
         createElementVNode("div", _hoisted_1$4, [
           renderSlot(_ctx.$slots, "prev", {
@@ -7647,7 +7673,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = {