@arco-design/mobile-react 2.25.4 → 2.27.0

package/esm/ellipsis/index.js

@@ -5,7 +5,6 @@ import { isSupportWebkitLineClamp } from './utils/is';
 import JsEllipsis from './components/js-ellipsis';
 import NativeEllipsis from './components/native-ellipsis';
 export * from './type';
-
 /**
  * 文本缩略组件，支持多行缩略、富文本、自定义缩略符、尾字符过滤等。
  * @en Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc.
@@ -14,32 +13,34 @@ export * from './type';
  * @name 文本缩略
  * @name_en Ellipsis
  */
+
 var Ellipsis = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-    text = props.text,
-    dangerouslyUseInnerHTML = props.dangerouslyUseInnerHTML,
-    _props$maxLine = props.maxLine,
-    maxLine = _props$maxLine === void 0 ? 1 : _props$maxLine,
-    maxHeight = props.maxHeight,
-    _props$ellipsis = props.ellipsis,
-    ellipsis = _props$ellipsis === void 0 ? true : _props$ellipsis,
-    _props$ellipsisNode = props.ellipsisNode,
-    ellipsisNode = _props$ellipsisNode === void 0 ? '...' : _props$ellipsisNode,
-    _props$collapseNode = props.collapseNode,
-    collapseNode = _props$collapseNode === void 0 ? '' : _props$collapseNode,
-    endExcludes = props.endExcludes,
-    _props$reflowOnResize = props.reflowOnResize,
-    reflowOnResize = _props$reflowOnResize === void 0 ? false : _props$reflowOnResize,
-    _props$floatEllipsisN = props.floatEllipsisNode,
-    floatEllipsisNode = _props$floatEllipsisN === void 0 ? false : _props$floatEllipsisN,
-    onReflow = props.onReflow,
-    onCollapseNodeClick = props.onCollapseNodeClick,
-    onEllipsisNodeClick = props.onEllipsisNodeClick;
+      text = props.text,
+      dangerouslyUseInnerHTML = props.dangerouslyUseInnerHTML,
+      _props$maxLine = props.maxLine,
+      maxLine = _props$maxLine === void 0 ? 1 : _props$maxLine,
+      maxHeight = props.maxHeight,
+      _props$ellipsis = props.ellipsis,
+      ellipsis = _props$ellipsis === void 0 ? true : _props$ellipsis,
+      _props$ellipsisNode = props.ellipsisNode,
+      ellipsisNode = _props$ellipsisNode === void 0 ? '...' : _props$ellipsisNode,
+      _props$collapseNode = props.collapseNode,
+      collapseNode = _props$collapseNode === void 0 ? '' : _props$collapseNode,
+      endExcludes = props.endExcludes,
+      _props$reflowOnResize = props.reflowOnResize,
+      reflowOnResize = _props$reflowOnResize === void 0 ? false : _props$reflowOnResize,
+      _props$floatEllipsisN = props.floatEllipsisNode,
+      floatEllipsisNode = _props$floatEllipsisN === void 0 ? false : _props$floatEllipsisN,
+      onReflow = props.onReflow,
+      onCollapseNodeClick = props.onCollapseNodeClick,
+      onEllipsisNodeClick = props.onEllipsisNodeClick;
   var domRef = useRef(null);
   var jsEllipsisRef = useRef(null);
   var useNativeEllipsis = isSupportWebkitLineClamp() && maxHeight === void 0 && (!endExcludes || endExcludes.length === 0) && !onReflow && (floatEllipsisNode || ellipsisNode === '...' && !onEllipsisNodeClick);
   useImperativeHandle(ref, function () {
     var _jsEllipsisRef$curren;
+
     return {
       dom: domRef.current,
       reflow: jsEllipsisRef == null ? void 0 : (_jsEllipsisRef$curren = jsEllipsisRef.current) == null ? void 0 : _jsEllipsisRef$curren.reflow

package/esm/ellipsis/utils/dom.js

@@ -1,6 +1,7 @@
 export function getLineHeight(element) {
   var style = window.getComputedStyle(element, null);
   var lineHeight = style.getPropertyValue('line-height');
+
   if (lineHeight === 'normal') {
     // Create a temp element to get line-height
     var dom = document.createElement('span');
@@ -13,24 +14,30 @@ export function getLineHeight(element) {
     element.removeChild(dom);
     return height;
   }
+
   return parseFloat(lineHeight);
 }
+
 function createSpan(text, className) {
   if (className === void 0) {
     className = '';
   }
+
   var span = document.createElement('span');
   span.className = className;
   span.textContent = text;
   return span;
 }
+
 export function wrapTextChildNodesWithSpan(node, className) {
   if (className === void 0) {
     className = '';
   }
+
   if (node.nodeType === Node.TEXT_NODE) {
     if (node.textContent) {
       var _node$parentNode;
+
       (_node$parentNode = node.parentNode) == null ? void 0 : _node$parentNode.replaceChild(createSpan(node.textContent, className), node);
     }
   } else {

package/esm/ellipsis/utils/is.js

@@ -1,8 +1,8 @@
 export var isBrowser = function isBrowser() {
   return typeof window !== 'undefined' && typeof document !== 'undefined';
 };
-
 /** Whether the environment support -webkit-line-clamp. */
+
 export var isSupportWebkitLineClamp = function isSupportWebkitLineClamp() {
   return isBrowser() && typeof document.body.style.webkitLineClamp !== 'undefined';
 };

package/esm/form/form-item.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
 var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requiredIcon", "rules", "className"];
+
 /* eslint-disable react/no-unused-class-component-methods */
 import React, { forwardRef, PureComponent, useContext, useImperativeHandle, useRef, useState } from 'react';
 import { cls, Validator, ValidatorType } from '@arco-design/mobile-utils';
@@ -9,66 +10,93 @@ import { FormItemContext } from './form-item-context';
 import { GlobalContext } from '../context-provider';
 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
 
+  // 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;
+
     _this.innerTriggerFunction = function (_, value) {
       var _children$props;
+
       _this.setFieldData(value);
+
       var _this$props = _this.props,
-        children = _this$props.children,
-        trigger = _this$props.trigger;
+          children = _this$props.children,
+          _this$props$trigger = _this$props.trigger,
+          trigger = _this$props$trigger === void 0 ? 'onChange' : _this$props$trigger;
+
       if (trigger && (_children$props = children.props) != null && _children$props[trigger]) {
         var _children$props2;
+
         for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
           args[_key - 2] = arguments[_key];
         }
+
         (_children$props2 = children.props) == null ? void 0 : _children$props2[trigger].apply(_children$props2, [_, value].concat(args));
       }
     };
+
     _this.innerTriggerFunctionWithValueFirst = function (value) {
       var _children$props3;
+
       _this.setFieldData(value);
+
       var _this$props2 = _this.props,
-        children = _this$props2.children,
-        trigger = _this$props2.trigger;
+          children = _this$props2.children,
+          _this$props2$trigger = _this$props2.trigger,
+          trigger = _this$props2$trigger === void 0 ? 'onChange' : _this$props2$trigger;
+
       if (trigger && (_children$props3 = children.props) != null && _children$props3[trigger]) {
         var _children$props4;
+
         for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
           args[_key2 - 1] = arguments[_key2];
         }
+
         (_children$props4 = children.props) == null ? void 0 : _children$props4[trigger].apply(_children$props4, [value].concat(args));
       }
     };
+
     _this.destroyField = function () {};
+
     if (props != null && props.initialValue && props.field) {
       var _setInitialValues;
+
       var _context$form$getInte = context.form.getInternalHooks(),
-        setInitialValues = _context$form$getInte.setInitialValues;
+          setInitialValues = _context$form$getInte.setInitialValues;
+
       setInitialValues((_setInitialValues = {}, _setInitialValues[props.field] = props.initialValue, _setInitialValues));
     }
+
     return _this;
   }
+
   var _proto = FormItemInner.prototype;
+
   _proto.componentDidMount = function componentDidMount() {
     var _this$context$form$ge = this.context.form.getInternalHooks(),
-      registerField = _this$context$form$ge.registerField;
+        registerField = _this$context$form$ge.registerField;
+
     this.destroyField = registerField(this.props.field, this);
   };
+
   _proto.componentWillUnmount = function componentWillUnmount() {
     this.destroyField();
   };
+
   _proto.onValueChange = function onValueChange(preStore, curStore) {
     this._touched = true;
     var shouldUpdate = this.props.shouldUpdate;
+
     if (typeof shouldUpdate === 'function') {
       shouldUpdate({
         preStore: preStore,
@@ -76,35 +104,44 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
       }) && this.forceUpdate();
       return;
     }
+
     this.forceUpdate();
   };
+
   _proto.getFieldError = function getFieldError() {
     return this._errors;
   };
+
   _proto.isFieldTouched = function isFieldTouched() {
     return this._touched;
   };
+
   _proto.validateField = function validateField() {
     var _this2 = this;
+
     var validateMessages = this.context.validateMessages;
     var getFieldValue = this.context.form.getFieldValue;
     var _this$props3 = this.props,
-      field = _this$props3.field,
-      rules = _this$props3.rules,
-      onValidateStatusChange = _this$props3.onValidateStatusChange;
+        field = _this$props3.field,
+        rules = _this$props3.rules,
+        onValidateStatusChange = _this$props3.onValidateStatusChange;
     var value = getFieldValue(field);
+
     if (rules != null && rules.length && field) {
       var _Validator;
+
       var fieldDom = this.props.getFormItemRef();
       var fieldValidator = new Validator((_Validator = {}, _Validator[field] = rules, _Validator), {
         validateMessages: validateMessages
       });
       return new Promise(function (resolve) {
         var _fieldValidator$valid;
+
         fieldValidator.validate((_fieldValidator$valid = {}, _fieldValidator$valid[field] = value, _fieldValidator$valid), function (errorsMap) {
           var _getErrorAndWarnings = getErrorAndWarnings((errorsMap == null ? void 0 : errorsMap[field]) || []),
-            errors = _getErrorAndWarnings.errors,
-            warnings = _getErrorAndWarnings.warnings;
+              errors = _getErrorAndWarnings.errors,
+              warnings = _getErrorAndWarnings.warnings;
+
           _this2._errors = errors;
           onValidateStatusChange({
             errors: _this2._errors,
@@ -120,6 +157,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
         });
       });
     }
+
     return Promise.resolve({
       errors: [],
       warnings: [],
@@ -128,39 +166,48 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
       dom: null
     });
   };
+
   _proto.setFieldData = function setFieldData(value) {
     var field = this.props.field;
     var setFieldValue = this.context.form.setFieldValue;
     setFieldValue(field, value);
     this.validateField();
   };
+
   _proto.innerClearFunction = function innerClearFunction() {
     var _children$props5;
+
     var children = this.props.children;
     this.setFieldData('');
+
     if ((_children$props5 = children.props) != null && _children$props5.onClear) {
       var _children$props6;
+
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
         args[_key3] = arguments[_key3];
       }
+
       (_children$props6 = children.props) == null ? void 0 : _children$props6.onClear.apply(_children$props6, args);
     }
   };
+
   _proto.renderChildren = function renderChildren() {
     var _props,
-      _children$type,
-      _this3 = this;
+        _children$type,
+        _this3 = this;
+
     var _this$props4 = this.props,
-      children = _this$props4.children,
-      field = _this$props4.field,
-      _this$props4$trigger = _this$props4.trigger,
-      trigger = _this$props4$trigger === void 0 ? 'onChange' : _this$props4$trigger,
-      _this$props4$triggerP = _this$props4.triggerPropsField,
-      triggerPropsField = _this$props4$triggerP === void 0 ? 'value' : _this$props4$triggerP,
-      displayType = _this$props4.displayType;
+        children = _this$props4.children,
+        field = _this$props4.field,
+        _this$props4$trigger = _this$props4.trigger,
+        trigger = _this$props4$trigger === void 0 ? 'onChange' : _this$props4$trigger,
+        _this$props4$triggerP = _this$props4.triggerPropsField,
+        triggerPropsField = _this$props4$triggerP === void 0 ? 'value' : _this$props4$triggerP,
+        displayType = _this$props4.displayType;
     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) {
       case FormInternalComponentType.Input:
       case FormInternalComponentType.Textarea:
@@ -171,6 +218,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           disabled: this.props.disabled
         };
         break;
+
       case FormInternalComponentType.Checkbox:
       case FormInternalComponentType.Radio:
       case FormInternalComponentType.Slider:
@@ -182,6 +230,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           disabled: this.props.disabled
         };
         break;
+
       case FormInternalComponentType.DatePicker:
         props = {
           currentTs: getFieldValue(field),
@@ -189,6 +238,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           disabled: this.props.disabled
         };
         break;
+
       case FormInternalComponentType.Picker:
         props = {
           data: getFieldValue(field),
@@ -196,6 +246,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           disabled: this.props.disabled
         };
         break;
+
       case FormInternalComponentType.Switch:
         props = {
           checked: Boolean(getFieldValue(field)),
@@ -203,6 +254,7 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           disabled: this.props.disabled
         };
         break;
+
       case FormInternalComponentType.ImagePicker:
         props = {
           images: getFieldValue(field),
@@ -210,61 +262,79 @@ var FormItemInner = /*#__PURE__*/function (_PureComponent) {
           disabled: this.props.disabled
         };
         break;
+
       default:
-        var originTrigger = children.props[trigger];
-        // inject the validated result
+        var originTrigger = children.props[trigger]; // inject the validated result
+
         props.error = this._errors;
+
         props[trigger] = function (newValue) {
           _this3.setFieldData(newValue);
+
           for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
             args[_key4 - 1] = arguments[_key4];
           }
+
           originTrigger && originTrigger.apply(void 0, [newValue].concat(args));
         };
+
     }
+
     return /*#__PURE__*/React.cloneElement(children, props);
   };
+
   _proto.render = function render() {
     return this.renderChildren();
   };
+
   return FormItemInner;
 }(PureComponent);
