react-big-screen 0.0.28 → 0.0.29

package/package.json

@@ -5,7 +5,7 @@
   "author": "tangjiahui-cn",
   "description": "一个前端大屏看板项目",
   "license": "ISC",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "module": "./es/index.mjs",
   "types": "./types/src/export/index.d.ts",
   "scripts": {
@@ -22,6 +22,11 @@
     "commit": "git add . && git-cz",
     "build:github-page": "cross-env deploy=github pnpm build"
   },
+  "packageManager": "pnpm@9.13.2",
+  "volta": {
+    "node": "20.15.1",
+    "pnpm": "9.13.2"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/tangjiahui-cn/react-big-screen.git"
@@ -98,11 +103,14 @@
     "lint-staged": "^13.2.1",
     "prettier": "^2.8.7",
     "rimraf": "^6.0.1",
+    "sharp": "^0.34.5",
+    "svgo": "^4.0.0",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.0.1",
     "vite": "^5.4.1",
     "vite-bundle-analyzer": "^0.17.1",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-html": "^3.2.2"
+    "vite-plugin-html": "^3.2.2",
+    "vite-plugin-image-optimizer": "^2.0.3"
   }
 }

package/types/src/engine/componentNode/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentNodeType, ComponentType, ComponentUsed, ComponentNodeGroup } from '..';
 import { RectCoordinate } from '../../utils';
-type ComponentNodeChangeEventCallback = (options: {
-    payload: ComponentNodeType;
+type ComponentNodeChangeEventCallback<T = ComponentNodeType> = (options: {
+    payload: T;
 }) => void;
 type ComponentNodeChangeEventUnmount = () => void;
 type ListerCallback<T> = (value: T) => void;
@@ -14,7 +14,8 @@ export default class ComponentNode {
     private deleteListeners;
     onDelete(listener: ListerCallback<string[]>): UnmountCallback;
     private notifyDelete;
-    private notifyChange;
+    notifyChange(componentNode: ComponentNodeType | ComponentNodeType[]): void;
+    onChange(id: ComponentNodeChangeEventCallback): ComponentNodeChangeEventUnmount;
     onChange(id: string, callback: ComponentNodeChangeEventCallback): ComponentNodeChangeEventUnmount;
     clear(): void;
     getMaxLevel(): number;
@@ -41,7 +42,7 @@ export default class ComponentNode {
     update(id?: string, extComponentNode?: Partial<ComponentNodeType> | ((origin: ComponentNodeType) => Partial<ComponentNodeType>), options?: {
         silent?: boolean;
         cover?: boolean;
-    }): void;
+    }): ComponentNodeType | undefined;
     delete(id: string | ComponentNodeType | (string | ComponentNodeType)[]): void;
     getCoordinate(id?: string | ComponentNodeType): RectCoordinate;
     createFromComponentNode(originComponentNode: ComponentNodeType, extComponentNode?: Partial<ComponentNodeType>): ComponentNodeType;

package/types/src/engine/types.d.ts

@@ -93,6 +93,7 @@ export interface GlobalConfig {
     scaleMaxZoom: number;
     editorOffsetX?: number;
     editorOffsetY?: number;
+    dragClampEnabled?: boolean;
 }
 export type ComponentUsed = Record<string, // cId
 {

package/types/src/pages/components/Editor/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useRegisterDrag';
 export * from './useCreateComponentNode';
 export * from './useRegisterContextMenu';
 export * from './useCreateFavorite';
+export * from './useRegisterPositionLine';

package/types/src/pages/components/Editor/hooks/useRegisterDrag/index.d.ts

@@ -1,2 +1,3 @@
 import { RefObject } from 'react';
-export declare function useRegisterDrag(domRef: RefObject<HTMLElement>): void;
+import { ListenDragMoveOptions } from './listenDragMove';
+export declare function useRegisterDrag(domRef: RefObject<HTMLElement>, options?: ListenDragMoveOptions): void;

package/types/src/pages/components/Editor/hooks/useRegisterDrag/listenDragMove.d.ts

@@ -1,3 +1,14 @@
 import { MoveHookQueueType } from '../../../../../packages/dragMove/utils/startMove';
-import { InstanceType } from '../../../../../engine';
-export declare function listenDragMove(instance: InstanceType): MoveHookQueueType | void;
+import { ComponentNodeType, InstanceType } from '../../../../../engine';
+export interface OnMoveData {
+    componentNodes: ComponentNodeType[];
+}
+export interface ListenDragMoveOptions {
+    onMoveStart?: (options: OnMoveData) => void;
+    onMoving?: (options: OnMoveData, moveInfo: {
+        deltaX: number;
+        deltaY: number;
+    }) => void;
+    onMoveEnd?: (options: OnMoveData) => void;
+}
+export declare function listenDragMove(instance: InstanceType, options?: ListenDragMoveOptions): MoveHookQueueType | void;

package/types/src/pages/components/Editor/hooks/useRegisterPositionLine/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare function useRegisterPositionLine(editorDomRef: React.MutableRefObject<HTMLElement | null>): {
+    children: import("react/jsx-runtime").JSX.Element;
+    move: (deltaX: number, deltaY: number) => void;
+    flush: () => void;
+};

package/types/src/pages/components/Header/components/SettingsDrawer/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (options?: {
+    onOk?: ((data?: any) => void) | undefined;
+    onCancel?: ((data?: any) => void) | undefined;
+}) => {
+    open: (params?: any) => void;
+    close: (destroy: boolean) => void;
+};
+export default _default;

package/types/src/utils/graph.d.ts

@@ -28,4 +28,14 @@ export declare function isInRect(point: Point, rect: RectCoordinate): boolean;
  * 判断一个矩形是否完全在另一个矩形内部
  */
 export declare function isRectInner(rect: RectCoordinate, targetRect: RectCoordinate): boolean;
+/**
+ * 计算一组坐标的左上角
+ */
+export declare function getLeftTopCoordinate(coordinates: Array<{
+    x: number;
+    y: number;
+}>): {
+    x: number;
+    y: number;
+} | undefined;
 export {};