@arco-design/mobile-react 2.24.2 → 2.25.1

package/cjs/swipe-load/style/index.js

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

package/cjs/switch/index.d.ts

@@ -90,6 +90,9 @@ export interface SwitchRef {
      */
     dom: HTMLDivElement | null;
 }
+declare const _default: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<SwitchRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 开关组件，支持点击和滑动触发开关动作。
  * @en A switch component that supports click and slide trigger switch actions.
@@ -97,6 +100,6 @@ export interface SwitchRef {
  * @type_en Data Entry
  * @name 开关
  * @name_en Switch
+ * @displayName Switch
  */
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<SwitchRef>>;
-export default Switch;
+export default _default;

package/cjs/switch/index.js

@@ -2,63 +2,43 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 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; }
-
-/**
- * 开关组件，支持点击和滑动触发开关动作。
- * @en A switch component that supports click and slide trigger switch actions.
- * @type 数据录入
- * @type_en Data Entry
- * @name 开关
- * @name_en Switch
- */
 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 {
@@ -70,49 +50,42 @@ var Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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", {
@@ -136,5 +109,15 @@ var Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, innerArea || null));
   });
 });
-var _default = Switch;
+
+/**
+ * 开关组件，支持点击和滑动触发开关动作。
+ * @en A switch component that supports click and slide trigger switch actions.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 开关
+ * @name_en Switch
+ * @displayName Switch
+ */
+var _default = (0, _mobileUtils.componentWrapper)(Switch, 'Switch');
 exports.default = _default;

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

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

package/cjs/switch/style/index.js

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

package/cjs/tab-bar/index.js

@@ -3,15 +3,10 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _item = require("./item");
-
 var _tabBar = require("./tab-bar");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -27,9 +22,7 @@ var TabBar = (0, _tabBar.componentGenerator)(_item.Item);
  * @name 标签栏
  * @name_en TabBar
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(TabBar, {
   Item: _item.Item
 });
-
 exports.default = _default;

package/cjs/tab-bar/item.js

@@ -1,39 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.Item = 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 _tabBar = require("./tab-bar");
-
 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;
@@ -41,31 +29,25 @@ var Item = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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/cjs/tab-bar/style/css/index.js

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

package/cjs/tab-bar/style/index.js

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

package/cjs/tab-bar/tab-bar.js

@@ -1,25 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.TabBarContext = void 0;
 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 _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 TabBarContext = /*#__PURE__*/(0, _react.createContext)({
   changeIndex: function changeIndex() {},
   active: false,
@@ -27,30 +18,26 @@ var TabBarContext = /*#__PURE__*/(0, _react.createContext)({
   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]);
@@ -72,15 +59,12 @@ function componentGenerator(Comp) {
         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)),