antd-mobile 5.24.0 → 5.24.2

package/cjs/components/dropdown/index.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./dropdown.css");
-
 var _dropdown2 = _interopRequireDefault(require("./dropdown"));
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _item = _interopRequireDefault(require("./item"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dropdown2.default, {
   Item: _item.default
 });
-
 exports.default = _default;

package/cjs/components/dropdown/item.js

@@ -4,24 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ItemChildrenWrap = void 0;
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _shouldRender = require("../../utils/should-render");
-
 var _antdMobileIcons = require("antd-mobile-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-dropdown-item`;
-
 const Item = props => {
   var _a;
-
   const cls = (0, _classnames.default)(classPrefix, {
     [`${classPrefix}-active`]: props.active,
     [`${classPrefix}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
@@ -39,10 +30,8 @@ const Item = props => {
     })
   }, props.arrow === undefined ? _react.default.createElement(_antdMobileIcons.DownFill, null) : props.arrow))));
 };
-
 var _default = Item;
 exports.default = _default;
-
 const ItemChildrenWrap = props => {
   const {
     active = false
@@ -56,5 +45,4 @@ const ItemChildrenWrap = props => {
     onClick: props.onClick
   }, props.children) : null;
 };
-
 exports.ItemChildrenWrap = ItemChildrenWrap;

package/cjs/components/ellipsis/ellipsis.js

@@ -4,37 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Ellipsis = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _runes = _interopRequireDefault(require("runes"));
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _nativeProps = require("../../utils/native-props");
-
 var _useResizeEffect = require("../../utils/use-resize-effect");
-
 var _ahooks = require("ahooks");
-
 var _withStopPropagation = require("../../utils/with-stop-propagation");
-
 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 (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; }
-
 const classPrefix = `adm-ellipsis`;
 const defaultProps = {
   direction: 'end',
   rows: 1,
   expandText: '',
+  content: '',
   collapseText: '',
   stopPropagationForActionButtons: [],
   onContentClick: () => {}
 };
-
 const Ellipsis = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const rootRef = (0, _react.useRef)(null);
@@ -42,11 +31,9 @@ const Ellipsis = p => {
   const [expanded, setExpanded] = (0, _react.useState)(false);
   const [exceeded, setExceeded] = (0, _react.useState)(false);
   const chars = (0, _react.useMemo)(() => (0, _runes.default)(props.content), [props.content]);
-
   function getSubString(start, end) {
     return chars.slice(start, end).join('');
   }
-
   function calcEllipsised() {
     const root = rootRef.current;
     if (!root) return;
@@ -72,14 +59,12 @@ const Ellipsis = p => {
     const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
     container.innerText = props.content;
     document.body.appendChild(container);
-
     if (container.offsetHeight <= maxHeight) {
       setExceeded(false);
     } else {
       setExceeded(true);
       const end = props.content.length;
       const actionText = expanded ? props.collapseText : props.expandText;
-
       function check(left, right) {
         if (right - left <= 1) {
           if (props.direction === 'end') {
@@ -92,15 +77,12 @@ const Ellipsis = p => {
             };
           }
         }
-
         const middle = Math.round((left + right) / 2);
-
         if (props.direction === 'end') {
           container.innerText = getSubString(0, middle) + '...' + actionText;
         } else {
           container.innerText = actionText + '...' + getSubString(middle, end);
         }
-
         if (container.offsetHeight <= maxHeight) {
           if (props.direction === 'end') {
             return check(middle, right);
@@ -115,7 +97,6 @@ const Ellipsis = p => {
           }
         }
       }
-
       function checkMiddle(leftPart, rightPart) {
         if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
           return {
@@ -123,26 +104,21 @@ const Ellipsis = p => {
             tailing: '...' + getSubString(rightPart[1], end)
           };
         }
-
         const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
         const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
         container.innerText = getSubString(0, leftPartMiddle) + '...' + actionText + '...' + getSubString(rightPartMiddle, end);
-
         if (container.offsetHeight <= maxHeight) {
           return checkMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
         } else {
           return checkMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
         }
       }
-
       const middle = Math.floor((0 + end) / 2);
       const ellipsised = props.direction === 'middle' ? checkMiddle([0, middle], [middle, end]) : check(0, end);
       setEllipsised(ellipsised);
     }
-
     document.body.removeChild(container);
   }
-
   (0, _useResizeEffect.useResizeEffect)(calcEllipsised, rootRef);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     calcEllipsised();
@@ -157,19 +133,16 @@ const Ellipsis = p => {
       setExpanded(false);
     }
   }, props.collapseText)) : null;
-
   const renderContent = () => {
     if (!exceeded) {
       return props.content;
     }
-
     if (expanded) {
       return _react.default.createElement(_react.default.Fragment, null, props.content, collapseActionElement);
     } else {
       return _react.default.createElement(_react.default.Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
     }
   };
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: rootRef,
     className: classPrefix,
@@ -180,9 +153,7 @@ const Ellipsis = p => {
     }
   }, renderContent()));
 };
-
 exports.Ellipsis = Ellipsis;
-
 function pxToNumber(value) {
   if (!value) return 0;
   const match = value.match(/^\d*(\.\d*)?/);

package/cjs/components/ellipsis/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./ellipsis.css");
-
 var _ellipsis2 = require("./ellipsis");
-
 var _default = _ellipsis2.Ellipsis;
 exports.default = _default;

package/cjs/components/empty/empty-icon.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyIcon = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const EmptyIcon = props => {
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
     viewBox: '0 0 64 41'
@@ -33,5 +29,4 @@ const EmptyIcon = props => {
     fill: '#fafafa'
   })))));
 };
-
 exports.EmptyIcon = EmptyIcon;

package/cjs/components/empty/empty.js

@@ -4,33 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Empty = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _emptyIcon = require("./empty-icon");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-empty`;
 /** @deprecated Empty has been deprecated and will be removed in the next major version. */
-
 const Empty = props => {
   function renderImageNode() {
     const {
       image
     } = props;
-
     if (image === undefined) {
       return _react.default.createElement(_emptyIcon.EmptyIcon, {
         className: `${classPrefix}-image`,
         style: props.imageStyle
       });
     }
-
     if (typeof image === 'string') {
       return _react.default.createElement("img", {
         className: `${classPrefix}-image`,
@@ -39,10 +30,8 @@ const Empty = props => {
         alt: 'empty'
       });
     }
-
     return image;
   }
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, _react.default.createElement("div", {
@@ -51,5 +40,4 @@ const Empty = props => {
     className: (0, _classnames.default)(`${classPrefix}-description`)
   }, props.description)));
 };
-
 exports.Empty = Empty;

package/cjs/components/empty/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./empty.css");
-
 var _empty2 = require("./empty");
-
 var _default = _empty2.Empty;
 exports.default = _default;

package/cjs/components/error-block/create-error-block.js

@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createErrorBlock = createErrorBlock;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _nativeProps = require("../../utils/native-props");
-
 var _configProvider = require("../config-provider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-error-block`;
 const defaultProps = {
   status: 'default'
 };
-
 function createErrorBlock(imageRecord) {
   const ErrorBlock = p => {
     var _a;
-
     const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
     const {
       locale
@@ -54,6 +45,5 @@ function createErrorBlock(imageRecord) {
       className: `${classPrefix}-content`
     }, props.children)));
   };
-
   return ErrorBlock;
 }

package/cjs/components/error-block/error-block.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBlock = void 0;
-
 var _createErrorBlock = require("./create-error-block");
-
 var _images = require("./images");
-
 const imageRecord = {
   'default': _images.defaultImage,
   'disconnected': _images.disconnectedImage,

package/cjs/components/error-block/images/busy.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.busyImage = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const busyImage = _react.default.createElement("svg", {
   viewBox: '0 0 400 400',
   xmlns: 'http://www.w3.org/2000/svg',
@@ -98,5 +95,4 @@ const busyImage = _react.default.createElement("svg", {
   cy: 18.857,
   r: 3.429
 }))));
-
 exports.busyImage = busyImage;

package/cjs/components/error-block/images/default.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultImage = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const defaultImage = _react.default.createElement("svg", {
   viewBox: '0 0 200 200',
   xmlns: 'http://www.w3.org/2000/svg',
@@ -174,5 +171,4 @@ const defaultImage = _react.default.createElement("svg", {
   fill: '#FFF',
   fillRule: 'nonzero'
 })));
-
 exports.defaultImage = defaultImage;

package/cjs/components/error-block/images/disconnected.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.disconnectedImage = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const disconnectedImage = _react.default.createElement("svg", {
   viewBox: '0 0 400 400',
   xmlns: 'http://www.w3.org/2000/svg',
@@ -131,5 +128,4 @@ const disconnectedImage = _react.default.createElement("svg", {
   r: 12,
   transform: 'translate(84 297.714)'
 }))));
-
 exports.disconnectedImage = disconnectedImage;

package/cjs/components/error-block/images/empty.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.emptyImage = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const emptyImage = _react.default.createElement("svg", {
   viewBox: '0 0 400 400',
   xmlns: 'http://www.w3.org/2000/svg',
@@ -127,5 +124,4 @@ const emptyImage = _react.default.createElement("svg", {
   d: 'M34.197 53.033c0 9.825-6.934 18.017-16.172 19.987a22.44 22.44 0 0 0 4.45.448c12.34 0 22.344-10.004 22.344-22.345C44.82 38.783 34.815.847 22.475.847c8.947 14.03 11.722 40.891 11.722 52.186Z',
   fill: '#FBBE47'
 }))));
-
 exports.emptyImage = emptyImage;

package/cjs/components/error-block/images/index.js

@@ -27,11 +27,7 @@ Object.defineProperty(exports, "emptyImage", {
     return _empty.emptyImage;
   }
 });
-
 var _default = require("./default");
-
 var _disconnected = require("./disconnected");
-
 var _empty = require("./empty");
-
 var _busy = require("./busy");

package/cjs/components/error-block/index.js

@@ -10,12 +10,8 @@ Object.defineProperty(exports, "createErrorBlock", {
   }
 });
 exports.default = void 0;
-
 require("./error-block.css");
-
 var _errorBlock2 = require("./error-block");
-
 var _createErrorBlock = require("./create-error-block");
-
 var _default = _errorBlock2.ErrorBlock;
 exports.default = _default;

package/cjs/components/floating-bubble/floating-bubble.js

@@ -4,26 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FloatingBubble = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _web = require("@react-spring/web");
-
 var _react2 = require("@use-gesture/react");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _nativeProps = require("../../utils/native-props");
-
 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; }
