@arco-design/mobile-react 2.25.0 → 2.25.2

package/esm/checkbox/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").CheckboxGroupProps<string | number, import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & import("react").RefAttributes<import("./type").CheckboxGroupRef>> & "CheckboxGroup";
+    Group: import("react").ForwardRefExoticComponent<import("./type").CheckboxGroupProps<string | number, import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & import("react").RefAttributes<import("./type").CheckboxGroupRef>> & {
+        displayName?: string | undefined;
+    };
 } & {
-    displayName: string;
+    displayName?: string | undefined;
 };
 /**
  * 复选框，可用状态下点击切换选择，支持禁用，支持复选项组。

package/esm/checkbox/index.js

@@ -7,7 +7,7 @@ export * from './type';
  * 复选项组
  * @en Checkbox group
  * @displayName CheckboxGroup
- *  */
+ */
 var Group = componentWrapper(componentGenerator(Checkbox), 'CheckboxGroup');
 
 /**

package/esm/date-picker/index.d.ts

@@ -9,7 +9,9 @@ export interface DatePickerRef {
      */
     dom: HTMLDivElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>> & "DatePicker";
+declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
  * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.

package/esm/form/form-item.js

@@ -11,9 +11,12 @@ import { FormInternalComponentType } from './type';
 import { getErrorAndWarnings, isFieldRequired } from './utils';
 var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   _inheritsLoose(FormItemInner, _PureComponent);
+  // eslint-disable-next-line react/static-property-placement
+
   function FormItemInner(props, context) {
     var _this;
     _this = _PureComponent.call(this, props) || this;
+    _this.context = void 0;
     _this.destroyField = void 0;
     _this._errors = [];
     _this._touched = false;
@@ -127,8 +130,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
   };
   _proto.setFieldData = function setFieldData(value) {
     var field = this.props.field;
-    var _ref = this.context.form,
-      setFieldValue = _ref.setFieldValue;
+    var setFieldValue = this.context.form.setFieldValue;
     setFieldValue(field, value);
     this.validateField();
   };
@@ -156,8 +158,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
       _this$props4$triggerP = _this$props4.triggerPropsField,
       triggerPropsField = _this$props4$triggerP === void 0 ? 'value' : _this$props4$triggerP,
       displayType = _this$props4.displayType;