+
 FormItemInner.contextType = FormItemContext;
 export default /*#__PURE__*/forwardRef(function (props, ref) {
   var _cls;
+
   var label = props.label,
-    field = props.field,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    itemLayout = props.layout,
-    style = props.style,
-    extra = props.extra,
-    requiredIcon = props.requiredIcon,
-    rules = props.rules,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+      field = props.field,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      itemLayout = props.layout,
+      style = props.style,
+      extra = props.extra,
+      requiredIcon = props.requiredIcon,
+      rules = props.rules,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      rest = _objectWithoutPropertiesLoose(props, _excluded);
+
   var _useContext = useContext(GlobalContext),
-    prefixCls = _useContext.prefixCls;
+      prefixCls = _useContext.prefixCls;
+
   var _useContext2 = useContext(FormItemContext),
-    layout = _useContext2.layout,
-    propsDisabled = _useContext2.disabled;
+      layout = _useContext2.layout,
+      propsDisabled = _useContext2.disabled;
+
   var _useState = useState(null),
-    errors = _useState[0],
-    setErrors = _useState[1];
+      errors = _useState[0],
+      setErrors = _useState[1];
+
   var _useState2 = useState([]),
-    warnings = _useState2[0],
-    setWarnings = _useState2[1];
+      warnings = _useState2[0],
+      setWarnings = _useState2[1];
+
   var formItemRef = useRef(null);
+
   var onValidateStatusChange = function onValidateStatusChange(validateResult) {
     var _errors = validateResult.errors,
-      _warnings = validateResult.warnings;
+        _warnings = validateResult.warnings;
     setErrors(_errors.length ? _errors[0] : null);
     setWarnings(_warnings);
   };
+
   var getFormItemRef = function getFormItemRef() {
     return formItemRef.current;
   };
+
   var fieldDisabled = disabled || propsDisabled;
   var fieldRules = rest != null && rest.required ? [{
     type: ValidatorType.String,

package/esm/form/index.js

@@ -9,23 +9,26 @@ export { default as useForm } from './useForm';
 export * from './type';
 var Form = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    style = props.style,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-    initialValues = props.initialValues,
-    formInstance = props.form,
-    children = props.children,
-    onValuesChange = props.onValuesChange,
-    onSubmit = props.onSubmit,
-    onSubmitFailed = props.onSubmitFailed,
-    disabled = props.disabled;
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+      initialValues = props.initialValues,
+      formInstance = props.form,
+      children = props.children,
+      onValuesChange = props.onValuesChange,
+      onSubmit = props.onSubmit,
+      onSubmitFailed = props.onSubmitFailed,
+      disabled = props.disabled;
   var domRef = useRef(null);
+
   var _useForm = useForm(formInstance),
-    form = _useForm[0];
+      form = _useForm[0];
+
   var _getInternalHooks = form.getInternalHooks(),
-    setCallbacks = _getInternalHooks.setCallbacks,
-    setInitialValues = _getInternalHooks.setInitialValues;
+      setCallbacks = _getInternalHooks.setCallbacks,
+      setInitialValues = _getInternalHooks.setInitialValues;
+
   setCallbacks({
     onValuesChange: onValuesChange,
     onSubmit: onSubmit,
@@ -47,8 +50,8 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? defaultLocale : _ref$locale;
+        _ref$locale = _ref.locale,
+        locale = _ref$locale === void 0 ? defaultLocale : _ref$locale;
     return /*#__PURE__*/React.createElement("form", {
       className: prefixCls + "-form " + className,
       style: style,
@@ -65,7 +68,6 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
     }, children));
   });
 });
-
 /**
  * 表单组件用于集合数据录入
  * @en Form, Form for collecting data input
@@ -74,6 +76,7 @@ var Form = /*#__PURE__*/forwardRef(function (props, ref) {
  * @name 表单
  * @name_en Form
  */
+
 export default componentWrapper(Form, {
   Item: Item
 });

package/esm/form/type.js

@@ -1,4 +1,5 @@
 export var FormInternalComponentType;
+
 (function (FormInternalComponentType) {
   FormInternalComponentType["Input"] = "Input";
   FormInternalComponentType["Textarea"] = "Textarea";
@@ -14,7 +15,9 @@ export var FormInternalComponentType;
   FormInternalComponentType["Rate"] = "Rate";
   FormInternalComponentType["Stepper"] = "Stepper";
 })(FormInternalComponentType || (FormInternalComponentType = {}));
+
 export var ValidateStatus;
+
 (function (ValidateStatus) {
   ValidateStatus["Init"] = "init";
   ValidateStatus["Error"] = "error";