xph-crud 0.1.1 → 0.1.2

package/dist/types/common/src/componnets/dialog/hooks/useMinResizeRecord.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const useMinResizeRecord: (visible: any, dialogRef: React.RefObject<HTMLDivElement>, dialogWidth: number | string, dialogHeight: number | string) => {
+    minResizeRecord: import('react').MutableRefObject<{
+        width: number;
+        height: number;
+    } | null>;
+};
+export default useMinResizeRecord;

package/dist/types/common/src/componnets/dialog/hooks/useOnContainerSizeChange.d.ts

@@ -1,12 +1,11 @@
 import { IDialogProps } from '../types';
 
-declare const useOnContainerSizeChange: ({ visible, container, dialogRef, dialogProps, baseDialogProps, }: {
-    visible: boolean;
+declare const useOnContainerSizeChange: ({ container, dialogProps, baseDialogProps, }: {
     container: HTMLElement;
-    dialogRef: React.RefObject<HTMLDivElement>;
     dialogProps: IDialogProps;
     baseDialogProps: IDialogProps;
 }) => {
+    containerSizeTarget: import('react').MutableRefObject<import('./usePopperContainerSize').IContainerSizeTarget>;
     parentResizeRecord: number;
     initLeft: import('react').MutableRefObject<number>;
     initTop: import('react').MutableRefObject<number>;
@@ -14,9 +13,13 @@ declare const useOnContainerSizeChange: ({ visible, container, dialogRef, dialog
     initHeight: import('react').MutableRefObject<string | number>;
     curPropsWidth: number;
     curPropsHeight: string | number;
-    minResizeRecord: import('react').MutableRefObject<{
-        width: number;
-        height: number;
-    } | null>;
+    setInitPosition: (position: {
+        left: number;
+        top: number;
+    }) => void;
+    setInitSize: (size: {
+        width: number | string;
+        height: number | string;
+    }) => void;
 };
 export default useOnContainerSizeChange;

package/dist/types/common/src/componnets/dialog/hooks/usePopperContainerSize.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/** 开启了mask后默认挂载到body，因为mask是固定定位，所以后续的所有计算都是基于innerWidth、innerHeight */
+export interface IContainerSizeTarget {
+    clientWidth: number;
+    clientHeight: number;
+    scrollWidth: number;
+    scrollHeight: number;
+}
+declare const usePopperContainerSize: ({ container }: {
+    container: HTMLElement;
+}) => {
+    containerSizeTarget: import('react').MutableRefObject<IContainerSizeTarget>;
+    setContainerSizeTarget: () => void;
+};
+export default usePopperContainerSize;

package/dist/types/common/src/componnets/dialog/hooks/useResizeDialog.d.ts

@@ -1,7 +1,8 @@
 import { MouseEvent } from 'react';
+import { IContainerSizeTarget } from '../hooks';
 
-declare const useResizeDialog: ({ container, dialogRef, minResizeRecord, setDialogSize, setDialogPosition, }: {
-    container: HTMLElement;
+declare const useResizeDialog: ({ containerSizeTarget, dialogRef, minResizeRecord, setDialogSize, setDialogPosition, }: {
+    containerSizeTarget: React.MutableRefObject<IContainerSizeTarget>;
     dialogRef: React.RefObject<HTMLDivElement>;
     minResizeRecord: React.MutableRefObject<{
         width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xph-crud",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",

package/dist/types/common/src/componnets/dialog/hooks/useOnVisableChange.d.ts

@@ -1,21 +0,0 @@
-declare const useOnVisableChange: ({ visible, initWidth, initHeight, initLeft, initTop, minResizeRecord, dialogRef, setDialogSize, setDialogPosition, }: {
-    visible: boolean;
-    initWidth: React.MutableRefObject<string | number>;
-    initHeight: React.MutableRefObject<string | number>;
-    initLeft: React.MutableRefObject<number>;
-    initTop: React.MutableRefObject<number>;
-    minResizeRecord: React.MutableRefObject<{
-        width: number;
-        height: number;
-    } | null>;
-    dialogRef: React.RefObject<HTMLDivElement>;
-    setDialogSize: (size: {
-        width?: number | string;
-        height?: number | string;
-    }) => void;
-    setDialogPosition: (position: {
-        left?: number;
-        top?: number;
-    }) => void;
-}) => void;
-export default useOnVisableChange;