pxd 0.0.61 → 0.0.62

package/dist/composables/use-pointer-gesture.js

@@ -1,406 +0,0 @@
-import { onBeforeUnmount, shallowRef, watch } from "vue";
-import { getScrollContainer, getScrollElByContainer } from "../utils/dom.js";
-import { toValue } from "../utils/ref.js";
-const OPTIONS_DEFAULTS = {
-  rtl: false,
-  axis: "both",
-  startThreshold: 6,
-  triggerThreshold: 80,
-  velocityThreshold: 1e3,
-  longPressMs: 300,
-  longPressMoveTolerance: 4,
-  lockDirectionOnStart: true,
-  allowScrollUntilEdge: true,
-  preventScrollOnDrag: true,
-  usePointerCapture: true
-};
-export function usePointerGesture(container, options = {}) {
-  const isActive = shallowRef(false);
-  const isDragging = shallowRef(false);
-  const isLongPressing = shallowRef(false);
-  const direction = shallowRef(null);
-  const delta = shallowRef({ x: 0, y: 0 });
-  const progress = shallowRef(0);
-  const velocity = shallowRef({ x: 0, y: 0, v: 0 });
-  let captured = false;
-  let start = null;
-  let last = null;
-  let lockedAxis = null;
-  let activePointerId = null;
-  let longPressTimer;
-  let mayTriggerKind = null;
-  let boundEl = null;
-  let boundScrollEl = null;
-  let didClearSelectionOnDragStart = false;
-  const now = () => performance.now();
-  function resolveHorizontalDir(dx) {
-    const r = options.rtl ?? OPTIONS_DEFAULTS.rtl;
-    if (typeof r === "function") {
-      return r(dx);
-    }
-    if (r === true) {
-      return dx > 0 ? "left" : "right";
-    }
-    return dx > 0 ? "right" : "left";
-  }
-  function computeDir(dx, dy) {
-    if (Math.abs(dx) >= Math.abs(dy)) {
-      return dx === 0 ? null : resolveHorizontalDir(dx);
-    }
-    return dy === 0 ? null : dy > 0 ? "down" : "up";
-  }
-  function updateVelocity(curr, prev) {
-    if (!prev) {
-      velocity.value = { x: 0, y: 0, v: 0 };
-      return;
-    }
-    const dt = Math.max(1, curr.t - prev.t);
-    const vx = (curr.x - prev.x) / dt * 1e3;
-    const vy = (curr.y - prev.y) / dt * 1e3;
-    velocity.value = { x: vx, y: vy, v: Math.hypot(vx, vy) };
-  }
-  function axisAllowed(dx, dy) {
-    const axis = options.axis?.() || OPTIONS_DEFAULTS.axis;
-    if (axis === "both") {
-      return true;
-    } else if (axis === "x") {
-      return Math.abs(dx) >= Math.abs(dy);
-    } else if (axis === "y") {
-      return Math.abs(dy) >= Math.abs(dx);
-    }
-    return true;
-  }
-  function updateProgress(dx, dy) {
-    const triggerThreshold = options.triggerThreshold ?? OPTIONS_DEFAULTS.triggerThreshold;
-    let primary;
-    if (lockedAxis === "y") {
-      primary = Math.abs(dy);
-    } else if (lockedAxis === "x") {
-      primary = Math.abs(dx);
-    } else {
-      primary = Math.abs(Math.abs(dx) >= Math.abs(dy) ? dx : dy);
-    }
-    progress.value = Math.max(0, Math.min(1, primary / triggerThreshold));
-  }
-  function getScrollEl() {
-    if (typeof options.getScrollable === "function") {
-      return options.getScrollable();
-    }
-    const el = boundEl ? getScrollContainer(boundEl) : toValue(container) && getScrollContainer(toValue(container));
-    if (!el) {
-      return null;
-    }
-    return getScrollElByContainer(el);
-  }
-  function canScrollFurther(scrollEl, dx, dy) {
-    const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrollEl;
-    const atTop = scrollTop <= 0;
-    const atBottom = scrollTop + clientHeight >= scrollHeight;
-    const atLeft = scrollLeft <= 0;
-    const atRight = scrollLeft + clientWidth >= scrollWidth;
-    const horizontal = Math.abs(dx) >= Math.abs(dy);
-    if (horizontal) {
-      if (dx < 0) {
-        return !atRight;
-      }
-      if (dx > 0) {
-        return !atLeft;
-      }
-    } else {
-      if (dy < 0) {
-        return !atBottom;
-      }
-      if (dy > 0) {
-        return !atTop;
-      }
-    }
-    return false;
-  }
-  function clearTextSelection() {
-    try {
-      const sel = window.getSelection?.();
-      sel?.removeAllRanges?.();
-    } catch {
-    }
-  }
-  function clearLongPress() {
-    if (longPressTimer != null) {
-      clearTimeout(longPressTimer);
-      longPressTimer = null;
-    }
-    clearTextSelection();
-  }
-  function startLongPress() {
-    clearLongPress();
-    const lp = options.longPressMs ?? OPTIONS_DEFAULTS.longPressMs;
-    if (lp <= 0) {
-      return;
-    }
-    longPressTimer = setTimeout(() => {
-      isLongPressing.value = true;
-      options.onLongPress?.(publicState());
-    }, lp);
-  }
-  function publicState() {
-    return {
-      isActive: isActive.value,
-      isDragging: isDragging.value,
-      isLongPressing: isLongPressing.value,
-      direction: direction.value,
-      delta: { ...delta.value },
-      velocity: { ...velocity.value },
-      progress: progress.value
-    };
-  }
-  function resetInternal() {
-    clearLongPress();
-    if (captured && boundEl && activePointerId != null) {
-      try {
-        boundEl.releasePointerCapture(activePointerId);
-      } catch {
-      }
-    }
-    captured = false;
-    isActive.value = false;
-    isDragging.value = false;
-    isLongPressing.value = false;
-    direction.value = null;
-    delta.value = { x: 0, y: 0 };
-    velocity.value = { x: 0, y: 0, v: 0 };
-    progress.value = 0;
-    start = null;
-    last = null;
-    lockedAxis = null;
-    activePointerId = null;
-    mayTriggerKind = null;
-    boundScrollEl = null;
-    didClearSelectionOnDragStart = false;
-  }
-  function markTrigger(kind) {
-    const dir = direction.value;
-    if (!dir) {
-      return;
-    }
-    if (options.directionGuard && !options.directionGuard(dir, publicState())) {
-      return;
-    }
-    mayTriggerKind = kind;
-  }
-  function onPointerDown(e) {
-    const usePointerCapture = options.usePointerCapture ?? OPTIONS_DEFAULTS.usePointerCapture;
-    if (e.button != null && e.button !== 0) {
-      return;
-    }
-    if (typeof options.pointerGuard === "function" && !options.pointerGuard(e)) {
-      return;
-    }
-    activePointerId = e.pointerId;
-    isActive.value = true;
-    const t = now();
-    start = last = { x: e.clientX, y: e.clientY, t };
-    direction.value = null;
-    delta.value = { x: 0, y: 0 };
-    velocity.value = { x: 0, y: 0, v: 0 };
-    progress.value = 0;
-    lockedAxis = null;
-    isLongPressing.value = false;
-    mayTriggerKind = null;
-    didClearSelectionOnDragStart = false;
-    startLongPress();
-    options.onStart?.(e, publicState());
-    boundEl = toValue(container);
-    if (usePointerCapture && boundEl) {
-      try {
-        boundEl.setPointerCapture(e.pointerId);
-        captured = true;
-      } catch {
-        captured = false;
-      }
-    }
-    const el = boundEl;
-    el.addEventListener("pointermove", onPointerMove, { passive: false, capture: true });
-    el.addEventListener("pointerup", onPointerUp, { passive: true, once: true, capture: true });
-    el.addEventListener("pointercancel", onPointerCancel, {
-      passive: true,
-      once: true,
-      capture: true
-    });
-    boundScrollEl = getScrollEl();
-  }
-  function onPointerMove(e) {
-    const longPressMoveTolerance = options.longPressMoveTolerance ?? OPTIONS_DEFAULTS.longPressMoveTolerance;
-    const allowScrollUntilEdge = options.allowScrollUntilEdge ?? OPTIONS_DEFAULTS.allowScrollUntilEdge;
-    const preventScrollOnDrag = options.preventScrollOnDrag ?? OPTIONS_DEFAULTS.preventScrollOnDrag;
-    const velocityThreshold = options.velocityThreshold ?? OPTIONS_DEFAULTS.velocityThreshold;
-    if (!start) {
-      return;
-    }
-    const curr = { x: e.clientX, y: e.clientY, t: now() };
-    const dx = curr.x - start.x;
-    const dy = curr.y - start.y;
-    if (!isDragging.value && Math.hypot(dx, dy) > longPressMoveTolerance) {
-      clearLongPress();
-    }
-    if (allowScrollUntilEdge) {
-      const sc = boundScrollEl ?? (boundScrollEl = getScrollEl());
-      if (sc && canScrollFurther(sc, dx, dy)) {
-        const prev = last;
-        last = curr;
-        updateVelocity(curr, prev ?? last);
-        return;
-      }
-    }
-    if (!isDragging.value) {
-      const st = options.startThreshold ?? OPTIONS_DEFAULTS.startThreshold;
-      const lck = options.lockDirectionOnStart ?? OPTIONS_DEFAULTS.lockDirectionOnStart;
-      if (Math.hypot(dx, dy) >= st && axisAllowed(dx, dy)) {
-        isDragging.value = true;
-        if (lck) {
-          lockedAxis = Math.abs(dx) >= Math.abs(dy) ? "x" : "y";
-        }
-        if (preventScrollOnDrag) {
-          try {
-            e.preventDefault();
-          } catch {
-          }
-        }
-        if (!didClearSelectionOnDragStart) {
-          clearTextSelection();
-          didClearSelectionOnDragStart = true;
-        }
-      }
-    }
-    if (isDragging.value) {
-      if (preventScrollOnDrag) {
-        e.preventDefault();
-      }
-      const prev = last;
-      delta.value = { x: dx, y: dy };
-      direction.value = computeDir(dx, dy);
-      updateVelocity(curr, prev);
-      updateProgress(dx, dy);
-      if (velocity.value.v >= velocityThreshold) {
-        markTrigger("fling");
-      }
-      options.onMove?.(e, publicState());
-    }
-    last = curr;
-  }
-  function onPointerUp(e) {
-    const triggerThreshold = options.triggerThreshold ?? OPTIONS_DEFAULTS.triggerThreshold;
-    const requiresMoveForLongPress = options.longPressRequiresMovement ?? OPTIONS_DEFAULTS.longPressRequiresMovement;
-    const curr = { x: e.clientX, y: e.clientY, t: now() };
-    let hit = false;
-    let kind = mayTriggerKind;
-    const state = publicState();
-    if (start) {
-      const dx = curr.x - start.x;
-      const dy = curr.y - start.y;
-      const distanceHit = Math.hypot(dx, dy) >= triggerThreshold;
-      const longPressHit = isLongPressing.value && (requiresMoveForLongPress ? distanceHit : true);
-      if (longPressHit) {
-        direction.value = computeDir(dx, dy);
-        kind = "longpress";
-        hit = true;
-      } else if (distanceHit) {
-        direction.value = computeDir(dx, dy);
-        kind = "threshold";
-        hit = true;
-      } else if (kind === "fling") {
-        hit = true;
-      }
-      if (hit && direction.value && options.directionGuard && !options.directionGuard(direction.value, state)) {
-        hit = false;
-        kind = null;
-      }
-    }
-    options.onEnd?.(e, state);
-    options.onRelease?.(hit, hit ? direction.value : null, hit ? kind : null, state);
-    if (!hit) {
-      options.onReset?.(state);
-    }
-    const el = boundEl;
-    if (el) {
-      removePointerEvents(el);
-    }
-    resetInternal();
-  }
-  function onPointerCancel(e) {
-    const state = publicState();
-    options.onCancel?.(e, state);
-    options.onReset?.(state);
-    const el = boundEl;
-    if (el) {
-      removePointerEvents(el);
-    }
-    resetInternal();
-  }
-  function onContextMenu(e) {
-    if (isActive.value) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }
-  function removePointerEvents(el) {
-    el.removeEventListener("pointermove", onPointerMove, true);
-    el.removeEventListener("pointerup", onPointerUp, true);
-    el.removeEventListener("pointercancel", onPointerCancel, true);
-  }
-  function bind(el) {
-    unbind(el);
-    if (!el) {
-      return;
-    }
-    el.addEventListener("contextmenu", onContextMenu);
-    el.addEventListener("pointerdown", onPointerDown);
-  }
-  function unbind(el) {
-    const _el = el ?? toValue(container);
-    if (!_el) {
-      return;
-    }
-    removePointerEvents(_el);
-    _el.removeEventListener("pointerdown", onPointerDown);
-    _el.removeEventListener("contextmenu", onContextMenu);
-  }
-  function reset() {
-    options.onReset?.(publicState());
-    resetInternal();
-  }
-  function cancel() {
-    const state = publicState();
-    options.onCancel?.(null, state);
-    options.onReset?.(state);
-    resetInternal();
-  }
-  const unwatchContainer = watch(
-    () => toValue(container),
-    (el, prev) => {
-      if (el === prev) {
-        return;
-      }
-      bind(el);
-    },
-    { immediate: true }
-  );
-  function stop() {
-    unwatchContainer();
-    resetInternal();
-    unbind();
-  }
-  onBeforeUnmount(() => {
-    stop();
-  });
-  return {
-    isActive,
-    isDragging,
-    isLongPressing,
-    direction,
-    delta,
-    velocity,
-    progress,
-    reset,
-    cancel,
-    stop
-  };
-}

