@arco-design/mobile-react 2.38.4 → 2.39.0

package/cjs/badge/index.js

@@ -1,22 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _transition = _interopRequireDefault(require("../transition"));
-
 var _contextProvider = require("../context-provider");
-
 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 Display the badge number or small red dot in the upper right corner
@@ -27,40 +19,37 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Badge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      text = props.text,
-      _props$dot = props.dot,
-      dot = _props$dot === void 0 ? false : _props$dot,
-      _props$maxCount = props.maxCount,
-      maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-      _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children,
-      _props$absolute = props.absolute,
-      absolute = _props$absolute === void 0 ? false : _props$absolute,
-      _props$bordered = props.bordered,
-      bordered = _props$bordered === void 0 ? false : _props$bordered,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? 400 : _props$timeout;
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    text = props.text,
+    _props$dot = props.dot,
+    dot = _props$dot === void 0 ? false : _props$dot,
+    _props$maxCount = props.maxCount,
+    maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
+    _props$children = props.children,
+    children = _props$children === void 0 ? null : _props$children,
+    _props$absolute = props.absolute,
+    absolute = _props$absolute === void 0 ? false : _props$absolute,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered,
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? 400 : _props$timeout;
   var domRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
     };
   });
-
   function renderInnerBadge(prefix) {
     return dot ? null : /*#__PURE__*/_react.default.createElement("span", {
       className: prefix + "-text badge-text"
     }, Number(text) && Number(text) > maxCount ? maxCount + "+" : text);
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var _cls;
-
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement(_transition.default, {
       in: visible,

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

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

package/cjs/badge/style/index.js

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

package/cjs/button/hooks.js

@@ -2,9 +2,7 @@
 
 exports.__esModule = true;
 exports.useCustomColor = void 0;
-
 var _react = require("react");
-
 var formatColorStatus = function formatColorStatus(color) {
   if (!color) return null;
   return typeof color === 'string' ? {
@@ -12,23 +10,23 @@ var formatColorStatus = function formatColorStatus(color) {
     active: color,
     disabled: color
   } : color;
-}; // 主要是用来 diff 颜色是否变化，将对象或者字符串的 diff 转换成字符串的 diff
-// @en It is mainly used to judge whether the color has changed, and convert the diff of the object or string into the diff of the string
-
+};
 
+// 主要是用来 diff 颜色是否变化，将对象或者字符串的 diff 转换成字符串的 diff
+// @en It is mainly used to judge whether the color has changed, and convert the diff of the object or string into the diff of the string
 var diffColor = function diffColor(color) {
   return color && (typeof color === 'string' ? color : Object.values(color).join('-'));
-}; // 允许传入定制所有颜色，忽略的值会继续走原生的颜色
-// @en Allows to pass in all custom colors, ignored values will continue to use native colors
-
+};
 
+// 允许传入定制所有颜色，忽略的值会继续走原生的颜色
+// @en Allows to pass in all custom colors, ignored values will continue to use native colors
 var useCustomColor = function useCustomColor(_ref) {
   var color = _ref.color,
-      bgColor = _ref.bgColor,
-      borderColor = _ref.borderColor,
-      active = _ref.isActive,
-      disabled = _ref.disabled,
-      halfBorder = _ref.halfBorder;
+    bgColor = _ref.bgColor,
+    borderColor = _ref.borderColor,
+    active = _ref.isActive,
+    disabled = _ref.disabled,
+    halfBorder = _ref.halfBorder;
   var state = {
     active: active,
     disabled: disabled
@@ -36,10 +34,9 @@ var useCustomColor = function useCustomColor(_ref) {
   var priority = ['active', 'disabled'];
   var styleConfig = (0, _react.useMemo)(function () {
     var _map = [color, bgColor, borderColor].map(formatColorStatus),
-        fmtColor = _map[0],
-        fmtBgColor = _map[1],
-        fmtBorderColor = _map[2];
-
+      fmtColor = _map[0],
+      fmtBgColor = _map[1],
+      fmtBorderColor = _map[2];
     return {
       color: fmtColor,
       borderColor: fmtBorderColor,
@@ -50,8 +47,7 @@ var useCustomColor = function useCustomColor(_ref) {
     var res = {};
     Object.entries(styleConfig).forEach(function (_ref2) {
       var styleName = _ref2[0],
-          fmtColorConfig = _ref2[1];
-
+        fmtColorConfig = _ref2[1];
       if (fmtColorConfig) {
         var styleColor = fmtColorConfig.normal;
         priority.forEach(function (key) {
@@ -73,5 +69,4 @@ var useCustomColor = function useCustomColor(_ref) {
     customColorClass: customColorClass
   };
 };
-
 exports.useCustomColor = useCustomColor;

package/cjs/button/index.js

@@ -1,28 +1,17 @@
 "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 _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _helpers = require("../_helpers");
-
 var _hooks = require("./hooks");
-
 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 Using for starting an immediate action
@@ -33,88 +22,78 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _ref, _cls;
-
   var _useState = (0, _react.useState)(false),
-      isActive = _useState[0],
-      setActive = _useState[1];
-
+    isActive = _useState[0],
+    setActive = _useState[1];
   var system = (0, _helpers.useSystem)();
   var _props$type = props.type,
-      type = _props$type === void 0 ? 'primary' : _props$type,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'large' : _props$size,
-      _props$inline = props.inline,
-      inline = _props$inline === void 0 ? false : _props$inline,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$disableWhenLoa = props.disableWhenLoading,
-      disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'semi' : _props$shape,
-      _props$halfBorder = props.halfBorder,
-      halfBorder = _props$halfBorder === void 0 ? false : _props$halfBorder,
-      icon = props.icon,
-      _props$showTextWhenLo = props.showTextWhenLoading,
-      showTextWhenLoading = _props$showTextWhenLo === void 0 ? true : _props$showTextWhenLo,
-      _props$needActive = props.needActive,
-      needActive = _props$needActive === void 0 ? true : _props$needActive,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      color = props.color,
-      bgColor = props.bgColor,
-      borderColor = props.borderColor,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children,
-      loadingIcon = props.loadingIcon,
-      onClick = props.onClick,
-      onClickDisabled = props.onClickDisabled,
-      _props$coverIconWhenL = props.coverIconWhenLoading,
-      coverIconWhenLoading = _props$coverIconWhenL === void 0 ? true : _props$coverIconWhenL;
+    type = _props$type === void 0 ? 'primary' : _props$type,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? false : _props$inline,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$disableWhenLoa = props.disableWhenLoading,
+    disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'semi' : _props$shape,
+    _props$halfBorder = props.halfBorder,
+    halfBorder = _props$halfBorder === void 0 ? false : _props$halfBorder,
+    icon = props.icon,
+    _props$showTextWhenLo = props.showTextWhenLoading,
+    showTextWhenLoading = _props$showTextWhenLo === void 0 ? true : _props$showTextWhenLo,
+    _props$needActive = props.needActive,
+    needActive = _props$needActive === void 0 ? true : _props$needActive,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    color = props.color,
+    bgColor = props.bgColor,
+    borderColor = props.borderColor,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$children = props.children,
+    children = _props$children === void 0 ? null : _props$children,
+    loadingIcon = props.loadingIcon,
+    onClick = props.onClick,
+    onClickDisabled = props.onClickDisabled,
+    _props$coverIconWhenL = props.coverIconWhenLoading,
+    coverIconWhenLoading = _props$coverIconWhenL === void 0 ? true : _props$coverIconWhenL;
   var domRef = (0, _react.useRef)(null);
-
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var prefix = prefixCls + "-button";
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
     };
   });
-
   var _useCustomColor = (0, _hooks.useCustomColor)({
-    color: color,
-    bgColor: bgColor,
-    borderColor: borderColor,
-    isActive: isActive,
-    disabled: disabled,
-    halfBorder: halfBorder
-  }),
-      customColorClass = _useCustomColor.customColorClass,
-      customColorStyle = _useCustomColor.customColorStyle;
-
+      color: color,
+      bgColor: bgColor,
+      borderColor: borderColor,
+      isActive: isActive,
+      disabled: disabled,
+      halfBorder: halfBorder
+    }),
+    customColorClass = _useCustomColor.customColorClass,
+    customColorStyle = _useCustomColor.customColorStyle;
   var handleTouchStart = function handleTouchStart() {
     if (needActive && !disabled && !loading) {
       setActive(true);
     }
   };
-
   var handleTouchEnd = function handleTouchEnd() {
     setActive(false);
   };
-
   var renderIcon = function renderIcon() {
     if (coverIconWhenLoading) {
       return loading ? null : icon;
     }
-
     return icon;
   };
-
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     ref: domRef,

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

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

package/cjs/button/style/index.js

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