zcw-shared 1.16.2 → 1.19.0

package/README.md

@@ -330,6 +330,12 @@ npx tsx tests/*.test.ts
 
 2. **编译依赖**：改动了函数以后，因为playground中引用的是编译后的shared包，所以需要先编译shared包（`npm run build`），test中才能用到最新的代码。
 
+3. **文档同步更新**：每次新增新功能或修改现有功能后，**必须**同步更新VitePress文档：
+   - 在 `docs/api/` 目录下更新或创建对应的API文档
+   - 在 `docs/examples/` 目录下添加使用示例
+   - 确保文档中的TypeScript泛型语法使用反引号包裹（如 `Promise<\`File\`>`）以避免Vue编译错误
+   - 运行 `npm run docs:dev` 验证文档编译无误
+
 ### 1. 添加新函数
 
 ```bash
@@ -342,7 +348,14 @@ types/category.d.ts
 # 3. 创建测试
 playground/tests/newFunction.test.ts
 
-# 4. 构建和导出
+# 4. 更新VitePress文档
+docs/api/category.md          # API文档
+docs/examples/category.md     # 使用示例
+
+# 5. 验证文档编译
+npm run docs:dev
+
+# 6. 构建和导出
 npm run build
 ```
 
@@ -374,6 +387,9 @@ export function newFunction(
 # 类型检查
 npx tsc --noEmit
 
+# 验证文档编译
+npm run docs:build
+
 # 构建项目
 npm run build
 
@@ -409,6 +425,11 @@ npm run publish:major  # 主要版本
 1. **JSDoc注释**：详细的函数说明和参数描述
 2. **使用示例**：在测试文件中提供实际使用案例
 3. **类型导出**：确保所有相关类型都可以导入
+4. **VitePress文档**：
+   - **API文档**：在 `docs/api/` 目录下为每个模块创建详细的API文档
+   - **示例文档**：在 `docs/examples/` 目录下提供实际使用示例
+   - **语法规范**：TypeScript泛型语法必须用反引号包裹（如 `Promise<\`File\`>`）
+   - **编译验证**：确保文档能够正常编译，无Vue语法错误
 
 ---
 

package/dist/hooks/useDraggable.d.ts

@@ -0,0 +1,34 @@
+import type { Ref } from 'vue';
+import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../references/dom.d';
+import type { Window } from '../../references/browser.d';
+export interface Position {
+    x: number;
+    y: number;
+}
+export interface DraggableEnvironment {
+    document: Document;
+    window: Window;
+}
+export interface UseDraggableOptions {
+    initialPosition?: Position;
+    enabled?: boolean;
+    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;
+    };
+    useAbsolutePosition?: boolean;
+    useTransform?: boolean;
+}
+export declare function useDraggable(targetRef: Ref<HTMLElement | null>, options: UseDraggableOptions | undefined, env: DraggableEnvironment): {
+    position: Ref<Position, Position>;
+    isDragging: Ref<boolean, boolean>;
+    style: Ref<Record<string, string>, Record<string, string>>;
+    reset: () => void;
+    cleanup: () => void;
+};
+export default useDraggable;

package/dist/hooks/useDraggable.js

@@ -0,0 +1,183 @@
+import { ref, onMounted, onUnmounted } from 'vue';
+export function useDraggable(targetRef, options = {}, env) {
+    const { initialPosition = { x: 0, y: 0 }, enabled = true, onDragStart, onDrag, onDragEnd, boundary, useAbsolutePosition = true, useTransform = false } = options;
+    const position = ref({ ...initialPosition });
+    const isDragging = ref(false);
+    let startX = 0;
+    let startY = 0;
+    let initialX = initialPosition.x;
+    let initialY = initialPosition.y;
+    let positionInitialized = false;
+    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 = ref({});
+    const updateStyle = () => {
+        if (!useAbsolutePosition && !useTransform)
+            return;
+        if (useAbsolutePosition) {
+            style.value = {
+                position: 'absolute',
+                top: `${position.value.y}px`,
+                left: `${position.value.x}px`,
+                ...(useTransform ? {} : { transform: 'none' })
+            };
+        }
+        else if (useTransform) {
+            style.value = {
+                transform: `translate(${position.value.x}px, ${position.value.y}px)`
+            };
+        }
+    };
+    const updatePosition = (newPosition) => {
+        position.value = applyBoundary(newPosition);
+        updateStyle();
+    };
+    const onMouseDown = (e) => {
+        if (!enabled || !targetRef.value)
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+        if (!positionInitialized && targetRef.value) {
+            const rect = targetRef.value.getBoundingClientRect();
+            if (!initialPosition.x && !initialPosition.y) {
+                initialX = rect.left;
+                initialY = rect.top;
+                position.value = { x: initialX, y: initialY };
+            }
+            positionInitialized = true;
+        }
+        isDragging.value = true;
+        startX = e.clientX - position.value.x;
+        startY = e.clientY - position.value.y;
+        if (onDragStart) {
+            onDragStart({ ...position.value }, e);
+        }
+        env.document.addEventListener('mousemove', onMouseMove, { passive: false });
+        env.document.addEventListener('mouseup', onMouseUp);
+    };
+    const onMouseMove = (e) => {
+        if (!isDragging.value)
+            return;
+        e.preventDefault();
+        env.window.requestAnimationFrame(() => {
+            const newPosition = {
+                x: e.clientX - startX,
+                y: e.clientY - startY
+            };
+            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.document.removeEventListener('mousemove', onMouseMove);
+        env.document.removeEventListener('mouseup', onMouseUp);
+    };
+    const onTouchStart = (e) => {
+        if (!enabled || !targetRef.value || e.touches.length !== 1)
+            return;
+        e.stopPropagation();
+        if (!positionInitialized && targetRef.value) {
+            const rect = targetRef.value.getBoundingClientRect();
+            if (!initialPosition.x && !initialPosition.y) {
+                initialX = rect.left;
+                initialY = rect.top;
+                position.value = { x: initialX, y: initialY };
+            }
+            positionInitialized = true;
+        }
+        isDragging.value = true;
+        const touch = e.touches[0];
+        startX = touch.clientX - position.value.x;
+        startY = touch.clientY - position.value.y;
+        if (onDragStart) {
+            onDragStart({ ...position.value }, e);
+        }
+        env.document.addEventListener('touchmove', onTouchMove, { passive: false });
+        env.document.addEventListener('touchend', onTouchEnd);
+        env.document.addEventListener('touchcancel', onTouchEnd);
+    };
+    const onTouchMove = (e) => {
+        if (!isDragging.value || e.touches.length !== 1)
+            return;
+        e.preventDefault();
+        env.window.requestAnimationFrame(() => {
+            const touch = e.touches[0];
+            const newPosition = {
+                x: touch.clientX - startX,
+                y: touch.clientY - startY
+            };
+            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.document.removeEventListener('touchmove', onTouchMove);
+        env.document.removeEventListener('touchend', onTouchEnd);
+        env.document.removeEventListener('touchcancel', onTouchEnd);
+    };
+    const reset = () => {
+        updatePosition({ ...initialPosition });
+        positionInitialized = false;
+    };
+    const cleanup = () => {
+        env.document.removeEventListener('mousemove', onMouseMove);
+        env.document.removeEventListener('mouseup', onMouseUp);
+        env.document.removeEventListener('touchmove', onTouchMove);
+        env.document.removeEventListener('touchend', onTouchEnd);
+        env.document.removeEventListener('touchcancel', onTouchEnd);
+    };
+    onMounted(() => {
+        const element = targetRef.value;
+        if (!element)
+            return;
+        updateStyle();
+        element.addEventListener('mousedown', onMouseDown);
+        element.addEventListener('touchstart', onTouchStart);
+    });
+    onUnmounted(() => {
+        const element = targetRef.value;
+        if (!element)
+            return;
+        element.removeEventListener('mousedown', onMouseDown);
+        element.removeEventListener('touchstart', onTouchStart);
+        cleanup();
+    });
+    return {
+        position,
+        isDragging,
+        style,
+        reset,
+        cleanup
+    };
+}
+export default useDraggable;
+//# sourceMappingURL=useDraggable.js.map

package/dist/hooks/useDraggable.js.map

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

package/dist/hooks/useResizable.d.ts

@@ -0,0 +1,48 @@
+import type { Ref } from 'vue';
+import type { HTMLElement, Document, MouseEvent, TouchEvent } from '../../references/dom.d';
+import type { Window } from '../../references/browser.d';
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface ResizableEnvironment {
+    document: Document;
+    window: Window;
+}
+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, Size>;
+    style: Ref<{
+        width: string;
+        height: string;
+    }, {
+        width: string;
+        height: string;
+    }>;
+    isResizing: Ref<boolean, boolean>;
+    onResizeHandleMouseDown: (e: MouseEvent | TouchEvent, direction?: string) => void;
+    reset: () => void;
+    cleanupEventListeners: () => void;
+};

package/dist/hooks/useResizable.js

@@ -0,0 +1,169 @@
+import { ref, onMounted, onUnmounted } from 'vue';
+export function useResizable(targetRef, options = {}, env) {
+    const { initialSize = { width: 0, height: 0 }, enabled = true, onResizeStart, onResize, onResizeEnd, constraints = {}, directions = { bottomRight: true } } = options;
+    const size = ref({ ...initialSize });
+    const isResizing = ref(false);
+    let startX = 0;
+    let startY = 0;
+    let startWidth = 0;
+    let startHeight = 0;
+    let currentDirection = '';
+    let sizeInitialized = false;
+    const style = 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;
+        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;
+        onResizeStart?.({ width: startWidth, height: startHeight }, e);
+        if ('clientX' in e) {
+            env.document.addEventListener('mousemove', onResizeMouseMove, { passive: true });
+            env.document.addEventListener('mouseup', onResizeMouseUp);
+        }
+        else {
+            env.document.addEventListener('touchmove', onResizeTouchMove, { passive: true });
+            env.document.addEventListener('touchend', onResizeTouchEnd);
+            env.document.addEventListener('touchcancel', onResizeTouchEnd);
+        }
+    };
+    const onResizeMouseMove = (e) => {
+        if (!isResizing.value || !targetRef.value)
+            return;
+        env.window.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.window.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;
+        if (currentDirection.includes('right')) {
+            newWidth = startWidth + deltaX;
+        }
+        else if (currentDirection.includes('left')) {
+            newWidth = startWidth - deltaX;
+        }
+        if (currentDirection.includes('bottom')) {
+            newHeight = startHeight + deltaY;
+        }
+        else if (currentDirection.includes('top')) {
+            newHeight = startHeight - 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`
+        };
+        onResize?.(size.value, e);
+    };
+    const onResizeMouseUp = (e) => {
+        if (!isResizing.value)
+            return;
+        isResizing.value = false;
+        onResizeEnd?.(size.value, e);
+        env.document.removeEventListener('mousemove', onResizeMouseMove);
+        env.document.removeEventListener('mouseup', onResizeMouseUp);
+    };
+    const onResizeTouchEnd = (e) => {
+        if (!isResizing.value)
+            return;
+        isResizing.value = false;
+        onResizeEnd?.(size.value, e);
+        env.document.removeEventListener('touchmove', onResizeTouchMove);
+        env.document.removeEventListener('touchend', onResizeTouchEnd);
+        env.document.removeEventListener('touchcancel', onResizeTouchEnd);
+    };
+    const reset = () => {
+        size.value = { ...initialSize };
+        style.value = {
+            width: `${initialSize.width}px`,
+            height: `${initialSize.height}px`
+        };
+    };
+    const cleanupEventListeners = () => {
+        env.document.removeEventListener('mousemove', onResizeMouseMove);
+        env.document.removeEventListener('mouseup', onResizeMouseUp);
+        env.document.removeEventListener('touchmove', onResizeTouchMove);
+        env.document.removeEventListener('touchend', onResizeTouchEnd);
+        env.document.removeEventListener('touchcancel', onResizeTouchEnd);
+    };
+    onMounted(() => {
+        initializeSize();
+    });
+    onUnmounted(() => {
+        cleanupEventListeners();
+    });
+    onUnmounted(() => {
+        cleanupEventListeners();
+    });
+    return {
+        size,
+        style,
+        isResizing,
+        onResizeHandleMouseDown,
+        reset,
+        cleanupEventListeners
+    };
+}
+//# sourceMappingURL=useResizable.js.map

package/dist/hooks/useResizable.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zcw-shared",
-  "version": "1.16.2",
+  "version": "1.19.0",
   "files": [
     "references",
     "dist",
@@ -111,8 +111,10 @@
     "./functions/xml/modifyXml": "./dist/functions/xml/modifyXml.js",
     "./hooks/useAltool": "./dist/hooks/useAltool.js",
     "./hooks/useCache": "./dist/hooks/useCache.js",
+    "./hooks/useDraggable": "./dist/hooks/useDraggable.js",
     "./hooks/useLocalStorage": "./dist/hooks/useLocalStorage.js",
     "./hooks/usePluginSystem": "./dist/hooks/usePluginSystem.js",
+    "./hooks/useResizable": "./dist/hooks/useResizable.js",
     "./hooks/useSessionStorage": "./dist/hooks/useSessionStorage.js",
     "./hooks/useStorage": "./dist/hooks/useStorage.js",
     "./hooks/useStorageWithIndexedDB": "./dist/hooks/useStorageWithIndexedDB.js",

package/references/blob.d.ts

@@ -2,14 +2,28 @@
 import type { BufferSource } from './arraybuffer.d'
 
 // Stream 相关类型（基础依赖）
-export interface ReadableStreamReader<T> {
+export interface ReadableStreamBYOBReader {
+  read<T extends ArrayBufferView>(view: T): Promise<{ done: boolean; value: T }>
+  releaseLock(): void
+  cancel(reason?: any): Promise<void>
+}
+
+export interface ReadableStreamDefaultReader<T> {
   read(): Promise<{ done: boolean; value: T }>
   releaseLock(): void
   cancel(reason?: any): Promise<void>
 }
 
+export type ReadableStreamReader<T> = ReadableStreamDefaultReader<T> | ReadableStreamBYOBReader
+
+export interface ReadableStreamGetReaderOptions {
+  mode?: 'byob'
+}
+
 export interface ReadableStream<T> {
-  getReader(): ReadableStreamReader<T>
+  getReader(): ReadableStreamDefaultReader<Uint8Array>
+  getReader(options: { mode: 'byob' }): ReadableStreamBYOBReader
+  getReader(options?: ReadableStreamGetReaderOptions): ReadableStreamReader<T>
   cancel(reason?: any): Promise<void>
   locked: boolean
 }

package/references/browser.d.ts

@@ -85,6 +85,10 @@ export interface Window {
   Uint8Array: Uint8ArrayConstructor
   DataView: DataViewConstructor
   
+  // 动画API
+  requestAnimationFrame: (callback: (time: number) => void) => number
+  cancelAnimationFrame: (id: number) => void
+  
   // 开发环境标识
   __DEV__?: boolean
   

package/references/dom.d.ts

@@ -1,4 +1,5 @@
 // DOM 相关类型声明
+import type { Blob } from './blob.d'
 
 // DOM 元素接口 - 按继承关系组织
 export interface Element {
@@ -16,6 +17,10 @@ export interface HTMLElement extends Element {
     right: number
     bottom: number
   }
+  addEventListener(event: string, handler: (e: any) => void, options?: any): void
+  removeEventListener(event: string, handler: (e: any) => void, options?: any): void
+  clientWidth: number
+  clientHeight: number
 }
 
 export interface HTMLImageElement extends HTMLElement {
@@ -44,11 +49,29 @@ export interface Document {
     clientWidth: number
     clientHeight: number
   }
+  addEventListener(event: string, handler: (e: any) => void, options?: any): void
+  removeEventListener(event: string, handler: (e: any) => void, options?: any): void
 }
 
 // DOM 事件相关
 export interface Event {
   target?: any
+  stopPropagation(): void
+  preventDefault(): void
+}
+
+export interface MouseEvent extends Event {
+  clientX: number
+  clientY: number
+}
+
+export interface Touch {
+  clientX: number
+  clientY: number
+}
+
+export interface TouchEvent extends Event {
+  touches: Touch[]
 }
 
 export interface DOMException {