antd-mobile 5.0.0-beta.9 → 5.0.0-rc.3

package/cjs/components/image-viewer/slides.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Slides = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _reactUseGesture = require("react-use-gesture");
+var _react2 = require("@use-gesture/react");
 
 var _web = require("@react-spring/web");
 
@@ -17,7 +17,9 @@ var _convertPx = require("../../utils/convert-px");
 
 var _bound = require("../../utils/bound");
 
-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 _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-image-viewer";
 
@@ -26,9 +28,10 @@ var Slides = function Slides(props) {
 
   var _useSpring = (0, _web.useSpring)(function () {
     return {
-      x: -props.defaultIndex * slideWidth,
+      x: props.defaultIndex * slideWidth,
       config: {
-        tension: 300
+        tension: 250,
+        clamp: true
       }
     };
   }),
@@ -36,45 +39,60 @@ var Slides = function Slides(props) {
       api = _useSpring[1];
 
   var count = props.images.length;
-  var bind = (0, _reactUseGesture.useDrag)(function (state) {
-    var _state$movement = state.movement,
-        mx = _state$movement[0];
+  var dragLockRef = (0, _react.useRef)(false);
+  var bind = (0, _react2.useDrag)(function (state) {
+    if (dragLockRef.current) return;
+    var _state$offset = state.offset,
+        offsetX = _state$offset[0];
 
     if (state.last) {
-      var index = (0, _bound.bound)(-Math.round((mx + state.vxvy[0] * 100) / slideWidth), 0, count - 1);
+      var minIndex = Math.floor(offsetX / slideWidth);
+      var maxIndex = minIndex + 1;
+      var velocityOffset = Math.min(state.velocity[0] * 2000, slideWidth) * state.direction[0];
+      var index = (0, _bound.bound)((0, _bound.bound)(Math.round((offsetX + velocityOffset) / slideWidth), minIndex, maxIndex), 0, count - 1);
       api.start({
-        x: index * -slideWidth
+        x: index * slideWidth
       });
     } else {
       api.start({
-        x: mx
+        x: offsetX,
+        immediate: true
       });
     }
   }, {
-    initial: function initial() {
+    transform: function transform(_ref) {
+      var x = _ref[0],
+          y = _ref[1];
+      return [-x, y];
+    },
+    from: function from() {
       return [x.get(), 0];
     },
     bounds: function bounds() {
-      var index = -Math.round(x.get() / slideWidth);
       return {
-        right: Math.max(index - 1, 0) * -slideWidth,
-        left: Math.min(index + 1, count - 1) * -slideWidth
+        left: 0,
+        right: (count - 1) * slideWidth
       };
     },
     rubberband: true,
-    axis: 'x'
+    axis: 'x',
+    pointer: {
+      touch: true
+    }
   });
   return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
     className: classPrefix + "-slides"
   }, bind()), /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
     className: classPrefix + "-indicator"
   }, x.to(function (v) {
-    var index = -Math.round(v / slideWidth);
+    var index = (0, _bound.bound)(Math.round(v / slideWidth), 0, count - 1);
     return index + 1 + " / " + count;
   })), /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
     className: classPrefix + "-slides-inner",
     style: {
-      x: x
+      x: x.to(function (x) {
+        return -x;
+      })
     }
   }, props.images.map(function (image) {
     return /*#__PURE__*/_react["default"].createElement(_slide.Slide, {
@@ -84,12 +102,13 @@ var Slides = function Slides(props) {
       maxZoom: props.maxZoom,
       onZoomChange: function onZoomChange(zoom) {
         if (zoom !== 1) {
-          var index = -Math.round(x.get() / slideWidth);
+          var index = Math.round(x.get() / slideWidth);
           api.start({
-            x: index * -slideWidth
+            x: index * slideWidth
           });
         }
-      }
+      },
+      dragLockRef: dragLockRef
     });
   })));
 };

