@arco-design/mobile-react 2.20.0 → 2.21.0

package/cjs/swipe-action/type.d.ts

@@ -0,0 +1,123 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface SwipeActionProps {
+    /**
+     * 自定义类名
+     * @en Custom classname
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     * @en Custom style
+     */
+    style?: React.CSSProperties;
+    /**
+     * 子元素
+     * @en Inner Content
+     */
+    children: ReactNode;
+    /**
+     * 右侧菜单
+     * @en right Menu
+     */
+    rightActions?: Action[];
+    /**
+     * 左侧菜单
+     * @en left Menu
+     */
+    leftActions?: Action[];
+    /**
+     * 点击外部是否自动归位
+     * @en Click outside for auto return
+     * @default false
+     */
+    closeOnTouchOutside?: boolean;
+    /**
+     * 菜单滑出多少距离后自动滑出/关闭的系数 范围 0-1
+     * @en How far the menu slides off/off automatically ranges from 0 to 1
+     * @default 0.15
+     */
+    threshold?: number;
+    /**
+     * 是否禁用
+     * @en Whether to disable
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 动画的执行时间 (单位ms)
+     * @en Animation execution time in ms
+     * @default 300
+     */
+    transitionDuration?: number;
+    /**
+     * 阻尼系数
+     * @en Damping coefficient
+     * @default 15
+     */
+    dampRate?: number;
+    /**
+     * 菜单滑入时的样式类型，layer - 分层堆叠进入，push - 直接依次推入
+     * @en The style type when the menu slides in. layer - the menu is stacked in layers; push - the menu is pushed directly in sequence
+     * @default "layer"
+     */
+    openStyleType?: 'layer' | 'push';
+    /**
+     * 滑出动画结束后触发
+     * @en Triggered when the slide out animation ends
+     */
+    onOpen?: (direction: 'left' | 'right') => void;
+    /**
+     * 滑入动画结束后触发
+     * @en Triggered when the slide in animation ends
+     */
+    onClose?: (direction: 'left' | 'right') => void;
+}
+export interface SwipeActionRef {
+    /**
+     * 最外层元素 DOM
+     * @en The outermost element DOM
+     */
+    dom: HTMLDivElement | null;
+    /**
+     * 使滑动条归位
+     * @en Bring the slider back into position
+     */
+    close: () => void;
+    /**
+     * 打开滑动条，默认打开右边
+     * @en Open the slider, the right by default
+     */
+    open: (direction: 'left' | 'right') => void;
+}
+export interface Action {
+    /**
+     * 自定义内容
+     * @en Custom Content
+     */
+    text?: ReactNode;
+    /**
+     * 自定义图标
+     * @en Custom Icon
+     */
+    icon?: ReactNode;
+    /**
+     * 自定义样式
+     * @en Custom Style
+     */
+    style?: CSSProperties;
+    /**
+     * 自定义类名
+     * @en Custom Style
+     */
+    className?: string;
+    /**
+     * 点击事件 返回true可以阻止菜单的关闭
+     * @en Clicking the event to return true prevents the menu from closing
+     */
+    onClick?: () => (void | boolean) | Promise<void | boolean>;
+    /**
+     * 子元素没有text或者icon的传递children
+     * @en Child elements do not pass children with text or icon
+     */
+    children?: ReactNode;
+}

package/cjs/swipe-action/type.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/cjs/switch/index.d.ts

@@ -93,7 +93,7 @@ export interface SwitchRef {
 /**
  * 开关组件，支持点击和滑动触发开关动作。
  * @en A switch component that supports click and slide trigger switch actions.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 开关
  * @name_en Switch

package/cjs/switch/index.js

@@ -18,7 +18,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * 开关组件，支持点击和滑动触发开关动作。
  * @en A switch component that supports click and slide trigger switch actions.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 开关
  * @name_en Switch

package/cjs/tabs/tab-pane.js

@@ -176,10 +176,14 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var topDis = curPaneTop - containerTop - scrollOffset;
     var scrollAttr = scrollVertical ? 'scrollTop' : 'scrollLeft';
     var scrollTop = isGlobal ? Math.max(document.documentElement[scrollAttr], document.body[scrollAttr]) : scrollEle[scrollAttr];
+    var scrollSizeAttr = scrollVertical ? 'scrollHeight' : 'scrollWidth';
+    var sizeAttr = scrollVertical ? 'offsetHeight' : 'offsetWidth';
+    var maxTopDis = isGlobal ? Math.max(document.documentElement[scrollSizeAttr], document.body[scrollSizeAttr]) - scrollTop - (scrollVertical ? window.innerHeight : window.innerWidth) : scrollEle[scrollSizeAttr] - scrollTop - scrollEle[sizeAttr];
+    var normalizedTopDis = Math.min(maxTopDis, topDis);
     clearTimeout(timerRef.current);
     autoScrollingRef.current = true;
     var duration = rightNow ? 0 : transitionDuration || 0;
-    (0, _mobileUtils.scrollWithAnimation)(scrollTop, scrollTop + topDis, function (top) {
+    (0, _mobileUtils.scrollWithAnimation)(scrollTop, scrollTop + normalizedTopDis, function (top) {
       if (isGlobal) {
         document.documentElement[scrollAttr] = top;
         document.body[scrollAttr] = top;

package/cjs/tag/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 标签
  * @name_en Tag

package/cjs/tag/index.js

@@ -27,7 +27,7 @@ var List = (0, _list.componentGenerator)(_tag.Tag);
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
- * @type 数据展示
+ * @type 信息展示
  * @type_en Data Display
  * @name 标签
  * @name_en Tag

package/cjs/textarea/index.d.ts

@@ -84,7 +84,7 @@ export interface TextareaRef {
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 多行文本框
  * @name_en Textarea

package/cjs/textarea/index.js

@@ -22,7 +22,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.
- * @type 数据输入
+ * @type 数据录入
  * @type_en Data Entry
  * @name 多行文本框
  * @name_en Textarea