-    var _ref2 = this.context.form,
-      getFieldValue = _ref2.getFieldValue;
+    var getFieldValue = this.context.form.getFieldValue;
     var props = (_props = {}, _props[triggerPropsField] = getFieldValue(field), _props.disabled = this.props.disabled, _props);
     var childrenType = displayType || ((_children$type = children.type) == null ? void 0 : _children$type.displayName);
     switch (childrenType) {

package/esm/form/type.d.ts

@@ -155,6 +155,11 @@ export interface IFormInstance {
      * @en Reset fields
      */
     resetFields: () => void;
+    /**
+     * 设置单个表单项值
+     * @en Set field value
+     */
+    setFieldValue: (name: string, value: FieldValue) => boolean;
     /**
      * 设置多个表单项值
      * @en Set multiple field value

package/esm/image-picker/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { ImagePickerProps, ImagePickerRef } from './type';
 export * from './type';
-declare const _default: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<ImagePickerRef>> & "ImagePicker";
+declare const _default: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<ImagePickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 图片选择器组件
  * @en ImagePicker Component

package/esm/input/index.d.ts

@@ -45,7 +45,9 @@ export interface InputRef {
      */
     input: HTMLInputElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & "Input";
+declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 输入框组件，支持添加前后缀。
  * @en The input box, supports adding prefixes and suffixes.

package/esm/picker/index.d.ts

@@ -35,7 +35,9 @@ export interface PickerRef {
      */
     scrollToCurrentIndex: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>> & "Picker";
+declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 选择器组件，形式是弹起的浮层。
  * @en The selector component, in the form of a popup layer.

package/esm/picker-view/index.d.ts

@@ -42,7 +42,9 @@ export interface PickerViewRef {
      */
     scrollToCurrentIndex: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>> & "PickerView";
+declare const _default: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
  * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.

package/esm/radio/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & "RadioGroup";
+    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & {
+        displayName?: string | undefined;
+    };
 } & {
-    displayName: string;
+    displayName?: string | undefined;
 };
 /**
  * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。

package/esm/rate/index.d.ts

@@ -94,7 +94,9 @@ export interface RateRef {
      */
     dom: HTMLDivElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> & "Rate";
+declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 评分组件，支持受控模式
  * @en Rate component, supports controlled mode

package/esm/slider/index.d.ts

@@ -138,7 +138,9 @@ export interface SliderRef {
      */
     dom: HTMLDivElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>> & "Slider";
+declare const _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 滑动型输入器，展示当前值和可选范围。
  * @en Slide input component, displays the current value and optional range.

package/esm/stepper/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { StepperProps, StepperRef } from './type';
 export * from './type';
-declare const _default: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>> & "Stepper";
+declare const _default: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 步进器组件，支持受控模式
  * @en Stepper component, provide controlled mode

package/esm/switch/index.d.ts

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

package/esm/textarea/index.d.ts

@@ -81,7 +81,9 @@ export interface TextareaRef {
      */
     resize: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>> & "Textarea";
+declare const _default: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.

package/esm/textarea/index.js

@@ -45,7 +45,7 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     // 默认为过滤换行后的字符长度
     // @en The default is the character length after filtering newlines
-    var validValue = inputValue.replace(/\n/g, '');
+    var validValue = (inputValue || '').replace(/\n/g, '');
     return validValue ? String(validValue).length : 0;
   }, [inputValue, statisticsLengthCaculator]);
   var exceed = maxValueLength ? currentValueLength > maxValueLength : false;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-design/mobile-react",
-    "version": "2.25.0",
+    "version": "2.25.2",
     "description": "",
     "main": "cjs/index.js",
     "module": "esm/index.js",
@@ -15,7 +15,7 @@
     "author": "taoyiyue@bytedance.com",
     "license": "ISC",
     "dependencies": {
-        "@arco-design/mobile-utils": "2.13.0",
+        "@arco-design/mobile-utils": "2.13.2",
         "@arco-design/transformable": "^1.0.0",
         "lodash.throttle": "^4.1.1",
         "resize-observer-polyfill": "^1.5.1"
@@ -35,5 +35,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fc2a622794d8ca20215086267ee88083bf48f59f"
+    "gitHead": "181b8d60014ef9b1992c9011c8be3ab7c7f08f2e"
 }

package/umd/checkbox/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").CheckboxGroupProps<string | number, import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & import("react").RefAttributes<import("./type").CheckboxGroupRef>> & "CheckboxGroup";
+    Group: import("react").ForwardRefExoticComponent<import("./type").CheckboxGroupProps<string | number, import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & import("react").RefAttributes<import("./type").CheckboxGroupRef>> & {
+        displayName?: string | undefined;
+    };
 } & {
-    displayName: string;
+    displayName?: string | undefined;
 };
 /**
  * 复选框，可用状态下点击切换选择，支持禁用，支持复选项组。

package/umd/checkbox/index.js

@@ -26,7 +26,7 @@
    * 复选项组
    * @en Checkbox group
    * @displayName CheckboxGroup
-   *  */
+   */
   var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_checkbox.Checkbox), 'CheckboxGroup');
 
   /**

package/umd/date-picker/index.d.ts

@@ -9,7 +9,9 @@ export interface DatePickerRef {
      */
     dom: HTMLDivElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>> & "DatePicker";
+declare const _default: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 日期时间选择器，基于`Picker`组件扩展，支持指定范围，单位可精确到秒。
  * @en Date picker, based on the `Picker` component, supports the specified range, the unit can be accurate to seconds.

package/umd/form/form-item.js

