zcw-shared 1.20.0 → 1.22.0

package/dist/vue-hooks/dom/useClickOutside.js

@@ -0,0 +1,16 @@
+export function useClickOutside(target, handler, deps) {
+    const listener = (event) => {
+        const el = target.value;
+        if (!el || el === event.target || el.contains(event.target)) {
+            return;
+        }
+        handler(event);
+    };
+    deps.vue.onMounted(() => {
+        deps.addEventListener('click', listener, true);
+    });
+    deps.vue.onUnmounted(() => {
+        deps.removeEventListener('click', listener, true);
+    });
+}
+//# sourceMappingURL=useClickOutside.js.map

package/dist/vue-hooks/dom/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useClickOutside.ts"],"names":[],"mappings":"AA4CA,MAAM,UAAU,eAAe,CAC7B,MAAoC,EACpC,OAA+B,EAC/B,IAAyB;IAEzB,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;QAChC,MAAM,EAAE,GAAG,MAAM,CAAC,KAAK,CAAA;QACvB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YACpE,OAAM;QACR,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAA;IAED,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAyB,EAAE,IAAI,CAAC,CAAA;IACjE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAyB,EAAE,IAAI,CAAC,CAAA;IACpE,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/vue-hooks/dom/useDraggable.d.ts

@@ -0,0 +1,33 @@
+import type { Ref } from '../../../references/vue.d';
+import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../../references/dom.d';
+import type { Window } from '../../../references/browser.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+export interface Position {
+    x: number;
+    y: number;
+}
+export interface DraggableEnvironment {
+    addEventListener: Document['addEventListener'];
+    removeEventListener: Document['removeEventListener'];
+    body: Document['body'];
+    requestAnimationFrame: Window['requestAnimationFrame'];
+    vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;
+}
+export interface UseDraggableOptions {
+    onDragStart?: (position: Position, event: MouseEvent | TouchEvent) => void;
+    onDrag?: (position: Position, event: MouseEvent | TouchEvent) => void;
+    onDragEnd?: (position: Position, event: MouseEvent | TouchEvent) => void;
+    boundary?: {
+        minX?: number;
+        maxX?: number;
+        minY?: number;
+        maxY?: number;
+    };
+}
+export declare function useDraggable(targetRef: Ref<HTMLElement | null>, options: UseDraggableOptions | undefined, env: DraggableEnvironment): {
+    position: Ref<Position>;
+    isDragging: Ref<boolean>;
+    style: Ref<Record<string, string>>;
+    cleanup: () => void;
+};
+export default useDraggable;

package/dist/vue-hooks/dom/useDraggable.js

