antd-mobile 5.17.0 → 5.17.1

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

@@ -0,0 +1,119 @@
+import React from 'react';
+export const emptyImage = React.createElement("svg", {
+  viewBox: '0 0 400 400',
+  xmlns: 'http://www.w3.org/2000/svg',
+  xmlnsXlink: 'http://www.w3.org/1999/xlink'
+}, React.createElement("defs", null, React.createElement("linearGradient", {
+  x1: '50%',
+  y1: '-116.862%',
+  x2: '50%',
+  y2: '90.764%',
+  id: 'error-block-image-empty-a'
+}, React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.207,
+  offset: '0%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0.115,
+  offset: '80.072%'
+}), React.createElement("stop", {
+  stopColor: '#72A7FD',
+  stopOpacity: 0,
+  offset: '100%'
+})), React.createElement("path", {
+  d: 'M146.183 18.461c31.705 23.336 33.349 71.85 4.93 96.614-.252.22 6.172 5.602 13.577 11.414l.686.537.69.54.695.54.348.27.698.54a341.27 341.27 0 0 0 8.806 6.596c1.114.802 4.643-.853 10.587-4.965l-.532 12.218a1.2 1.2 0 0 1-.481.91l-10.868 8.111c-1.405 1.048-3.32 1.185-4.854.072l-35.578-25.834c-33.414 17.333-79.913 15-109.804-7-33.444-24.616-33.444-75.95 0-100.563 33.443-24.615 87.657-24.615 121.1 0Zm-60.469 7.653C51.63 26.114 24 44.534 24 67.257S51.63 108.4 85.714 108.4s61.715-18.42 61.715-41.143c0-22.722-27.63-41.143-61.715-41.143Z',
+  id: 'error-block-image-empty-b'
+})), React.createElement("g", {
+  fill: 'none',
+  fillRule: 'evenodd'
+}, React.createElement("path", {
+  d: 'M157.964 244.661H0L3.806 100.13a4.572 4.572 0 0 1 4.353-4.446l.217-.006h45.588V68.2a4.572 4.572 0 0 1 4.356-4.567l.216-.005h65.498l2.554-58.689a4.571 4.571 0 0 1 4.779-4.367l.214.015 87.79 8.222a4.572 4.572 0 0 1 4.126 4.133l.015.212 3.146 69.652L301.634 64.9a4.571 4.571 0 0 1 5.628 4.231l.005.215v43.955l56.162.001v130.264h-56.163v.001h-82.383v-.004h-66.919v1.098ZM89.503 160.03h-9.968v8.436h9.968v-8.436Zm0-14.507h-9.968v8.435h9.968v-8.435Zm197.985-5.15h-9.967v8.432h9.967v-8.431Zm-197.985-8.806h-9.968v8.436h9.968v-8.436Zm197.985-5.153h-9.967v8.432h9.967v-8.432Zm0-14.503h-9.967v8.432h9.967v-8.432Zm-84.643-.777h-30.8v8.436h30.8v-8.436Zm84.643-13.186h-9.967v8.436h9.967v-8.436Zm-84.643-3.29h-30.8v8.436h30.8v-8.436Zm0-15.912h-30.8v8.436h30.8v-8.436Z',
+  transform: 'translate(18.286 50.286)',
+  fill: 'url(#error-block-image-empty-a)'
+}), React.createElement("g", {
+  transform: 'translate(108.571 189.886)'
+}, React.createElement("mask", {
+  id: 'error-block-image-empty-c',
+  fill: '#fff'
+}, React.createElement("use", {
+  xlinkHref: '#error-block-image-empty-b'
+})), React.createElement("use", {
+  fill: '#377EFF',
+  xlinkHref: '#error-block-image-empty-b'
+}), React.createElement("path", {
+  d: 'M131.429 134.686a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm5.714 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285ZM128 133.543a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-5.714 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm21.143-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-9.143-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm12-1.143a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-6.857 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286ZM120 128.971a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm5.714 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm16-1.142.125.006a1.143 1.143 0 1 1-.125-.006Zm11.429 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-22.857 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm17.143-1.143a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285ZM136 125.543a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-13.143 1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm4.572-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm18.857-2.286a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-16-1.143.124.007a1.143 1.143 0 1 1-.124-.007Zm11.428 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-22.857 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm36.572 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-5.715 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-37.143 1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm13.715-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm9.714-1.143a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm18.286-3.428a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-11.429 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-28 1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm5.714-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm17.715-1.143a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-5.715 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-6.857 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm17.143-4.571a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-11.428 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-5.143 1.142a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-8-1.142a.571.571 0 1 1 0 1.142.571.571 0 0 1 0-1.142Zm-9.143 0a.571.571 0 1 1 0 1.142.571.571 0 0 1 0-1.142Zm30.286-3.429a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286ZM124 109.543a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm5.714 0a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm5.715-4.572a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-22.858-1.142a.571.571 0 1 1 0 1.142.571.571 0 0 1 0-1.142Zm-11.428-3.429a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM124 99.257a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM49.143 55.829a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm5.714 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-9.143-1.143a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-5.714 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm21.143-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM52 52.4a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm12-1.143a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-6.857 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-19.429-1.143a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm5.715 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm16-1.143.124.007a1.143 1.143 0 1 1-.124-.007Zm11.428 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-22.857 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm17.143-1.142a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-11.429-1.143a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-13.143 1.143a.571.571 0 1 1 0 1.142.571.571 0 0 1 0-1.142Zm4.572-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM64 44.4a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-16-1.143.125.007a1.143 1.143 0 1 1-.125-.007Zm11.429 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-22.858 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm36.572 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-5.714 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286ZM30.286 44.4a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM44 43.257a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm9.714-1.143a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286ZM72 38.686a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-11.429 0a1.143 1.143 0 1 1 0 2.285 1.143 1.143 0 0 1 0-2.285Zm-28 1.143a.571.571 0 1 1 0 1.142.571.571 0 0 1 0-1.142Zm5.715-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM56 37.543a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-5.714 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-6.857 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286ZM60.57 32.97a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-11.428 0a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286ZM44 34.114a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-8-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-9.143 0a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm30.286-3.428a1.143 1.143 0 1 1 0 2.286 1.143 1.143 0 0 1 0-2.286Zm-15.429 1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm5.715 0a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm5.714-4.572a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-22.857-1.143a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Zm-11.429-3.428a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143ZM41.714 20.4a.571.571 0 1 1 0 1.143.571.571 0 0 1 0-1.143Z',
+  fill: '#003CFF',
+  fillRule: 'nonzero',
+  mask: 'url(#error-block-image-empty-c)'
+})), React.createElement("path", {
+  d: 'M295.213 319.24c.744.546.745 1.433.002 1.98l-11.806 8.81c-1.069.799-3.326.474-4.853-.609l-35.622-25.241c-33.375 17.037-79.545 14.615-109.28-7.271-33.443-24.615-33.443-64.521 0-89.133 33.443-24.616 87.657-24.616 121.1 0 31.706 23.336 33.35 60.42 4.931 85.185-.543.473 35.528 26.278 35.528 26.278ZM148.06 220.015c-25.44 17.853-25.44 46.8 0 64.652 25.44 17.85 66.689 17.85 92.129 0 25.436-17.853 25.436-46.799 0-64.652-25.44-17.853-66.688-17.853-92.129 0Z',
+  fill: '#5D96FE'
+}), React.createElement("path", {
+  d: 'M123.514 233.021c2.185-5.241 5.67-9.735 10.453-13.482M264.967 271.54c-2.185 5.24-5.67 9.734-10.453 13.481',
+  stroke: '#FFF',
+  strokeWidth: 0.75,
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+}), React.createElement("path", {
+  d: 'M81.143 252.571c7.574 0 13.714 23.88 13.714 31.649 0 6.97-4.942 12.755-11.429 13.871v11.672c0 1.235-.767 2.237-1.713 2.237-.904 0-1.644-.912-1.71-2.07l-.005-.167v-11.526c-7.04-.595-12.571-6.644-12.571-14.017 0-7.024 5.02-27.222 11.581-31.027l.096-.053c.027-.016.055-.03.082-.045l.067-.035.066-.033.1-.05.094-.041a3.34 3.34 0 0 1 .224-.093l.11-.042.097-.032c.038-.013.077-.025.115-.036l.053-.016.053-.014a3.351 3.351 0 0 1 .23-.055l.085-.016a3.95 3.95 0 0 1 .441-.054l.11-.005.11-.002Z',
+  fill: '#FFCD6B',
+  fillRule: 'nonzero'
+}), React.createElement("g", {
+  transform: 'translate(283.429 177.143)',
+  fillRule: 'nonzero'
+}, React.createElement("path", {
+  d: 'M22.475.847c12.34 0 22.345 37.935 22.345 50.276 0 11.395-8.53 20.798-19.552 22.172v19.019c0 1.932-1.25 3.5-2.792 3.5-1.49 0-2.707-1.46-2.79-3.301l-.004-.2-.001-19.018C8.659 71.92.13 62.518.13 51.123.13 40.071 8.154 8.49 18.694 2.015l.054-.031a5.94 5.94 0 0 1 .214-.128l.088-.048c.213-.12.427-.228.642-.326l.135-.06.18-.075.135-.053a5.796 5.796 0 0 1 .464-.16 4.44 4.44 0 0 1 .33-.092l.124-.03a7.122 7.122 0 0 1 .31-.065l.018-.003a6.305 6.305 0 0 1 .756-.088l.165-.007.166-.002Z',
+  fill: '#FFCD6B'
+}), React.createElement("path", {
+  d: 'M22.475.847c12.34 0 22.345 37.935 22.345 50.276 0 11.395-8.53 20.798-19.552 22.172v19.019c0 1.932-1.25 3.5-2.792 3.5-1.543 0-2.794-1.566-2.794-3.5V73.295C8.659 71.921.13 62.518.13 51.123.13 38.783 10.134.847 22.475.847Z',
+  fill: '#FFCD6B'
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 26.4,
+  cy: 56.869,
+  r: 1.45
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 39.453,
+  cy: 58.319,
+  r: 1
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 17.698,
+  cy: 63.637,
+  r: 2.417
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 38.002,
+  cy: 51.068,
+  r: 2.417
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 18.665,
+  cy: 17.228,
+  r: 2.417
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 32.201,
+  cy: 13.36,
+  r: 2.417
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 26.83,
+  cy: 20.666,
+  r: 1.45
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 38.969,
+  cy: 31.731,
+  r: 2.417
+}), React.createElement("circle", {
+  fill: '#FFB400',
+  cx: 25.433,
+  cy: 29.797,
+  r: 1.45
+}), React.createElement("path", {
+  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'
+}))));

