@sheinx/base 3.8.4-beta.9 → 3.8.5-beta.1

package/cjs/modal/modal-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA8C9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDA0YtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA2D9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDAyYtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/modal/modal-content.js

@@ -29,7 +29,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var hasMask = false;
 var config = {
-  instanceIds: []
+  instanceIds: [],
+  originDocumentStyle: null
 };
 var state = (0, _reactive.create)(config);
 var useModalConfig = function useModalConfig() {
@@ -46,6 +47,12 @@ var removeModalInstance = function removeModalInstance(instanceId) {
 var getInstanceIds = function getInstanceIds() {
   return state.mutate.instanceIds;
 };
+var setOriginDocumentStyle = function setOriginDocumentStyle(style) {
+  state.mutate.originDocumentStyle = style;
+};
+var getOriginDocumentStyle = function getOriginDocumentStyle() {
+  return state.mutate.originDocumentStyle;
+};
 var mousePosition = null;
 var getClickPosition = function getClickPosition(e) {
   mousePosition = {
@@ -88,7 +95,6 @@ var Modal = function Modal(props) {
       mouseDownTarget: null,
       mouseUpTarget: null,
       content: null,
-      originDocumentStyle: null,
       instanceId: _hooks.util.generateUUID()
     }),
     context = _useRef.current;
@@ -203,15 +209,16 @@ var Modal = function Modal(props) {
       setAnimation(true);
     }
   }, [props.visible]);
+  var originDocumentStyle = getOriginDocumentStyle();
 
   // 设置 document.body.style.overflow 和 document.body.style.paddingRight，并记录原始值到 context 中
   var setDocumentOverflow = (0, _hooks.usePersistFn)(function () {
     var doc = document.body.parentNode;
-    if (context.isMask && !context.originDocumentStyle) {
-      context.originDocumentStyle = {
+    if (context.isMask && !originDocumentStyle) {
+      setOriginDocumentStyle({
         overflow: doc.style.overflow,
         paddingRight: doc.style.paddingRight
-      };
+      });
     }
     doc.style.overflow = 'hidden';
     if (!doc.style.paddingRight) {
@@ -222,9 +229,10 @@ var Modal = function Modal(props) {
   // 还原 document.body.style.overflow 和 document.body.style.paddingRight
   var resetDocumentOverflow = (0, _hooks.usePersistFn)(function () {
     var doc = document.body.parentNode;
-    if (context.originDocumentStyle) {
-      doc.style.overflow = context.originDocumentStyle.overflow;
-      doc.style.paddingRight = context.originDocumentStyle.paddingRight;
+    // 把originDocumentStyle放到全局管理后，多个modal连续打开关闭场景下，可以正确还原
+    if (originDocumentStyle) {
+      doc.style.overflow = originDocumentStyle.overflow;
+      doc.style.paddingRight = originDocumentStyle.paddingRight;
     }
   });
   (0, _react.useEffect)(function () {

package/esm/modal/modal-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA8C9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDA0YtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA2D9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDAyYtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/modal/modal-content.js

@@ -23,7 +23,8 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var hasMask = false;
 var config = {
-  instanceIds: []
+  instanceIds: [],
+  originDocumentStyle: null
 };
 var state = create(config);
 var useModalConfig = function useModalConfig() {
@@ -40,6 +41,12 @@ var removeModalInstance = function removeModalInstance(instanceId) {
 var getInstanceIds = function getInstanceIds() {
   return state.mutate.instanceIds;
 };
+var setOriginDocumentStyle = function setOriginDocumentStyle(style) {
+  state.mutate.originDocumentStyle = style;
+};
+var getOriginDocumentStyle = function getOriginDocumentStyle() {
+  return state.mutate.originDocumentStyle;
+};
 var mousePosition = null;
 var getClickPosition = function getClickPosition(e) {
   mousePosition = {
@@ -82,7 +89,6 @@ var Modal = function Modal(props) {
       mouseDownTarget: null,
       mouseUpTarget: null,
       content: null,
-      originDocumentStyle: null,
       instanceId: util.generateUUID()
     }),
     context = _useRef.current;
@@ -197,15 +203,16 @@ var Modal = function Modal(props) {
       setAnimation(true);
     }
   }, [props.visible]);
+  var originDocumentStyle = getOriginDocumentStyle();
 
   // 设置 document.body.style.overflow 和 document.body.style.paddingRight，并记录原始值到 context 中
   var setDocumentOverflow = usePersistFn(function () {
     var doc = document.body.parentNode;
-    if (context.isMask && !context.originDocumentStyle) {
-      context.originDocumentStyle = {
+    if (context.isMask && !originDocumentStyle) {
+      setOriginDocumentStyle({
         overflow: doc.style.overflow,
         paddingRight: doc.style.paddingRight
-      };
+      });
     }
     doc.style.overflow = 'hidden';
     if (!doc.style.paddingRight) {
@@ -216,9 +223,10 @@ var Modal = function Modal(props) {
   // 还原 document.body.style.overflow 和 document.body.style.paddingRight
   var resetDocumentOverflow = usePersistFn(function () {
     var doc = document.body.parentNode;
-    if (context.originDocumentStyle) {
-      doc.style.overflow = context.originDocumentStyle.overflow;
-      doc.style.paddingRight = context.originDocumentStyle.paddingRight;
+    // 把originDocumentStyle放到全局管理后，多个modal连续打开关闭场景下，可以正确还原
+    if (originDocumentStyle) {
+      doc.style.overflow = originDocumentStyle.overflow;
+      doc.style.paddingRight = originDocumentStyle.paddingRight;
     }
   });
   useEffect(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/base",
-  "version": "3.8.4-beta.9",
+  "version": "3.8.5-beta.1",
   "description": "",
   "keywords": [],
   "license": "MIT",
@@ -10,7 +10,7 @@
   "module": "./esm/index.js",
   "typings": "./cjs/index.d.ts",
   "dependencies": {
-    "@sheinx/hooks": "3.8.4-beta.9",
+    "@sheinx/hooks": "3.8.5-beta.1",
     "immer": "^10.0.0",
     "classnames": "^2.0.0",
     "@shined/reactive": "^0.1.3-alpha.0"