@arco-design/mobile-react 2.38.3 → 2.39.0

package/cjs/slider/popover.js

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.Popover = Popover;
-
 var _react = _interopRequireWildcard(require("react"));
-
 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; }
-
 function Popover(_ref) {
   var visible = _ref.visible,
-      content = _ref.content,
-      children = _ref.children;
-
+    content = _ref.content,
+    children = _ref.children;
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
-
+    _useContext$prefixCls = _useContext.prefixCls,
+    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
   var domRef = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls + "-slider-popover-wrapper"

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

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

package/cjs/slider/style/index.js

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

package/cjs/slider/thumb.js

@@ -2,37 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _popover = require("./popover");
-
 var _hooks = require("./hooks");
-
 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; }
-
 function Thumb(_ref) {
   var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      value = _ref.value,
-      style = _ref.style,
-      isTouching = _ref.isTouching,
-      idx = _ref.idx;
-
+    className = _ref$className === void 0 ? '' : _ref$className,
+    value = _ref.value,
+    style = _ref.style,
+    isTouching = _ref.isTouching,
+    idx = _ref.idx;
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      _useContext$prefixCls = _useContext.prefixCls,
-      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
-
+    _useContext$prefixCls = _useContext.prefixCls,
+    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
   var _useContext2 = (0, _react.useContext)(_hooks.SliderContext),
-      showTooltip = _useContext2.showTooltip,
-      renderThumb = _useContext2.renderThumb,
-      formatTooltip = _useContext2.formatTooltip,
-      renderThumbPopover = _useContext2.renderThumbPopover;
-
+    showTooltip = _useContext2.showTooltip,
+    renderThumb = _useContext2.renderThumb,
+    formatTooltip = _useContext2.formatTooltip,
+    renderThumbPopover = _useContext2.renderThumbPopover;
   var isHidden = showTooltip === 'never';
   var renderValue = (0, _react.useMemo)(function () {
     return formatTooltip(value);
@@ -57,6 +47,5 @@ function Thumb(_ref) {
     style: style
   }, isHidden ? thumbEl : popoverEl);
 }
-
 var _default = Thumb;
 exports.default = _default;

package/cjs/stepper/hooks/useButtonClick.js

@@ -2,64 +2,54 @@
 
 exports.__esModule = true;
 exports.default = useButtonClick;
-
 var _react = require("react");
-
 function correctCalculation(leftNumber, rightNumber, operator) {
   var magnification = 1e17;
   var left = leftNumber * magnification;
   var right = rightNumber * magnification;
   return operator === '-' ? (left - right) / magnification : (left + right) / magnification;
 }
-
 function useButtonClick(params) {
   var actualInputValue = params.actualInputValue,
-      min = params.min,
-      max = params.max,
-      step = params.step,
-      disabled = params.disabled,
-      equalLimitDisabled = params.equalLimitDisabled,
-      updateValue = params.updateValue,
-      onAddButtonClick = params.onAddButtonClick,
-      onMinusButtonClick = params.onMinusButtonClick;
+    min = params.min,
+    max = params.max,
+    step = params.step,
+    disabled = params.disabled,
+    equalLimitDisabled = params.equalLimitDisabled,
+    updateValue = params.updateValue,
+    onAddButtonClick = params.onAddButtonClick,
+    onMinusButtonClick = params.onMinusButtonClick;
   var minusDisable = actualInputValue <= min || disabled;
-
   var _useState = (0, _react.useState)(minusDisable),
-      minusButtonDisable = _useState[0],
-      setMinusButtonDisable = _useState[1];
-
+    minusButtonDisable = _useState[0],
+    setMinusButtonDisable = _useState[1];
   var addDisable = actualInputValue >= max || disabled;
-
   var _useState2 = (0, _react.useState)(addDisable),
-      addButtonDisable = _useState2[0],
-      setAddButtonDisable = _useState2[1];
-
+    addButtonDisable = _useState2[0],
+    setAddButtonDisable = _useState2[1];
   var handleMinusButtonClick = function handleMinusButtonClick(e) {
     if (minusButtonDisable) {
       return;
     }
-
     updateValue(function (oldValue) {
       var result = correctCalculation(oldValue, step, '-');
       return result < min ? equalLimitDisabled ? oldValue : min : result;
     });
     onMinusButtonClick && onMinusButtonClick(e);
   };
-
   var handleAddButtonClick = function handleAddButtonClick(e) {
     if (addButtonDisable) {
       return;
     }
-
     updateValue(function (oldValue) {
       var result = correctCalculation(Number(oldValue), step, '+');
       return result > max ? equalLimitDisabled ? oldValue : max : result;
     });
     onAddButtonClick && onAddButtonClick(e);
-  }; // 当前值改变时，更新按钮状态
-  // Changes button status when value changed
-
+  };
 
+  // 当前值改变时，更新按钮状态
+  // Changes button status when value changed
   (0, _react.useEffect)(function () {
     setMinusButtonDisable(minusDisable);
     setAddButtonDisable(addDisable);

package/cjs/stepper/hooks/useInputEvent.js

@@ -2,27 +2,23 @@
 
 exports.__esModule = true;
 exports.default = useInputEvent;
-
 var _helpers = require("../../_helpers");
-
 function useInputEvent(params) {
   var defaultValue = params.defaultValue,
-      min = params.min,
-      max = params.max,
-      digits = params.digits,
-      actualInputValue = params.actualInputValue,
-      innerValue = params.innerValue,
-      allowEmpty = params.allowEmpty,
-      updateValue = params.updateValue,
-      onBlur = params.onBlur,
-      onChange = params.onChange,
-      onInput = params.onInput;
-
+    min = params.min,
+    max = params.max,
+    digits = params.digits,
+    actualInputValue = params.actualInputValue,
+    innerValue = params.innerValue,
+    allowEmpty = params.allowEmpty,
+    updateValue = params.updateValue,
+    onBlur = params.onBlur,
+    onChange = params.onChange,
+    onInput = params.onInput;
   var handleInput = function handleInput(e) {
     var targetValue = e.target.value;
     var numberValue = Number(targetValue);
     var pointIndex = targetValue.indexOf('.');
-
     if (digits > 0 && pointIndex !== -1) {
       var decimalLength = targetValue.slice(pointIndex + 1).length;
       updateValue(decimalLength > digits ? actualInputValue : numberValue);
@@ -31,14 +27,11 @@ function useInputEvent(params) {
     } else {
       updateValue(numberValue);
     }
-
     onInput && onInput(e);
   };
-
   var handleBlur = function handleBlur(e) {
     var targetValue = e.target.value;
     var numberValue = Number(targetValue);
-
     if (allowEmpty && targetValue === '') {
       updateValue(Number.MIN_VALUE);
     } else if (!allowEmpty && targetValue === '') {
@@ -46,10 +39,8 @@ function useInputEvent(params) {
     } else {
       updateValue(Math.max(min, Math.min(max, numberValue)));
     }
-
     onBlur && onBlur(e);
   };
-
   (0, _helpers.useUpdateEffect)(function () {
     onChange && onChange(innerValue);
   }, [innerValue]);

package/cjs/stepper/hooks/useValue.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StepperProps } from '..';
+import type { StepperProps } from '..';
 export default function useValue(params: Required<Pick<StepperProps, 'defaultValue' | 'min' | 'max' | 'digits'>> & Pick<StepperProps, 'formatter' | 'value'>): {
     updateValue: (updater: number | ((oldValue: number) => number)) => void;
     actualInputValue: number;

package/cjs/stepper/hooks/useValue.js

@@ -2,26 +2,20 @@
 
 exports.__esModule = true;
 exports.default = useValue;
-
 var _react = require("react");
-
 var _es6Promise = require("es6-promise");
-
 function useValue(params) {
   var defaultValue = params.defaultValue,
-      formatter = params.formatter,
-      max = params.max,
-      min = params.min,
-      value = params.value,
-      digits = params.digits;
-
+    formatter = params.formatter,
+    max = params.max,
+    min = params.min,
+    value = params.value,
+    digits = params.digits;
   var _useState = (0, _react.useState)(defaultValue),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
-
+    innerValue = _useState[0],
+    setInnerValue = _useState[1];
   var updateValue = function updateValue(updater) {
     var tempValue = typeof updater === 'function' ? updater(innerValue) : updater;
-
     if (formatter) {
       new _es6Promise.Promise(function (resolve) {
         resolve(formatter(Number(tempValue)));
@@ -33,10 +27,10 @@ function useValue(params) {
       setInnerValue(tempValue);
     }
   };
+  var actualInputValue = value !== undefined ? value : innerValue;
 
-  var actualInputValue = value !== undefined ? value : innerValue; // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
+  // 将actualInputValue等于Number.MIN_VALUE的情况视为空值
   // @en If actualInputValue equal Number.MIN_VALUE, actualInputValue equal ''
-
   var showValue = actualInputValue === Number.MIN_VALUE ? '' : digits > 0 ? parseFloat(String(actualInputValue)).toFixed(digits) : actualInputValue;
   return {
     updateValue: updateValue,

package/cjs/stepper/index.js

@@ -1,129 +1,116 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _contextProvider = require("../context-provider");
-
 var _useButtonClick2 = _interopRequireDefault(require("./hooks/useButtonClick"));
-
 var _useInputEvent2 = _interopRequireDefault(require("./hooks/useInputEvent"));
-
 var _icon = require("../icon");
-
 var _useValue2 = _interopRequireDefault(require("./hooks/useValue"));
-
 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];
 });
-
 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 Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      inputStyle = props.inputStyle,
-      _props$inputClass = props.inputClass,
-      inputClass = _props$inputClass === void 0 ? '' : _props$inputClass,
-      value = props.value,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? 1 : _props$defaultValue,
-      _props$allowEmpty = props.allowEmpty,
-      allowEmpty = _props$allowEmpty === void 0 ? false : _props$allowEmpty,
-      _props$digits = props.digits,
-      digits = _props$digits === void 0 ? 0 : _props$digits,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$inputReadonly = props.inputReadonly,
-      inputReadonly = _props$inputReadonly === void 0 ? false : _props$inputReadonly,
-      _props$max = props.max,
-      max = _props$max === void 0 ? Infinity : _props$max,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 1 : _props$min,
-      _props$equalLimitDisa = props.equalLimitDisabled,
-      equalLimitDisabled = _props$equalLimitDisa === void 0 ? false : _props$equalLimitDisa,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      _props$theme = props.theme,
-      theme = _props$theme === void 0 ? 'default' : _props$theme,
-      formatter = props.formatter,
-      addButton = props.addButton,
-      minusButton = props.minusButton,
-      renderContent = props.renderContent,
-      onBlur = props.onBlur,
-      onChange = props.onChange,
-      onFocus = props.onFocus,
-      onAddButtonClick = props.onAddButtonClick,
-      onMinusButtonClick = props.onMinusButtonClick,
-      onClick = props.onClick,
-      onInput = props.onInput; // 值的相关逻辑
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    inputStyle = props.inputStyle,
+    _props$inputClass = props.inputClass,
+    inputClass = _props$inputClass === void 0 ? '' : _props$inputClass,
+    value = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 1 : _props$defaultValue,
+    _props$allowEmpty = props.allowEmpty,
+    allowEmpty = _props$allowEmpty === void 0 ? false : _props$allowEmpty,
+    _props$digits = props.digits,
+    digits = _props$digits === void 0 ? 0 : _props$digits,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$inputReadonly = props.inputReadonly,
+    inputReadonly = _props$inputReadonly === void 0 ? false : _props$inputReadonly,
+    _props$max = props.max,
+    max = _props$max === void 0 ? Infinity : _props$max,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 1 : _props$min,
+    _props$equalLimitDisa = props.equalLimitDisabled,
+    equalLimitDisabled = _props$equalLimitDisa === void 0 ? false : _props$equalLimitDisa,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'default' : _props$theme,
+    formatter = props.formatter,
+    addButton = props.addButton,
+    minusButton = props.minusButton,
+    renderContent = props.renderContent,
+    onBlur = props.onBlur,
+    onChange = props.onChange,
+    onFocus = props.onFocus,
+    onAddButtonClick = props.onAddButtonClick,
+    onMinusButtonClick = props.onMinusButtonClick,
+    onClick = props.onClick,
+    onInput = props.onInput;
+
+  // 值的相关逻辑
   // @en The logic is that handle value
-
   var _useValue = (0, _useValue2.default)({
-    defaultValue: defaultValue,
-    formatter: formatter,
-    min: min,
-    max: max,
-    value: value,
-    digits: digits
-  }),
-      updateValue = _useValue.updateValue,
-      actualInputValue = _useValue.actualInputValue,
-      showValue = _useValue.showValue,
-      innerValue = _useValue.innerValue; // 按钮点击的相关逻辑
+      defaultValue: defaultValue,
+      formatter: formatter,
+      min: min,
+      max: max,
+      value: value,
+      digits: digits
+    }),
+    updateValue = _useValue.updateValue,
+    actualInputValue = _useValue.actualInputValue,
+    showValue = _useValue.showValue,
+    innerValue = _useValue.innerValue;
+
+  // 按钮点击的相关逻辑
   // @en The logic is that handle button click
-
-
   var _useButtonClick = (0, _useButtonClick2.default)({
-    actualInputValue: actualInputValue,
-    min: min,
-    max: max,
-    step: step,
-    disabled: disabled,
-    digits: digits,
-    equalLimitDisabled: equalLimitDisabled,
-    updateValue: updateValue,
-    onAddButtonClick: onAddButtonClick,
-    onMinusButtonClick: onMinusButtonClick
-  }),
-      minusButtonDisable = _useButtonClick.minusButtonDisable,
-      addButtonDisable = _useButtonClick.addButtonDisable,
-      handleAddButtonClick = _useButtonClick.handleAddButtonClick,
-      handleMinusButtonClick = _useButtonClick.handleMinusButtonClick; // 输入框操作的相关逻辑
+      actualInputValue: actualInputValue,
+      min: min,
+      max: max,
+      step: step,
+      disabled: disabled,
+      digits: digits,
+      equalLimitDisabled: equalLimitDisabled,
+      updateValue: updateValue,
+      onAddButtonClick: onAddButtonClick,
+      onMinusButtonClick: onMinusButtonClick
+    }),
+    minusButtonDisable = _useButtonClick.minusButtonDisable,
+    addButtonDisable = _useButtonClick.addButtonDisable,
+    handleAddButtonClick = _useButtonClick.handleAddButtonClick,
+    handleMinusButtonClick = _useButtonClick.handleMinusButtonClick;
+
+  // 输入框操作的相关逻辑
   // @en The logic is that handle input operation
-
-
   var _useInputEvent = (0, _useInputEvent2.default)({
-    defaultValue: defaultValue,
-    min: min,
-    max: max,
-    digits: digits,
-    actualInputValue: actualInputValue,
-    allowEmpty: allowEmpty,
-    innerValue: innerValue,
-    updateValue: updateValue,
-    onBlur: onBlur,
-    onChange: onChange,
-    onInput: onInput
-  }),
-      handleInput = _useInputEvent.handleInput,
-      handleBlur = _useInputEvent.handleBlur;
-
+      defaultValue: defaultValue,
+      min: min,
+      max: max,
+      digits: digits,
+      actualInputValue: actualInputValue,
+      allowEmpty: allowEmpty,
+      innerValue: innerValue,
+      updateValue: updateValue,
+      onBlur: onBlur,
+      onChange: onChange,
+      onInput: onInput
+    }),
+    handleInput = _useInputEvent.handleInput,
+    handleBlur = _useInputEvent.handleBlur;
   var domRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
@@ -180,6 +167,7 @@ var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }))));
   });
 });
+
 /**
  * 步进器组件，支持受控模式
  * @en Stepper component, provide controlled mode
@@ -189,7 +177,5 @@ var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name_en Stepper
  * @displayName Stepper
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Stepper, 'Stepper');
-
 exports.default = _default;

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

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

package/cjs/stepper/style/index.js

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

package/cjs/stepper/type.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 export interface StepperProps {
     /**
      * 自定义类名