@@ -0,0 +1,163 @@
+export function useDraggable(targetRef, options = {}, env) {
+    const { onDragStart, onDrag, onDragEnd, boundary } = options;
+    const position = env.vue.ref({ x: 0, y: 0 });
+    const isDragging = env.vue.ref(false);
+    let startX = 0;
+    let startY = 0;
+    let initialX = 0;
+    let initialY = 0;
+    const applyBoundary = (pos) => {
+        if (!boundary)
+            return pos;
+        const { minX, maxX, minY, maxY } = boundary;
+        let { x, y } = pos;
+        if (minX !== undefined)
+            x = Math.max(minX, x);
+        if (maxX !== undefined)
+            x = Math.min(maxX, x);
+        if (minY !== undefined)
+            y = Math.max(minY, y);
+        if (maxY !== undefined)
+            y = Math.min(maxY, y);
+        return { x, y };
+    };
+    const style = env.vue.ref({});
+    const updateStyle = () => {
+        style.value = {
+            position: 'absolute',
+            top: `${position.value.y}px`,
+            left: `${position.value.x}px`
+        };
+    };
+    const updatePosition = (newPosition) => {
+        position.value = applyBoundary(newPosition);
+        updateStyle();
+    };
+    const onMouseDown = (e) => {
+        if (!targetRef.value)
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+        isDragging.value = true;
+        const rect = targetRef.value.getBoundingClientRect();
+        startX = e.clientX - rect.left;
+        startY = e.clientY - rect.top;
+        if (onDragStart) {
+            onDragStart({ ...position.value }, e);
+        }
+        env.addEventListener('mousemove', onMouseMove, { passive: false });
+        env.addEventListener('mouseup', onMouseUp);
+    };
+    const onMouseMove = (e) => {
+        if (!isDragging.value)
+            return;
+        e.preventDefault();
+        env.requestAnimationFrame(() => {
+            if (!isDragging.value)
+                return;
+            const offsetParent = targetRef.value.offsetParent || env.body;
+            const parentRect = offsetParent.getBoundingClientRect();
+            const newPosition = {
+                x: e.clientX - startX - parentRect.left,
+                y: e.clientY - startY - parentRect.top
+            };
+            updatePosition(newPosition);
+            if (onDrag) {
+                onDrag({ ...position.value }, e);
+            }
+        });
+    };
+    const onMouseUp = (e) => {
+        if (!isDragging.value)
+            return;
+        isDragging.value = false;
+        if (onDragEnd) {
+            onDragEnd({ ...position.value }, e);
+        }
+        env.removeEventListener('mousemove', onMouseMove);
+        env.removeEventListener('mouseup', onMouseUp);
+    };
+    const onTouchStart = (e) => {
+        if (!targetRef.value || e.touches.length !== 1)
+            return;
+        e.stopPropagation();
+        isDragging.value = true;
+        const touch = e.touches[0];
+        const rect = targetRef.value.getBoundingClientRect();
+        startX = touch.clientX - rect.left;
+        startY = touch.clientY - rect.top;
+        if (onDragStart) {
+            onDragStart({ ...position.value }, e);
+        }
+        env.addEventListener('touchmove', onTouchMove, { passive: false });
+        env.addEventListener('touchend', onTouchEnd);
+        env.addEventListener('touchcancel', onTouchEnd);
+    };
+    const onTouchMove = (e) => {
+        if (!isDragging.value || e.touches.length !== 1)
+            return;
+        e.preventDefault();
+        env.requestAnimationFrame(() => {
+            if (!isDragging.value || e.touches.length !== 1)
+                return;
+            const touch = e.touches[0];
+            const offsetParent = targetRef.value.offsetParent || env.body;
+            const parentRect = offsetParent.getBoundingClientRect();
+            const newPosition = {
+                x: touch.clientX - startX - parentRect.left,
+                y: touch.clientY - startY - parentRect.top
+            };
+            updatePosition(newPosition);
+            if (onDrag) {
+                onDrag({ ...position.value }, e);
+            }
+        });
+    };
+    const onTouchEnd = (e) => {
+        if (!isDragging.value)
+            return;
+        isDragging.value = false;
+        if (onDragEnd) {
+            onDragEnd({ ...position.value }, e);
+        }
+        env.removeEventListener('touchmove', onTouchMove);
+        env.removeEventListener('touchend', onTouchEnd);
+        env.removeEventListener('touchcancel', onTouchEnd);
+    };
+    const cleanup = () => {
+        env.removeEventListener('mousemove', onMouseMove);
+        env.removeEventListener('mouseup', onMouseUp);
+        env.removeEventListener('touchmove', onTouchMove);
+        env.removeEventListener('touchend', onTouchEnd);
+        env.removeEventListener('touchcancel', onTouchEnd);
+    };
+    env.vue.onMounted(() => {
+        const element = targetRef.value;
+        if (!element)
+            return;
+        const rect = element.getBoundingClientRect();
+        const offsetParent = element.offsetParent || env.body;
+        const parentRect = offsetParent.getBoundingClientRect();
+        initialX = rect.left - parentRect.left;
+        initialY = rect.top - parentRect.top;
+        position.value = { x: initialX, y: initialY };
+        element.addEventListener('mousedown', onMouseDown);
+        element.addEventListener('touchstart', onTouchStart);
+    });
+    env.vue.onUnmounted(() => {
+        const element = targetRef.value;
+        if (element) {
+            element.removeEventListener('mousedown', onMouseDown);
+            element.removeEventListener('touchstart', onTouchStart);
+        }
+        cleanup();
+    });
+    return {
+        position,
+        isDragging,
+        style,
+        cleanup
+    };
+}
+export default useDraggable;
+//# sourceMappingURL=useDraggable.js.map