package/es/components/error-block/images/index.d.ts

@@ -0,0 +1,4 @@
+export { defaultImage } from './default';
+export { disconnectedImage } from './disconnected';
+export { emptyImage } from './empty';
+export { busyImage } from './busy';

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

@@ -0,0 +1,4 @@
+export { defaultImage } from './default';
+export { disconnectedImage } from './disconnected';
+export { emptyImage } from './empty';
+export { busyImage } from './busy';

package/es/components/error-block/index.d.ts

@@ -0,0 +1,8 @@
+import './error-block.less';
+import { ReactNode } from 'react';
+import { ErrorBlock } from './error-block';
+export { createErrorBlock } from './create-error-block';
+export type { ErrorBlockProps } from './create-error-block';
+export declare type ErrorBlockStatus = 'default' | 'disconnected' | 'empty' | 'busy';
+export declare type ImageRecord = Partial<Record<ErrorBlockStatus, string | ReactNode>>;
+export default ErrorBlock;

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

@@ -0,0 +1,4 @@
+import "./error-block.css";
+import { ErrorBlock } from './error-block';
+export { createErrorBlock } from './create-error-block';
+export default ErrorBlock;

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

@@ -0,0 +1,49 @@
+.adm-floating-bubble {
+  --initial-position-left: var(--initial-position-left);
+  --initial-position-right: var(--initial-position-right);
+  --initial-position-top: var(--initial-position-top);
+  --initial-position-bottom: var(--initial-position-bottom);
+  --z-index: 1;
+  --edge-distance: 0;
+  --size: 48px;
+  --border-radius: 50%;
+  --background: var(--adm-color-primary);
+}
+.adm-floating-bubble-boundary-outer {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
+  height: 100vh;
+  padding: var(--edge-distance);
+  box-sizing: border-box;
+  pointer-events: none;
+}
+.adm-floating-bubble-boundary {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.adm-floating-bubble-button {
+  position: fixed;
+  top: var(--initial-position-top);
+  bottom: var(--initial-position-bottom);
+  left: var(--initial-position-left);
+  right: var(--initial-position-right);
+  box-sizing: border-box;
+  width: var(--size);
+  height: var(--size);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  cursor: pointer;
+  transition: opacity ease 0.15s;
+  -webkit-user-select: none;
+          user-select: none;
+  touch-action: none;
+  background: var(--background);
+  color: var(--adm-color-white);
+  border-radius: var(--border-radius);
+  z-index: var(--z-index);
+}

package/es/components/floating-bubble/floating-bubble.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type FloatingBubbleProps = {
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    axis?: 'x' | 'y' | 'xy' | 'lock';
+    magnetic?: 'x' | 'y';
+    children?: React.ReactNode;
+} & NativeProps<'--initial-position-left' | '--initial-position-right' | '--initial-position-top' | '--initial-position-bottom' | '--z-index' | '--edge-distance' | '--size' | '--border-radius' | '--background'>;
+export declare const FloatingBubble: FC<FloatingBubbleProps>;

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

@@ -0,0 +1,98 @@
+import React, { useRef } from 'react';
+import { useSpring, animated, to } from '@react-spring/web';
+import { useDrag } from '@use-gesture/react';
+import { mergeProps } from '../../utils/with-default-props';
+import { withNativeProps } from '../../utils/native-props';
+const classPrefix = `adm-floating-bubble`;
+const defaultProps = {
+  axis: 'y'
+};
+export const FloatingBubble = p => {
+  const props = mergeProps(defaultProps, p);
+  const boundaryRef = useRef(null);
+  const buttonRef = useRef(null);
+  /**
+   * memoize the `to` function
+   * inside a component that renders frequently
+   * to prevent an unintended restart
+   */
+
+  const [{
+    x,
+    y,
+    opacity
+  }, api] = useSpring(() => ({
+    x: 0,
+    y: 0,
+    opacity: 1
+  }));
+  const bind = 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 {
+          nextX -= leftDistance;
+        }
+      } else if (props.magnetic === 'y') {
+        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 {
+          nextY -= topDistance;
+        }
+      }
+    }
+
+    api.start({
+      x: nextX,
+      y: nextY
+    }); // active status
+
+    api.start({
+      opacity: state.active ? 0.8 : 1
+    });
+  }, {
+    axis: props.axis === 'xy' ? undefined : props.axis,
+    pointer: {
+      touch: true
+    },
+    // the component won't trigger drag logic if the user just clicked on the component.
+    filterTaps: true,
+    // set constraints to the user gesture
+    bounds: boundaryRef,
+    from: () => [x.get(), y.get()]
+  });
+  return withNativeProps(props, React.createElement("div", {
+    className: classPrefix
+  }, React.createElement("div", {
+    className: `${classPrefix}-boundary-outer`
+  }, React.createElement("div", {
+    className: `${classPrefix}-boundary`,
+    ref: boundaryRef
+  })), React.createElement(animated.div, Object.assign({}, bind(), {
+    style: {
+      opacity,
+      transform: to([x, y], (x, y) => `translate(${x}px, ${y}px)`)
+    },
+    onClick: props.onClick,
+    className: `${classPrefix}-button`,
+    ref: buttonRef
+  }), props.children)));
+};

