@v-c/dialog 1.1.1 → 1.2.0

package/dist/Dialog/Content/Panel.js

@@ -345,6 +345,11 @@ var Panel = /* @__PURE__ */ defineComponent((props, { expose, slots }) => {
 			required: false,
 			default: void 0
 		},
+		scrollLock: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		panelRef: {
 			required: false,
 			default: void 0

package/dist/Dialog/Content/index.js

@@ -306,6 +306,11 @@ var Content = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		scrollLock: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		panelRef: {
 			required: false,
 			default: void 0

package/dist/Dialog/index.js

@@ -353,6 +353,11 @@ var Dialog = /* @__PURE__ */ defineComponent((props, { expose, slots }) => {
 			required: false,
 			default: void 0
 		},
+		scrollLock: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		panelRef: {
 			required: false,
 			default: void 0

package/dist/DialogWrap.js

@@ -17,15 +17,16 @@ var DialogWrap = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		if (props.visible) animatedVisible.value = true;
 	}, { immediate: true });
 	return () => {
-		const { visible, getContainer, forceRender, destroyOnHidden = false, afterClose } = props;
+		const { visible, getContainer, forceRender, destroyOnHidden = false, scrollLock = true, afterClose } = props;
+		const { scrollLock: _, ...restProps } = props;
 		if (!forceRender && destroyOnHidden && !animatedVisible.value) return null;
 		return createVNode(Portal, {
 			"open": visible || forceRender || animatedVisible.value,
 			"autoDestroy": false,
 			"onEsc": onEsc,
 			"getContainer": getContainer,
-			"autoLock": visible || animatedVisible.value
-		}, { default: () => [createVNode(Dialog, mergeProps(props, {
+			"autoLock": scrollLock && (visible || animatedVisible.value)
+		}, { default: () => [createVNode(Dialog, mergeProps(restProps, {
 			"destroyOnHidden": destroyOnHidden,
 			"afterClose": () => {
 				(props.closable && typeof props.closable === "object" ? props.closable : {}).afterClose?.();
@@ -268,6 +269,11 @@ var DialogWrap = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			required: false,
 			default: void 0
 		},
+		scrollLock: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		panelRef: {
 			required: false,
 			default: void 0

package/dist/IDialogPropTypes.d.ts

@@ -4,11 +4,11 @@ import { CSSProperties } from 'vue';
 export type SemanticName = 'header' | 'body' | 'footer' | 'container' | 'title' | 'wrapper' | 'mask' | 'close';
 export type ModalClassNames = Partial<Record<SemanticName, string>>;
 export type ModalStyles = Partial<Record<SemanticName, CSSProperties>>;
-export type ClosableType = {
+export interface ClosableType {
     closeIcon?: VueNode;
     disabled?: boolean;
     afterClose?: () => any;
-};
+}
 export interface IDialogPropTypes {
     className?: string;
     keyboard?: boolean;
@@ -53,5 +53,7 @@ export interface IDialogPropTypes {
     forceRender?: boolean;
     focusTriggerAfterClose?: boolean;
     focusTrap?: boolean;
+    /** Control whether to lock body scroll when modal opens. Default is true. */
+    scrollLock?: boolean;
     panelRef?: any;
 }

package/dist/util.js

@@ -5,6 +5,7 @@ function getMotionName(prefixCls, transitionName, animationName) {
 	return motionName;
 }
 function getScroll(w, top) {
+	if (!w) return 0;
 	let ret = w[`page${top ? "Y" : "X"}Offset`];
 	const method = `scroll${top ? "Top" : "Left"}`;
 	if (typeof ret !== "number") {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/dialog",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -25,8 +25,8 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.19",
-    "@v-c/portal": "^1.0.8"
+    "@v-c/portal": "^1.0.8",
+    "@v-c/util": "^1.0.19"
   },
   "scripts": {
     "build": "vite build",