@1337exp/taoui 1.3.3 → 1.3.5

package/dist/index.d.ts

@@ -401,6 +401,8 @@ showValue?: boolean;
 placeholder?: string;
 modelValue: number | string;
 disabled?: boolean;
+/** `medium` — форм-контрол. `small` — тонкий трек (seek, громкость). */
+size?: "small" | "medium";
 }>, {
 min: number;
 max: number;
@@ -408,6 +410,7 @@ step: number;
 showValue: boolean;
 placeholder: string;
 disabled: boolean;
+size: string;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToRuntimeProps_28<{
@@ -418,6 +421,8 @@ showValue?: boolean;
 placeholder?: string;
 modelValue: number | string;
 disabled?: boolean;
+/** `medium` — форм-контрол. `small` — тонкий трек (seek, громкость). */
+size?: "small" | "medium";
 }>, {
 min: number;
 max: number;
@@ -425,9 +430,11 @@ step: number;
 showValue: boolean;
 placeholder: string;
 disabled: boolean;
+size: string;
 }>>> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+size: "small" | "medium";
 disabled: boolean;
 max: number;
 step: number;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, createTextVNode, provide, onMounted, resolveDynamicComponent, useCssVars, reactive, onBeforeMount, useSlots, withDirectives, vModelText, resolveComponent, mergeProps, TransitionGroup, onUpdated, createApp } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, toDisplayString, createElementVNode, renderSlot, computed, normalizeStyle, inject, useId, ref, unref, watch, onBeforeUnmount, createBlock, Teleport, createVNode, Transition, withCtx, withModifiers, nextTick, Fragment, renderList, createTextVNode, onMounted, provide, resolveDynamicComponent, useCssVars, reactive, onBeforeMount, useSlots, withDirectives, vModelText, getCurrentInstance, mergeProps, TransitionGroup, onUpdated, createApp } from "vue";
 const _hoisted_1$J = ["type", "disabled"];
 const _hoisted_2$C = {
   key: 0,
@@ -62,7 +62,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-5a0fd489"]]);
+const TaoButton = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-085cd74d"]]);
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoBlock" },
   __name: "TaoBlock",
@@ -965,6 +965,21 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 const TaoTabs = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-bf16735e"]]);
+function listenFocusLoss(onLoss) {
+  function onVisibilityChange() {
+    if (document.hidden) {
+      onLoss();
+    }
+  }
+  document.addEventListener("visibilitychange", onVisibilityChange);
+  window.addEventListener("blur", onLoss);
+  window.addEventListener("pagehide", onLoss);
+  return () => {
+    document.removeEventListener("visibilitychange", onVisibilityChange);
+    window.removeEventListener("blur", onLoss);
+    window.removeEventListener("pagehide", onLoss);
+  };
+}
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoTooltip" },
   __name: "TaoTooltip",
@@ -974,6 +989,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const showTooltip = ref(false);
+    function hide() {
+      showTooltip.value = false;
+    }
+    let stopFocusLoss;
+    onMounted(() => {
+      stopFocusLoss = listenFocusLoss(hide);
+    });
+    onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "tao-tooltip-wrapper",
@@ -997,7 +1020,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6f3b3c11"]]);
+const TaoTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-fa4a9dac"]]);
 const _hoisted_1$B = { class: "tao-popover" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoPopover" },
@@ -2259,7 +2282,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     showValue: { type: Boolean, default: false },
     placeholder: { default: "" },
     modelValue: {},
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: false },
+    size: { default: "medium" }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -2279,6 +2303,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const current = computed(() => unpackModelValue());
     const trackRef = ref(null);
     const isDragging = ref(false);
+    let dragPointer = -1;
     const shadowInputRef = ref(null);
     const shadowModel = ref("0");
     const showShadowModel = ref(false);
@@ -2300,42 +2325,63 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         return props.min;
       }
       const rect = trackRef.value.getBoundingClientRect();
-      const clientX = "touches" in event ? event.touches[0].clientX : event.clientX;
-      const x = Math.min(Math.max(clientX - rect.left, 0), rect.width);
+      const x = Math.min(Math.max(event.clientX - rect.left, 0), rect.width);
       const ratio = rect.width ? x / rect.width : 0;
       const v = props.min + ratio * (props.max - props.min);
       return clampValue(Math.round((v - props.min) / props.step) * props.step + props.min);
     }