package/cjs/components/index-bar/index-bar.css

@@ -4,7 +4,7 @@
   height: 100%;
   position: relative;
   background-color: var(--adm-color-white);
-  --sticy-offset-top: 0;
+  --sticky-offset-top: 0;
 }
 .adm-index-bar-body {
   overflow: scroll;
@@ -57,6 +57,9 @@
   position: relative;
   padding: 0 12px;
 }
+.adm-index-bar-sidebar-row > * {
+  pointer-events: none;
+}
 .adm-index-bar-sidebar-item {
   display: inline-flex;
   width: 16px;
@@ -75,6 +78,6 @@
 }
 .adm-index-bar-sticky .adm-index-bar-anchor-title {
   position: sticky;
-  top: var(--sticy-offset-top);
+  top: var(--sticky-offset-top);
   left: 0;
 }

package/cjs/components/index-bar/index-bar.d.ts

@@ -1,17 +1,13 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type IndexBarProps = {
-    className?: string;
     sticky?: boolean;
-    stickyOffsetTop?: number;
     children?: React.ReactNode;
-} & NativeProps;
+} & NativeProps<'--sticky-offset-top'>;
 export declare type IndexBarRef = {
     scrollTo: (index: string) => void;
 };
 export declare const IndexBar: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
     sticky?: boolean | undefined;
-    stickyOffsetTop?: number | undefined;
     children?: React.ReactNode;
-} & NativeProps<never> & React.RefAttributes<IndexBarRef>>;
+} & NativeProps<"--sticky-offset-top"> & React.RefAttributes<IndexBarRef>>;

package/cjs/components/index-bar/index-bar.js

@@ -17,10 +17,12 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _sidebar = require("./sidebar");
 
-var _context = require("./context");
-
 var _convertPx = require("../../utils/convert-px");
 
+var _panel = require("./panel");
+
+var _devLog = require("../../utils/dev-log");
+
 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); }
@@ -37,14 +39,30 @@ var IndexBar = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   var titleHeight = (0, _convertPx.convertPx)(35);
   var bodyRef = (0, _react.useRef)(null);
+  var indexes = [];
+  var panels = [];
+
+  _react["default"].Children.forEach(props.children, function (child) {
+    if (! /*#__PURE__*/_react["default"].isValidElement(child)) return;
 
-  var _useState = (0, _react.useState)([]),
-      indexes = _useState[0],
-      setIndexes = _useState[1];
+    if (child.type !== _panel.Panel) {
+      (0, _devLog.devWarning)('IndexBar', 'The children of `IndexBar` must be `IndexBar.Panel` components.');
+      return;
+    }
+
+    indexes.push(child.props.index);
+    panels.push((0, _nativeProps.withNativeProps)(child.props, /*#__PURE__*/_react["default"].createElement("div", {
+      key: child.props.index,
+      "data-index": child.props.index,
+      className: classPrefix + "-anchor"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: classPrefix + "-anchor-title"
+    }, child.props.title || child.props.index), child.props.children)));
+  });
 
-  var _useState2 = (0, _react.useState)(indexes[0]),
-      activeIndex = _useState2[0],
-      setActiveIndex = _useState2[1];
+  var _useState = (0, _react.useState)(indexes[0]),
+      activeIndex = _useState[0],
+      setActiveIndex = _useState[1];
 
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -74,10 +92,10 @@ var IndexBar = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     var body = bodyRef.current;
     if (!body) return;
     var scrollTop = body.scrollTop;
-    var children = body.getElementsByClassName(classPrefix + "-anchor");
+    var elements = body.getElementsByClassName(classPrefix + "-anchor");
 
-    for (var i = 0; i < children.length; i++) {
-      var panel = children.item(i);
+    for (var i = 0; i < elements.length; i++) {
+      var panel = elements.item(i);
       if (!panel) continue;
       var panelIndex = panel.dataset['index'];
       if (!panelIndex) continue;
@@ -94,21 +112,8 @@ var IndexBar = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
   }),
       checkActiveIndex = _useThrottleFn.run;
 
