@arco-design/mobile-react 2.24.1 → 2.25.0

package/cjs/tabs/tab-pane.js

@@ -1,73 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _helpers = require("../_helpers");
-
 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 TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _cls;
-
   var prefixCls = props.prefixCls,
-      panes = props.panes,
-      tabDirection = props.tabDirection,
-      activeIndex = props.activeIndex,
-      activeIndexRef = props.activeIndexRef,
-      distance = props.distance,
-      wrapWidth = props.wrapWidth,
-      wrapHeight = props.wrapHeight,
-      handlePaneTouchEnd = props.handlePaneTouchEnd,
-      transitionDuration = props.transitionDuration,
-      paneTrans = props.paneTrans,
-      swipeable = props.swipeable,
-      lazyloadCount = props.lazyloadCount,
-      hideContentStyle = props.hideContentStyle,
-      renderHideContent = props.renderHideContent,
-      mode = props.mode,
-      tabPaneStyle = props.tabPaneStyle,
-      tabPaneClass = props.tabPaneClass,
-      tabPaneExtra = props.tabPaneExtra,
-      getScrollContainer = props.getScrollContainer,
-      scrollThrottle = props.scrollThrottle,
-      _props$scrollOffset = props.scrollOffset,
-      scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
-      goLastWhenScrollBottom = props.goLastWhenScrollBottom,
-      scrollVertical = props.scrollVertical,
-      translateZ = props.translateZ,
-      fullScreen = props.fullScreen,
-      autoHeight = props.autoHeight,
-      changeIndex = props.changeIndex,
-      onScroll = props.onScroll;
+    panes = props.panes,
+    tabDirection = props.tabDirection,
+    activeIndex = props.activeIndex,
+    activeIndexRef = props.activeIndexRef,
+    distance = props.distance,
+    wrapWidth = props.wrapWidth,
+    wrapHeight = props.wrapHeight,
+    handlePaneTouchEnd = props.handlePaneTouchEnd,
+    transitionDuration = props.transitionDuration,
+    paneTrans = props.paneTrans,
+    swipeable = props.swipeable,
+    lazyloadCount = props.lazyloadCount,
+    hideContentStyle = props.hideContentStyle,
+    renderHideContent = props.renderHideContent,
+    mode = props.mode,
+    tabPaneStyle = props.tabPaneStyle,
+    tabPaneClass = props.tabPaneClass,
+    tabPaneExtra = props.tabPaneExtra,
+    getScrollContainer = props.getScrollContainer,
+    scrollThrottle = props.scrollThrottle,
+    _props$scrollOffset = props.scrollOffset,
+    scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
+    goLastWhenScrollBottom = props.goLastWhenScrollBottom,
+    scrollVertical = props.scrollVertical,
+    translateZ = props.translateZ,
+    fullScreen = props.fullScreen,
+    autoHeight = props.autoHeight,
+    changeIndex = props.changeIndex,
+    onScroll = props.onScroll;
   var domRef = (0, _react.useRef)(null);
   var panesRef = (0, _react.useRef)([]);
   var autoScrollingRef = (0, _react.useRef)(false);
   var timerRef = (0, _react.useRef)(0);
-
   var _useState = (0, _react.useState)([activeIndex, activeIndex]),
-      shownIndexes = _useState[0],
-      setShownIndexes = _useState[1];
-
+    shownIndexes = _useState[0],
+    setShownIndexes = _useState[1];
   var prefix = prefixCls + "-tab-pane";
   var handleTouchEnd = swipeable ? handlePaneTouchEnd : void 0;
-
   var _useState2 = (0, _react.useState)('auto'),
-      currentPaneHeight = _useState2[0],
-      setCurrentPaneHeight = _useState2[1];
-
+    currentPaneHeight = _useState2[0],
+    setCurrentPaneHeight = _useState2[1];
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
@@ -87,91 +73,72 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (mode !== 'scroll') {
       return function () {};
     }