package/dist/utils/debounce.d.ts

@@ -1 +0,0 @@
-export { debounce } from 'es-toolkit/function';

package/dist/utils/debounce.js

@@ -1 +0,0 @@
-export { debounce } from "es-toolkit/function";

package/dist/utils/regexp.d.ts

@@ -1,8 +0,0 @@
-export declare const INTEGER_REGEX: RegExp;
-export declare const FLOATING_REGEX: RegExp;
-export declare const POSITIVE_INTEGER_REGEX: RegExp;
-export declare const SCIENCE_NUMERIC_REGEX: RegExp;
-export declare const DATE_REGEX: RegExp;
-export declare const TIME_REGEX: RegExp;
-export declare const DATE_TIME_REGEX: RegExp;
-export declare const TIME_REGEX_WITH_MILLISECONDS: RegExp;

package/dist/utils/regexp.js

@@ -1,8 +0,0 @@
-export const INTEGER_REGEX = /^-?\d+$/;
-export const FLOATING_REGEX = /^-?\d+\.?\d*/;
-export const POSITIVE_INTEGER_REGEX = /^\d+$/;
-export const SCIENCE_NUMERIC_REGEX = /^-?\d+(?:\.\d*)?(e-?\d+)?$/i;
-export const DATE_REGEX = /^(\d{4})-(\d{2})-(\d{2})$/;
-export const TIME_REGEX = /^(\d{2}):(\d{2}):(\d{2})$/;
-export const DATE_TIME_REGEX = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})$/;
-export const TIME_REGEX_WITH_MILLISECONDS = /^(\d{2}):(\d{2}):(\d{2})\.(\d{1,3})$/;

package/dist/utils/responsive.d.ts

@@ -1,3 +0,0 @@
-import type { ResponsiveValue } from '../types/shared/props';
-import type { Nullable } from '../types/shared/utils';
-export declare function getResponsiveValue<V extends string | number>(prop: ResponsiveValue<V> | undefined, xsValue: Nullable<V>, valueSetter: (acc: Record<string, V>, bp: any, v: V) => void): Record<string, V>;

package/dist/utils/responsive.js

@@ -1,14 +0,0 @@
-import { isNil } from "es-toolkit";
-export function getResponsiveValue(prop, xsValue, valueSetter) {
-  const formatted = Object.assign(
-    isNil(xsValue) ? {} : { xs: xsValue },
-    typeof prop === "object" ? prop : {}
-  );
-  return Object.entries(formatted).reduce(
-    (acc, [bp, value]) => {
-      valueSetter(acc, bp, value);
-      return acc;
-    },
-    {}
-  );
-}