package/es/components/floating-bubble/index.d.ts

@@ -0,0 +1,4 @@
+import './floating-bubble.less';
+import { FloatingBubble } from './floating-bubble';
+export type { FloatingBubbleProps } from './floating-bubble';
+export default FloatingBubble;

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

@@ -0,0 +1,3 @@
+import "./floating-bubble.css";
+import { FloatingBubble } from './floating-bubble';
+export default FloatingBubble;

package/es/components/floating-panel/floating-panel.css

@@ -0,0 +1,56 @@
+.adm-floating-panel {
+  --border-radius: 8px;
+  --header-height: 28px;
+  --z-index: var(--adm-floating-panel-z-index, 900);
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: var(--border-radius);
+  background: var(--adm-color-white);
+  position: fixed;
+  z-index: var(--z-index);
+  bottom: 0;
+  left: 0;
+  width: 100vw;
+  display: flex;
+  flex-direction: column;
+  touch-action: none;
+}
+.adm-floating-panel-mask {
+  display: block;
+  width: 100%;
+  height: 100vh;
+  position: absolute;
+  left: 0;
+  top: -100vh;
+  background: transparent;
+}
+.adm-floating-panel::after {
+  content: '';
+  display: block;
+  position: absolute;
+  bottom: -100vh;
+  height: 100vh;
+  width: 100vw;
+  background: var(--adm-color-white);
+}
+.adm-floating-panel .adm-floating-panel-header {
+  flex: none;
+  height: var(--header-height);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: -webkit-grab;
+  cursor: grab;
+  -webkit-user-select: none;
+          user-select: none;
+  background-color: var(--adm-color-background);
+}
+.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
+  height: 3px;
+  width: 20px;
+  border-radius: 10px;
+  background: var(--adm-color-light);
+}
+.adm-floating-panel .adm-floating-panel-content {
+  flex: 1;
+  overflow-y: scroll;
+}

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

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+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' | '--header-height'>;
+export declare const FloatingPanel: React.ForwardRefExoticComponent<{
+    anchors: number[];
+    children: ReactNode;
+    onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
+    handleDraggingOfContent?: boolean | undefined;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--z-index" | "--border-radius" | "--header-height", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<FloatingPanelRef>>;

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

@@ -0,0 +1,133 @@
+import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import { useDrag } from '@use-gesture/react';
+import { useSpring, animated } from '@react-spring/web';
+import { supportsPassive } from '../../utils/supports-passive';
+import { nearest } from '../../utils/nearest';
+import { mergeProps } from '../../utils/with-default-props';
+import { useLockScroll } from '../../utils/use-lock-scroll';
+import { useMemoizedFn } from 'ahooks';
+const defaultProps = {
+  handleDraggingOfContent: true
+};
+export const FloatingPanel = forwardRef((p, ref) => {
+  var _a, _b;
+
+  const props = mergeProps(defaultProps, p);
+  const {
+    anchors
+  } = props;
+  const maxHeight = (_a = anchors[anchors.length - 1]) !== null && _a !== void 0 ? _a : window.innerHeight;
+  const possibles = anchors.map(x => -x);
+  const elementRef = useRef(null);
+  const headerRef = useRef(null);
+  const contentRef = useRef(null);
+  const [pulling, setPulling] = useState(false);
+  const pullingRef = useRef(false);
+  const bounds = {
+    top: possibles[possibles.length - 1],
+    bottom: possibles[0]
+  };
+  const onHeightChange = useMemoizedFn((_b = props.onHeightChange) !== null && _b !== void 0 ? _b : () => {});
+  const [{
+    y
+  }, api] = useSpring(() => ({
+    y: bounds.bottom,
+    config: {
+      tension: 300
+    },
+    onChange: result => {
+      onHeightChange(-result.value.y, y.isAnimating);
+    }
+  }));
+  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 {
+        if (!props.handleDraggingOfContent) return;
+        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;
+          }
+        } else {
+          pullingRef.current = true;
+        }
+      }
+    }
+
+    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 = nearest(possibles, offsetY);
+    }
+
+    api.start({
+      y: nextY
+    });
+  }, {
+    axis: 'y',
+    bounds,
+    rubberband: true,
+    from: () => [0, y.get()],
+    pointer: {
+      touch: true
+    },
+    target: elementRef,
+    eventOptions: supportsPassive ? {
+      passive: false
+    } : false
+  });
+  useImperativeHandle(ref, () => ({
+    setHeight: (height, options) => {
+      api.start({
+        y: -height,
+        immediate: options === null || options === void 0 ? void 0 : options.immediate
+      });
+    }
+  }), [api]);
+  useLockScroll(elementRef, true);
+  return withNativeProps(props, React.createElement(animated.div, {
+    ref: elementRef,
+    className: 'adm-floating-panel',
+    style: {
+      height: maxHeight,
+      translateY: y.to(y => `calc(100% + (${y}px))`)
+    }
+  }, React.createElement("div", {
+    className: 'adm-floating-panel-mask',
+    style: {
+      display: pulling ? 'block' : 'none'
+    }
+  }), React.createElement("div", {
+    className: 'adm-floating-panel-header',
+    ref: headerRef
+  }, React.createElement("div", {
+    className: 'adm-floating-panel-bar'
+  })), React.createElement("div", {
+    className: 'adm-floating-panel-content',
+    ref: contentRef
+  }, props.children)));
+});