-  (0, _react.useEffect)(function () {
-    if (!indexes.length) return;
-    checkActiveIndex();
-  }, [indexes]);
-  var stickyStyle;
-
-  if (props.stickyOffsetTop) {
-    stickyStyle = {
-      '--sticy-offset-top': props.stickyOffsetTop + 'px'
-    };
-  }
-
-  var element = (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("" + classPrefix, (_classNames = {}, _classNames[classPrefix + "-sticky"] = props.sticky, _classNames)),
-    style: stickyStyle
+  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("" + classPrefix, (_classNames = {}, _classNames[classPrefix + "-sticky"] = props.sticky, _classNames))
   }, /*#__PURE__*/_react["default"].createElement(_sidebar.Sidebar, {
     indexes: indexes,
     activeIndex: activeIndex,
@@ -119,12 +124,6 @@ var IndexBar = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     className: classPrefix + "-body",
     ref: bodyRef,
     onScroll: checkActiveIndex
-  }, props.children)));
-  return /*#__PURE__*/_react["default"].createElement(_context.IndexBarContext.Provider, {
-    value: {
-      indexes: indexes,
-      setIndexes: setIndexes
-    }
-  }, element);
+  }, panels)));
 });
 exports.IndexBar = IndexBar;

package/cjs/components/index-bar/index.d.ts

@@ -2,11 +2,9 @@
 import './index-bar.less';
 export type { IndexBarProps, IndexBarRef } from './index-bar';
 declare const _default: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
     sticky?: boolean | undefined;
-    stickyOffsetTop?: number | undefined;
     children?: import("react").ReactNode;
-} & import("../../utils/native-props").NativeProps<never> & import("react").RefAttributes<import("./index-bar").IndexBarRef>> & {
+} & import("../../utils/native-props").NativeProps<"--sticky-offset-top"> & import("react").RefAttributes<import("./index-bar").IndexBarRef>> & {
     Panel: import("react").FC<import("./panel").IndexBarAnchorProps>;
 };
 export default _default;

package/cjs/components/index-bar/panel.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type IndexBarAnchorProps = {
     index: string;
     title?: string;
 } & NativeProps;
-export declare const Panel: React.FC<IndexBarAnchorProps>;
+export declare const Panel: FC<IndexBarAnchorProps>;

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

@@ -5,40 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Panel = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _context = require("./context");
-
-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 _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-index-bar-anchor";
-
-var Panel = function Panel(props) {
-  var _useContext = (0, _react.useContext)(_context.IndexBarContext),
-      setIndexes = _useContext.setIndexes;
-
-  (0, _react.useEffect)(function () {
-    setIndexes(function (val) {
-      return val.concat([props.index]);
-    });
-    return function () {
-      setIndexes(function (val) {
-        return val.filter(function (x) {
-          return x !== props.index;
-        });
-      });
-    };
-  }, [props.index]);
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    "data-index": props.index,
-    className: classPrefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-title"
-  }, props.title || props.index), props.children));
+var Panel = function Panel() {
+  return null;
 };
 
 exports.Panel = Panel;

package/cjs/components/infinite-scroll/infinite-scroll.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
+import { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type InfiniteScrollProps = {
     loadMore: () => Promise<void>;
     hasMore: boolean;
     threshold?: number;
 } & NativeProps;
-export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;
+export declare const InfiniteScroll: FC<InfiniteScrollProps>;

package/cjs/components/infinite-scroll/infinite-scroll.js

@@ -23,38 +23,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
-
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
 function isWindow(element) {
   return element === window;
 }
@@ -63,44 +31,35 @@ var classPrefix = "adm-infinite-scroll";
 
 var InfiniteScrollContent = function InfiniteScrollContent(_ref) {
   var hasMore = _ref.hasMore;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, hasMore ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, "\u52A0\u8F7D\u4E2D"), /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    size: 'small'
-  })) : /*#__PURE__*/_react["default"].createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, hasMore ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", null, "\u52A0\u8F7D\u4E2D"), /*#__PURE__*/_react["default"].createElement(_loading["default"], null)) : /*#__PURE__*/_react["default"].createElement("span", null, "\u6CA1\u6709\u66F4\u591A\u4E86"));
 };
 
