@xaypay/tui 0.2.28 → 0.2.30

package/dist/index.es.js

@@ -1949,6 +1949,7 @@ const File = /*#__PURE__*/forwardRef(({
   const inpRef = useRef(null);
   const labelRef = useRef(null);
   const parentRef = useRef(null);
+  const fileNameRef = useRef(null);
   const memoizedItems = useMemo(() => filesArray, [filesArray]);
   const [error, setError] = useState('');
   const [removeID, setRemoveID] = useState('');
@@ -2309,15 +2310,28 @@ const File = /*#__PURE__*/forwardRef(({
     }
     setRemoveID(() => '');
   };
-  const handleCheckTextWidth = () => {
-    if (labelRef.current) {
-      const rect = labelRef.current.getBoundingClientRect();
-      const elementWidth = rect.width;
-      const textWidth = getRenderedTextWidth(labelRef.current);
-      if (textWidth > Math.ceil(elementWidth)) {
-        return 'more';
-      } else {
-        return 'less';
+  const handleCheckTextWidth = type => {
+    if (type === 'label') {
+      if (labelRef.current) {
+        const rect = labelRef.current.getBoundingClientRect();
+        const elementWidth = rect.width;
+        const textWidth = getRenderedTextWidth(labelRef.current);
+        if (textWidth > Math.ceil(elementWidth)) {
+          return 'more';
+        } else {
+          return 'less';
+        }
+      }
+    } else {
+      if (fileNameRef.current) {
+        const rect = fileNameRef.current.getBoundingClientRect();
+        const elementWidth = rect.width;
+        const textWidth = getRenderedTextWidth(fileNameRef.current);
+        if (textWidth > Math.ceil(elementWidth)) {
+          return 'more';
+        } else {
+          return 'less';
+        }
       }
     }
   };
@@ -2400,7 +2414,6 @@ const File = /*#__PURE__*/forwardRef(({
       console.error(error);
     });
     return () => {
-      setCheckTextLength(() => false);
       if (tooltipElem) {
         document.body.removeChild(tooltipElem);
       }
@@ -2580,19 +2593,21 @@ const File = /*#__PURE__*/forwardRef(({
     style: {
       margin: '0px',
       padding: '0px 10px',
+      width: 'calc(100% - 120px)',
+      maxWidth: 'calc(100% - 120px)',
       color: color ?? configStyles.FILE.color,
       whiteSpace: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'nowrap' : 'normal',
       overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
       textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
     }
   }, singleFile && singleFile[`${0}`] ? /*#__PURE__*/React__default.createElement("span", {
+    ref: fileNameRef,
     style: {
+      width: '100%',
       display: 'inline-block',
-      width: `calc(${maxWidth ?? configStyles.FILE.maxWidth} - 140px)`,
       whiteSpace: 'nowrap',
       overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      textAlign: 'right'
+      textOverflow: 'ellipsis'
     }
   }, singleFile[`${0}`].name) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default.createElement("span", {
     style: {
@@ -4494,8 +4509,8 @@ Table.propTypes = {
   clickableRowColumnTd: PropTypes.bool
 };
 
-var css_248z$a = "body.modal-module_tui-no-srcoll-class__gZjNK,html.modal-module_tui-no-srcoll-class__gZjNK{height:100%;overflow:hidden!important}.modal-module_animation__modal__3mt48{animation:modal-module_show-popup__WrH7a .15s;-webkit-animation:modal-module_show-popup__WrH7a .15s}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}}";
-var styles$9 = {"tui-no-srcoll-class":"modal-module_tui-no-srcoll-class__gZjNK","animation__modal":"modal-module_animation__modal__3mt48","show-popup":"modal-module_show-popup__WrH7a"};
+var css_248z$a = "body.modal-module_tui-no-srcoll-class__gZjNK,html.modal-module_tui-no-srcoll-class__gZjNK{height:100%;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}#modal-module_tui-modal-id-for-no-scroll-area__s79-a{touch-action:auto}.modal-module_animation__modal__3mt48{animation:modal-module_show-popup__WrH7a .15s;-webkit-animation:modal-module_show-popup__WrH7a .15s}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}}";
+var styles$9 = {"tui-no-srcoll-class":"modal-module_tui-no-srcoll-class__gZjNK","tui-modal-id-for-no-scroll-area":"modal-module_tui-modal-id-for-no-scroll-area__s79-a","animation__modal":"modal-module_animation__modal__3mt48","show-popup":"modal-module_show-popup__WrH7a"};
 styleInject(css_248z$a);
 
 const SvgNext = ({
@@ -4717,6 +4732,7 @@ const Modal = ({
     setIsHover(false);
   };
   function ResetTouchRemove(e) {
+    if (e.target.closest('#tui-modal-id-for-no-scroll-area')) return;
     e.preventDefault();
   }
   useEffect(() => {
@@ -4794,6 +4810,7 @@ const Modal = ({
     };
   }, []);
   return configStyles.MODAL && /*#__PURE__*/React__default.createElement("div", {
+    id: "tui-modal-id-for-no-scroll-area",
     className: classProps,
     onClick: handleCloseModal,
     style: {
@@ -8479,8 +8496,8 @@ const Swipe = ({
   }, child));
 };
 
-var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
-var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
+var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}#swipe-module_tui-swipe-modal-id-for-no-scroll-area__vRP59{touch-action:auto}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
+var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","tui-swipe-modal-id-for-no-scroll-area":"swipe-module_tui-swipe-modal-id-for-no-scroll-area__vRP59","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
 styleInject(css_248z$2);
 
 // import React, { useEffect, useRef } from 'react';
@@ -8584,6 +8601,7 @@ const handleNavigationChange = () => {
 })(window.history);
 const style = document.createElement('style');
 function ResetTouchRemove(e) {
+  if (e.target.closest('#tui-swipe-modal-id-for-no-scroll-area')) return;
   e.preventDefault();
 }
 const swipe = {

package/dist/index.js

@@ -1980,6 +1980,7 @@ const File = /*#__PURE__*/React.forwardRef(({
   const inpRef = React.useRef(null);
   const labelRef = React.useRef(null);
   const parentRef = React.useRef(null);
+  const fileNameRef = React.useRef(null);
   const memoizedItems = React.useMemo(() => filesArray, [filesArray]);
   const [error, setError] = React.useState('');
   const [removeID, setRemoveID] = React.useState('');
@@ -2340,15 +2341,28 @@ const File = /*#__PURE__*/React.forwardRef(({
     }
     setRemoveID(() => '');
   };
-  const handleCheckTextWidth = () => {
-    if (labelRef.current) {
-      const rect = labelRef.current.getBoundingClientRect();
-      const elementWidth = rect.width;
-      const textWidth = getRenderedTextWidth(labelRef.current);
-      if (textWidth > Math.ceil(elementWidth)) {
-        return 'more';
-      } else {
-        return 'less';
+  const handleCheckTextWidth = type => {
+    if (type === 'label') {
+      if (labelRef.current) {
+        const rect = labelRef.current.getBoundingClientRect();
+        const elementWidth = rect.width;
+        const textWidth = getRenderedTextWidth(labelRef.current);
+        if (textWidth > Math.ceil(elementWidth)) {
+          return 'more';
+        } else {
+          return 'less';
+        }
+      }
+    } else {
+      if (fileNameRef.current) {
+        const rect = fileNameRef.current.getBoundingClientRect();
+        const elementWidth = rect.width;
+        const textWidth = getRenderedTextWidth(fileNameRef.current);
+        if (textWidth > Math.ceil(elementWidth)) {
+          return 'more';
+        } else {
+          return 'less';
+        }
       }
     }
   };
@@ -2431,7 +2445,6 @@ const File = /*#__PURE__*/React.forwardRef(({
       console.error(error);
     });
     return () => {
-      setCheckTextLength(() => false);
       if (tooltipElem) {
         document.body.removeChild(tooltipElem);
       }
@@ -2611,19 +2624,21 @@ const File = /*#__PURE__*/React.forwardRef(({
     style: {
       margin: '0px',
       padding: '0px 10px',
+      width: 'calc(100% - 120px)',
+      maxWidth: 'calc(100% - 120px)',
       color: color ?? configStyles.FILE.color,
       whiteSpace: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'nowrap' : 'normal',
       overflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'hidden' : 'visible',
       textOverflow: extentionsTextDots || configStyles.FILE.extentionsTextDots ? 'ellipsis' : ''
     }
   }, singleFile && singleFile[`${0}`] ? /*#__PURE__*/React__default["default"].createElement("span", {
+    ref: fileNameRef,
     style: {
+      width: '100%',
       display: 'inline-block',
-      width: `calc(${maxWidth ?? configStyles.FILE.maxWidth} - 140px)`,
       whiteSpace: 'nowrap',
       overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      textAlign: 'right'
+      textOverflow: 'ellipsis'
     }
   }, singleFile[`${0}`].name) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fileSizeText ?? configStyles.FILE.sizeText, " ", maxSize, " \u0544\u0532 ", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
@@ -4525,8 +4540,8 @@ Table.propTypes = {
   clickableRowColumnTd: PropTypes__default["default"].bool
 };
 
-var css_248z$a = "body.modal-module_tui-no-srcoll-class__gZjNK,html.modal-module_tui-no-srcoll-class__gZjNK{height:100%;overflow:hidden!important}.modal-module_animation__modal__3mt48{animation:modal-module_show-popup__WrH7a .15s;-webkit-animation:modal-module_show-popup__WrH7a .15s}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}}";
-var styles$9 = {"tui-no-srcoll-class":"modal-module_tui-no-srcoll-class__gZjNK","animation__modal":"modal-module_animation__modal__3mt48","show-popup":"modal-module_show-popup__WrH7a"};
+var css_248z$a = "body.modal-module_tui-no-srcoll-class__gZjNK,html.modal-module_tui-no-srcoll-class__gZjNK{height:100%;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}#modal-module_tui-modal-id-for-no-scroll-area__s79-a{touch-action:auto}.modal-module_animation__modal__3mt48{animation:modal-module_show-popup__WrH7a .15s;-webkit-animation:modal-module_show-popup__WrH7a .15s}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0)}to{opacity:1;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}}";
+var styles$9 = {"tui-no-srcoll-class":"modal-module_tui-no-srcoll-class__gZjNK","tui-modal-id-for-no-scroll-area":"modal-module_tui-modal-id-for-no-scroll-area__s79-a","animation__modal":"modal-module_animation__modal__3mt48","show-popup":"modal-module_show-popup__WrH7a"};
 styleInject(css_248z$a);
 
 const SvgNext = ({
@@ -4748,6 +4763,7 @@ const Modal = ({
     setIsHover(false);
   };
   function ResetTouchRemove(e) {
+    if (e.target.closest('#tui-modal-id-for-no-scroll-area')) return;
     e.preventDefault();
   }
   React.useEffect(() => {
@@ -4825,6 +4841,7 @@ const Modal = ({
     };
   }, []);
   return configStyles.MODAL && /*#__PURE__*/React__default["default"].createElement("div", {
+    id: "tui-modal-id-for-no-scroll-area",
     className: classProps,
     onClick: handleCloseModal,
     style: {
@@ -8510,8 +8527,8 @@ const Swipe = ({
   }, child));
 };
 
-var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
-var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
+var css_248z$2 = "body.swipe-module_tui-no-srcoll-class__YS9cI,html.swipe-module_tui-no-srcoll-class__YS9cI{height:100%;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}#swipe-module_tui-swipe-modal-id-for-no-scroll-area__vRP59{touch-action:auto}.swipe-module_to-top__lrHfG{bottom:0}.swipe-module_to-left__kgLsE{right:0}.swipe-module_to-right__Xu3Ul{left:0}.swipe-module_to-bottom__94M7H{top:0}.swipe-module_visible__---aC{visibility:visible!important}.swipe-module_swipe-block__Yv1B3{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.swipe-module_move-top__m6t2O{-webkit-animation-name:swipe-module_slideTop__-Bbap;animation-name:swipe-module_slideTop__-Bbap}.swipe-module_move-left__4TDLs{-webkit-animation-name:swipe-module_slideLeft__i24cS;animation-name:swipe-module_slideLeft__i24cS}.swipe-module_move-right__FrYo0{-webkit-animation-name:swipe-module_slideRight__swgSY;animation-name:swipe-module_slideRight__swgSY}.swipe-module_move-bottom__eYDx6{-webkit-animation-name:swipe-module_slideBottom__TBoZo;animation-name:swipe-module_slideBottom__TBoZo}.swipe-module_back-top__gJZv0{-webkit-animation-name:swipe-module_backTop__32loc;animation-name:swipe-module_backTop__32loc}.swipe-module_back-left__Wd3aY{-webkit-animation-name:swipe-module_backLeft__q89ub;animation-name:swipe-module_backLeft__q89ub}.swipe-module_back-right__Lgwz7{-webkit-animation-name:swipe-module_backRight__8t5Dm;animation-name:swipe-module_backRight__8t5Dm}.swipe-module_back-bottom__JRN-7{-webkit-animation-name:swipe-module_backBottom__lwR8B;animation-name:swipe-module_backBottom__lwR8B}@keyframes swipe-module_slideTop__-Bbap{0%{bottom:-100%}to{bottom:0}}@keyframes swipe-module_slideLeft__i24cS{0%{right:-100%}to{right:0}}@keyframes swipe-module_slideRight__swgSY{0%{left:-100%}to{left:0}}@keyframes swipe-module_slideBottom__TBoZo{0%{top:-100%}to{top:0}}@keyframes swipe-module_backTop__32loc{0%{bottom:0}to{bottom:-100%}}@keyframes swipe-module_backLeft__q89ub{0%{right:0}to{right:-100%}}@keyframes swipe-module_backRight__8t5Dm{0%{left:0}to{left:-100%}}@keyframes swipe-module_backBottom__lwR8B{0%{top:0}to{top:-100%}}";
+var styles$2 = {"tui-no-srcoll-class":"swipe-module_tui-no-srcoll-class__YS9cI","tui-swipe-modal-id-for-no-scroll-area":"swipe-module_tui-swipe-modal-id-for-no-scroll-area__vRP59","to-top":"swipe-module_to-top__lrHfG","to-left":"swipe-module_to-left__kgLsE","to-right":"swipe-module_to-right__Xu3Ul","to-bottom":"swipe-module_to-bottom__94M7H","visible":"swipe-module_visible__---aC","swipe-block":"swipe-module_swipe-block__Yv1B3","move-top":"swipe-module_move-top__m6t2O","slideTop":"swipe-module_slideTop__-Bbap","move-left":"swipe-module_move-left__4TDLs","slideLeft":"swipe-module_slideLeft__i24cS","move-right":"swipe-module_move-right__FrYo0","slideRight":"swipe-module_slideRight__swgSY","move-bottom":"swipe-module_move-bottom__eYDx6","slideBottom":"swipe-module_slideBottom__TBoZo","back-top":"swipe-module_back-top__gJZv0","backTop":"swipe-module_backTop__32loc","back-left":"swipe-module_back-left__Wd3aY","backLeft":"swipe-module_backLeft__q89ub","back-right":"swipe-module_back-right__Lgwz7","backRight":"swipe-module_backRight__8t5Dm","back-bottom":"swipe-module_back-bottom__JRN-7","backBottom":"swipe-module_backBottom__lwR8B"};
 styleInject(css_248z$2);
 
 // import React, { useEffect, useRef } from 'react';
@@ -8615,6 +8632,7 @@ const handleNavigationChange = () => {
 })(window.history);
 const style = document.createElement('style');
 function ResetTouchRemove(e) {
+  if (e.target.closest('#tui-swipe-modal-id-for-no-scroll-area')) return;
   e.preventDefault();
 }
 const swipe = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.2.28",
+  "version": "0.2.30",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",