antd-mobile 5.42.3 → 5.43.0

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

@@ -19,14 +19,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = 'adm-floating-panel';
 const defaultProps = {
-  handleDraggingOfContent: true
+  handleDraggingOfContent: true,
+  inertiaFactor: 50
 };
 const FloatingPanel = (0, _react2.forwardRef)((p, ref) => {
   var _a, _b;
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
     anchors,
-    placement = 'bottom'
+    placement = 'bottom',
+    inertiaFactor
   } = props;
   const maxHeight = (_a = anchors[anchors.length - 1]) !== null && _a !== void 0 ? _a : window.innerHeight;
   const isBottomPlacement = placement !== 'top';
@@ -86,7 +88,9 @@ const FloatingPanel = (0, _react2.forwardRef)((p, ref) => {
     if (state.last) {
       pullingRef.current = false;
       setPulling(false);
-      nextY = (0, _nearest.nearest)(possibles, offsetY);
+      const [, vy] = state.velocity;
+      const [, dy] = state.direction;
+      nextY = (0, _nearest.nearest)(possibles, offsetY + dy * vy * (inertiaFactor !== null && inertiaFactor !== void 0 ? inertiaFactor : 0));
     }
     api.start({
       y: nextY

package/2x/cjs/components/form/form-item.js

@@ -23,6 +23,13 @@ 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const NAME_SPLIT = '__SPLIT__';
+function useChildren(children) {
+  if (typeof children === 'function') {
+    return children;
+  }
+  const childList = (0, _utils.toArray)(children);
+  return childList.length <= 1 ? childList[0] : childList;
+}
 const classPrefix = `adm-form-item`;
 const MemoInput = _react.default.memo(({
   children
@@ -147,6 +154,7 @@ const FormItem = props => {
       arrowIcon
     } = props,
     fieldProps = (0, _tslib.__rest)(props, ["style", "label", "help", "helpIcon", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow", "arrowIcon"]);
+  const mergedChildren = useChildren(children);
   const {
     name: formName
   } = (0, _react.useContext)(_context.FormContext);
@@ -217,9 +225,9 @@ const FormItem = props => {
       value: onSubMetaChange
     }, baseChildren)));
   }
-  const isRenderProps = typeof children === 'function';
+  const isRenderProps = typeof mergedChildren === 'function';
   if (!name && !isRenderProps && !props.dependencies) {
-    return renderLayout(children);
+    return renderLayout(mergedChildren);
   }
   let Variables = {};
   Variables.label = typeof label === 'string' ? label : '';
@@ -252,7 +260,7 @@ const FormItem = props => {
     }
     if (isRenderProps) {
       if ((shouldUpdate || dependencies) && !name) {
-        childNode = children(context);
+        childNode = mergedChildren(context);
       } else {
         if (!(shouldUpdate || dependencies)) {
           (0, _devLog.devWarning)('Form.Item', '`children` of render props only work with `shouldUpdate` or `dependencies`.');
@@ -264,14 +272,14 @@ const FormItem = props => {
       // not render props
     } else if (dependencies && !name) {
       (0, _devLog.devWarning)('Form.Item', 'Must set `name` or use render props when `dependencies` is set.');
-    } else if (_react.default.isValidElement(children)) {
-      if (children.props.defaultValue) {
+    } else if (_react.default.isValidElement(mergedChildren)) {
+      if (mergedChildren.props.defaultValue) {
         (0, _devLog.devWarning)('Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
       }
-      const childProps = Object.assign(Object.assign({}, children.props), control);
-      if ((0, _utils.isSafeSetRefComponent)(children)) {
+      const childProps = Object.assign(Object.assign({}, mergedChildren.props), control);
+      if ((0, _utils.isSafeSetRefComponent)(mergedChildren)) {
         childProps.ref = instance => {
-          const originRef = children.ref;
+          const originRef = mergedChildren.ref;
           if (originRef) {
             if (typeof originRef === 'function') {
               originRef(instance);
@@ -292,18 +300,18 @@ const FormItem = props => {
         childProps[eventName] = (...args) => {
           var _a, _b, _c;
           (_a = control[eventName]) === null || _a === void 0 ? void 0 : _a.call(control, ...args);
-          (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
+          (_c = (_b = mergedChildren.props)[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
         };
       });
       childNode = _react.default.createElement(MemoInput, {
         value: control[props.valuePropName || 'value'],
         update: updateRef.current
-      }, _react.default.cloneElement(children, childProps));
+      }, _react.default.cloneElement(mergedChildren, childProps));
     } else {
       if (name) {
         (0, _devLog.devWarning)('Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
       }
-      childNode = children;
+      childNode = mergedChildren;
     }
     return renderLayout(childNode, fieldId, meta, isRequired);
   });

package/2x/cjs/components/form/index.d.ts

@@ -4,7 +4,7 @@ export declare type FormLayout = 'vertical' | 'horizontal';
 export type { FormProps, FormInstance } from './form';
 export type { FormItemProps } from './form-item';
 export type { FormSubscribeProps } from './form-subscribe';
-export type { ValidateMessages, FieldData, NamePath, Rule, RuleObject, RuleRender, } from 'rc-field-form/es/interface';
+export type { ValidateMessages, ValidateOptions, FieldData, NamePath, Rule, RuleObject, RuleRender, } from 'rc-field-form/es/interface';
 export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "form" | "children" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
     className?: string | undefined;

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

@@ -4,7 +4,8 @@ declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttribute
 declare type AriaProps = {
     role?: string;
 };
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'onPaste' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled' | 'enterKeyHint'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'onPaste' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled'> & {
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -22,7 +23,8 @@ export declare type InputRef = {
     blur: () => void;
     nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoCapitalize" | "autoFocus" | "enterKeyHint" | "autoCorrect" | "inputMode" | "placeholder" | "name" | "readOnly" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "name" | "type" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoFocus" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength" | "placeholder" | "readOnly" | "step"> & {
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;

package/2x/cjs/components/input/input.js

@@ -76,7 +76,7 @@ const Input = (0, _react.forwardRef)((props, ref) => {
   })();
   return (0, _nativeProps.withNativeProps)(mergedProps, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}`, mergedProps.disabled && `${classPrefix}-disabled`)
-  }, _react.default.createElement("input", {
+  }, _react.default.createElement("input", Object.assign({
     ref: nativeInputRef,
     className: `${classPrefix}-element`,
     value: value,
@@ -103,8 +103,10 @@ const Input = (0, _react.forwardRef)((props, ref) => {
     minLength: mergedProps.minLength,
     max: mergedProps.max,
     min: mergedProps.min,
-    autoComplete: mergedProps.autoComplete,
-    enterKeyHint: mergedProps.enterKeyHint,
+    autoComplete: mergedProps.autoComplete
+  }, {
+    enterKeyHint: mergedProps.enterKeyHint
+  }, {
     autoFocus: mergedProps.autoFocus,
     pattern: mergedProps.pattern,
     inputMode: mergedProps.inputMode,
@@ -131,7 +133,7 @@ const Input = (0, _react.forwardRef)((props, ref) => {
     "aria-valuemax": mergedProps['aria-valuemax'],
     "aria-valuemin": mergedProps['aria-valuemin'],
     "aria-label": mergedProps['aria-label']
-  }), shouldShowClear && _react.default.createElement("div", {
+  })), shouldShowClear && _react.default.createElement("div", {
     className: `${classPrefix}-clear`,
     onMouseDown: e => {
       e.preventDefault();

package/2x/cjs/components/list/list-item.js

@@ -24,7 +24,7 @@ const ListItem = props => {
   } = (0, _configProvider.useConfig)();
   const clickable = (_a = props.clickable) !== null && _a !== void 0 ? _a : !!props.onClick;
   const showArrow = (_b = arrow !== null && arrow !== void 0 ? arrow : arrowIcon) !== null && _b !== void 0 ? _b : clickable;
-  const mergedArrowIcon = (0, _withDefaultProps.mergeProp)(componentConfig.arrowIcon, arrow !== true ? arrow : null, arrowIcon !== true ? arrowIcon : null);
+  const mergedArrowIcon = (0, _withDefaultProps.mergeProp)(componentConfig.arrowIcon, arrow !== true ? arrow : undefined, arrowIcon !== true ? arrowIcon : undefined);
   const content = _react.default.createElement("div", {
     className: `${classPrefix}-content`
   }, (0, _isNodeWithContent.isNodeWithContent)(props.prefix) && _react.default.createElement("div", {

package/2x/cjs/components/notice-bar/notice-bar.js

@@ -102,8 +102,9 @@ const NoticeBar = (0, _react.memo)(props => {
     className: `${classPrefix}-right`
   }, mergedProps.extra, mergedProps.closeable && _react.default.createElement("div", {
     className: `${classPrefix}-close`,
-    onClick: () => {
+    onClick: e => {
       var _a;
+      e.stopPropagation();
       setVisible(false);
       (_a = mergedProps.onClose) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     }

package/2x/cjs/components/passcode-input/passcode-input.css

@@ -13,6 +13,10 @@
   vertical-align: top;
 }
 
+.adm-passcode-input.adm-passcode-input-rtl .adm-passcode-input-cell-container {
+  flex-direction: row-reverse;
+}
+
 .adm-passcode-input-cell {
   flex: none;
   display: flex;
@@ -61,6 +65,22 @@
   box-shadow: 0 0 4px 0 var(--adm-color-primary);
 }
 
+.adm-passcode-input.adm-passcode-input-rtl:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:first-child {
+  border-right: none;
+}
+
+.adm-passcode-input.adm-passcode-input-rtl:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:last-child {
+  border-right: 2px solid var(--border-color);
+}
+
+.adm-passcode-input.adm-passcode-input-rtl.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:first-child {
+  margin-right: 0;
+}
+
+.adm-passcode-input.adm-passcode-input-rtl.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:last-child {
+  margin-right: var(--cell-gap);
+}
+
 .adm-passcode-input-seperated.adm-passcode-input-focused {
   outline: none;
 }

package/2x/cjs/components/passcode-input/passcode-input.d.ts

@@ -12,6 +12,7 @@ export declare type PasscodeInputProps = {
     seperated?: boolean;
     keyboard?: ReactElement<NumberKeyboardProps>;
     inputMode?: 'numeric' | 'text';
+    direction?: 'ltr' | 'rtl';
     onBlur?: () => void;
     onFocus?: () => void;
     onChange?: (val: string) => void;
@@ -31,6 +32,7 @@ export declare const PasscodeInput: React.ForwardRefExoticComponent<{
     seperated?: boolean | undefined;
     keyboard?: ReactElement<NumberKeyboardProps, string | React.JSXElementConstructor<any>> | undefined;
     inputMode?: "text" | "numeric" | undefined;
+    direction?: "ltr" | "rtl" | undefined;
     onBlur?: (() => void) | undefined;
     onFocus?: (() => void) | undefined;
     onChange?: ((val: string) => void) | undefined;

package/2x/cjs/components/passcode-input/passcode-input.js

@@ -22,7 +22,8 @@ const defaultProps = {
   error: false,
   seperated: false,
   caret: true,
-  inputMode: 'numeric'
+  inputMode: 'numeric',
+  direction: 'ltr'
 };
 const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
@@ -79,10 +80,11 @@ const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
       (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
     }
   }));
+  const isRTL = props.direction === 'rtl';
   const renderCells = () => {
     const cells = [];
     const chars = value.split('');
-    const caretIndex = chars.length; // 光标位置index等于当前文字长度
+    const caretIndex = chars.length;
     const focusedIndex = (0, _bound.bound)(chars.length, 0, cellLength - 1);
     for (let i = 0; i < cellLength; i++) {
       cells.push(_react.default.createElement("div", {
@@ -99,7 +101,8 @@ const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
   const cls = (0, _classnames.default)(classPrefix, {
     [`${classPrefix}-focused`]: focused,
     [`${classPrefix}-error`]: props.error,
-    [`${classPrefix}-seperated`]: props.seperated
+    [`${classPrefix}-seperated`]: props.seperated,
+    [`${classPrefix}-rtl`]: isRTL
   });
   return _react.default.createElement(_react.default.Fragment, null, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: rootRef,

package/2x/cjs/components/popover/popover.js

@@ -18,6 +18,7 @@ var _withDefaultProps = require("../../utils/with-default-props");
 var _withStopPropagation = require("../../utils/with-stop-propagation");
 var _arrow = require("./arrow");
 var _normalizePlacement = require("./normalize-placement");
+var _useShowingGuard = require("./use-showing-guard");
 var _wrapper = require("./wrapper");
 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; }
@@ -38,8 +39,16 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
     defaultValue: props.defaultVisible,
     onChange: props.onVisibleChange
   });
+  const {
+    markShowing,
+    isShowing
+  } = (0, _useShowingGuard.useShowingGuard)();
   (0, _react.useImperativeHandle)(ref, () => ({
-    show: () => setVisible(true),
+    show: () => {
+      // 标记进入 show() 触发链，避免同一次点击事件冒泡到 document 时被 useClickAway 立即关闭
+      markShowing();
+      setVisible(true);
+    },
     hide: () => setVisible(false),
     visible
   }), [visible]);
@@ -140,6 +149,7 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
   }, [targetElement, visible]);
   (0, _ahooks.useClickAway)(() => {
     if (!props.trigger) return;
+    if (isShowing()) return; // 跳过 show() 触发链上的 click-away
     setVisible(false);
   }, [() => {
     var _a;

package/2x/cjs/components/popover/use-showing-guard.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 保证通过 `ref.show()` 打开的 Popover 不会被同一次交互立即关闭。
+ *
+ * 当外部元素的点击回调调用 `ref.show()` 时，当前点击事件仍会继续冒泡到
+ * document，并触发 `useClickAway`。因此需要在当前事件任务结束前保持 guarding
+ * 状态，让 click-away 跳过这一次关闭；进入下一个任务后再解除 guarding，保证
+ * 后续的外部点击仍能正常关闭 Popover。
+ */
+export declare function useShowingGuard(): {
+    markShowing: () => void;
+    isShowing: () => boolean;
+};

package/2x/cjs/components/popover/use-showing-guard.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useShowingGuard = useShowingGuard;
+var _react = require("react");
+/**
+ * 保证通过 `ref.show()` 打开的 Popover 不会被同一次交互立即关闭。
+ *
+ * 当外部元素的点击回调调用 `ref.show()` 时，当前点击事件仍会继续冒泡到
+ * document，并触发 `useClickAway`。因此需要在当前事件任务结束前保持 guarding
+ * 状态，让 click-away 跳过这一次关闭；进入下一个任务后再解除 guarding，保证
+ * 后续的外部点击仍能正常关闭 Popover。
+ */
+function useShowingGuard() {
+  const showingRef = (0, _react.useRef)(false);
+  const timerRef = (0, _react.useRef)();
+  const markShowing = () => {
+    // 使用 ref 而不是 state，确保同一次事件冒泡到 document 时可以同步读取到标记。
+    showingRef.current = true;
+    // 连续调用 show() 时重置保护窗口，避免旧定时器提前清除最新一次的标记。
+    clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => {
+      // 定时器会在当前事件任务完成后执行，此时可以恢复正常的 click-away 行为。
+      showingRef.current = false;
+    });
+  };
+  const isShowing = () => showingRef.current;
+  (0, _react.useEffect)(() => {
+    return () => {
+      // 组件卸载后不再需要更新 guarding 标记，同时清理未执行的定时器。
+      clearTimeout(timerRef.current);
+    };
+  }, []);
+  return {
+    markShowing,
+    isShowing
+  };
+}

package/2x/cjs/components/search-bar/search-bar.js

@@ -36,7 +36,6 @@ const SearchBar = (0, _react.forwardRef)((props, ref) => {
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(mergedProps);
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
   const inputRef = (0, _react.useRef)(null);
-  const composingRef = (0, _react.useRef)(false);
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {
       var _a;
@@ -113,9 +112,11 @@ const SearchBar = (0, _react.forwardRef)((props, ref) => {
     onClear: mergedProps.onClear,
     type: 'search',
     enterKeyHint: 'search',
-    onEnterPress: () => {
+    onEnterPress: e => {
       var _a, _b;
-      if (!composingRef.current) {
+      // Use nativeEvent.isComposing to check IME composition state
+      // This is more reliable than maintaining a manual ref
+      if (!e.nativeEvent.isComposing) {
         (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
         (_b = mergedProps.onSearch) === null || _b === void 0 ? void 0 : _b.call(mergedProps, value);
       }
@@ -123,12 +124,10 @@ const SearchBar = (0, _react.forwardRef)((props, ref) => {
     "aria-label": locale.SearchBar.name,
     onCompositionStart: e => {
       var _a;
-      composingRef.current = true;
       (_a = mergedProps.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e);
     },
     onCompositionEnd: e => {
       var _a;
-      composingRef.current = false;
       (_a = mergedProps.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(mergedProps, e);
     }
   })), renderCancelButton()));

package/2x/cjs/components/segmented/segmented.css

@@ -83,6 +83,7 @@
   width: 0;
   height: 100%;
   padding: 8px 0;
+  box-sizing: border-box;
 }
 
 .adm-segmented-thumb-motion-appear-active {

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

@@ -55,6 +55,19 @@ const SwipeAction = (0, _react2.forwardRef)((p, ref) => {
     (_a = dragCancelRef.current) === null || _a === void 0 ? void 0 : _a.call(dragCancelRef);
     draggingRef.current = false;
   }
+  function open(side) {
+    var _a;
+    if (side === 'right') {
+      api.start({
+        x: -getRightWidth()
+      });
+    } else {
+      api.start({
+        x: getLeftWidth()
+      });
+    }
+    (_a = p.onActionsReveal) === null || _a === void 0 ? void 0 : _a.call(p, side);
+  }
   const bind = (0, _react.useDrag)(state => {
     var _a;
     dragCancelRef.current = state.cancel;
@@ -118,36 +131,33 @@ const SwipeAction = (0, _react2.forwardRef)((p, ref) => {
   };
   (0, _react2.useImperativeHandle)(ref, () => ({
     show: (side = 'right') => {
-      var _a;
-      if (side === 'right') {
-        api.start({
-          x: -getRightWidth()
-        });
-      } else if (side === 'left') {
-        api.start({
-          x: getLeftWidth()
-        });
-      }
-      (_a = p.onActionsReveal) === null || _a === void 0 ? void 0 : _a.call(p, side);
+      open(side);
     },
     close
   }));
   (0, _react2.useEffect)(() => {
     if (!props.closeOnTouchOutside) return;
-    function handle(e) {
-      if (x.get() === 0) {
-        return;
+    const root = rootRef.current;
+    if (!root) return;
+    function onTouchOutside(e) {
+      if (x.goal === 0) return;
+      if (!(root === null || root === void 0 ? void 0 : root.contains(e.target))) {
+        close();
       }
-      const root = rootRef.current;
-      if (root && !root.contains(e.target)) {
+    }
+    function onFocusOutside(e) {
+      if (x.goal === 0) return;
+      if (!(root === null || root === void 0 ? void 0 : root.contains(e.relatedTarget))) {
         close();
       }
     }
-    document.addEventListener('touchstart', handle);
+    document.addEventListener('touchstart', onTouchOutside);
+    root.addEventListener('focusout', onFocusOutside);
     return () => {
-      document.removeEventListener('touchstart', handle);
+      document.removeEventListener('touchstart', onTouchOutside);
+      root.removeEventListener('focusout', onFocusOutside);
     };
-  }, [props.closeOnTouchOutside]);
+  }, [props.closeOnTouchOutside, props.onClose]);
   function renderAction(action) {
     var _a, _b;
     const color = (_a = action.color) !== null && _a !== void 0 ? _a : 'light';
@@ -184,7 +194,10 @@ const SwipeAction = (0, _react2.forwardRef)((p, ref) => {
     }
   }, (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, _react2.default.createElement("div", {
     className: `${classPrefix}-actions ${classPrefix}-actions-left`,
-    ref: leftRef
+    ref: leftRef,
+    onFocus: () => {
+      if (x.goal !== getLeftWidth()) open('left');
+    }
   }, props.leftActions.map(renderAction))), _react2.default.createElement("div", {
     className: `${classPrefix}-content`,
     onClickCapture: e => {
@@ -200,7 +213,10 @@ const SwipeAction = (0, _react2.forwardRef)((p, ref) => {
     }
   }, props.children)), (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, _react2.default.createElement("div", {
     className: `${classPrefix}-actions ${classPrefix}-actions-right`,
-    ref: rightRef
+    ref: rightRef,
+    onFocus: () => {
+      if (x.goal !== -getRightWidth()) open('right');
+    }
   }, props.rightActions.map(renderAction))))));
 });
 exports.SwipeAction = SwipeAction;

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

@@ -7,7 +7,9 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
     direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
+    onIndexChange?: ((index: number, info: {
+        source: import("./swiper").SwiperIndexChangeSource;
+    }) => void) | undefined;
     indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
     indicator?: false | ((total: number, current: number) => import("react").ReactNode) | undefined;
     slideSize?: number | undefined;

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

@@ -13,6 +13,7 @@ export declare type SwiperRef = {
     swipeNext: () => void;
     swipePrev: () => void;
 };
+export declare type SwiperIndexChangeSource = 'auto' | 'swipe' | 'resize';
 export declare type SwiperProps = {
     defaultIndex?: number;
     allowTouchMove?: boolean;
@@ -20,7 +21,9 @@ export declare type SwiperProps = {
     autoplayInterval?: number;
     loop?: boolean;
     direction?: 'horizontal' | 'vertical';
-    onIndexChange?: (index: number) => void;
+    onIndexChange?: (index: number, info: {
+        source: SwiperIndexChangeSource;
+    }) => void;
     indicatorProps?: Pick<PageIndicatorProps, 'color' | 'style' | 'className'>;
     indicator?: false | ((total: number, current: number) => ReactNode);
     slideSize?: number;
@@ -44,7 +47,9 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
     direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
+    onIndexChange?: ((index: number, info: {
+        source: SwiperIndexChangeSource;
+    }) => void) | undefined;
     indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
     indicator?: false | ((total: number, current: number) => ReactNode) | undefined;
     slideSize?: number | undefined;
@@ -65,4 +70,6 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     style?: (CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
+export declare function modulus(value: number, division: number): number;
+export declare function getSwipeToPosition(current: number, targetIndex: number, total: number): number;
 export {};