-
     var handler = function handler() {
       onScroll == null ? void 0 : onScroll();
-
       if (autoScrollingRef.current) {
         return;
       }
-
       var container = getScrollContainer ? getScrollContainer() : window;
       if (!container) return;
-
       var _getContainerTop = getContainerTop(container),
-          containerTop = _getContainerTop.containerTop,
-          containerBottom = _getContainerTop.containerBottom;
-
+        containerTop = _getContainerTop.containerTop,
+        containerBottom = _getContainerTop.containerBottom;
       for (var i = 0; i < panes.length; i += 1) {
         // 判断范围：-∞ ... top0 ... top1 ... top n ... ∞
         // @en Judge the range: (-∞, top0, top1, ...top n, ∞)
         var curPaneTop = i === 0 ? -Infinity : getRectTop(panesRef.current[i]);
         var nextPaneTop = i === panes.length - 1 ? Infinity : getRectTop(panesRef.current[i + 1]);
-
         if (containerTop >= curPaneTop - scrollOffset && containerTop < nextPaneTop - scrollOffset) {
           changeIndex(i, 'scroll');
           break;
         }
       }
-
       if (goLastWhenScrollBottom) {
         var lastIndex = panes.length - 1;
         var curPaneBottom = getRectTop(panesRef.current[lastIndex], 'bottom');
-
         if (containerBottom === curPaneBottom) {
           changeIndex(lastIndex, 'scroll');
         }
       }
     };
-
     return scrollThrottle ? (0, _lodash.default)(handler, scrollThrottle) : handler;
   }, [mode, scrollThrottle, getScrollContainer, panes.length, scrollOffset, goLastWhenScrollBottom, scrollVertical, onScroll]);
   (0, _react.useEffect)(function () {
     var container = (getScrollContainer == null ? void 0 : getScrollContainer()) || window;
-
     if (container && mode === 'scroll') {
       container.addEventListener('scroll', scrollHandler);
     }
-
     return function () {
       if (container && mode === 'scroll') {
         container.removeEventListener('scroll', scrollHandler);
       }
     };
   }, [scrollHandler]);
-
   function setCurrentHeight() {
     if (!domRef.current || !autoHeight || mode !== 'swipe' || tabDirection !== 'vertical') {
       return;
     }
-
     var allPanesDom = panesRef.current;
     var nowIndex = activeIndexRef.current;
     var currentHeight = (allPanesDom[nowIndex] || {}).offsetHeight || 'auto';
     setCurrentPaneHeight(currentHeight);
   }
-
   function calcShownIndexes() {
     if (typeof lazyloadCount === 'number') {
       setShownIndexes([activeIndex - lazyloadCount, activeIndex + lazyloadCount]);
       return;
     }
-
     setShownIndexes([0, Infinity]);
   }
-
   function getTransition() {
     return paneTrans ? transitionDuration || 0 : 0;
   }
-
   function scrollToIndex(index, rightNow) {
     var container = (getScrollContainer == null ? void 0 : getScrollContainer()) || window;
-
     var _getContainerTop2 = getContainerTop(container),
-        isGlobal = _getContainerTop2.isGlobal,
-        scrollEle = _getContainerTop2.scrollEle,
-        containerTop = _getContainerTop2.containerTop;
-
+      isGlobal = _getContainerTop2.isGlobal,
+      scrollEle = _getContainerTop2.scrollEle,
+      containerTop = _getContainerTop2.containerTop;
     var curPaneTop = getRectTop(panesRef.current[index]);
     var topDis = curPaneTop - containerTop - scrollOffset;
     var scrollAttr = scrollVertical ? 'scrollTop' : 'scrollLeft';
@@ -190,21 +157,19 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       } else {
         scrollEle[scrollAttr] = top;
       }
-    }, duration); // 在自动滚动完成后，过一小段时间再解锁，避免最后一次触发scroll还未完成时就解锁导致乱跳的情况
+    }, duration);
+    // 在自动滚动完成后，过一小段时间再解锁，避免最后一次触发scroll还未完成时就解锁导致乱跳的情况
     // @en After the automatic scrolling is completed, unlock it after a short period of time, to avoid the situation of random jumping caused by unlocking when the scroll is not completed for the last time.
