@arco-design/mobile-react 2.25.4 → 2.26.0

package/umd/switch/index.js

@@ -16,39 +16,47 @@
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
+
   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 Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var system = (0, _helpers.useSystem)();
     var className = props.className,
-      style = props.style,
-      _props$platform = props.platform,
-      platform = _props$platform === void 0 ? system : _props$platform,
-      checked = props.checked,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      text = props.text,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'fully' : _props$shape,
-      innerArea = props.innerArea,
-      onChange = props.onChange,
-      onTouchStart = props.onTouchStart,
-      onTouchEnd = props.onTouchEnd,
-      onClick = props.onClick;
+        style = props.style,
+        _props$platform = props.platform,
+        platform = _props$platform === void 0 ? system : _props$platform,
+        checked = props.checked,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$defaultChecked = props.defaultChecked,
+        defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+        text = props.text,
+        _props$shape = props.shape,
+        shape = _props$shape === void 0 ? 'fully' : _props$shape,
+        innerArea = props.innerArea,
+        onChange = props.onChange,
+        onTouchStart = props.onTouchStart,
+        onTouchEnd = props.onTouchEnd,
+        onClick = props.onClick;
+
     var _useState = (0, _react.useState)(0),
-      touchStartX = _useState[0],
-      setTouchStartX = _useState[1];
+        touchStartX = _useState[0],
+        setTouchStartX = _useState[1];
+
     var initChecked = false;
+
     if ('checked' in props) {
       initChecked = Boolean(checked);
     } else {
       initChecked = defaultChecked;
     }
+
     var _useState2 = (0, _react.useState)(initChecked),
-      switchChecked = _useState2[0],
-      setSwitchChecked = _useState2[1];
+        switchChecked = _useState2[0],
+        setSwitchChecked = _useState2[1];
+
     var domRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
@@ -60,42 +68,49 @@
         setSwitchChecked(Boolean(checked));
       }
     }, [checked]);
+
     function handleTouchStart(e) {
       onTouchStart && onTouchStart(e);
+
       if (disabled) {
         return;
       }
+
       var startX = e.touches && e.touches[0] ? e.touches[0].clientX : 0;
       setTouchStartX(startX);
     }
+
     function handleTouchEnd(e) {
       onTouchEnd && onTouchEnd(e);
+
       if (disabled) {
         return;
       }
+
       var touchEndX = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0].clientX : 0;
       var distance = touchEndX - touchStartX;
-      var newChecked = false;
-      // 右滑打开
+      var newChecked = false; // 右滑打开
       // @en Swipe right to open
+
       if (distance > 0) {
-        newChecked = true;
-        // 左滑关闭
+        newChecked = true; // 左滑关闭
         // @en Swipe left to close
       } else if (distance < 0) {
-        newChecked = false;
-        // 点击时取反
+        newChecked = false; // 点击时取反
         // @en Invert on clicking
       } else {
         newChecked = !switchChecked;
       }
+
       if (!('checked' in props)) {
         setSwitchChecked(newChecked);
       }
+
       if (onChange) {
         onChange(newChecked);
       }
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -119,7 +134,6 @@
       }, innerArea || null));
     });
   });