package/dist/vue-hooks/dom/useDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useDraggable.ts"],"names":[],"mappings":"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"}

package/dist/vue-hooks/dom/useEventListener.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from '../../../references/vue.d';
+import type { EventListener, AddEventListenerOptions, EventListenerOptions } from '../../../references/dom.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+export interface EventTarget {
+    addEventListener(type: string, listener: EventListener, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListener, options?: boolean | EventListenerOptions): void;
+}
+export interface UseEventListenerDeps {
+    vue: Pick<Required<VueCompositionAPI>, 'onMounted' | 'onUnmounted'>;
+}
+export declare function useEventListener(target: Ref<EventTarget | undefined> | EventTarget, event: string, handler: EventListener, options: (boolean | AddEventListenerOptions) | undefined, deps: UseEventListenerDeps): void;

package/dist/vue-hooks/dom/useEventListener.js

@@ -0,0 +1,18 @@
+export function useEventListener(target, event, handler, options = {}, deps) {
+    const cleanup = () => {
+        const el = 'value' in target ? target.value : target;
+        if (el) {
+            el.removeEventListener(event, handler, options);
+        }
+    };
+    deps.vue.onMounted(() => {
+        const el = 'value' in target ? target.value : target;
+        if (el) {
+            el.addEventListener(event, handler, options);
+        }
+    });
+    deps.vue.onUnmounted(() => {
+        cleanup();
+    });
+}
+//# sourceMappingURL=useEventListener.js.map

package/dist/vue-hooks/dom/useEventListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useEventListener.ts"],"names":[],"mappings":"AA2DA,MAAM,UAAU,gBAAgB,CAC9B,MAAkD,EAClD,KAAa,EACb,OAAsB,EACtB,UAA6C,EAAE,EAC/C,IAA0B;IAE1B,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,EAAE,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;QACjD,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE;QACtB,MAAM,EAAE,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;QACpD,IAAI,EAAE,EAAE,CAAC;YACP,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,EAAE;QACxB,OAAO,EAAE,CAAA;IACX,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/vue-hooks/dom/useResizable.d.ts

@@ -0,0 +1,50 @@
+import type { Ref } from '../../../references/vue.d';
+import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../../references/dom.d';
+import type { Window } from '../../../references/browser.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface ResizableEnvironment {
+    addEventListener: Document['addEventListener'];
+    removeEventListener: Document['removeEventListener'];
+    requestAnimationFrame: Window['requestAnimationFrame'];
+    vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;
+}
+export interface UseResizableOptions {
+    initialSize?: Size;
+    enabled?: boolean;
+    onResizeStart?: (size: Size, event: MouseEvent | TouchEvent) => void;
+    onResize?: (size: Size, event: MouseEvent | TouchEvent) => void;
+    onResizeEnd?: (size: Size, event: MouseEvent | TouchEvent) => void;
+    constraints?: {
+        minWidth?: number;
+        maxWidth?: number;
+        minHeight?: number;
+        maxHeight?: number;
+    };
+    directions?: {
+        top?: boolean;
+        right?: boolean;
+        bottom?: boolean;
+        left?: boolean;
+        topLeft?: boolean;
+        topRight?: boolean;
+        bottomLeft?: boolean;
+        bottomRight?: boolean;
+    };
+}
+export declare function useResizable(targetRef: Ref<HTMLElement | null>, options: UseResizableOptions | undefined, env: ResizableEnvironment): {
+    size: Ref<Size>;
+    style: Ref<{
+        width: string;
+        height: string;
+        left?: string;
+        top?: string;
+    }>;
+    isResizing: Ref<boolean>;
+    onResizeHandleMouseDown: (e: MouseEvent | TouchEvent, direction?: string) => void;
+    reset: () => void;
+    cleanupEventListeners: () => void;
+};

package/dist/vue-hooks/dom/useResizable.js