-
     var buffer = 100;
     timerRef.current = window.setTimeout(function () {
       autoScrollingRef.current = false;
     }, duration + (scrollThrottle || 0) + buffer);
   }
-
   function getContainerTop(container) {
     var _getScrollContainerRe = (0, _mobileUtils.getScrollContainerRect)(container),
-        isGlobal = _getScrollContainerRe.isGlobal,
-        scrollEle = _getScrollContainerRe.scrollEle,
-        containerRect = _getScrollContainerRe.containerRect;
-
+      isGlobal = _getScrollContainerRe.isGlobal,
+      scrollEle = _getScrollContainerRe.scrollEle,
+      containerRect = _getScrollContainerRe.containerRect;
     var containerTop = Math.floor(scrollVertical ? containerRect.top : containerRect.left);
     var containerBottom = Math.floor(scrollVertical ? containerRect.bottom : containerRect.right);
     return {
@@ -214,12 +179,10 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       containerBottom: containerBottom
     };
   }
-
   function getRectTop(ele, attr) {
     if (attr === void 0) {
       attr = 'top';
     }
-
     var attrMap = scrollVertical ? {
       top: 'top',
       bottom: 'bottom'
@@ -228,19 +191,16 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       bottom: 'right'
     };
     var attrKey = attrMap[attr];
-    var rect = (ele == null ? void 0 : ele.getBoundingClientRect()) || {}; // 消除误差
+    var rect = (ele == null ? void 0 : ele.getBoundingClientRect()) || {};
+    // 消除误差
     // @en Eliminate errors
-
     return rect[attrKey] ? Math.floor(rect[attrKey]) : 0;
   }
-
   function getPaneStyle() {
     var commonStyle = tabPaneStyle || {};
-
     if (mode === 'scroll') {
       return commonStyle;
     }
-
     var translateStr = translateZ ? ' translateZ(0)' : '';
     var sizeStyle = tabDirection === 'vertical' ? {
       width: 100 * panes.length + "%",
@@ -256,7 +216,6 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       transitionDuration: getTransition() + "ms"
     }, heightStyle, commonStyle));
   }
-
   function renderContent(pane, index) {
     var contentProps = {
       key: index,
@@ -266,30 +225,26 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       ref: function ref(r) {
         return panesRef.current[index] = r;
       }
-    }; // 是滚动模式或在加载范围内，直接渲染
+    };
+    // 是滚动模式或在加载范围内，直接渲染
     // @en Render directly when in scroll mode or in loading scope
-
     if (mode === 'scroll' || index >= shownIndexes[0] && index <= shownIndexes[1]) {
       return /*#__PURE__*/_react.default.createElement("div", contentProps, pane);
-    } // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
+    }
+    // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
     // @en Not in the loading range, depending on renderHideContent and hideContentStyle
-
-
     if (renderHideContent) {
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, contentProps, {
         style: hideContentStyle || {}
       }), renderHideContent(index, pane));
     }
-
     if (hideContentStyle === null) {
       return /*#__PURE__*/_react.default.createElement("div", contentProps);
     }
-
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, contentProps, {
       style: hideContentStyle
     }), pane);
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefix + "-container", tabDirection, "mode-" + mode, tabPaneClass, {
       'full-screen': fullScreen

package/cjs/tag/index.js

@@ -3,27 +3,22 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _list = require("./list");
-
 var _tag = require("./tag");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-
 /**
  * 标签列表，支持动态编辑标签
  * @en Tag list, support dynamic editing of tags
  */
 var List = (0, _list.componentGenerator)(_tag.Tag);
+
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
@@ -32,9 +27,7 @@ var List = (0, _list.componentGenerator)(_tag.Tag);
  * @name 标签
  * @name_en Tag
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(_tag.Tag, {
   List: List
 });
-
 exports.default = _default;

package/cjs/tag/list.js

@@ -1,46 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.componentGenerator = componentGenerator;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _tag = require("./tag");
-
 var _IconAdd = _interopRequireDefault(require("../icon/IconAdd"));
-
 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; }
