@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

package/dist/esm/Swipe.js

@@ -1,26 +1,20 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { forwardRef, useRef, useState, useMemo, useCallback, useImperativeHandle, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
 import { g as getRect } from './useClientRect-839d18c5.js';
 import '@bem-react/classname';
-
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== 'boolean' || event.cancelable) {
     event.preventDefault();
   }
-
   if (isStopPropagation) {
     event.stopPropagation();
   }
 }
-
 var defaultProps = {
   name: '',
   leftWidth: 0,
@@ -29,33 +23,28 @@ var defaultProps = {
 var Swipe = forwardRef(function (props, instanceRef) {
   var swipeBem = cn('swipe');
   var touch = useTouch();
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style;
-
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style;
   var root = useRef();
   var opened = useRef(false);
   var lockClick = useRef(false);
   var startOffset = useRef(0);
-
   var _useState = useState({
-    offset: 0,
-    dragging: false
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
+      offset: 0,
+      dragging: false
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
   var _useState3 = useState({
-    left: 0,
-    right: 0
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      actionWidth = _useState4[0],
-      setActionWidth = _useState4[1];
-
+      left: 0,
+      right: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    actionWidth = _useState4[0],
+    setActionWidth = _useState4[1];
   var wrapperStyle = {
     transform: "translate3d(".concat(state.offset, "px, 0, 0)"),
     transitionDuration: state.dragging ? '0s' : '.6s'
@@ -66,39 +55,30 @@ var Swipe = forwardRef(function (props, instanceRef) {
   var rightWidth = useMemo(function () {
     return props.rightWidth ? props.rightWidth : actionWidth.right;
   }, [props.rightWidth, actionWidth.right]);
-
   var _onTouchStart = function onTouchStart(event) {
     if (!props.disabled) {
       startOffset.current = state.offset;
       touch.start(event);
     }
   };
-
   var _onTouchMove = function onTouchMove(event) {
     if (props.disabled) {
       return;
     }
-
     touch.move(event);
-
     if (touch.isHorizontal()) {
       lockClick.current = true;
-
       var newState = _objectSpread(_objectSpread({}, state), {}, {
         dragging: true
       });
-
       var isEdge = !opened || touch.deltaX * startOffset.current < 0;
-
       if (isEdge) {
         preventDefault(event, true);
       }
-
       newState.offset = rangeCalculation(touch.deltaX + startOffset.current, -rightWidth, leftWidth);
       setState(newState);
     }
   };
-
   var onTouchEnd = function onTouchEnd() {
     if (state.dragging) {
       setState(function (v) {
@@ -112,23 +92,19 @@ var Swipe = forwardRef(function (props, instanceRef) {
       }, 0);
     }
   };
-
   var toggle = function toggle(side) {
     var offset = Math.abs(state.offset);
     var base = 0.3;
     var baseNum = opened ? 1 - base : base;
     var width = side === 'left' ? leftWidth : rightWidth;
-
     if (width && offset > Number(width) * baseNum) {
       open(side);
     } else {
       _close(side);
     }
   };
-
   var open = function open(side) {
     var _props$onOpen;
-
     opened.current = true;
     var offset = side === 'left' ? leftWidth : -rightWidth;
     var name = props.name;
@@ -142,38 +118,31 @@ var Swipe = forwardRef(function (props, instanceRef) {
       });
     });
   };
-
   var _close = function close(position) {
     if (opened.current) {
       var _props$onClose;
-
       opened.current = false;
       (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props, {
         name: props.name,
         position: position || 'left'
       });
     }
-
     setState(function (v) {
       return _objectSpread(_objectSpread({}, v), {}, {
         offset: 0
       });
     });
   };
-
   var rangeCalculation = function rangeCalculation(num, min, max) {
     return Math.min(Math.max(Number(num), Number(min)), Number(max));
   };
-
   var getNodeWidth = function getNodeWidth(node) {
     if (node) {
       var ele = getRect(node);
       return ele.width;
     }
-
     return 0;
   };
-
   var leftRef = useCallback(function (node) {
     if (node !== null) {
       setActionWidth(function (v) {
@@ -192,7 +161,6 @@ var Swipe = forwardRef(function (props, instanceRef) {
       });
     }
   }, [props.rightAction]);
-
   var renderActionContent = function renderActionContent(side, measuredRef) {
     if (props["".concat(side, "Action")]) {
       return React__default.createElement("div", {
@@ -203,20 +171,16 @@ var Swipe = forwardRef(function (props, instanceRef) {
         }
       }, props["".concat(side, "Action")]);
     }
-
     return null;
   };
-
   var handleOperate = function handleOperate(event, position) {
     event.stopPropagation();
-
     if (props.beforeClose) {
       props.beforeClose(position);
     } else {
       props.onActionClick && props.onActionClick(event, position);
     }
   };
-
   useImperativeHandle(instanceRef, function () {
     return {
       open: open,
@@ -228,17 +192,14 @@ var Swipe = forwardRef(function (props, instanceRef) {
   useEffect(function () {
     var handler = function handler(event) {
       var targets = [root];
-
       if (targets.some(function (targetItem) {
         var targetElement = targetItem.current || targetItem;
         return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
       })) {
         return;
       }
-
       _close();
     };
-
     document.addEventListener('touchstart', handler);
     return function () {
       document.removeEventListener('touchstart', handler);