@@ -0,0 +1,178 @@
+export function useResizable(targetRef, options = {}, env) {
+    const { initialSize = { width: 0, height: 0 }, enabled = true, onResizeStart, onResize, onResizeEnd, constraints = {}, directions = { bottomRight: true } } = options;
+    const size = env.vue.ref({ ...initialSize });
+    const isResizing = env.vue.ref(false);
+    let startX = 0;
+    let startY = 0;
+    let startWidth = 0;
+    let startHeight = 0;
+    let startLeft = 0;
+    let startTop = 0;
+    let currentDirection = '';
+    let sizeInitialized = false;
+    const style = env.vue.ref({
+        width: `${initialSize.width}px`,
+        height: `${initialSize.height}px`
+    });
+    const initializeSize = () => {
+        if (!targetRef.value || sizeInitialized)
+            return;
+        const { width, height } = targetRef.value.getBoundingClientRect();
+        if (initialSize.width === 0 && initialSize.height === 0) {
+            size.value = { width, height };
+            style.value = {
+                width: `${width}px`,
+                height: `${height}px`
+            };
+        }
+        else {
+            size.value = { ...initialSize };
+            style.value = {
+                width: `${initialSize.width}px`,
+                height: `${initialSize.height}px`
+            };
+        }
+        sizeInitialized = true;
+    };
+    const onResizeHandleMouseDown = (e, direction = 'bottomRight') => {
+        if (!enabled || !targetRef.value)
+            return;
+        if (!directions[direction])
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+        isResizing.value = true;
+        currentDirection = direction;
+        if ('clientX' in e) {
+            startX = e.clientX;
+            startY = e.clientY;
+        }
+        else {
+            startX = e.touches[0].clientX;
+            startY = e.touches[0].clientY;
+        }
+        startWidth = targetRef.value.clientWidth;
+        startHeight = targetRef.value.clientHeight;
+        startLeft = targetRef.value.offsetLeft;
+        startTop = targetRef.value.offsetTop;
+        onResizeStart?.({ width: startWidth, height: startHeight }, e);
+        if ('clientX' in e) {
+            env.addEventListener('mousemove', onResizeMouseMove, { passive: true });
+            env.addEventListener('mouseup', onResizeMouseUp);
+        }
+        else {
+            env.addEventListener('touchmove', onResizeTouchMove, { passive: true });
+            env.addEventListener('touchend', onResizeTouchEnd);
+            env.addEventListener('touchcancel', onResizeTouchEnd);
+        }
+    };
+    const onResizeMouseMove = (e) => {
+        if (!isResizing.value || !targetRef.value)
+            return;
+        env.requestAnimationFrame(() => {
+            if (!targetRef.value)
+                return;
+            const deltaX = e.clientX - startX;
+            const deltaY = e.clientY - startY;
+            updateSize(deltaX, deltaY, e);
+        });
+    };
+    const onResizeTouchMove = (e) => {
+        if (!isResizing.value || !targetRef.value)
+            return;
+        env.requestAnimationFrame(() => {
+            if (!targetRef.value)
+                return;
+            const deltaX = e.touches[0].clientX - startX;
+            const deltaY = e.touches[0].clientY - startY;
+            updateSize(deltaX, deltaY, e);
+        });
+    };
+    const updateSize = (deltaX, deltaY, e) => {
+        let newWidth = startWidth;
+        let newHeight = startHeight;
+        let newLeft = startLeft;
+        let newTop = startTop;
+        const direction = currentDirection.toLowerCase();
+        if (direction.includes('right')) {
+            newWidth = startWidth + deltaX;
+        }
+        else if (direction.includes('left')) {
+            newWidth = startWidth - deltaX;
+            newLeft = startLeft + deltaX;
+        }
+        if (direction.includes('bottom')) {
+            newHeight = startHeight + deltaY;
+        }
+        else if (direction.includes('top')) {
+            newHeight = startHeight - deltaY;
+            newTop = startTop + deltaY;
+        }
+        if (constraints.minWidth !== undefined) {
+            newWidth = Math.max(constraints.minWidth, newWidth);
+        }
+        if (constraints.maxWidth !== undefined) {
+            newWidth = Math.min(constraints.maxWidth, newWidth);
+        }
+        if (constraints.minHeight !== undefined) {
+            newHeight = Math.max(constraints.minHeight, newHeight);
+        }
+        if (constraints.maxHeight !== undefined) {
+            newHeight = Math.min(constraints.maxHeight, newHeight);
+        }
+        size.value = { width: newWidth, height: newHeight };
+        style.value = {
+            width: `${newWidth}px`,
+            height: `${newHeight}px`,
+            left: `${newLeft}px`,
+            top: `${newTop}px`
+        };
+        onResize?.(size.value, e);
+    };
+    const onResizeMouseUp = (e) => {
+        if (!isResizing.value)
+            return;
+        isResizing.value = false;
+        onResizeEnd?.(size.value, e);
+        env.removeEventListener('mousemove', onResizeMouseMove);
+        env.removeEventListener('mouseup', onResizeMouseUp);
+    };
+    const onResizeTouchEnd = (e) => {
+        if (!isResizing.value)
+            return;
+        isResizing.value = false;
+        onResizeEnd?.(size.value, e);
+        env.removeEventListener('touchmove', onResizeTouchMove);
+        env.removeEventListener('touchend', onResizeTouchEnd);
+        env.removeEventListener('touchcancel', onResizeTouchEnd);
+    };
+    const reset = () => {
+        size.value = { ...initialSize };
+        style.value = {
+            width: `${initialSize.width}px`,
+            height: `${initialSize.height}px`
+        };
+    };
+    const cleanupEventListeners = () => {
+        env.removeEventListener('mousemove', onResizeMouseMove);
+        env.removeEventListener('mouseup', onResizeMouseUp);
+        env.removeEventListener('touchmove', onResizeTouchMove);
+        env.removeEventListener('touchend', onResizeTouchEnd);
+        env.removeEventListener('touchcancel', onResizeTouchEnd);
+    };
+    env.vue.onMounted(() => {
+        initializeSize();
+    });
+    env.vue.onUnmounted(() => {
+        cleanupEventListeners();
+    });
+    return {
+        size,
+        style,
+        isResizing,
+        onResizeHandleMouseDown,
+        reset,
+        cleanupEventListeners
+    };
+}
+//# sourceMappingURL=useResizable.js.map