-
 function componentGenerator(Comp) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-        style = props.style,
-        list = props.list,
-        type = props.type,
-        _props$showAddButton = props.showAddButton,
-        showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
-        addArea = props.addArea,
-        horizontalPadding = props.horizontalPadding,
-        verticalPadding = props.verticalPadding,
-        onAdd = props.onAdd,
-        _onClose = props.onClose;
+      style = props.style,
+      list = props.list,
+      type = props.type,
+      _props$showAddButton = props.showAddButton,
+      showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
+      addArea = props.addArea,
+      horizontalPadding = props.horizontalPadding,
+      verticalPadding = props.verticalPadding,
+      onAdd = props.onAdd,
+      _onClose = props.onClose;
     var domRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
       };
     });
-
     function getTagStyle(tag, index) {
       var baseStyle = tag.style || {};
       var paddingStyle = index === list.length - 1 && !showAddButton ? {} : {
@@ -50,10 +39,8 @@ function componentGenerator(Comp) {
         marginBottom: verticalPadding
       });
     }
-
     function getListStyle() {
       var marginStyle = {};
-
       if (verticalPadding && typeof verticalPadding === 'string') {
         marginStyle = {
           marginBottom: "-" + verticalPadding
@@ -63,13 +50,11 @@ function componentGenerator(Comp) {
           marginBottom: -1 * verticalPadding
         };
       }
-
       return (0, _extends2.default)({}, style || {}, marginStyle);
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls,
-          locale = _ref.locale;
+        locale = _ref.locale;
       var prefix = prefixCls + "-tag-list";
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefix, className),

package/cjs/tag/style/css/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");

package/cjs/tag/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("./index.less");

package/cjs/tag/tag.js

@@ -1,48 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.Tag = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _helpers = require("../_helpers");
-
 var _IconClose = _interopRequireDefault(require("../icon/IconClose"));
-
 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 Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-      style = props.style,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'primary' : _props$type,
-      icon = props.icon,
-      children = props.children,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      color = props.color,
-      bgColor = props.bgColor,
-      borderColor = props.borderColor,
-      _props$borderStyle = props.borderStyle,
-      borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
-      _props$halfBorder = props.halfBorder,
-      halfBorder = _props$halfBorder === void 0 ? true : _props$halfBorder,
-      closeable = props.closeable,
-      closeIcon = props.closeIcon,
-      closeColor = props.closeColor,
-      filleted = props.filleted,
-      onClose = props.onClose,
-      onClick = props.onClick;
+    style = props.style,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'primary' : _props$type,
+    icon = props.icon,
+    children = props.children,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    color = props.color,
+    bgColor = props.bgColor,
+    borderColor = props.borderColor,
+    _props$borderStyle = props.borderStyle,
+    borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
+    _props$halfBorder = props.halfBorder,
+    halfBorder = _props$halfBorder === void 0 ? true : _props$halfBorder,
+    closeable = props.closeable,
+    closeIcon = props.closeIcon,
+    closeColor = props.closeColor,
+    filleted = props.filleted,
+    onClose = props.onClose,
+    onClick = props.onClick;
   var domRef = (0, _react.useRef)(null);
   var system = (0, _helpers.useSystem)();
   (0, _react.useImperativeHandle)(ref, function () {
@@ -50,7 +40,6 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dom: domRef.current
     };
   });
-
   function getTagStyle() {
     return (0, _extends2.default)({
       color: color,
@@ -59,7 +48,6 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       borderStyle: borderStyle
     }, style || {});
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-tag";

package/cjs/textarea/index.d.ts

@@ -81,6 +81,7 @@ export interface TextareaRef {
      */
     resize: () => void;
 }
+declare const _default: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>> & "Textarea";
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.
@@ -88,6 +89,6 @@ export interface TextareaRef {
  * @type_en Data Entry
  * @name 多行文本框
  * @name_en Textarea
+ * @displayName Textarea
  */
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>>;
-export default Textarea;
+export default _default;