-
 const classPrefix = `adm-floating-bubble`;
 const defaultProps = {
   axis: 'y'
 };
-
 const FloatingBubble = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const boundaryRef = (0, _react.useRef)(null);
@@ -33,7 +24,6 @@ const FloatingBubble = p => {
    * inside a component that renders frequently
    * to prevent an unintended restart
    */
-
   const [{
     x,
     y,
@@ -46,19 +36,16 @@ const FloatingBubble = p => {
   const bind = (0, _react2.useDrag)(state => {
     let nextX = state.offset[0];
     let nextY = state.offset[1];
-
     if (state.last && props.magnetic) {
       const boundary = boundaryRef.current;
       const button = buttonRef.current;
       if (!boundary || !button) return;
       const boundaryRect = boundary.getBoundingClientRect();
       const buttonRect = button.getBoundingClientRect();
-
       if (props.magnetic === 'x') {
         const compensation = x.goal - x.get();
         const leftDistance = buttonRect.left + compensation - boundaryRect.left;
         const rightDistance = boundaryRect.right - (buttonRect.right + compensation);
-
         if (rightDistance <= leftDistance) {
           nextX += rightDistance;
         } else {
@@ -68,7 +55,6 @@ const FloatingBubble = p => {
         const compensation = y.goal - y.get();
         const topDistance = buttonRect.top + compensation - boundaryRect.top;
         const bottomDistance = boundaryRect.bottom - (buttonRect.bottom + compensation);
-
         if (bottomDistance <= topDistance) {
           nextY += bottomDistance;
         } else {
@@ -76,12 +62,11 @@ const FloatingBubble = p => {
         }
       }
     }
-
     api.start({
       x: nextX,
       y: nextY
-    }); // active status
-
+    });
+    // active status
     api.start({
       opacity: state.active ? 0.8 : 1
     });
@@ -113,5 +98,4 @@ const FloatingBubble = p => {
     ref: buttonRef
   }), props.children)));
 };
-
 exports.FloatingBubble = FloatingBubble;

package/cjs/components/floating-bubble/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./floating-bubble.css");
-
 var _floatingBubble2 = require("./floating-bubble");
-
 var _default = _floatingBubble2.FloatingBubble;
 exports.default = _default;

package/cjs/components/floating-panel/floating-panel.js

@@ -4,35 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FloatingPanel = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _react2 = require("@use-gesture/react");
-
 var _web = require("@react-spring/web");
-
 var _supportsPassive = require("../../utils/supports-passive");
-
 var _nearest = require("../../utils/nearest");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _useLockScroll = require("../../utils/use-lock-scroll");
-
 var _ahooks = require("ahooks");
-
 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; }
-
 const defaultProps = {
   handleDraggingOfContent: true
 };
 const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
   var _a, _b;
-
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
     anchors
@@ -62,11 +49,9 @@ const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
   }));
   (0, _react2.useDrag)(state => {
     const [, offsetY] = state.offset;
-
     if (state.first) {
       const target = state.event.target;
       const header = headerRef.current;
-
       if (header === target || (header === null || header === void 0 ? void 0 : header.contains(target))) {
         pullingRef.current = true;
       } else {
@@ -74,7 +59,6 @@ const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
         const reachedTop = y.goal <= bounds.top;
         const content = contentRef.current;
         if (!content) return;
-
         if (reachedTop) {
           if (content.scrollTop <= 0 && state.direction[1] > 0) {
             pullingRef.current = true;
@@ -84,26 +68,21 @@ const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
         }
       }
     }
-
     setPulling(pullingRef.current);
     if (!pullingRef.current) return;
     const {
       event
     } = state;
-
     if (event.cancelable) {
       event.preventDefault();
     }
-
     event.stopPropagation();
     let nextY = offsetY;
-
     if (state.last) {
       pullingRef.current = false;
       setPulling(false);
       nextY = (0, _nearest.nearest)(possibles, offsetY);
     }
-
     api.start({
       y: nextY
     });

package/cjs/components/floating-panel/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./floating-panel.css");
-
 var _floatingPanel2 = require("./floating-panel");
-
 var _default = _floatingPanel2.FloatingPanel;
 exports.default = _default;