@arco-design/mobile-react 2.24.2 → 2.25.0

package/cjs/stepper/index.js

@@ -1,135 +1,114 @@
 "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; }
-
-/**
- * 步进器组件，支持受控模式
- * @en Stepper component, provide controlled mode
- * @type 数据录入
- * @type_en Data Entry
- * @name 步进器
- * @name_en Stepper
- */
 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; // 按钮点击的相关逻辑
+      defaultValue: defaultValue,
+      formatter: formatter,
+      min: min,
+      max: max,
+      value: value,
+      digits: digits
+    }),
+    updateValue = _useValue.updateValue,
+    actualInputValue = _useValue.actualInputValue,
+    showValue = _useValue.showValue;
+
+  // 按钮点击的相关逻辑
   // @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,
-    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,
+      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 () {
@@ -186,5 +165,15 @@ var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }))));
   });
 });
-var _default = Stepper;
+
+/**
+ * 步进器组件，支持受控模式
+ * @en Stepper component, provide controlled mode
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 步进器
+ * @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/steps/index.js

@@ -1,81 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   StepsContext: true
 };
 exports.default = exports.StepsContext = 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 _step = _interopRequireDefault(require("./step"));
-
 var _helpers = require("../_helpers");
-
 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 StepsContext = /*#__PURE__*/(0, _react.createContext)({
   changeIndex: function changeIndex() {}
 });
 exports.StepsContext = StepsContext;
 var Steps = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      children = props.children,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
-      userSetAlign = props.align,
-      _props$iconType = props.iconType,
-      iconType = _props$iconType === void 0 ? 'number' : _props$iconType,
-      current = props.current,
-      _props$defaultIndex = props.defaultIndex,
-      defaultIndex = _props$defaultIndex === void 0 ? 0 : _props$defaultIndex,
-      _props$status = props.status,
-      status = _props$status === void 0 ? 'process' : _props$status,
-      items = props.items,
-      onClick = props.onClick,
-      onChange = props.onChange;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    children = props.children,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
+    userSetAlign = props.align,
+    _props$iconType = props.iconType,
+    iconType = _props$iconType === void 0 ? 'number' : _props$iconType,
+    current = props.current,
+    _props$defaultIndex = props.defaultIndex,
+    defaultIndex = _props$defaultIndex === void 0 ? 0 : _props$defaultIndex,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'process' : _props$status,
+    items = props.items,
+    onClick = props.onClick,
+    onChange = props.onChange;
   var defaultAlign = direction === 'vertical' ? 'start' : 'center';
   var align = userSetAlign !== void 0 ? userSetAlign : defaultAlign;
-
   var _useState = (0, _react.useState)(Number(defaultIndex)),
-      innerIndex = _useState[0],
-      setInnerIndex = _useState[1];
-
+    innerIndex = _useState[0],
+    setInnerIndex = _useState[1];
   var _useRefState = (0, _helpers.useRefState)(current === void 0 ? innerIndex : current),
-      activeIndex = _useRefState[0],
-      activeRefIndex = _useRefState[1],
-      setActiveIndex = _useRefState[2];
-
+    activeIndex = _useRefState[0],
+    activeRefIndex = _useRefState[1],
+    setActiveIndex = _useRefState[2];
   var domRef = (0, _react.useRef)(null);
   var system = (0, _helpers.useSystem)();
-
   function changeIndex(newIndex) {
     onClick == null ? void 0 : onClick(newIndex);
     setInnerIndex(newIndex);
     newIndex !== activeRefIndex.current && (onChange == null ? void 0 : onChange(newIndex));
   }
-
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
@@ -113,6 +96,7 @@ var Steps = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }));
   });
 });
+
 /**
  * 显示一个任务的进度; 或者引导用户完成某个复杂任务。
  * @en Display the progress of a task, or guide users to complete a complex task.
@@ -121,9 +105,7 @@ var Steps = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @type 信息展示
  * @type_en Data Display
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Steps, {
   Step: _step.default
 });
-
 exports.default = _default;

package/cjs/steps/step.js

@@ -2,36 +2,26 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _icon = require("../icon");
-
 var _contextProvider = require("../context-provider");
-
 var _index = require("./index");
-
 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 Step = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var title = props.title,
-      description = props.description,
-      icon = props.icon;
-
+    description = props.description,
+    icon = props.icon;
   var _useContext = (0, _react.useContext)(_index.StepsContext),
-      iconType = _useContext.iconType,
-      current = _useContext.current,
-      direction = _useContext.direction,
-      _useContext$index = _useContext.index,
-      index = _useContext$index === void 0 ? 0 : _useContext$index,
-      contextStatus = _useContext.status,
-      contextAlign = _useContext.align,
-      changeIndex = _useContext.changeIndex;
-
+    iconType = _useContext.iconType,
+    current = _useContext.current,
+    direction = _useContext.direction,
+    _useContext$index = _useContext.index,
+    index = _useContext$index === void 0 ? 0 : _useContext$index,
+    contextStatus = _useContext.status,
+    contextAlign = _useContext.align,
+    changeIndex = _useContext.changeIndex;
   var status = props.status || contextStatus;
   var align = props.align || contextAlign;
   var domRef = (0, _react.useRef)(null);
@@ -42,32 +32,25 @@ var Step = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   });
   var currentStatus = (0, _react.useMemo)(function () {
     if (status) return status;
-
     if (current < index) {
       return 'wait';
     }
-
     if (current === index) {
       return 'process';
     }
-
     return 'finish';
   }, [status, index, current]);
-
   function renderNumIcon(prefixCls) {
     var content;
-
     if (currentStatus === 'finish') {
       content = /*#__PURE__*/_react.default.createElement(_icon.IconCheckBold, null);
     } else if (currentStatus === 'error') {
       content = /*#__PURE__*/_react.default.createElement(_icon.IconCloseBold, null);
     }
-
     return content || /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _mobileUtils.cls)(prefixCls + "-steps-item-icon-num")
     }, index + 1);
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("div", {

package/cjs/steps/style/css/index.css

@@ -154,7 +154,7 @@
   background:  #F2F3F5 ;
 }
 .number.error .arco-steps-item-icon {
-  background:  #F53F3F ;
+  background:  #f53f3f ;
 }
 .arco-steps-item-icon svg {
   font-size:  10PX ;
@@ -224,7 +224,7 @@
   color:  #1d2129 ;
 }
 .error .arco-steps-item-title {
-  color:  #F53F3F ;
+  color:  #f53f3f ;
 }
 .process .arco-steps-item-title {
   color:  #165dff ;

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

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

package/cjs/steps/style/index.js

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