@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Swipe.js

@@ -1,15 +1,34 @@
 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 classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import { u as useTouch } from './useTouch-cf73a407.js';
-import { g as getRect } from './useClientRect-56bb675b.js';
-import '@bem-react/classname';
+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), true).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 classNames from "classnames";
+import { c as cn } from "./bem.js";
+import { u as useTouch } from "./use-touch.js";
+import { g as getRect } from "./use-client-rect.js";
+import "@bem-react/classname";
 function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+  if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
   }
   if (isStopPropagation) {
@@ -17,43 +36,34 @@ function preventDefault(event, isStopPropagation) {
   }
 }
 var defaultProps = {
-  name: '',
+  name: "",
   leftWidth: 0,
   rightWidth: 0
 };
-var Swipe = forwardRef(function (props, instanceRef) {
-  var swipeBem = cn('swipe');
+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;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), 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'
+    transitionDuration: state.dragging ? "0s" : ".6s"
   };
-  var leftWidth = useMemo(function () {
+  var leftWidth = useMemo(function() {
     return props.leftWidth ? props.leftWidth : actionWidth.left;
   }, [props.leftWidth, actionWidth.left]);
-  var rightWidth = useMemo(function () {
+  var rightWidth = useMemo(function() {
     return props.rightWidth ? props.rightWidth : actionWidth.right;
   }, [props.rightWidth, actionWidth.right]);
   var _onTouchStart = function onTouchStart(event) {
@@ -84,39 +94,39 @@ var Swipe = forwardRef(function (props, instanceRef) {
   };
   var _onTouchEnd = function onTouchEnd(event) {
     if (state.dragging) {
-      setState(function (v) {
+      setState(function(v) {
         return _objectSpread(_objectSpread({}, v), {}, {
           dragging: false
         });
       });
-      toggle(state.offset > 0 ? 'left' : 'right');
-      setTimeout(function () {
+      toggle(state.offset > 0 ? "left" : "right");
+      setTimeout(function() {
         lockClick.current = false;
       }, 0);
       props.onTouchEnd && props.onTouchEnd(event);
     }
   };
-  var toggle = function toggle(side) {
+  var toggle = function toggle2(side) {
     var offset = Math.abs(state.offset);
     var base = 0.3;
     var baseNum = opened ? 1 - base : base;
-    var width = side === 'left' ? leftWidth : rightWidth;
+    var width = side === "left" ? leftWidth : rightWidth;
     if (width && offset > Number(width) * baseNum) {
       open(side);
     } else {
       _close(side);
     }
   };
-  var open = function open(side) {
+  var open = function open2(side) {
     var _props$onOpen;
     opened.current = true;
-    var offset = side === 'left' ? leftWidth : -rightWidth;
+    var offset = side === "left" ? leftWidth : -rightWidth;
     var name = props.name;
     (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 ? void 0 : _props$onOpen.call(props, {
-      name: name,
+      name,
       position: side
     });
-    setState(function (v) {
+    setState(function(v) {
       return _objectSpread(_objectSpread({}, v), {}, {
         offset: Number(offset) || 0
       });
@@ -128,44 +138,44 @@ var Swipe = forwardRef(function (props, instanceRef) {
       opened.current = false;
       (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props, {
         name: props.name,
-        position: position || 'left'
+        position: position || "left"
       });
     }
-    setState(function (v) {
+    setState(function(v) {
       return _objectSpread(_objectSpread({}, v), {}, {
         offset: 0
       });
     });
   };
-  var rangeCalculation = function rangeCalculation(num, min, max) {
+  var rangeCalculation = function rangeCalculation2(num, min, max) {
     return Math.min(Math.max(Number(num), Number(min)), Number(max));
   };
-  var getNodeWidth = function getNodeWidth(node) {
+  var getNodeWidth = function getNodeWidth2(node) {
     if (node) {
       var ele = getRect(node);
       return ele.width;
     }
     return 0;
   };
-  var leftRef = useCallback(function (node) {
+  var leftRef = useCallback(function(node) {
     if (node !== null) {
-      setActionWidth(function (v) {
+      setActionWidth(function(v) {
         return _objectSpread(_objectSpread({}, v), {}, {
           left: getNodeWidth(node)
         });
       });
     }
   }, [props.leftAction]);
-  var rightRef = useCallback(function (node) {
+  var rightRef = useCallback(function(node) {
     if (node !== null) {
-      setActionWidth(function (v) {
+      setActionWidth(function(v) {
         return _objectSpread(_objectSpread({}, v), {}, {
           right: getNodeWidth(node)
         });
       });
     }
   }, [props.rightAction]);
-  var renderActionContent = function renderActionContent(side, measuredRef) {
+  var renderActionContent = function renderActionContent2(side, measuredRef) {
     if (props["".concat(side, "Action")]) {
       return React__default.createElement("div", {
         ref: measuredRef,
@@ -177,7 +187,7 @@ var Swipe = forwardRef(function (props, instanceRef) {
     }
     return null;
   };
-  var handleOperate = function handleOperate(event, position) {
+  var handleOperate = function handleOperate2(event, position) {
     event.stopPropagation();
     if (props.beforeClose) {
       props.beforeClose(position);
@@ -185,18 +195,18 @@ var Swipe = forwardRef(function (props, instanceRef) {
       props.onActionClick && props.onActionClick(event, position);
     }
   };
-  useImperativeHandle(instanceRef, function () {
+  useImperativeHandle(instanceRef, function() {
     return {
-      open: open,
+      open,
       close: function close() {
         return _close();
       }
     };
   });
-  useEffect(function () {
-    var handler = function handler(event) {
+  useEffect(function() {
+    var handler = function handler2(event) {
       var targets = [root];
-      if (targets.some(function (targetItem) {
+      if (targets.some(function(targetItem) {
         var targetElement = targetItem.current || targetItem;
         return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
       })) {
@@ -204,9 +214,9 @@ var Swipe = forwardRef(function (props, instanceRef) {
       }
       _close();
     };
-    document.addEventListener('touchstart', handler);
-    return function () {
-      document.removeEventListener('touchstart', handler);
+    document.addEventListener("touchstart", handler);
+    return function() {
+      document.removeEventListener("touchstart", handler);
     };
   }, []);
   return React__default.createElement("div", {
@@ -221,12 +231,14 @@ var Swipe = forwardRef(function (props, instanceRef) {
     onTouchEnd: function onTouchEnd(e) {
       return _onTouchEnd(e);
     },
-    style: style
+    style
   }, React__default.createElement("div", {
-    className: "".concat(swipeBem('wrapper')),
+    className: "".concat(swipeBem("wrapper")),
     style: wrapperStyle
-  }, renderActionContent('left', leftRef), children, renderActionContent('right', rightRef)));
+  }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
 });
 Swipe.defaultProps = defaultProps;
-Swipe.displayName = 'NutSwipe';
-export { Swipe as default };
+Swipe.displayName = "NutSwipe";
+export {
+  Swipe as default
+};