-
   /**
    * 开关组件，支持点击和滑动触发开关动作。
    * @en A switch component that supports click and slide trigger switch actions.
@@ -129,6 +143,8 @@
    * @name_en Switch
    * @displayName Switch
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Switch, 'Switch');
+
   _exports.default = _default;
 });

package/umd/tab-bar/index.js

@@ -31,8 +31,10 @@
    * @name 标签栏
    * @name_en TabBar
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(TabBar, {
     Item: _item.Item
   });
+
   _exports.default = _default;
 });

package/umd/tab-bar/item.js

@@ -14,24 +14,31 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.Item = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
+
   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 Item = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _useContext = (0, _react.useContext)(_tabBar.TabBarContext),
-      active = _useContext.active,
-      changeIndex = _useContext.changeIndex,
-      index = _useContext.index,
-      activeCustomStyle = _useContext.activeCustomStyle;
+        active = _useContext.active,
+        changeIndex = _useContext.changeIndex,
+        index = _useContext.index,
+        activeCustomStyle = _useContext.activeCustomStyle;
+
     var onClick = props.onClick,
-      className = props.className,
-      style = props.style;
+        className = props.className,
+        style = props.style;
     var domRef = (0, _react.useRef)(null);
+
     function renderContent(prefixCls) {
       var _cls;
+
       var iconElm = props.icon ? /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item-icon")
       }, typeof props.icon === 'function' ? props.icon(active) : props.icon) : null;
@@ -39,25 +46,31 @@
         className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item-title", (_cls = {}, _cls[prefixCls + "-tab-bar-item-only-title"] = !iconElm, _cls))
       }, typeof props.title === 'function' ? props.title(active) : props.title) : null;
       var extraElm = props.extra && typeof props.extra === 'function' ? props.extra(active) : props.extra;
+
       var childElm = props.child && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item-children")
       }, typeof props.child === 'function' ? props.child(active) : props.child);
+
       var extraWrap = iconElm || extraElm ? /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-extra-wrap")
       }, iconElm, extraElm) : null;
       return childElm || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extraWrap, titleElm);
     }
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
       };
     });
+
     var handleClick = function handleClick(e) {
       onClick == null ? void 0 : onClick(e);
       changeIndex(index);
     };
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var _cls2;
+
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item", (_cls2 = {}, _cls2[prefixCls + "-tab-bar-item-active"] = active, _cls2), className),

package/umd/tab-bar/tab-bar.js

@@ -14,13 +14,17 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.TabBarContext = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
+
   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 TabBarContext = /*#__PURE__*/(0, _react.createContext)({
     changeIndex: function changeIndex() {},
     active: false,
@@ -28,26 +32,30 @@
     activeCustomStyle: {}
   });
   _exports.TabBarContext = TabBarContext;
+
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var _props$defaultActiveI = props.defaultActiveIndex,
-        defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
-        activeIndexProps = props.activeIndex,
-        className = props.className,
-        _props$fixed = props.fixed,
-        fixed = _props$fixed === void 0 ? true : _props$fixed,
-        style = props.style,
-        dataSource = props.dataSource,
-        children = props.children,
-        onChange = props.onChange,
-        activeCustomStyle = props.activeCustomStyle;
+          defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
+          activeIndexProps = props.activeIndex,
+          className = props.className,
+          _props$fixed = props.fixed,
+          fixed = _props$fixed === void 0 ? true : _props$fixed,
+          style = props.style,
+          dataSource = props.dataSource,
+          children = props.children,
+          onChange = props.onChange,
+          activeCustomStyle = props.activeCustomStyle;
+
       var _useState = (0, _react.useState)(defaultActiveIndex),
-        innerIndex = _useState[0],
-        setInnerIndex = _useState[1];
+          innerIndex = _useState[0],
+          setInnerIndex = _useState[1];
+
       var _useRefState = (0, _helpers.useRefState)(activeIndexProps === void 0 ? innerIndex : activeIndexProps),
-        activeIndex = _useRefState[0],
-        activeRefIndex = _useRefState[1],
-        setActiveIndex = _useRefState[2];
+          activeIndex = _useRefState[0],
+          activeRefIndex = _useRefState[1],
+          setActiveIndex = _useRefState[2];
+
       (0, _react.useEffect)(function () {
         setActiveIndex(activeIndexProps === void 0 ? innerIndex : activeIndexProps);
       }, [activeIndexProps, innerIndex]);
@@ -69,12 +77,15 @@
           key: index
         }, child);
       }, [activeIndex]);
+
       function changeIndex(index) {
         setInnerIndex(index);
         index !== activeRefIndex.current && (onChange == null ? void 0 : onChange(index));
       }
+
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
         var _cls;
+
         var prefixCls = _ref.prefixCls;
         return /*#__PURE__*/_react.default.createElement("div", {
           className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar", className, (_cls = {}, _cls[prefixCls + "-tab-bar-fixed"] = fixed, _cls)),