@arco-design/mobile-react 2.35.2 → 2.36.1

package/cjs/picker/index.js

@@ -38,7 +38,7 @@ Object.keys(_type).forEach(function (key) {
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl", "renderLinkedContainer"];
+var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl", "renderLinkedContainer", "renderExtraHeader"];
 
 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); }
 
@@ -79,6 +79,7 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$gestureOutOfCo = props.gestureOutOfControl,
       gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
       renderLinkedContainer = props.renderLinkedContainer,
+      renderExtraHeader = props.renderExtraHeader,
       otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var scrollValueRef = (0, _helpers.useLatestRef)(value);
   var domRef = (0, _react.useRef)(null);
@@ -225,7 +226,7 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, title), /*#__PURE__*/_react.default.createElement("div", {
       className: prefixCls + "-picker-header-btn right",
       onClick: handleConfirm
-    }, okText || (locale == null ? void 0 : locale.Picker.okText))), /*#__PURE__*/_react.default.createElement(_pickerView.default, {
+    }, okText || (locale == null ? void 0 : locale.Picker.okText))), renderExtraHeader && renderExtraHeader(), /*#__PURE__*/_react.default.createElement(_pickerView.default, {
       ref: pickerViewRef,
       data: data,
       cascade: cascade,

package/cjs/picker/type.d.ts

@@ -128,4 +128,9 @@ export interface PickerProps extends Omit<PopupProps, 'visible' | 'close' | 'chi
      * @en Associate the hidden state of the picker and the display of the selected value with a container. After passing it in, the container and the picker component will be rendered at the same time. At this time, the visible and onHide attributes of the picker component are optional values. Clicking the container will evoke the picker
      */
     renderLinkedContainer?: (value: ValueType[], data: PickerData[]) => ReactNode;
+    /**
+     * 自定义头部扩展区域
+     * @en Define the area of extra header
+     */
+    renderExtraHeader?: () => ReactNode;
 }

package/cjs/popover/hooks/usePosition.js

@@ -235,20 +235,38 @@ var usePosition = function usePosition(props, popoverRef, childRef, wrapperRef)
 
 
     if (verticalAuto) {
-      var popoverTop = childRect.bottom - (newConfig.bottom && newConfig.height ? newConfig.bottom + newConfig.height : 0);
-      var popoverBottom = childRect.top + (newConfig.top && newConfig.height ? newConfig.top + newConfig.height : 0); // 顶部安全距离不够，调整到底部
-      // @en The top safety distance is not enough, adjust to the bottom
-
-      if (directionState.indexOf('top') !== -1 && popoverTop < topOffset) {
+      var setToBottom = function setToBottom() {
         newConfig.top = verticalOffset + childRect.height;
         newConfig.bottom = null;
         onAdjustDirection('bottom');
-      } else if (directionState.indexOf('bottom') !== -1 && popoverBottom + bottomOffset > window.innerHeight) {
-        // 底部安全距离不够，调整到顶部
-        // @en The bottom safety distance is not enough, adjust to the top
+      };
+
+      var setToTop = function setToTop() {
         newConfig.top = null;
         newConfig.bottom = verticalOffset + childRect.height;
         onAdjustDirection('top');
+      }; // 判断上下空间是否都不足以展示气泡内容
+      // @en Determine whether there is insufficient space both above and below to display content
+
+
+      var isPopoverTooTall = window.innerHeight - topOffset - bottomOffset < 2 * (newConfig.height || 0) + 2 * verticalOffset + childRect.height;
+
+      if (isPopoverTooTall) {
+        var spaceAbove = childRect.top;
+        var spaceBelow = window.innerHeight - childRect.bottom;
+        spaceAbove > spaceBelow ? setToTop() : setToBottom();
+      } else {
+        var popoverTop = childRect.bottom - (newConfig.bottom && newConfig.height ? newConfig.bottom + newConfig.height : 0);
+        var popoverBottom = childRect.top + (newConfig.top && newConfig.height ? newConfig.top + newConfig.height : 0); // 顶部安全距离不够，调整到底部
+        // @en The top safety distance is not enough, adjust to the bottom
+
+        if (directionState.indexOf('top') !== -1 && popoverTop < topOffset) {
+          setToBottom();
+        } else if ( // 底部安全距离不够，调整到顶部
+        // @en The bottom safety distance is not enough, adjust to the top
+        directionState.indexOf('bottom') !== -1 && popoverBottom + bottomOffset > window.innerHeight) {
+          setToTop();
+        }
       }
     } // 挂载在全局的气泡需要计算相对屏幕的位置
     // @en Bubble mounted in the global needs to calculate the position relative to the screen

package/cjs/search-bar/association.js

@@ -69,8 +69,8 @@ function SearchBarAssociation(props) {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: index,
       className: searchBarAssociationPrefixCls + "-item",
-      onClick: function onClick() {
-        return onAssociationItemClick == null ? void 0 : onAssociationItemClick(item, index);
+      onClick: function onClick(e) {
+        return onAssociationItemClick == null ? void 0 : onAssociationItemClick(item, index, e);
       }
     }, node);
   };

package/cjs/search-bar/type.d.ts

@@ -57,7 +57,7 @@ export interface SearchBarAssociationProps<Data = Record<string, any>> {
      * 每行搜索结果的点击回调
      * @en Click callback for each row of search results
      */
-    onAssociationItemClick?: (item: SearchAssociationItem<Data>, index: number) => void;
+    onAssociationItemClick?: (item: SearchAssociationItem<Data>, index: number, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     /**
      * 搜索联想框整体被点击的回调
      * @en The callback for the overall click of the search association box

package/cjs/stepper/hooks/useValue.js

@@ -5,6 +5,8 @@ exports.default = useValue;
 
 var _react = require("react");
 
+var _es6Promise = require("es6-promise");
+
 function useValue(params) {
   var defaultValue = params.defaultValue,
       formatter = params.formatter,
@@ -21,7 +23,7 @@ function useValue(params) {
     var tempValue = typeof updater === 'function' ? updater(innerValue) : updater;
 
     if (formatter) {
-      new Promise(function (resolve) {
+      new _es6Promise.Promise(function (resolve) {
         resolve(formatter(Number(tempValue)));
       }).then(function (result) {
         var res = Math.max(min, Math.min(max, result));

package/cjs/tabs/index.js

@@ -439,7 +439,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         width = _getOffset.width,
         height = _getOffset.height;
 
-    cellRef.current && cellRef.current.resetUnderlineStyle();
+    cellRef.current && cellRef.current.updateLayout();
     setWrapWidth(width || ((_domRef$current = domRef.current) == null ? void 0 : _domRef$current.offsetWidth) || 0);
     setWrapHeight(height || ((_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.offsetHeight) || 0);
     paneRef.current && paneRef.current.setCurrentHeight();

package/cjs/tabs/type.d.ts

@@ -561,8 +561,8 @@ export interface TabCellRef {
      */
     setCaterpillarAnimate: (ratio?: number) => void;
     /**
-     * 重新计算下划线样式
-     * @en Recalculate underline style
+     * 重新计算下划线样式（仅重算位置，如果 tab cell DOM 被人为改变，请调用 updateLayout）
+     * @en Recalculate underline style (only recalculate position, if the tab cell DOM is changed manually, please call updateLayout)
      */
     resetUnderlineStyle: () => void;
     /**