-    function handleMove(event) {
-      if (props.disabled) {
+    function releaseDragCapture() {
+      const el = trackRef.value;
+      const id = dragPointer;
+      if (!el || id === -1) {
         return;
       }
-      commit(calculateValue(event));
-    }
-    function onMouseUp(event) {
-      const evBtn = "touches" in event ? void 0 : event.button;
-      if (typeof evBtn !== "undefined" && evBtn !== 0 || showShadowModel.value) {
+      if (typeof el.hasPointerCapture === "function" && !el.hasPointerCapture(id)) {
         return;
       }
-      isDragging.value = false;
+      try {
+        el.releasePointerCapture(id);
+      } catch {
+      }
     }
-    function onMouseDown(event) {
-      if (props.disabled) {
+    function endDrag() {
+      if (!isDragging.value) {
         return;
       }
-      const evBtn = "touches" in event ? void 0 : event.button;
-      if (typeof evBtn !== "undefined" && evBtn !== 0 || showShadowModel.value) {
+      isDragging.value = false;
+      releaseDragCapture();
+      dragPointer = -1;
+    }
+    function onPointerDown(event) {
+      if (props.disabled || showShadowModel.value || event.button !== 0 || !trackRef.value) {
         return;
       }
+      dragPointer = event.pointerId;
       isDragging.value = true;
-      handleMove(event);
+      commit(calculateValue(event));
       event.preventDefault();
+      try {
+        trackRef.value.setPointerCapture(event.pointerId);
+      } catch {
+      }
+    }
+    function onPointerMove(event) {
+      if (!isDragging.value || event.pointerId !== dragPointer) {
+        return;
+      }
+      commit(calculateValue(event));
     }
-    function onMouseMove(event) {
+    function onPointerEnd(event) {
       if (!isDragging.value) {
         return;
       }
-      handleMove(event);
+      if (dragPointer !== -1 && event.pointerId !== dragPointer) {
+        return;
+      }
+      endDrag();
+    }
+    function onLostPointerCapture() {
+      endDrag();
     }
     function onKeydown(event) {
       if (props.disabled || showShadowModel.value) {
@@ -2389,26 +2435,23 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         return (_a = shadowInputRef.value) == null ? void 0 : _a.focus();
       });
     }
+    let stopFocusLoss;
     onMounted(() => {
-      window.addEventListener("mouseleave", onMouseUp);
-      window.addEventListener("mouseup", onMouseUp);
-      window.addEventListener("mousemove", onMouseMove);
-      window.addEventListener("touchend", onMouseUp);
-      window.addEventListener("touchmove", onMouseMove);
+      stopFocusLoss = listenFocusLoss(endDrag);
     });
     onBeforeUnmount(() => {
-      window.removeEventListener("mouseleave", onMouseUp);
-      window.removeEventListener("mouseup", onMouseUp);
-      window.removeEventListener("mousemove", onMouseMove);
-      window.removeEventListener("touchend", onMouseUp);
-      window.removeEventListener("touchmove", onMouseMove);
+      endDrag();
+      stopFocusLoss == null ? void 0 : stopFocusLoss();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         id: controlId.value,
         ref_key: "trackRef",
         ref: trackRef,
-        class: normalizeClass(["tao-slider", { "tao-slider--show-value": __props.showValue, "tao-slider--disabled": __props.disabled }]),
+        class: normalizeClass(["tao-slider", [
+          `tao-slider--${__props.size}`,
+          { "tao-slider--show-value": __props.showValue, "tao-slider--disabled": __props.disabled }
+        ]]),
         role: "slider",
         tabindex: __props.disabled ? -1 : 0,
         "aria-valuemin": __props.min,
@@ -2417,8 +2460,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         "aria-disabled": __props.disabled || void 0,
         "aria-describedby": describedBy.value,
         onContextmenu: withModifiers(onContextMenu, ["prevent"]),
-        onMousedown: onMouseDown,
-        onTouchstart: onMouseDown,
+        onPointerdown: onPointerDown,
+        onPointermove: onPointerMove,
+        onPointerup: onPointerEnd,
+        onPointercancel: onPointerEnd,
+        onLostpointercapture: onLostPointerCapture,
         onKeydown
       }, [
         _cache[2] || (_cache[2] = createElementVNode("div", { class: "tao-slider__track" }, null, -1)),
@@ -2441,7 +2487,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           class: "tao-slider__shadow-input",
           onBlur: onBlurShadowModel,
           onKeydown: onShadowKeydown,
-          onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
+          onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
           }, ["stop"]))
         }, null, 40, _hoisted_2$m)), [
           [vModelText, shadowModel.value]
@@ -2454,7 +2500,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-241d1042"]]);
+const TaoSlider = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-24a38782"]]);
 const _hoisted_1$o = { class: "tao-file-drop" };
 const _hoisted_2$l = { class: "tao-file-drop__row" };
 const _hoisted_3$i = ["accept", "multiple"];
@@ -2556,6 +2602,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     function fileKey(file, index) {
       return `${file.name}-${file.size}-${file.lastModified}-${index}`;
     }
+    let stopFocusLoss;
+    onMounted(() => {
+      stopFocusLoss = listenFocusLoss(() => {
+        isDragging.value = false;
+      });
+    });
+    onBeforeUnmount(() => stopFocusLoss == null ? void 0 : stopFocusLoss());
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createElementVNode("div", _hoisted_2$l, [
@@ -2609,7 +2662,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-fbd848b0"]]);
+const TaoFileDrop = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f97c4e91"]]);
 const _hoisted_1$n = ["aria-expanded"];
 const _hoisted_2$k = {
   key: 1,
@@ -2974,15 +3027,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     exactPath: { type: Boolean, default: false }
   },
   setup(__props) {
+    var _a;
     const props = __props;
-    const linkComponent = computed(() => {
-      const resolved = resolveComponent("NuxtLink");
-      return typeof resolved === "string" ? "a" : resolved;
-    });
+    const globals = ((_a = getCurrentInstance()) == null ? void 0 : _a.appContext.components) ?? {};
+    const linkKind = globals.NuxtLink ? "nuxt" : globals.RouterLink ? "router" : "a";
+    const linkComponent = linkKind === "nuxt" ? globals.NuxtLink : linkKind === "router" ? globals.RouterLink : "a";
     const linkProps = computed(() => {
       const target = props.asNewTab ? "_blank" : void 0;
       const rel = props.private && "noopener noreferrer" || props.asNewTab && "noopener" || void 0;
-      if (linkComponent.value === "a") {
+      if (linkKind === "a") {
         return {
           href: typeof props.to === "string" ? props.to : void 0,
           target,
@@ -2993,11 +3046,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         to: props.to,
         target,
         rel,
-        exactPath: props.exactPath
+        ...linkKind === "nuxt" ? { exactPath: props.exactPath } : {}
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), mergeProps(linkProps.value, { draggable: "false" }), {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(linkComponent)), mergeProps(linkProps.value, { draggable: "false" }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -3698,7 +3751,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       window.removeEventListener("resize", onViewportChange);
       window.removeEventListener("scroll", onViewportChange, true);
     });
+    let stopFocusLoss;
+    onMounted(() => {
+      stopFocusLoss = listenFocusLoss(() => {
+        picking.value = false;
+      });
+    });
     onBeforeUnmount(() => {
+      stopFocusLoss == null ? void 0 : stopFocusLoss();
       document.removeEventListener("pointerdown", onDocumentPointer);
       window.removeEventListener("resize", onViewportChange);
       window.removeEventListener("scroll", onViewportChange, true);
@@ -3802,7 +3862,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-adeb76a4"]]);
+const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-60be67d0"]]);
 const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
 function formatTaoDateIso(parts) {
   return `${String(parts.y).padStart(4, "0")}-${String(parts.m).padStart(2, "0")}-${String(parts.d).padStart(2, "0")}`;
@@ -4578,7 +4638,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       window.removeEventListener("resize", onViewportChange);
       window.removeEventListener("scroll", onViewportChange, true);
     });
+    let stopFocusLoss;
+    onMounted(() => {
+      stopFocusLoss = listenFocusLoss(() => {
+        hoverIso.value = null;
+      });
+    });
     onBeforeUnmount(() => {
+      stopFocusLoss == null ? void 0 : stopFocusLoss();
       document.removeEventListener("pointerdown", onDocumentPointer);
       window.removeEventListener("resize", onViewportChange);
       window.removeEventListener("scroll", onViewportChange, true);
@@ -4749,7 +4816,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4e222262"]]);
+const TaoDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3d067081"]]);
 const _hoisted_1$g = ["for"];
 const _hoisted_2$e = ["id", "checked", "disabled", "aria-checked"];
 const _hoisted_3$c = {
@@ -5982,10 +6049,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     function onWindowBlur() {
       endDrag();
+      hoverPaused.value = false;
+      syncAutoplay();
     }
     function onVisibilityChange() {
       if (document.hidden) {
         endDrag();
+        hoverPaused.value = false;
       }
       syncAutoplay();
     }
@@ -6157,7 +6227,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-81afb8b0"]]);
+const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-4f6de725"]]);
 const _hoisted_1$3 = ["aria-label"];
 const _hoisted_2$2 = ["aria-label"];
 const _hoisted_3$2 = {
@@ -6465,7 +6535,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       close();
     }
     startTimer();
+    let stopFocusLoss;
+    onMounted(() => {
+      stopFocusLoss = listenFocusLoss(resume);
+    });
     onBeforeUnmount(() => {
+      stopFocusLoss == null ? void 0 : stopFocusLoss();
       clearTimer();
     });
     return (_ctx, _cache) => {
@@ -6590,7 +6665,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoToastItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c8a329f5"]]);
+const TaoToastItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7c4692c0"]]);
 const _hoisted_1$1 = { class: "tao-toast-slot__inner" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoToastViewport" },