prlg-ui 1.3.0 → 1.3.1

package/dist/utils/index.ts

@@ -0,0 +1,3 @@
+import Portal from "./Portal.vue";
+
+export { Portal };

package/dist/utils/isClient.util.ts

@@ -0,0 +1,3 @@
+export default function isClient(): boolean {
+    return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+}

package/dist/utils/onClickOutside.util.ts

@@ -0,0 +1,57 @@
+export interface OnClickOutsideOptions {
+  ignore?: (() => (HTMLElement | string | null | undefined)[]) | (HTMLElement | string | null | undefined)[];
+}
+
+const activeListeners = new WeakMap<HTMLElement, () => void>();
+
+export function onClickOutside(
+    target: HTMLElement | null | undefined,
+    handler: (event: MouseEvent | TouchEvent) => void,
+    options: OnClickOutsideOptions = {}
+): () => void {
+  if (!target) return () => {};
+
+  // Remove existing listener if present
+  const existingCleanup = activeListeners.get(target);
+  if (existingCleanup) {
+    existingCleanup();
+    activeListeners.delete(target);
+  }
+
+  const listener = (event: MouseEvent | TouchEvent) => {
+    const targetNode = event.target instanceof Node ? event.target : null;
+    if (!targetNode) return;
+
+    const rawIgnores = typeof options.ignore === 'function' ? options.ignore() : options.ignore ?? [];
+    const ignoreElements = rawIgnores
+        .map(el => {
+          if (typeof el === 'string') {
+            return document.querySelector(el) as HTMLElement | null;
+          }
+          return el instanceof HTMLElement ? el : null;
+        })
+        .filter((el): el is HTMLElement => el !== null && el !== undefined);
+
+    if (
+        target.contains(targetNode) ||
+        ignoreElements.some(ignoreEl => ignoreEl.contains(targetNode))
+    ) {
+      return;
+    }
+
+    handler(event);
+  };
+
+  document.addEventListener('mousedown', listener, { capture: true });
+  document.addEventListener('touchstart', listener, { capture: true });
+
+  // Store cleanup function and return it
+  const cleanup = () => {
+    document.removeEventListener('mousedown', listener, { capture: true });
+    document.removeEventListener('touchstart', listener, { capture: true });
+    activeListeners.delete(target);
+  };
+  activeListeners.set(target, cleanup);
+
+  return cleanup;
+}

package/dist/utils/parseDate.util.ts

@@ -0,0 +1,41 @@
+function parseDurationToSeconds(duration: string): number {
+    const regex = /^(\d+)(s|m|h|d|day|month|year)$/;
+    const match = duration.match(regex);
+
+    if (!match) {
+        throw new Error('Invalid duration format. Use formats like 30d, 1m, 1h, 1day, 1month, 1year');
+    }
+
+    const value = parseInt(match[1], 10);
+    const unit = match[2];
+
+    switch (unit) {
+        case 's':
+            return value; // seconds
+        case 'm':
+            return value * 60; // minutes
+        case 'h':
+            return value * 3600; // hours
+        case 'd':
+        case 'day':
+            return value * 86400; // days
+        case 'month':
+            return value * 2592000; // months (30 days)
+        case 'year':
+            return value * 31536000; // years (365 days)
+        default:
+            throw new Error('Unsupported time unit');
+    }
+}
+
+export default parseDurationToSeconds;
+
+/** Примеры использования */
+/** example
+ console.log(parseDurationToSeconds('30d')); // 2592000
+ console.log(parseDurationToSeconds('1m')); // 60
+ console.log(parseDurationToSeconds('1h')); // 3600
+ console.log(parseDurationToSeconds('1day')); // 86400
+ console.log(parseDurationToSeconds('1month')); // 2592000
+ console.log(parseDurationToSeconds('1year')); // 31536000
+ */

package/dist/utils/price.util.ts