-var InfiniteScroll = (0, _withDefaultProps.withDefaultProps)({
-  threshold: 250
-})(function (props) {
+var InfiniteScroll = function InfiniteScroll(p) {
+  var props = (0, _withDefaultProps.mergeProps)({
+    threshold: 250
+  }, p);
   var doLoadMore = (0, _ahooks.useLockFn)(function () {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return props.loadMore();
-
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
+    return props.loadMore();
   });
   var elementRef = (0, _react.useRef)(null);
+  var checkTimeoutRef = (0, _react.useRef)();
   var check = (0, _ahooks.usePersistFn)(function () {
-    if (!props.hasMore) return;
-    var element = elementRef.current;
-    if (!element) return;
-    var parent = (0, _getScrollParent.getScrollParent)(element);
-    if (!parent) return;
-    var elementTop = element.getBoundingClientRect().top;
-    var current = isWindow(parent) ? window.innerHeight : parent.getBoundingClientRect().bottom;
-
-    if (current >= elementTop - props.threshold) {
-      doLoadMore();
-    }
+    window.clearTimeout(checkTimeoutRef.current);
+    checkTimeoutRef.current = window.setTimeout(function () {
+      if (!props.hasMore) return;
+      var element = elementRef.current;
+      if (!element) return;
+      if (!element.offsetParent) return;
+      var parent = (0, _getScrollParent.getScrollParent)(element);
+      if (!parent) return;
+      var rect = element.getBoundingClientRect();
+      var elementTop = rect.top;
+      var current = isWindow(parent) ? window.innerHeight : parent.getBoundingClientRect().bottom;
+
+      if (current >= elementTop - props.threshold) {
+        doLoadMore();
+      }
+    });
   }); // 确保在内容不足时会自动触发加载事件
 
   (0, _react.useEffect)(function () {
@@ -127,5 +86,6 @@ var InfiniteScroll = (0, _withDefaultProps.withDefaultProps)({
   }, props.children && props.children, !props.children && /*#__PURE__*/_react["default"].createElement(InfiniteScrollContent, {
     hasMore: props.hasMore
   })));
-});
+};
+
 exports.InfiniteScroll = InfiniteScroll;

package/cjs/components/input/input.css

@@ -3,6 +3,7 @@
   --color: var(--adm-color-text);
   --placeholder-color: var(--adm-color-light);
   --disabled-color: var(--adm-color-weak);
+  --text-align: left;
   display: flex;
   justify-content: flex-start;
   align-items: center;
@@ -27,6 +28,7 @@
   outline: none;
   appearance: none;
   min-height: 1.5em;
+  text-align: var(--text-align);
 }
 .adm-input::placeholder {
   color: var(--placeholder-color);
@@ -74,7 +76,7 @@
   padding: 3px;
   cursor: pointer;
 }
