@nutui/nutui-react 2.3.12-beta.0 → 2.3.12

package/dist/esm/Swipe.js

@@ -1,26 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
 import React__default, { forwardRef, useRef, useState, useCallback, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
 import { u as useTouch } from "./use-touch.js";
@@ -33,52 +10,50 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-var defaultProps = {
+const defaultProps = {
   name: ""
 };
-var Swipe = forwardRef(function(props, instanceRef) {
-  var classPrefix = "nut-swipe";
-  var touch = useTouch();
-  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({
+const Swipe = forwardRef((props, instanceRef) => {
+  const classPrefix = "nut-swipe";
+  const touch = useTouch();
+  const { children, className, style } = Object.assign(Object.assign({}, defaultProps), props);
+  const root = useRef();
+  const opened = useRef(false);
+  const lockClick = useRef(false);
+  const startOffset = useRef(0);
+  const [state, setState] = useState({
     offset: 0,
     dragging: false
-  }), _useState2 = _slicedToArray(_useState, 2), state = _useState2[0], setState = _useState2[1];
-  var _useState3 = useState({
+  });
+  const [actionWidth, setActionWidth] = useState({
     left: 0,
     right: 0
-  }), _useState4 = _slicedToArray(_useState3, 2), actionWidth = _useState4[0], setActionWidth = _useState4[1];
-  var wrapperStyle = {
-    transform: "translate3d(".concat(state.offset, "px, 0, 0)"),
+  });
+  const wrapperStyle = {
+    transform: `translate3d(${state.offset}px, 0, 0)`,
     transitionDuration: state.dragging ? "0s" : ".6s"
   };
-  var leftWidth = actionWidth.left;
-  var rightWidth = actionWidth.right;
-  var _onTouchStart = function onTouchStart(event) {
+  const leftWidth = actionWidth.left;
+  const rightWidth = actionWidth.right;
+  const onTouchStart = (event) => {
+    var _a;
     if (!props.disabled) {
-      var _props$onTouchStart;
       startOffset.current = state.offset;
       touch.start(event);
-      (_props$onTouchStart = props.onTouchStart) === null || _props$onTouchStart === void 0 || _props$onTouchStart.call(props, event);
+      (_a = props.onTouchStart) === null || _a === void 0 ? void 0 : _a.call(props, event);
     }
   };
-  var _onTouchMove = function onTouchMove(event) {
-    var _props$onTouchMove;
+  const onTouchMove = (event) => {
+    var _a;
     if (props.disabled) {
       return;
     }
     touch.move(event);
-    (_props$onTouchMove = props.onTouchMove) === null || _props$onTouchMove === void 0 || _props$onTouchMove.call(props, event);
+    (_a = props.onTouchMove) === null || _a === void 0 ? void 0 : _a.call(props, event);
     if (touch.isHorizontal()) {
       lockClick.current = true;
-      var newState = _objectSpread(_objectSpread({}, state), {}, {
-        dragging: true
-      });
-      var isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
+      const newState = Object.assign(Object.assign({}, state), { dragging: true });
+      const isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
       if (isEdge) {
         preventDefault(event, true);
       }
@@ -86,103 +61,74 @@ var Swipe = forwardRef(function(props, instanceRef) {
       setState(newState);
     }
   };
-  var _onTouchEnd = function onTouchEnd(event) {
+  const onTouchEnd = (event) => {
+    var _a;
     if (state.dragging) {
-      var _props$onTouchEnd;
-      setState(function(v) {
-        return _objectSpread(_objectSpread({}, v), {}, {
-          dragging: false
-        });
-      });
+      setState((v) => Object.assign(Object.assign({}, v), { dragging: false }));
       toggle(state.offset > 0 ? "left" : "right");
-      setTimeout(function() {
+      setTimeout(() => {
         lockClick.current = false;
       }, 0);
-      (_props$onTouchEnd = props.onTouchEnd) === null || _props$onTouchEnd === void 0 || _props$onTouchEnd.call(props, event);
+      (_a = props.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(props, event);
     }
   };
-  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;
+  const toggle = (side) => {
+    const offset = Math.abs(state.offset);
+    const base = 0.3;
+    const baseNum = opened ? 1 - base : base;
+    const width = side === "left" ? leftWidth : rightWidth;
     if (width && offset > Number(width) * baseNum) {
       open(side);
     } else {
-      _close(side);
+      close(side);
     }
   };
-  var open = function open2(side) {
-    var _props$onOpen;
+  const open = (side) => {
+    var _a;
     opened.current = true;
-    var offset = side === "left" ? leftWidth : -rightWidth;
-    var name = props.name;
-    (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 || _props$onOpen.call(props, {
-      name,
-      position: side
-    });
-    setState(function(v) {
-      return _objectSpread(_objectSpread({}, v), {}, {
-        offset: Number(offset) || 0
-      });
-    });
+    const offset = side === "left" ? leftWidth : -rightWidth;
+    const name = props.name;
+    (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, { name, position: side });
+    setState((v) => Object.assign(Object.assign({}, v), { offset: Number(offset) || 0 }));
   };
-  var _close = function close(position) {
+  const close = (position) => {
+    var _a;
     if (opened.current) {
-      var _props$onClose;
       opened.current = false;
-      (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props, {
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, {
         name: props.name,
         position: position || "left"
       });
     }
-    setState(function(v) {
-      return _objectSpread(_objectSpread({}, v), {}, {
-        offset: 0
-      });
-    });
+    setState((v) => Object.assign(Object.assign({}, v), { offset: 0 }));
   };
-  var rangeCalculation = function rangeCalculation2(num, min, max) {
+  const rangeCalculation = (num, min, max) => {
     return Math.min(Math.max(Number(num), Number(min)), Number(max));
   };
-  var getNodeWidth = function getNodeWidth2(node) {
+  const getNodeWidth = (node) => {
     if (node) {
-      var ele = getRect(node);
+      const ele = getRect(node);
       return ele.width;
     }
     return 0;
   };
-  var leftRef = useCallback(function(node) {
+  const leftRef = useCallback((node) => {
     if (node !== null) {
-      setActionWidth(function(v) {
-        return _objectSpread(_objectSpread({}, v), {}, {
-          left: getNodeWidth(node)
-        });
-      });
+      setActionWidth((v) => Object.assign(Object.assign({}, v), { left: getNodeWidth(node) }));
     }
   }, [props.leftAction]);
-  var rightRef = useCallback(function(node) {
+  const rightRef = useCallback((node) => {
     if (node !== null) {
-      setActionWidth(function(v) {
-        return _objectSpread(_objectSpread({}, v), {}, {
-          right: getNodeWidth(node)
-        });
-      });
+      setActionWidth((v) => Object.assign(Object.assign({}, v), { right: getNodeWidth(node) }));
     }
   }, [props.rightAction]);
-  var renderActionContent = function renderActionContent2(side, measuredRef) {
-    if (props["".concat(side, "Action")]) {
-      return React__default.createElement("div", {
-        ref: measuredRef,
-        className: "".concat(classPrefix, "-").concat(side),
-        onClick: function onClick(e) {
-          return handleOperate(e, side);
-        }
-      }, props["".concat(side, "Action")]);
+  const renderActionContent = (side, measuredRef) => {
+    if (props[`${side}Action`]) {
+      return React__default.createElement("div", { ref: measuredRef, className: `${classPrefix}-${side}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]);
     }
     return null;
   };
-  var handleOperate = function handleOperate2(event, position) {
+  const handleOperate = (event, position) => {
     event.stopPropagation();
     if (props.beforeClose) {
       props.beforeClose(position);
@@ -190,47 +136,37 @@ var Swipe = forwardRef(function(props, instanceRef) {
       props.onActionClick && props.onActionClick(event, position);
     }
   };
-  useImperativeHandle(instanceRef, function() {
-    return {
-      open,
-      close: function close() {
-        return _close();
-      }
-    };
-  });
-  useEffect(function() {
-    var handler = function handler2(event) {
-      var targets = [root];
-      if (targets.some(function(targetItem) {
-        var targetElement = targetItem.current || targetItem;
+  useImperativeHandle(instanceRef, () => ({
+    open,
+    close: () => close()
+  }));
+  useEffect(() => {
+    const handler = (event) => {
+      const targets = [root];
+      if (targets.some((targetItem) => {
+        const targetElement = targetItem.current || targetItem;
         return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
       })) {
         return;
       }
-      _close();
+      close();
     };
     document.addEventListener("touchstart", handler);
-    return function() {
+    return () => {
       document.removeEventListener("touchstart", handler);
     };
   }, []);
-  return React__default.createElement("div", {
-    ref: root,
-    className: classNames(classPrefix, className),
-    onTouchStart: function onTouchStart(e) {
-      return _onTouchStart(e);
-    },
-    onTouchMove: function onTouchMove(e) {
-      return _onTouchMove(e);
-    },
-    onTouchEnd: function onTouchEnd(e) {
-      return _onTouchEnd(e);
-    },
-    style
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-wrapper"),
-    style: wrapperStyle
-  }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
+  return React__default.createElement(
+    "div",
+    { ref: root, className: classNames(classPrefix, className), onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style },
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-wrapper`, style: wrapperStyle },
+      renderActionContent("left", leftRef),
+      children,
+      renderActionContent("right", rightRef)
+    )
+  );
 });
 Swipe.defaultProps = defaultProps;
 Swipe.displayName = "NutSwipe";