package/es/components/floating-panel/index.d.ts

@@ -0,0 +1,4 @@
+import './floating-panel.less';
+import { FloatingPanel } from './floating-panel';
+export type { FloatingPanelProps, FloatingPanelRef } from './floating-panel';
+export default FloatingPanel;

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

@@ -0,0 +1,3 @@
+import "./floating-panel.css";
+import { FloatingPanel } from './floating-panel';
+export default FloatingPanel;

package/es/components/form/context.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FormLayout } from '.';
+import type { Meta, InternalNamePath } from 'rc-field-form/lib/interface';
+export declare type FormContextType = {
+    name?: string;
+    hasFeedback: boolean;
+    layout: FormLayout;
+    requiredMarkStyle: 'asterisk' | 'text-required' | 'text-optional';
+    disabled: boolean;
+};
+export declare const defaultFormContext: FormContextType;
+export declare const FormContext: React.Context<FormContextType>;
+export declare type OnSubMetaChange = (meta: Meta & {
+    destroy?: boolean;
+}, namePath: InternalNamePath) => void;
+export declare const NoStyleItemContext: React.Context<OnSubMetaChange | null>;

package/es/components/form/context.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export const defaultFormContext = {
+  name: undefined,
+  hasFeedback: true,
+  layout: 'vertical',
+  requiredMarkStyle: 'asterisk',
+  disabled: false
+};
+export const FormContext = React.createContext(defaultFormContext);
+export const NoStyleItemContext = React.createContext(null);

