xph-crud 0.3.9 → 0.4.1

package/dist/types/common/src/components/dialog/hooks/useDialogScrollLock.d.ts

@@ -0,0 +1,6 @@
+declare const useDialogScrollLock: ({ container, mask, visible, }: {
+    container: HTMLElement;
+    mask?: boolean | undefined;
+    visible: boolean;
+}) => void;
+export default useDialogScrollLock;

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

@@ -6,6 +6,7 @@ declare const useOnContainerSizeChange: ({ container, dialogProps, baseDialogPro
     baseDialogProps: IDialogProps;
 }) => {
     containerSizeTarget: import('react').MutableRefObject<import('./usePopperContainerSize').IContainerSizeTarget>;
+    containerMeasurable: boolean;
     parentInitRecord: number;
     initLeft: import('react').MutableRefObject<number>;
     initTop: import('react').MutableRefObject<number>;

package/dist/types/common/src/components/dialog/hooks/useOnPropsSizeChange.d.ts

@@ -1,8 +1,8 @@
-declare const useOnPropsSizeChange: ({ initWidth, initHeight, curPropsWidth, curPropsHeight, setParentInitRecord, }: {
-    initWidth: React.MutableRefObject<string | number>;
-    initHeight: React.MutableRefObject<string | number>;
+import { Dispatch, SetStateAction } from 'react';
+
+declare const useOnPropsSizeChange: ({ curPropsWidth, curPropsHeight, setParentInitRecord, }: {
     curPropsWidth: number | string;
     curPropsHeight: number | string;
-    setParentInitRecord: Function;
+    setParentInitRecord: Dispatch<SetStateAction<number>>;
 }) => void;
 export default useOnPropsSizeChange;

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

@@ -1,15 +1,16 @@
 /// <reference types="react" />
-/** 开启了mask后默认挂载到body，因为mask是固定定位，所以后续的所有计算都是基于innerWidth、innerHeight */
+/** 带遮罩窗口以覆盖层的可视区域为定位和最大化范围。 */
 export interface IContainerSizeTarget {
     clientWidth: number;
     clientHeight: number;
     scrollWidth: number;
     scrollHeight: number;
 }
-declare const usePopperContainerSize: ({ container }: {
+declare const usePopperContainerSize: ({ container, mask, }: {
     container: HTMLElement;
+    mask?: boolean | undefined;
 }) => {
     containerSizeTarget: import('react').MutableRefObject<IContainerSizeTarget>;
-    setContainerSizeTarget: () => void;
+    setContainerSizeTarget: () => boolean;
 };
 export default usePopperContainerSize;

package/dist/types/common/src/components/dialog/types/dialog.d.ts

@@ -12,7 +12,7 @@ export interface IDialogProps {
      */
     height?: number;
     /**
-     * 是否显示遮罩
+     * 是否显示遮罩；覆盖挂载容器的可视区域，显示期间锁定容器滚动，关闭后恢复
      * @defaultValue `false`
      */
     mask?: boolean;
@@ -74,7 +74,7 @@ export interface IDialogProps {
      */
     onClose?: () => void;
     /**
-     * 挂载弹窗的容器
+     * 挂载弹窗的容器；开启 mask 时遮罩也限制在该容器内
      * @defaultValue `() => document.body`
      */
     getPopperContainer?: () => HTMLElement | null;

package/package.json

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