@flux-ui/internals 3.0.0-next.5 → 3.0.0-next.51

package/src/composable/useClickOutside.ts

@@ -1,38 +0,0 @@
-import type { Ref } from 'vue';
-import { onMounted, onUnmounted, ref, unref, watchEffect } from 'vue';
-import type { TemplateRef } from '../util';
-import { unrefTemplateElement } from '../util';
-
-type Handler = ((evt: PointerEvent) => void) | ((evt: PointerEvent) => Promise<void>);
-
-export default function <TElement extends HTMLElement>(elementRefs: TemplateRef<TElement> | TemplateRef<TElement>[], enabled: boolean | Ref<boolean>, onOutsideClick: Handler): void {
-    const elements = ref<HTMLElement[]>([]);
-
-    onMounted(() => {
-        document.addEventListener('pointerdown', onBodyClick);
-    });
-
-    onUnmounted(() => {
-        document.removeEventListener('pointerdown', onBodyClick);
-    });
-
-    function onBodyClick(evt: PointerEvent): void {
-        if (!unref(enabled)) {
-            return;
-        }
-
-        const isInside = unref(elements).some(element => element.contains(evt.target as Node));
-        !isInside && onOutsideClick(evt);
-    }
-
-    watchEffect(() => {
-        const newElements: HTMLElement[] = [];
-
-        (Array.isArray(elementRefs) ? elementRefs : [elementRefs]).forEach(elementRef => {
-            const element = unrefTemplateElement(elementRef);
-            element && newElements.push(element);
-        });
-
-        elements.value = newElements;
-    });
-}

package/src/composable/useComponentId.ts

@@ -1,8 +0,0 @@
-import type { ComputedRef } from 'vue';
-import { computed, getCurrentInstance } from 'vue';
-
-export default function (): ComputedRef<number> {
-    const instance = getCurrentInstance();
-
-    return computed(() => instance?.uid ?? (instance?.proxy as any)._uid ?? 0);
-}

package/src/composable/useDebouncedRef.ts

@@ -1,38 +0,0 @@
-import type { Ref } from 'vue';
-import { customRef, isRef, ref, watch } from 'vue';
-
-export default function <T>(initialValue: Ref<T> | T, delay: number, immediate: boolean = false): Ref<T> {
-    const state = ref(isRef(initialValue) ? initialValue.value : initialValue);
-
-    const debounced = customRef((track, trigger) => ({
-        get() {
-            track();
-            return state.value;
-        },
-
-        set: debounce(value => {
-            state.value = value;
-            trigger();
-        }, delay, immediate)
-    })) as Ref<T>;
-
-    if (isRef(initialValue)) {
-        watch(initialValue, value => debounced.value = value);
-    }
-
-    return debounced;
-}
-
-function debounce<TFunc extends (...args: any[]) => any>(fn: TFunc, delay: number, immediate: boolean = false): VoidFunction {
-    let timeout: any;
-
-    return (...args: any[]) => {
-        if (immediate && !timeout) {
-            fn(...args);
-        }
-
-        clearTimeout(timeout);
-
-        timeout = setTimeout(() => requestAnimationFrame(() => fn(...args)), delay);
-    };
-}

package/src/composable/useInterval.ts

@@ -1,23 +0,0 @@
-import type { Ref } from 'vue';
-import { onMounted, onUnmounted, ref, unref } from 'vue';
-
-export default function (interval: Ref<number> | number, fn: Function): void {
-    const intervalRef = ref<any>();
-
-    onMounted(() => {
-        tick();
-    });
-
-    onUnmounted(() => {
-        clearTimeout(intervalRef.value);
-    });
-
-    function schedule(): void {
-        intervalRef.value = setTimeout(() => requestAnimationFrame(tick), unref(interval));
-    }
-
-    function tick(): void {
-        schedule();
-        fn();
-    }
-}

package/src/composable/useMutationObserver.ts

@@ -1,38 +0,0 @@
-import { onScopeDispose, watch } from 'vue';
-import type { TemplateRef } from '../util';
-import { unrefTemplateElement } from '../util';
-
-export default function <TElement extends HTMLElement>(elementRef: TemplateRef<TElement>, callback: MutationCallback, options?: MutationObserverInit): void {
-    options ??= {
-        attributes: true
-    };
-
-    let observer: MutationObserver | undefined;
-
-    const stop = watch(() => unrefTemplateElement(elementRef), element => {
-        cleanup();
-
-        if (!element) {
-            return;
-        }
-
-        observer = new MutationObserver(callback);
-        observer.observe(element, options);
-    }, {immediate: true});
-
-    function cleanup(): void {
-        if (!observer) {
-            return;
-        }
-
-        observer.disconnect();
-        observer = undefined;
-    }
-
-    function dispose(): void {
-        cleanup();
-        stop();
-    }
-
-    onScopeDispose(dispose);
-}