package/dist/vue-hooks/dom/useResizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizable.js","sourceRoot":"","sources":["../../../src/vue-hooks/dom/useResizable.ts"],"names":[],"mappings":"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"}

package/dist/vue-hooks/history/useDebouncedRefHistory.d.ts

@@ -0,0 +1,17 @@
+import type { Ref } from '../../../references/vue.d';
+import { type UseManualRefHistoryReturn, type UseManualRefHistoryOptions } from './useManualRefHistory';
+import type { setTimeout, clearTimeout } from '../../../references/timer.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+export interface DebouncedRefHistoryEnvironment {
+    vue: Pick<Required<VueCompositionAPI>, 'ref' | 'watch'>;
+    host: {
+        setTimeout: typeof setTimeout;
+        clearTimeout: typeof clearTimeout;
+    };
+}
+export interface UseDebouncedRefHistoryOptions<T> extends UseManualRefHistoryOptions<T> {
+    debounce?: number;
+    deep?: boolean;
+}
+export declare function useDebouncedRefHistory<T>(source: Ref<T>, options: UseDebouncedRefHistoryOptions<T>, env: DebouncedRefHistoryEnvironment): UseManualRefHistoryReturn<T>;
+export default useDebouncedRefHistory;

package/dist/vue-hooks/history/useDebouncedRefHistory.js