package/es/components/form/form-array.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactElement, ReactNode } from 'react';
+import type { StoreValue } from 'rc-field-form/es/interface';
+export interface FormArrayField {
+    index: number;
+    key: number;
+}
+export interface FormArrayOperation {
+    add: (defaultValue?: StoreValue, insertIndex?: number) => void;
+    remove: (index: number | number[]) => void;
+    move: (from: number, to: number) => void;
+}
+export interface FormArrayProps {
+    name: string | number | (string | number)[];
+    initialValue?: any[];
+    renderHeader?: (field: FormArrayField, operation: FormArrayOperation) => ReactNode;
+    onAdd?: (operation: FormArrayOperation) => void;
+    renderAdd?: () => ReactNode;
+    children: (fields: FormArrayField[], operation: FormArrayOperation) => ReactElement[];
+}
+export declare const FormArray: React.FC<FormArrayProps>;

package/es/components/form/form-array.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { List as RCList } from 'rc-field-form';
+import List from '../list';
+export const FormArray = props => {
+  return React.createElement(RCList, {
+    name: props.name,
+    initialValue: props.initialValue
+  }, (rcFields, operation) => {
+    const fields = rcFields.map(field => ({
+      index: field.name,
+      key: field.key
+    }));
+    const children = props.children(fields, operation).map((child, index) => {
+      var _a;
+
+      return React.createElement(List, {
+        key: fields[index].key,
+        mode: 'card',
+        header: (_a = props.renderHeader) === null || _a === void 0 ? void 0 : _a.call(props, fields[index], operation)
+      }, child);
+    });
+
+    if (props.renderAdd) {
+      children.push(React.createElement(List, {
+        key: 'add',
+        mode: 'card'
+      }, React.createElement(List.Item, {
+        className: 'adm-form-list-operation',
+        onClick: () => {
+          props.onAdd ? props.onAdd(operation) : operation.add();
+        },
+        arrow: false
+      }, props.renderAdd())));
+    }
+
+    return React.createElement(React.Fragment, null, children);
+  });
+};