@@ -25,9 +25,12 @@
   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 FormItemInner = /*#__PURE__*/function (_PureComponent) {
     (0, _inheritsLoose2.default)(FormItemInner, _PureComponent);
+    // eslint-disable-next-line react/static-property-placement
+
     function FormItemInner(props, context) {
       var _this;
       _this = _PureComponent.call(this, props) || this;
+      _this.context = void 0;
       _this.destroyField = void 0;
       _this._errors = [];
       _this._touched = false;
@@ -141,8 +144,7 @@
     };
     _proto.setFieldData = function setFieldData(value) {
       var field = this.props.field;
-      var _ref = this.context.form,
-        setFieldValue = _ref.setFieldValue;
+      var setFieldValue = this.context.form.setFieldValue;
       setFieldValue(field, value);
       this.validateField();
     };
@@ -170,8 +172,7 @@
         _this$props4$triggerP = _this$props4.triggerPropsField,
         triggerPropsField = _this$props4$triggerP === void 0 ? 'value' : _this$props4$triggerP,
         displayType = _this$props4.displayType;
-      var _ref2 = this.context.form,
-        getFieldValue = _ref2.getFieldValue;
+      var getFieldValue = this.context.form.getFieldValue;
       var props = (_props = {}, _props[triggerPropsField] = getFieldValue(field), _props.disabled = this.props.disabled, _props);
       var childrenType = displayType || ((_children$type = children.type) == null ? void 0 : _children$type.displayName);
       switch (childrenType) {

package/umd/form/type.d.ts

@@ -155,6 +155,11 @@ export interface IFormInstance {
      * @en Reset fields
      */
     resetFields: () => void;
+    /**
+     * 设置单个表单项值
+     * @en Set field value
+     */
+    setFieldValue: (name: string, value: FieldValue) => boolean;
     /**
      * 设置多个表单项值
      * @en Set multiple field value

package/umd/image-picker/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { ImagePickerProps, ImagePickerRef } from './type';
 export * from './type';
-declare const _default: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<ImagePickerRef>> & "ImagePicker";
+declare const _default: React.ForwardRefExoticComponent<ImagePickerProps & React.RefAttributes<ImagePickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 图片选择器组件
  * @en ImagePicker Component

package/umd/input/index.d.ts

@@ -45,7 +45,9 @@ export interface InputRef {
      */
     input: HTMLInputElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & "Input";
+declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 输入框组件，支持添加前后缀。
  * @en The input box, supports adding prefixes and suffixes.

package/umd/picker/index.d.ts

@@ -35,7 +35,9 @@ export interface PickerRef {
      */
     scrollToCurrentIndex: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>> & "Picker";
+declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 选择器组件，形式是弹起的浮层。
  * @en The selector component, in the form of a popup layer.

package/umd/picker-view/index.d.ts

@@ -42,7 +42,9 @@ export interface PickerViewRef {
      */
     scrollToCurrentIndex: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>> & "PickerView";
+declare const _default: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
  * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.

package/umd/radio/index.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & "RadioGroup";
+    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & {
+        displayName?: string | undefined;
+    };
 } & {
-    displayName: string;
+    displayName?: string | undefined;
 };
 /**
  * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。

package/umd/rate/index.d.ts

@@ -94,7 +94,9 @@ export interface RateRef {
      */
     dom: HTMLDivElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> & "Rate";
+declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 评分组件，支持受控模式
  * @en Rate component, supports controlled mode

package/umd/slider/index.d.ts

@@ -138,7 +138,9 @@ export interface SliderRef {
      */
     dom: HTMLDivElement | null;
 }
-declare const _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>> & "Slider";
+declare const _default: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 滑动型输入器，展示当前值和可选范围。
  * @en Slide input component, displays the current value and optional range.

package/umd/stepper/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { StepperProps, StepperRef } from './type';
 export * from './type';
-declare const _default: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>> & "Stepper";
+declare const _default: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<StepperRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 步进器组件，支持受控模式
  * @en Stepper component, provide controlled mode

package/umd/switch/index.d.ts

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

package/umd/textarea/index.d.ts

@@ -81,7 +81,9 @@ export interface TextareaRef {
      */
     resize: () => void;
 }
-declare const _default: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>> & "Textarea";
+declare const _default: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>> & {
+    displayName?: string | undefined;
+};
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.

package/umd/textarea/index.js

@@ -62,7 +62,7 @@
       }
       // 默认为过滤换行后的字符长度
       // @en The default is the character length after filtering newlines
-      var validValue = inputValue.replace(/\n/g, '');
+      var validValue = (inputValue || '').replace(/\n/g, '');
       return validValue ? String(validValue).length : 0;
     }, [inputValue, statisticsLengthCaculator]);
     var exceed = maxValueLength ? currentValueLength > maxValueLength : false;