zcw-shared 1.29.0 → 1.30.0

package/dist/functions/vue/dynamicMount.d.ts

@@ -1,15 +1,17 @@
-import type { VueRuntime, VNode, Component, AppContext } from '../../../references/vue.d';
+import type { VNode, createVNode, render, Component, AppContext } from 'vue';
 import type { HTMLElement, Document } from '../../../references/dom.d';
 export interface DynamicMountOptions {
     props: Record<string, any>;
     container: HTMLElement;
     appContext: AppContext;
-    createVNode: VueRuntime['createVNode'];
-    render: VueRuntime['render'];
+    createVNode: typeof createVNode;
+    render: typeof render;
     createElement: Document['createElement'];
 }
 export declare function dynamicMount(Comp: Component, options: DynamicMountOptions): {
-    vnode: VNode;
+    vnode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
     update: (newProps: typeof options.props) => void;
     destroy: () => void;
     el: HTMLElement;

package/dist/functions/vue/isVNode.d.ts

@@ -1,2 +1,2 @@
-import type { VNode } from '../../../references/vue.d';
+import type { VNode } from 'vue';
 export declare function isVNode(content: unknown): content is VNode;

package/dist/functions/vue/isVueComponent.d.ts

@@ -1,2 +1,2 @@
-import type { Component } from '../../../references/vue.d';
+import type { Component } from 'vue';
 export declare function isVueComponent(content: unknown): content is Component;

package/dist/hooks/usePermission.d.ts

@@ -0,0 +1,7 @@
+import type { PermissionConfig, UsePermissionReturn } from '../../types/permission';
+import type { CreateReactive } from '../../types/reactive';
+export interface UsePermissionDeps {
+    createReactive: CreateReactive;
+}
+export declare function usePermission(config: PermissionConfig, deps: UsePermissionDeps): UsePermissionReturn;
+export default usePermission;

package/dist/hooks/usePermission.js

@@ -0,0 +1,123 @@
+export function usePermission(config, deps) {
+    const computePermissions = (roles, customPermissions) => {
+        const permissionsSet = new Set();
+        roles.forEach(role => {
+            const rolePerms = config.rolePermissions[role];
+            if (rolePerms) {
+                rolePerms.forEach(perm => permissionsSet.add(perm));
+            }
+            else if (config.strict) {
+                throw new Error(`未定义的角色: ${role}`);
+            }
+        });
+        customPermissions.forEach(perm => permissionsSet.add(perm));
+        return Array.from(permissionsSet);
+    };
+    const initialState = {
+        roles: [],
+        permissions: [],
+        customPermissions: []
+    };
+    const reactiveState = deps.createReactive(initialState, {
+        subscribers: new Set(),
+        notify: () => { },
+        subscribe: () => () => { },
+        dispose: () => { },
+        createProxy: (target, deps) => new Proxy(target, {
+            get(target, property) {
+                if (property === 'subscribe' || property === 'notify' || property === 'dispose' || property === 'subscribers') {
+                    return deps[property];
+                }
+                return target[property];
+            },
+            set(target, property, value) {
+                target[property] = value;
+                deps.notify();
+                return true;
+            }
+        }),
+        getChangePath: (target, property) => [String(property)]
+    });
+    const hasPermission = (permission, options) => {
+        const permissions = Array.isArray(permission) ? permission : [permission];
+        const mode = options?.mode || 'some';
+        if (mode === 'every') {
+            return permissions.every(p => reactiveState.permissions.includes(p));
+        }
+        else {
+            return permissions.some(p => reactiveState.permissions.includes(p));
+        }
+    };
+    const hasRole = (role, options) => {
+        const roles = Array.isArray(role) ? role : [role];
+        const mode = options?.mode || 'some';
+        if (mode === 'every') {
+            return roles.every(r => reactiveState.roles.includes(r));
+        }
+        else {
+            return roles.some(r => reactiveState.roles.includes(r));
+        }
+    };
+    const updatePermissions = () => {
+        reactiveState.permissions = computePermissions(reactiveState.roles, reactiveState.customPermissions);
+    };
+    const setRoles = (roles) => {
+        reactiveState.roles = [...roles];
+        updatePermissions();
+    };
+    const addRole = (role) => {
+        if (!reactiveState.roles.includes(role)) {
+            reactiveState.roles = [...reactiveState.roles, role];
+            updatePermissions();
+        }
+    };
+    const removeRole = (role) => {
+        const index = reactiveState.roles.indexOf(role);
+        if (index !== -1) {
+            reactiveState.roles = reactiveState.roles.filter(r => r !== role);
+            updatePermissions();
+        }
+    };
+    const addPermission = (permission) => {
+        if (!reactiveState.customPermissions.includes(permission)) {
+            reactiveState.customPermissions = [...reactiveState.customPermissions, permission];
+            updatePermissions();
+        }
+    };
+    const removePermission = (permission) => {
+        const index = reactiveState.customPermissions.indexOf(permission);
+        if (index !== -1) {
+            reactiveState.customPermissions = reactiveState.customPermissions.filter(p => p !== permission);
+            updatePermissions();
+        }
+    };
+    const clear = () => {
+        reactiveState.roles = [];
+        reactiveState.customPermissions = [];
+        reactiveState.permissions = [];
+    };
+    const subscribe = (listener) => {
+        const unsubscribe = reactiveState.subscribe(() => {
+            listener({
+                roles: [...reactiveState.roles],
+                permissions: [...reactiveState.permissions],
+                customPermissions: [...reactiveState.customPermissions]
+            });
+        });
+        return unsubscribe;
+    };
+    return {
+        state: reactiveState,
+        hasPermission,
+        hasRole,
+        setRoles,
+        addRole,
+        removeRole,
+        addPermission,
+        removePermission,
+        clear,
+        subscribe
+    };
+}
+export default usePermission;
+//# sourceMappingURL=usePermission.js.map

package/dist/hooks/usePermission.js.map

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

package/dist/vue-hooks/browser/useBattery.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { Navigator } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseBatteryDeps {

package/dist/vue-hooks/browser/useBluetooth.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { Bluetooth, BluetoothDevice } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseBluetoothDeps {

package/dist/vue-hooks/browser/useCamera.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { MediaDevices, MediaStream } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseCameraDeps {

package/dist/vue-hooks/browser/useClipboard.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { Navigator } from '../../../references/browser.d';
 import type { setTimeout, clearTimeout } from '../../../references/timer.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';

package/dist/vue-hooks/browser/useFileUpload.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 import type { Window, File } from '../../../references/browser.d';
 export interface FileUploadItem {

package/dist/vue-hooks/browser/useFullscreen.d.ts

@@ -1,5 +1,5 @@
 import { Element } from 'references/dom';
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseFullscreenDeps {
     vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;

package/dist/vue-hooks/browser/useGamepad.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { Gamepad, GamepadButton } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseGamepadDeps {

package/dist/vue-hooks/browser/useGeolocation.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { Geolocation, GeolocationPosition } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseGeolocationDeps {

package/dist/vue-hooks/browser/useMediaSession.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { MediaSession, MediaMetadataInit } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export type MediaSessionAction = 'play' | 'pause' | 'seekbackward' | 'seekforward' | 'previoustrack' | 'nexttrack' | 'stop' | 'seekto';

package/dist/vue-hooks/browser/useMicrophone.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { MediaDevices, MediaStream } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseMicrophoneDeps {

package/dist/vue-hooks/browser/useNetwork.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { NetworkInformation } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseNetworkDeps {

package/dist/vue-hooks/browser/useOrientation.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseOrientationDeps {
     vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;

package/dist/vue-hooks/browser/usePageVisibility.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UsePageVisibilityDeps {
     vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;

package/dist/vue-hooks/browser/useScreenOrientation.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export type OrientationType = 'portrait-primary' | 'portrait-secondary' | 'landscape-primary' | 'landscape-secondary';
 export type OrientationLockType = 'any' | 'natural' | 'landscape' | 'portrait' | 'portrait-primary' | 'portrait-secondary' | 'landscape-primary' | 'landscape-secondary';

package/dist/vue-hooks/browser/useScreenWakeLock.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { WakeLockSentinel } from '../../../references/device.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseScreenWakeLockDeps {

package/dist/vue-hooks/browser/useShare.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { File } from '../../../references/browser.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface ShareData {

package/dist/vue-hooks/browser/useVibration.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { NavigatorVibration } from '../../../references/device.d';
 import type { setTimeout } from '../../../references/timer.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';

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

@@ -1,4 +1,4 @@
-import type { UnwrapRef } from '../../../references/vue.d';
+import type { UnwrapRef } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 import type { CreateThrottledEventListenerDeps } from '../../functions/dom/createThrottledEventListener';
 export interface StateData {

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { Document, HTMLElement, Event } from '../../../references/dom.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseClickOutsideDeps {

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../../references/dom.d';
 import type { Window } from '../../../references/browser.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
@@ -25,9 +25,9 @@ export interface UseDraggableOptions {
     };
 }
 export declare function useDraggable(targetRef: Ref<HTMLElement | null>, options: UseDraggableOptions | undefined, env: DraggableEnvironment): {
-    position: Ref<Position>;
-    isDragging: Ref<boolean>;
-    style: Ref<Record<string, string>>;
+    position: Ref<Position, Position>;
+    isDragging: Ref<boolean, boolean>;
+    style: Ref<Record<string, string>, Record<string, string>>;
     cleanup: () => void;
 };
 export default useDraggable;

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { EventListener, AddEventListenerOptions, EventListenerOptions } from '../../../references/dom.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface EventTarget {

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

@@ -0,0 +1,29 @@
+import type { Ref } from '../../../references/vue.d';
+import type { KeyboardEvent } from '../../../references/dom.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+import { Window } from 'references/browser';
+export type KeyboardEventType = 'keydown' | 'keyup';
+export type KeyboardCallback = (event: KeyboardEvent) => void;
+export type Unsubscribe = () => void;
+export interface UseKeyboardOptions {
+    onKeyDown?: (event: KeyboardEvent) => void;
+    exclusive?: boolean;
+    priority?: number;
+    eventType?: KeyboardEventType;
+}
+export interface UseKeyboardReturn {
+    pressedKey: Ref<string | null>;
+    isCtrlKey: Ref<boolean>;
+    isMetaKey: Ref<boolean>;
+    isAltKey: Ref<boolean>;
+    isShiftKey: Ref<boolean>;
+    unsubscribe: Unsubscribe;
+}
+export interface UseKeyboardDeps {
+    vue: Pick<Required<VueCompositionAPI>, 'ref' | 'onMounted' | 'onUnmounted'>;
+    window: {
+        addEventListener: Window['addEventListener'];
+        removeEventListener: Window['removeEventListener'];
+    };
+}
+export declare function useKeyboard(options: UseKeyboardOptions | undefined, deps: UseKeyboardDeps): UseKeyboardReturn;

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

@@ -0,0 +1,129 @@
+class KeyboardManager {
+    listeners = new Map();
+    exclusiveListeners = new Map();
+    isListening = false;
+    boundHandler = null;
+    idCounter = 0;
+    sortedListenersCache = new Map();
+    sortedExclusiveCache = new Map();
+    windowDeps = null;
+    setWindowDeps(windowDeps) {
+        if (!this.windowDeps) {
+            this.windowDeps = windowDeps;
+        }
+    }
+    start() {
+        if (this.isListening || !this.windowDeps)
+            return;
+        if (!this.boundHandler) {
+            this.boundHandler = this.handleEvent.bind(this);
+        }
+        try {
+            this.windowDeps.addEventListener('keydown', this.boundHandler);
+            this.windowDeps.addEventListener('keyup', this.boundHandler);
+            this.isListening = true;
+        }
+        catch (e) {
+        }
+    }
+    stop() {
+        if (!this.isListening || !this.boundHandler || !this.windowDeps)
+            return;
+        try {
+            this.windowDeps.removeEventListener('keydown', this.boundHandler);
+            this.windowDeps.removeEventListener('keyup', this.boundHandler);
+        }
+        catch (e) {
+        }
+        this.isListening = false;
+    }
+    getSortedExclusiveListeners(eventType) {
+        if (!this.sortedExclusiveCache.has(eventType)) {
+            const sorted = Array.from(this.exclusiveListeners.values())
+                .filter(listener => listener.eventType === eventType)
+                .sort((a, b) => b.priority - a.priority);
+            this.sortedExclusiveCache.set(eventType, sorted);
+        }
+        return this.sortedExclusiveCache.get(eventType);
+    }
+    getSortedNormalListeners(eventType) {
+        if (!this.sortedListenersCache.has(eventType)) {
+            const sorted = Array.from(this.listeners.values())
+                .filter(listener => listener.eventType === eventType)
+                .sort((a, b) => b.priority - a.priority);
+            this.sortedListenersCache.set(eventType, sorted);
+        }
+        return this.sortedListenersCache.get(eventType);
+    }
+    clearCache() {
+        this.sortedListenersCache.clear();
+        this.sortedExclusiveCache.clear();
+    }
+    handleEvent(event) {
+        const eventType = event.type;
+        const exclusiveListeners = this.getSortedExclusiveListeners(eventType);
+        if (exclusiveListeners.length > 0) {
+            for (const listener of exclusiveListeners) {
+                listener.callback(event);
+            }
+            return;
+        }
+        const normalListeners = this.getSortedNormalListeners(eventType);
+        for (const listener of normalListeners) {
+            listener.callback(event);
+        }
+    }
+    register(callback, exclusive = false, priority = 0, eventType = 'keydown') {
+        const id = `listener_${++this.idCounter}`;
+        const listener = { id, callback, exclusive, priority, eventType };
+        if (exclusive) {
+            this.exclusiveListeners.set(id, listener);
+            this.sortedExclusiveCache.delete(eventType);
+        }
+        else {
+            this.listeners.set(id, listener);
+            this.sortedListenersCache.delete(eventType);
+        }
+        if (!this.isListening) {
+            this.start();
+        }
+        return id;
+    }
+    unregister(id) {
+        const listener = this.listeners.get(id) || this.exclusiveListeners.get(id);
+        const eventType = listener?.eventType;
+        this.listeners.delete(id);
+        this.exclusiveListeners.delete(id);
+        if (eventType) {
+            this.sortedListenersCache.delete(eventType);
+            this.sortedExclusiveCache.delete(eventType);
+        }
+        if (this.listeners.size === 0 && this.exclusiveListeners.size === 0) {
+            this.stop();
+        }
+    }
+}
+const keyboardManager = new KeyboardManager();
+export function useKeyboard(options = {}, deps) {
+    const { onKeyDown, exclusive = false, priority = 0, eventType = 'keydown' } = options;
+    keyboardManager.setWindowDeps(deps.window);
+    const pressedKey = deps.vue.ref(null);
+    const isCtrlKey = deps.vue.ref(false);
+    const isMetaKey = deps.vue.ref(false);
+    const isAltKey = deps.vue.ref(false);
+    const isShiftKey = deps.vue.ref(false);
+    const listenerId = keyboardManager.register((event) => {
+        pressedKey.value = event.key;
+        isCtrlKey.value = event.ctrlKey;
+        isMetaKey.value = event.metaKey;
+        isAltKey.value = event.altKey;
+        isShiftKey.value = event.shiftKey;
+        onKeyDown?.(event);
+    }, exclusive, priority, eventType);
+    const unsubscribe = () => {
+        keyboardManager.unregister(listenerId);
+    };
+    deps.vue.onUnmounted(unsubscribe);
+    return { pressedKey, isCtrlKey, isMetaKey, isAltKey, isShiftKey, unsubscribe };
+}
+//# sourceMappingURL=useKeyboard.js.map

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

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

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../../references/dom.d';
 import type { Window } from '../../../references/browser.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
@@ -36,14 +36,19 @@ export interface UseResizableOptions {
     };
 }
 export declare function useResizable(targetRef: Ref<HTMLElement | null>, options: UseResizableOptions | undefined, env: ResizableEnvironment): {
-    size: Ref<Size>;
+    size: Ref<Size, Size>;
     style: Ref<{
         width: string;
         height: string;
         left?: string;
         top?: string;
+    }, {
+        width: string;
+        height: string;
+        left?: string;
+        top?: string;
     }>;
-    isResizing: Ref<boolean>;
+    isResizing: Ref<boolean, boolean>;
     onResizeHandleMouseDown: (e: MouseEvent | TouchEvent, direction?: string) => void;
     reset: () => void;
     cleanupEventListeners: () => void;

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import { type UseManualRefHistoryReturn, type UseManualRefHistoryOptions } from './useManualRefHistory';
 import type { setTimeout, clearTimeout } from '../../../references/timer.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 export interface RefHistoryRecord<T> {
     snapshot: T;
     timestamp: number;

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

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { UseManualRefHistoryReturn } from './useManualRefHistory';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface RefHistoryEnvironment {

package/dist/vue-hooks/state/injectLocal.d.ts

@@ -1,4 +1,4 @@
-import type { InjectionKey } from '../../../references/vue.d';
+import type { InjectionKey } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface InjectLocalEnvironment {
     vue: Pick<Required<VueCompositionAPI>, 'inject'>;

package/dist/vue-hooks/state/provideLocal.d.ts

@@ -1,4 +1,4 @@
-import type { InjectionKey } from '../../../references/vue.d';
+import type { InjectionKey } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface ProvideLocalEnvironment {
     vue: Pick<Required<VueCompositionAPI>, 'provide'>;

package/dist/vue-hooks/state/useAsyncState.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { setTimeout } from '../../../references/timer.d';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface AsyncStateEnvironment {

package/dist/vue-hooks/state/useCounter.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '../../../references/vue.d';
+import type { Ref } from 'vue';
 import type { VueCompositionAPI } from '../../../types/vue.d';
 export interface UseCounterDeps {
     vue: Pick<Required<VueCompositionAPI>, 'ref'>;

package/dist/vue-hooks/state/useFileUpload.d.ts

@@ -0,0 +1,23 @@
+import type { Ref } from '../../../references/vue.d';
+import type { VueCompositionAPI } from '../../../types/vue.d';
+import type { UploadFile, BeforeUploadHandler, UploadHandler, AfterUploadHandler } from '../../../types/file-upload.d';
+import type { File } from '../../../references/browser.d';
+export interface UseFileUploadEnvironment {
+    vue: Pick<Required<VueCompositionAPI>, 'ref' | 'shallowRef' | 'watch'>;
+}
+export interface UseFileUploadOptions {
+    fileList?: UploadFile[];
+    maxCount?: number;
+    beforeUpload?: BeforeUploadHandler;
+    upload?: UploadHandler;
+    afterUpload?: AfterUploadHandler;
+}
+export interface UseFileUploadReturn {
+    readonly fileList: Ref<UploadFile[]>;
+    readonly: (list: UploadFile[]) => void;
+    appendFileAt: (file: UploadFile, index?: number) => void;
+    replaceFileAt: (file: UploadFile, index: number) => void;
+    addFile: (file: File) => Promise<void>;
+}
+export declare function useFileUpload(options: UseFileUploadOptions, env: UseFileUploadEnvironment): UseFileUploadReturn;
+export default useFileUpload;