@@ -0,0 +1,46 @@
+import { useManualRefHistory } from './useManualRefHistory';
+export function useDebouncedRefHistory(source, options, env) {
+    const { debounce = 1000, deep = false, dump = true, ...manualOptions } = options;
+    const manualHistory = useManualRefHistory(source, {
+        ...manualOptions,
+        dump: false
+    }, env.vue);
+    const { commit, undo: originalUndo, redo: originalRedo } = manualHistory;
+    let timer = null;
+    let skipCommitCount = 0;
+    if (dump) {
+        commit();
+    }
+    env.vue.watch(source, () => {
+        if (skipCommitCount > 0) {
+            skipCommitCount--;
+            return;
+        }
+        if (timer) {
+            env.host.clearTimeout(timer);
+        }
+        timer = env.host.setTimeout(() => {
+            commit();
+            timer = null;
+        }, debounce);
+    }, { deep });
+    const undo = () => {
+        if (!manualHistory.canUndo.value)
+            return;
+        skipCommitCount++;
+        originalUndo();
+    };
+    const redo = () => {
+        if (!manualHistory.canRedo.value)
+            return;
+        skipCommitCount++;
+        originalRedo();
+    };
+    return {
+        ...manualHistory,
+        undo,
+        redo
+    };
+}
+export default useDebouncedRefHistory;
+//# sourceMappingURL=useDebouncedRefHistory.js.map

package/dist/vue-hooks/history/useDebouncedRefHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedRefHistory.js","sourceRoot":"","sources":["../../../src/vue-hooks/history/useDebouncedRefHistory.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAmE,MAAM,uBAAuB,CAAA;AAgD5H,MAAM,UAAU,sBAAsB,CACpC,MAAc,EACd,OAAyC,EACzC,GAAmC;IAEnC,MAAM,EACJ,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,GAAG,IAAI,EACX,GAAG,aAAa,EACjB,GAAG,OAAO,CAAA;IAEX,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,EAAE;QAChD,GAAG,aAAa;QAChB,IAAI,EAAE,KAAK;KACZ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA;IAEX,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,aAAa,CAAA;IAExE,IAAI,KAAK,GAAyC,IAAI,CAAA;IACtD,IAAI,eAAe,GAAG,CAAC,CAAA;IAGvB,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,EAAE,CAAA;IACV,CAAC;IAGD,GAAG,CAAC,GAAG,CAAC,KAAK,CACX,MAAM,EACN,GAAG,EAAE;QAEH,IAAI,eAAe,GAAG,CAAC,EAAE,CAAC;YACxB,eAAe,EAAE,CAAA;YACjB,OAAM;QACR,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;QAED,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YAC/B,MAAM,EAAE,CAAA;YACR,KAAK,GAAG,IAAI,CAAA;QACd,CAAC,EAAE,QAAQ,CAAC,CAAA;IACd,CAAC,EACD,EAAE,IAAI,EAAE,CACT,CAAA;IAGD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK;YAAE,OAAM;QACxC,eAAe,EAAE,CAAA;QACjB,YAAY,EAAE,CAAA;IAChB,CAAC,CAAA;IAGD,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK;YAAE,OAAM;QACxC,eAAe,EAAE,CAAA;QACjB,YAAY,EAAE,CAAA;IAChB,CAAC,CAAA;IAED,OAAO;QACL,GAAG,aAAa;QAChB,IAAI;QACJ,IAAI;KACL,CAAA;AACH,CAAC;AAED,eAAe,sBAAsB,CAAA"}

package/dist/vue-hooks/history/useManualRefHistory.d.ts

@@ -0,0 +1,26 @@
+import type { Ref } from '../../../references/vue.d';
+export interface RefHistoryRecord<T> {
+    snapshot: T;
+    timestamp: number;
+}
+export interface UseManualRefHistoryOptions<T> {
+    capacity?: number;
+    clone?: (value: T) => T;
+    dump?: boolean;
+}
+export interface UseManualRefHistoryReturn<T> {
+    history: Ref<RefHistoryRecord<T>[]>;
+    currentIndex: Ref<number>;
+    canUndo: Ref<boolean>;
+    canRedo: Ref<boolean>;
+    undo: () => void;
+    redo: () => void;
+    clear: () => void;
+    commit: () => void;
+    reset: () => void;
+    go: (index: number) => void;
+}
+export declare function useManualRefHistory<T>(source: Ref<T>, options: UseManualRefHistoryOptions<T> | undefined, vue: {
+    ref: <T>(value: T) => Ref<T>;
+}): UseManualRefHistoryReturn<T>;
+export default useManualRefHistory;