-.adm-input-clear .anticon {
+.adm-input-clear .antd-mobile-icon {
   display: block;
   font-size: 14px;
 }

package/cjs/components/input/input.d.ts

@@ -1,12 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-declare type EnterKeyHintProps = NativeInputProps extends {
-    enterKeyHint?: unknown;
-} ? {
-    enterKeyHint?: NativeInputProps['enterKeyHint'];
-} : {};
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'autoComplete' | 'pattern' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect'> & EnterKeyHintProps & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'max' | 'min' | 'autoComplete' | 'pattern' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -16,15 +11,15 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'autoCompl
     clearable?: boolean;
     onClear?: () => void;
     id?: string;
-} & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color'>;
+    onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+} & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align'>;
 export declare type InputRef = {
     clear: () => void;
     focus: () => void;
     blur: () => void;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "type" | "autoComplete" | "maxLength" | "autoCapitalize" | "autoCorrect" | "onFocus" | "onBlur"> & {
-    enterKeyHint?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>["enterKeyHint"] | undefined;
-} & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "max" | "min" | "type" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -34,5 +29,7 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedH
     clearable?: boolean | undefined;
     onClear?: (() => void) | undefined;
     id?: string | undefined;
-} & NativeProps<"--font-size" | "--color" | "--placeholder-color" | "--disabled-color"> & React.RefAttributes<InputRef>>;
+    onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+    enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
+} & NativeProps<"--font-size" | "--color" | "--placeholder-color" | "--disabled-color" | "--text-align"> & React.RefAttributes<InputRef>>;
 export {};

package/cjs/components/input/input.js

@@ -7,9 +7,9 @@ exports.Input = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _useControllableValue = require("../../utils/use-controllable-value");
+var _usePropsValue2 = require("../../utils/use-props-value");
 
-var _icons = require("@ant-design/icons");
+var _antdMobileIcons = require("antd-mobile-icons");
 
 var _nativeProps = require("../../utils/native-props");
 
@@ -26,9 +26,9 @@ var defaultProps = {
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
 
-  var _useNewControllableVa = (0, _useControllableValue.useNewControllableValue)(props),
-      value = _useNewControllableVa[0],
-      setValue = _useNewControllableVa[1];
+  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
 
   var _useState = (0, _react.useState)(false),
       hasFocus = _useState[0],
@@ -52,6 +52,28 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
       }
     };
   });
+
+  var handleKeydown = function handleKeydown(e) {
+    var _a;
+
+    if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
+      props.onEnterPress(e);
+    }
+
+    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  };
+
+  (0, _react.useLayoutEffect)(function () {
+    var _a;
+
+    if (!props.enterKeyHint) return;
+    (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
+    return function () {
+      var _a;
+
+      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
+    };
+  }, [props.enterKeyHint]);
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-wrapper"
   }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -78,12 +100,16 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     disabled: props.disabled,
     readOnly: props.readOnly,
     maxLength: props.maxLength,
+    minLength: props.minLength,
+    max: props.max,
+    min: props.min,
     autoComplete: props.autoComplete,
-    enterKeyHint: props.enterKeyHint,
     pattern: props.pattern,
     type: props.type,
     autoCapitalize: props.autoCapitalize,
-    autoCorrect: props.autoCorrect
+    autoCorrect: props.autoCorrect,
+    onKeyDown: handleKeydown,
+    onKeyUp: props.onKeyUp
   }), props.clearable && !!value && hasFocus && /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-clear",
     onMouseDown: function onMouseDown(e) {
@@ -95,6 +121,6 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
       setValue('');
       (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
     }
-  }, /*#__PURE__*/_react["default"].createElement(_icons.CloseCircleFilled, null))));
+  }, /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CloseCircleFill, null))));
 });
 exports.Input = Input;

package/cjs/components/jumbo-tabs/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './jumbo-tabs.less';
+export type { JumboTabsProps, JumboTabProps } from './jumbo-tabs';
+declare const _default: import("react").FC<import("./jumbo-tabs").JumboTabsProps> & {
+    Tab: import("react").FC<import("./jumbo-tabs").JumboTabProps>;
+};
+export default _default;

package/cjs/components/jumbo-tabs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("./jumbo-tabs.css");
+
+var _jumboTabs2 = require("./jumbo-tabs");
+
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_jumboTabs2.JumboTabs, {
+  Tab: _jumboTabs2.JumboTab
+});
+
+exports["default"] = _default;