antd-mobile 5.0.0-rc.9 → 5.0.0

package/cjs/components/ellipsis/ellipsis.js

@@ -13,41 +13,34 @@ var _nativeProps = require("../../utils/native-props");
 
 var _useResizeEffect = require("../../utils/use-resize-effect");
 
-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); }
+var _ahooks = require("ahooks");
 
-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 _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); }
 
-var classPrefix = "adm-ellipsis";
-var defaultProps = {
+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: '',
   collapseText: ''
 };
 
-var Ellipsis = function Ellipsis(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var rootRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)({}),
-      ellipsised = _useState[0],
-      setEllipsised = _useState[1];
-
-  var _useState2 = (0, _react.useState)(false),
-      expanded = _useState2[0],
-      setExpanded = _useState2[1];
+const Ellipsis = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const rootRef = (0, _react.useRef)(null);
+  const [ellipsised, setEllipsised] = (0, _react.useState)({});
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const [exceeded, setExceeded] = (0, _react.useState)(false);
 
-  var _useState3 = (0, _react.useState)(false),
-      exceeded = _useState3[0],
-      setExceeded = _useState3[1];
-
-  (0, _useResizeEffect.useResizeEffect)(function () {
-    var root = rootRef.current;
+  function calcEllipsised() {
+    const root = rootRef.current;
     if (!root) return;
-    var originStyle = window.getComputedStyle(root);
-    var container = document.createElement('div');
-    var styleNames = Array.prototype.slice.apply(originStyle);
-    styleNames.forEach(function (name) {
+    const originStyle = window.getComputedStyle(root);
+    const container = document.createElement('div');
+    const styleNames = Array.prototype.slice.apply(originStyle);
+    styleNames.forEach(name => {
       container.style.setProperty(name, originStyle.getPropertyValue(name));
     });
     container.style.position = 'fixed';
@@ -62,15 +55,19 @@ var Ellipsis = function Ellipsis(p) {
     container.style.webkitLineClamp = 'unset';
     container.style.webkitBoxOrient = 'unset';
     container.style.display = 'block';
-    var lineHeight = pxToNumber(originStyle.lineHeight);
-    var maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+    const lineHeight = pxToNumber(originStyle.lineHeight);
+    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 {
-      var check = function check(left, right) {
+      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') {
             return {
@@ -83,7 +80,7 @@ var Ellipsis = function Ellipsis(p) {
           }
         }
 
-        var middle = Math.round((left + right) / 2);
+        const middle = Math.round((left + right) / 2);
 
         if (props.direction === 'end') {
           container.innerText = props.content.slice(0, middle) + '...' + actionText;
@@ -104,9 +101,9 @@ var Ellipsis = function Ellipsis(p) {
             return check(middle, right);
           }
         }
-      };
+      }
 
-      var checkMiddle = function checkMiddle(leftPart, rightPart) {
+      function checkMiddle(leftPart, rightPart) {
         if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
           return {
             leading: props.content.slice(0, leftPart[0]) + '...',
@@ -114,8 +111,8 @@ var Ellipsis = function Ellipsis(p) {
           };
         }
 
-        var leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-        var rightPartMiddle = Math.floor((rightPart[0] + rightPart[1]) / 2);
+        const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+        const rightPartMiddle = Math.floor((rightPart[0] + rightPart[1]) / 2);
         container.innerText = props.content.slice(0, leftPartMiddle) + '...' + actionText + '...' + props.content.slice(rightPartMiddle, end);
 
         if (container.offsetHeight <= maxHeight) {
@@ -123,44 +120,44 @@ var Ellipsis = function Ellipsis(p) {
         } else {
           return checkMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
         }
-      };
-
-      setExceeded(true);
-      var end = props.content.length;
-      var actionText = expanded ? props.collapseText : props.expandText;
-      var middle = Math.floor((0 + end) / 2);
-
-      var _ellipsised = props.direction === 'middle' ? checkMiddle([0, middle], [middle, end]) : check(0, end);
+      }
 
-      setEllipsised(_ellipsised);
+      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);
-  }, rootRef);
-  var expandActionElement = exceeded && props.expandText ? /*#__PURE__*/_react["default"].createElement("a", {
-    onClick: function onClick() {
+  }
+
+  (0, _useResizeEffect.useResizeEffect)(calcEllipsised, rootRef);
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    calcEllipsised();
+  }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
+  const expandActionElement = exceeded && props.expandText ? _react.default.createElement("a", {
+    onClick: () => {
       setExpanded(true);
     }
   }, props.expandText) : null;
-  var collapseActionElement = exceeded && props.expandText ? /*#__PURE__*/_react["default"].createElement("a", {
-    onClick: function onClick() {
+  const collapseActionElement = exceeded && props.expandText ? _react.default.createElement("a", {
+    onClick: () => {
       setExpanded(false);
     }
   }, props.collapseText) : null;
 
-  var renderContent = function renderContent() {
+  const renderContent = () => {
     if (!exceeded) {
       return props.content;
     }
 
     if (expanded) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.content, collapseActionElement);
+      return _react.default.createElement(_react.default.Fragment, null, props.content, collapseActionElement);
     } else {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
+      return _react.default.createElement(_react.default.Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
     }
   };
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: rootRef,
     className: classPrefix
   }, renderContent()));
@@ -170,6 +167,6 @@ exports.Ellipsis = Ellipsis;
 
 function pxToNumber(value) {
   if (!value) return 0;
-  var match = value.match(/^\d*(\.\d*)?/);
+  const match = value.match(/^\d*(\.\d*)?/);
   return match ? Number(match[0]) : 0;
 }

package/cjs/components/ellipsis/index.js

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

package/cjs/components/empty/empty.css

@@ -9,7 +9,7 @@
   display: flex;
   justify-content: center;
 }
-.adm-empty-image-container-image {
+.adm-empty-image-container .adm-empty-image {
   width: 64px;
 }
 .adm-empty-description {

package/cjs/components/empty/empty.js

@@ -15,27 +15,27 @@ var _nativeProps = require("../../utils/native-props");
 
 var _emptyIcon = _interopRequireDefault(require("../../assets/empty-icon.svg"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-empty";
-var defaultProps = {
-  image: _emptyIcon["default"]
+const classPrefix = `adm-empty`;
+const defaultProps = {
+  image: _emptyIcon.default
 };
 
-var Empty = function Empty(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var imageNode = typeof props.image === 'string' ? /*#__PURE__*/_react["default"].createElement("img", {
-    className: classPrefix + "-image",
+const Empty = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const imageNode = typeof props.image === 'string' ? _react.default.createElement("img", {
+    className: `${classPrefix}-image`,
     style: props.imageStyle,
     src: props.image,
     alt: 'empty'
   }) : props.image;
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-image-container"
-  }, imageNode), props.description && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix + "-description")
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-image-container`
+  }, imageNode), props.description && _react.default.createElement("div", {
+    className: (0, _classnames.default)(`${classPrefix}-description`)
   }, props.description)));
 };
 

package/cjs/components/empty/index.js

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

package/cjs/components/error-block/error-block.d.ts

@@ -6,5 +6,5 @@ export declare type ErrorBlockProps = {
     image?: string | ReactElement;
     description?: ReactNode;
     fullPage?: boolean;
-} & NativeProps<'--image-height' | '--image-height-full-page'>;
+} & NativeProps<'--image-height' | '--image-height-full-page' | '--image-width' | '--image-width-full-page'>;
 export declare const ErrorBlock: FC<ErrorBlockProps>;

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

@@ -17,33 +17,30 @@ var _nativeProps = require("../../utils/native-props");
 
 var _configProvider = require("../config-provider");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-error-block";
-var defaultProps = {
+const classPrefix = `adm-error-block`;
+const defaultProps = {
   status: 'default'
 };
 
-var ErrorBlock = function ErrorBlock(p) {
-  var _classNames;
-
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var icon = _error.iconRecord[props.status];
-
-  var _useConfig = (0, _configProvider.useConfig)(),
-      locale = _useConfig.locale;
-
-  var contentPack = locale.ErrorBlock[props.status];
-  var des = 'description' in props ? props.description : contentPack.description;
-  var title = 'title' in props ? props.title : contentPack.title;
-
-  var imageNode = /*#__PURE__*/_react["default"].createElement("img", {
+const ErrorBlock = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const icon = _error.iconRecord[props.status];
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  const contentPack = locale.ErrorBlock[props.status];
+  const des = 'description' in props ? props.description : contentPack.description;
+  const title = 'title' in props ? props.title : contentPack.title;
+
+  let imageNode = _react.default.createElement("img", {
     src: icon
   });
 
   if (props.image) {
     if (typeof props.image === 'string') {
-      imageNode = /*#__PURE__*/_react["default"].createElement("img", {
+      imageNode = _react.default.createElement("img", {
         src: props.image
       });
     } else {
@@ -51,18 +48,20 @@ var ErrorBlock = function ErrorBlock(p) {
     }
   }
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-full-page"] = props.fullPage, _classNames))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-image"
-  }, imageNode), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-description"
-  }, title && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-description-title"
-  }, title), des && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-description-subtitle"
-  }, des)), props.children && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-content"
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-full-page`]: props.fullPage
+    })
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-image`
+  }, imageNode), _react.default.createElement("div", {
+    className: `${classPrefix}-description`
+  }, title && _react.default.createElement("div", {
+    className: `${classPrefix}-description-title`
+  }, title), des && _react.default.createElement("div", {
+    className: `${classPrefix}-description-subtitle`
+  }, des)), props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children)));
 };
 

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

@@ -13,12 +13,12 @@ var _disconnected = _interopRequireDefault(require("../../assets/disconnected.sv
 
 var _empty = _interopRequireDefault(require("../../assets/empty.svg"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var iconRecord = {
-  "default": _default["default"],
-  busy: _busy["default"],
-  disconnected: _disconnected["default"],
-  empty: _empty["default"]
+const iconRecord = {
+  default: _default.default,
+  busy: _busy.default,
+  disconnected: _disconnected.default,
+  empty: _empty.default
 };
 exports.iconRecord = iconRecord;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./error-block.css");
 
 var _errorBlock2 = require("./error-block");
 
 var _default = _errorBlock2.ErrorBlock;
-exports["default"] = _default;
+exports.default = _default;

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

@@ -15,6 +15,7 @@
   width: 100vw;
   height: 100vh;
   padding: var(--edge-distance);
+  box-sizing: border-box;
   pointer-events: none;
 }
 .adm-floating-bubble-boundary {

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

@@ -15,33 +15,28 @@ 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 _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 classPrefix = "adm-floating-bubble";
-var defaultProps = {};
+const classPrefix = `adm-floating-bubble`;
+const defaultProps = {};
 
-var FloatingBubble = function FloatingBubble(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var boundaryRef = (0, _react.useRef)(null);
+const FloatingBubble = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const boundaryRef = (0, _react.useRef)(null);
   /**
    * memoize the `to` function
    * inside a component that renders frequently
    * to prevent an unintended restart
    */
 
-  var _useSpring = (0, _web.useSpring)(function () {
-    return {
-      y: 0,
-      scale: 1,
-      opacity: 1
-    };
-  }),
-      animationStyles = _useSpring[0],
-      animation = _useSpring[1];
-
-  var bind = (0, _react2.useDrag)(function (state) {
+  const [animationStyles, animation] = (0, _web.useSpring)(() => ({
+    y: 0,
+    scale: 1,
+    opacity: 1
+  }));
+  const bind = (0, _react2.useDrag)(state => {
     if (state.down) {
       // be movable in y axis
       animation.start({
@@ -65,17 +60,17 @@ var FloatingBubble = function FloatingBubble(p) {
     // set constraints to the user gesture
     bounds: boundaryRef
   });
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-boundary-outer"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-boundary",
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-boundary-outer`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-boundary`,
     ref: boundaryRef
-  })), /*#__PURE__*/_react["default"].createElement(_web.animated.div, Object.assign({}, bind(), {
+  })), _react.default.createElement(_web.animated.div, Object.assign({}, bind(), {
     style: Object.assign({}, animationStyles),
     onClick: props.onClick,
-    className: classPrefix + "-button"
+    className: `${classPrefix}-button`
   }), props.children)));
 };
 

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

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

package/cjs/components/floating-panel/floating-panel.d.ts

@@ -1,15 +1,19 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type FloatingPanelProps = {
-    anchors: number[];
-    children: ReactNode;
-} & NativeProps<'--border-radius' | '--z-index'>;
 export declare type FloatingPanelRef = {
     setHeight: (height: number, options?: {
         immediate?: boolean;
     }) => void;
 };
+export declare type FloatingPanelProps = {
+    anchors: number[];
+    children: ReactNode;
+    onHeightChange?: (height: number, animating: boolean) => void;
+    handleDraggingOfContent?: boolean;
+} & NativeProps<'--border-radius' | '--z-index'>;
 export declare const FloatingPanel: React.ForwardRefExoticComponent<{
     anchors: number[];
     children: ReactNode;
+    onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
+    handleDraggingOfContent?: boolean | undefined;
 } & NativeProps<"--z-index" | "--border-radius"> & React.RefAttributes<FloatingPanelRef>>;