antd-mobile 5.0.0-rc.9 → 5.2.0

package/cjs/components/swipe-action/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./swipe-action.css");
 
 var _swipeAction2 = require("./swipe-action");
 
 var _default = _swipeAction2.SwipeAction;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/swipe-action/swipe-action.d.ts

@@ -14,7 +14,7 @@ export declare type Action = {
 export declare type SwipeActionProps = {
     rightActions?: Action[];
     leftActions?: Action[];
-    onAction?: (action: Action) => void;
+    onAction?: (action: Action, e: React.MouseEvent) => void;
     closeOnTouchOutside?: boolean;
     closeOnAction?: boolean;
     children: ReactNode;
@@ -22,7 +22,7 @@ export declare type SwipeActionProps = {
 export declare const SwipeAction: React.ForwardRefExoticComponent<{
     rightActions?: Action[] | undefined;
     leftActions?: Action[] | undefined;
-    onAction?: ((action: Action) => void) | undefined;
+    onAction?: ((action: Action, e: React.MouseEvent) => void) | undefined;
     closeOnTouchOutside?: boolean | undefined;
     closeOnAction?: boolean | undefined;
     children: ReactNode;

package/cjs/components/swipe-action/swipe-action.js

@@ -19,26 +19,26 @@ var _nearest = require("../../utils/nearest");
 
 var _nativeProps = require("../../utils/native-props");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var defaultProps = {
+const defaultProps = {
   rightActions: [],
   leftActions: [],
   closeOnTouchOutside: true,
   closeOnAction: true
 };
-var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var rootRef = (0, _react.useRef)(null);
-  var leftRef = (0, _react.useRef)(null);
-  var rightRef = (0, _react.useRef)(null);
+const SwipeAction = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const rootRef = (0, _react.useRef)(null);
+  const leftRef = (0, _react.useRef)(null);
+  const rightRef = (0, _react.useRef)(null);
 
   function getWidth(ref) {
-    var element = ref.current;
+    const element = ref.current;
     if (!element) return 0;
     return element.offsetWidth;
   }
@@ -51,28 +51,24 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     return getWidth(rightRef);
   }
 
-  var _useSpring = (0, _web.useSpring)(function () {
-    return {
-      x: 0,
-      config: {
-        tension: 200,
-        friction: 30
-      }
-    };
-  }, []),
-      x = _useSpring[0].x,
-      api = _useSpring[1];
-
-  var draggingRef = (0, _react.useRef)(false);
-  var bind = (0, _react2.useDrag)(function (state) {
+  const [{
+    x
+  }, api] = (0, _web.useSpring)(() => ({
+    x: 0,
+    config: {
+      tension: 200,
+      friction: 30
+    }
+  }), []);
+  const draggingRef = (0, _react.useRef)(false);
+  const bind = (0, _react2.useDrag)(state => {
     draggingRef.current = true;
-    var _state$offset = state.offset,
-        offsetX = _state$offset[0];
+    const [offsetX] = state.offset;
 
     if (state.last) {
-      var leftWidth = getLeftWidth();
-      var rightWidth = getRightWidth();
-      var position = offsetX + state.velocity[0] * state.direction[0] * 50;
+      const leftWidth = getLeftWidth();
+      const rightWidth = getRightWidth();
+      let position = offsetX + state.velocity[0] * state.direction[0] * 50;
 
       if (offsetX > 0) {
         position = Math.max(0, position);
@@ -85,7 +81,7 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
       api.start({
         x: (0, _nearest.nearest)([-rightWidth, 0, leftWidth], position)
       });
-      window.setTimeout(function () {
+      window.setTimeout(() => {
         draggingRef.current = false;
       });
     } else {
@@ -95,12 +91,10 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
       });
     }
   }, {
-    from: function from() {
-      return [x.get(), 0];
-    },
-    bounds: function bounds() {
-      var leftWidth = getLeftWidth();
-      var rightWidth = getRightWidth();
+    from: () => [x.get(), 0],
+    bounds: () => {
+      const leftWidth = getLeftWidth();
+      const rightWidth = getRightWidth();
       return {
         left: -rightWidth,
         right: leftWidth
@@ -120,27 +114,21 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     });
   }
 
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      show: function show(side) {
-        if (side === void 0) {
-          side = 'right';
-        }
-
-        if (side === 'right') {
-          api.start({
-            x: -getRightWidth()
-          });
-        } else if (side === 'left') {
-          api.start({
-            x: getLeftWidth()
-          });
-        }
-      },
-      close: close
-    };
-  });
-  (0, _react.useEffect)(function () {
+  (0, _react.useImperativeHandle)(ref, () => ({
+    show: (side = 'right') => {
+      if (side === 'right') {
+        api.start({
+          x: -getRightWidth()
+        });
+      } else if (side === 'left') {
+        api.start({
+          x: getLeftWidth()
+        });
+      }
+    },
+    close
+  }));
+  (0, _react.useEffect)(() => {
     if (!props.closeOnTouchOutside) return;
 
     function handle(e) {
@@ -148,7 +136,7 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
         return;
       }
 
-      var root = rootRef.current;
+      const root = rootRef.current;
 
       if (root && !root.contains(e.target)) {
         close();
@@ -156,7 +144,7 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     }
 
     document.addEventListener('touchstart', handle);
-    return function () {
+    return () => {
       document.removeEventListener('touchstart', handle);
     };
   }, [props.closeOnTouchOutside]);
@@ -164,14 +152,14 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
   function renderAction(action) {
     var _a, _b;
 
-    var color = (_a = action.color) !== null && _a !== void 0 ? _a : 'light';
-    return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    const color = (_a = action.color) !== null && _a !== void 0 ? _a : 'light';
+    return _react.default.createElement(_button.default, {
       key: action.key,
       className: 'adm-swipe-action-action-button',
       style: {
         '--background-color': (_b = colorRecord[color]) !== null && _b !== void 0 ? _b : color
       },
-      onClick: function onClick(e) {
+      onClick: e => {
         var _a, _b;
 
         if (props.closeOnAction) {
@@ -179,32 +167,32 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
         }
 
         (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-        (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action);
+        (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, e);
       }
     }, action.text);
   }
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", Object.assign({
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", Object.assign({
     className: 'adm-swipe-action'
   }, bind(), {
     ref: rootRef,
-    onClickCapture: function onClickCapture(e) {
+    onClickCapture: e => {
       if (draggingRef.current) {
         e.stopPropagation();
         e.preventDefault();
       }
     }
-  }), /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+  }), _react.default.createElement(_web.animated.div, {
     className: 'adm-swipe-action-track',
     style: {
-      x: x
+      x
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, _react.default.createElement("div", {
     className: 'adm-swipe-action-actions adm-swipe-action-actions-left',
     ref: leftRef
-  }, props.leftActions.map(renderAction)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, props.leftActions.map(renderAction)), _react.default.createElement("div", {
     className: 'adm-swipe-action-content',
-    onClickCapture: function onClickCapture(e) {
+    onClickCapture: e => {
       if (x.goal !== 0) {
         e.preventDefault();
         e.stopPropagation();
@@ -213,19 +201,17 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
         });
       }
     }
-  }, /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+  }, _react.default.createElement(_web.animated.div, {
     style: {
-      pointerEvents: x.to(function (v) {
-        return v !== 0 && x.goal !== 0 ? 'none' : 'unset';
-      })
+      pointerEvents: x.to(v => v !== 0 && x.goal !== 0 ? 'none' : 'unset')
     }
-  }, props.children)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, props.children)), _react.default.createElement("div", {
     className: 'adm-swipe-action-actions adm-swipe-action-actions-right',
     ref: rightRef
   }, props.rightActions.map(renderAction)))));
 });
 exports.SwipeAction = SwipeAction;
-var colorRecord = {
+const colorRecord = {
   light: 'var(--adm-color-light)',
   weak: 'var(--adm-color-weak)',
   primary: 'var(--adm-color-primary)',

package/cjs/components/swiper/index.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
     children?: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>[] | undefined;
-} & import("../../utils/native-props").NativeProps<"--border-radius" | "--height" | "--width" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
+} & import("../../utils/native-props").NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
     Item: import("react").FC<{
         onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     } & import("../../utils/native-props").NativeProps<never>>;

package/cjs/components/swiper/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./swiper.css");
 
@@ -17,4 +17,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_sw
   Item: _swiperItem.SwiperItem
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/swiper/swiper-item.js

@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 
 var _nativeProps = require("../../utils/native-props");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var SwiperItem = function SwiperItem(props) {
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+const SwiperItem = props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: 'adm-swiper-item',
     onClick: props.onClick
   }, props.children));

package/cjs/components/swiper/swiper.d.ts

@@ -37,4 +37,4 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
     children?: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[] | undefined;
-} & NativeProps<"--border-radius" | "--height" | "--width" | "--track-padding"> & React.RefAttributes<SwiperRef>>;
+} & NativeProps<"--border-radius" | "--width" | "--height" | "--track-padding"> & React.RefAttributes<SwiperRef>>;