@profitliga/ui 2.0.7 → 2.0.9

package/dist/utils/breakpoints.util.d.ts

@@ -1,2 +1,19 @@
 import { UseBreakpointReturn } from '@vueuse/core';
+/**
+ * `ssrWidth` — без него VueUse на сервере не имеет `window.matchMedia` и
+ * оставляет каждый брейкпоинт-запрос в дефолтном `false`, а на клиенте уже
+ * при первом синхронном проходе `setup()` (до hydrate) успевает подставить
+ * реальную ширину экрана. Для мобильных пользователей это два разных
+ * поддерева (например, `Portal` на сервере против `BottomSheet` на клиенте
+ * в Dialog/Drawer/AlertDialog, у обеих веток свой `<slot/>`) — Vue не может
+ * их сверить и падает при гидратации вместо перехода на реальное значение.
+ *
+ * 1024 — ширина заведомо больше любого `breakpointMobile` по умолчанию
+ * ('sm' = 640) и любого явно заданного потребителем значения из
+ * `TBreakpoints` (максимум 'xxxl' = 1620 задел на будущее, но текущий
+ * дефолт 'sm' покрывает подавляющее большинство случаев). Так первый
+ * клиентский рендер при гидратации получает то же самое значение, что и
+ * сервер, — расхождения нет. Как только гидратация завершена, VueUse сам
+ * реактивно подставляет настоящую ширину через matchMedia.
+ */
 export declare const breakpoints: UseBreakpointReturn<"sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "mobile">;

package/dist/utils/breakpoints.util.js

@@ -1,13 +1,16 @@
 import { useBreakpoints as o } from "@vueuse/core";
-const e = o({
-  mobile: 0,
-  sm: 640,
-  md: 768,
-  lg: 1010,
-  xl: 1220,
-  xxl: 1420,
-  xxxl: 1620
-});
+const x = o(
+  {
+    mobile: 0,
+    sm: 640,
+    md: 768,
+    lg: 1010,
+    xl: 1220,
+    xxl: 1420,
+    xxxl: 1620
+  },
+  { ssrWidth: 1024 }
+);
 export {
-  e as breakpoints
+  x as breakpoints
 };

package/dist/utils/onClickOutside.util.js

@@ -1,35 +1,48 @@
-import { toValue as p, unref as g } from "vue";
-const s = /* @__PURE__ */ new WeakMap();
-let c = 0;
-const E = 500;
-function l(t) {
-  const o = g(t);
+import { toValue as E, unref as L } from "vue";
+const c = /* @__PURE__ */ new WeakMap();
+let i = 0;
+const l = 500;
+function p(t) {
+  t.preventDefault(), t.stopPropagation();
+}
+function S() {
+  document.addEventListener("click", p, {
+    capture: !0,
+    once: !0
+  }), setTimeout(() => {
+    document.removeEventListener("click", p, {
+      capture: !0
+    });
+  }, l);
+}
+function d(t) {
+  const o = L(t);
   return o?.$el ?? o;
 }
-function L(t) {
-  return typeof t == "string" ? document.querySelector(t) : l(t);
+function h(t) {
+  return typeof t == "string" ? document.querySelector(t) : d(t);
 }
-function y(t, o, d = {}) {
-  const n = L(t);
-  if (!n) return () => {
+function y(t, o, f = {}) {
+  const r = h(t);
+  if (!r) return () => {
   };
-  const a = s.get(n);
-  a && (a(), s.delete(n));
-  const u = (r) => {
-    if (r.type === "touchstart")
-      c = r.timeStamp;
-    else if (c > 0 && r.timeStamp - c < E)
+  const a = c.get(r);
+  a && (a(), c.delete(r));
+  const u = (n) => {
+    if (n.type === "touchstart")
+      i = n.timeStamp;
+    else if (i > 0 && n.timeStamp - i < l)
       return;
-    const i = r.target instanceof Node ? r.target : null;
-    if (!i) return;
-    const f = (p(d.ignore) ?? []).map((e) => typeof e == "string" ? document.querySelector(e) : l(e)).filter((e) => e != null);
-    n.contains(i) || f.some((e) => e.contains(i)) || o(r);
+    const s = n.target instanceof Node ? n.target : null;
+    if (!s) return;
+    const g = (E(f.ignore) ?? []).map((e) => typeof e == "string" ? document.querySelector(e) : d(e)).filter((e) => e != null);
+    r.contains(s) || g.some((e) => e.contains(s)) || (n.type === "touchstart" && S(), o(n));
   };
   document.addEventListener("mousedown", u, { capture: !0 }), document.addEventListener("touchstart", u, { capture: !0 });
   const m = () => {
-    document.removeEventListener("mousedown", u, { capture: !0 }), document.removeEventListener("touchstart", u, { capture: !0 }), s.delete(n);
+    document.removeEventListener("mousedown", u, { capture: !0 }), document.removeEventListener("touchstart", u, { capture: !0 }), c.delete(r);
   };
-  return s.set(n, m), m;
+  return c.set(r, m), m;
 }
 export {
   y as onClickOutside

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@profitliga/ui",
-	"version": "2.0.7",
+	"version": "2.0.9",
 	"author": "Profit League<dev@pr-lg.ru>",
 	"license": "MIT",
 	"description": "Vue 3 UI component library with TypeScript and SCSS",