@@ -0,0 +1,21 @@
+/**
+ * Преобразует число в форматированную строку с валютой (по умолчанию: ₽)
+ */
+export function formatPrice(value: number, currency = "₽"): string {
+  return `${value.toLocaleString("ru-RU")} ${currency}`;
+}
+
+/**
+ * Возвращает сумму всех значений (например, для корзины)
+ */
+export function sumPrices(items: number[]): number {
+  return items.reduce((total, price) => total + price, 0);
+}
+
+/**
+ * Делает безопасное преобразование строки в число (цены из инпута)
+ */
+export function parsePrice(input: string): number {
+  const normalized = input.replace(/[^\d.,]/g, "").replace(",", ".");
+  return parseFloat(normalized) || 0;
+}

package/dist/utils/useBodyScroll.util.ts

@@ -0,0 +1,33 @@
+export function useBodyScroll() {
+  let originalOverflow: string | null = null;
+  let originalPaddingRight: string | null = null;
+
+  const lockScroll = () => {
+    if (typeof window === 'undefined') return;
+
+    const body = document.body;
+    const scrollbarWidth = window.innerWidth - body.clientWidth;
+
+    if (originalOverflow === null) {
+      originalOverflow = body.style.overflow;
+      originalPaddingRight = body.style.paddingRight;
+    }
+
+    body.style.overflow = 'hidden';
+    body.style.paddingRight = `${scrollbarWidth}px`;
+  };
+
+  const unlockScroll = () => {
+    if (typeof window === 'undefined') return;
+
+    if (originalOverflow !== null && originalPaddingRight !== null) {
+      const body = document.body;
+      body.style.overflow = originalOverflow;
+      body.style.paddingRight = originalPaddingRight;
+      originalOverflow = null;
+      originalPaddingRight = null;
+    }
+  };
+
+  return { lockScroll, unlockScroll };
+}

package/dist/utils.d.ts

@@ -0,0 +1,93 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { default as dayjs } from 'dayjs';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare type __VLS_Props = {
+    appendTo?: 'self' | string;
+    disabled?: boolean;
+};
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export { dayjs }
+
+export declare function EventBus<Events extends Record<string, any>>(): TypedEventBus<Events>;
+
+/**
+ * Форматирует дату в человекочитаемый вид: 20 июня 2025
+ */
+export declare function formatDateReadable(date: string | Date): string;
+
+/**
+ * Форматирует дату для отображения времени: 20 июня, 14:30
+ */
+export declare function formatDateWithTime(date: string | Date): string;
+
+/**
+ * Преобразует число в форматированную строку с валютой (по умолчанию: ₽)
+ */
+export declare function formatPrice(value: number, currency?: string): string;
+
+/**
+ * Возвращает разницу между датами в днях
+ */
+export declare function getDaysBetween(start: string | Date, end: string | Date): number;
+
+export declare type Handler<T> = (event: T) => void;
+
+/**
+ * Проверяет, истекла ли дата
+ */
+export declare function isExpired(date: string | Date): boolean;
+
+export declare function onClickOutside(target: HTMLElement | null | undefined, handler: (event: MouseEvent | TouchEvent) => void, options?: OnClickOutsideOptions): () => void;
+
+export declare interface OnClickOutsideOptions {
+    ignore?: (() => (HTMLElement | string | null | undefined)[]) | (HTMLElement | string | null | undefined)[];
+}
+
+/**
+ * Делает безопасное преобразование строки в число (цены из инпута)
+ */
+export declare function parsePrice(input: string): number;
+
+export declare const Portal: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+/**
+ * Возвращает сумму всех значений (например, для корзины)
+ */
+export declare function sumPrices(items: number[]): number;
+
+export declare interface TypedEventBus<Events extends Record<string, any>> {
+    on<K extends keyof Events>(type: K, handler: Handler<Events[K]>): void;
+    off<K extends keyof Events>(type: K, handler: Handler<Events[K]>): void;
+    emit<K extends keyof Events>(type: K, evt?: Events[K]): void;
+    clear(): void;
+}
+
+export declare function useBodyScroll(): {
+    lockScroll: () => void;
+    unlockScroll: () => void;
+};
+
+export { }

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prlg-ui",
   "private": false,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "main": "dist/prlg-ui.umd.js",
   "module": "dist/prlg-ui.es.js",