@arco-design/mobile-react 2.24.1 → 2.25.0

package/umd/ellipsis/components/native-ellipsis.js

@@ -14,22 +14,20 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireDefault(_react);
-
   function NativeEllipsis(_ref) {
     var prefixCls = _ref.prefixCls,
-        ellipsis = _ref.ellipsis,
-        dangerouslyUseInnerHTML = _ref.dangerouslyUseInnerHTML,
-        text = _ref.text,
-        maxLine = _ref.maxLine,
-        ellipsisNode = _ref.ellipsisNode,
-        _ref$collapseNode = _ref.collapseNode,
-        collapseNode = _ref$collapseNode === void 0 ? '' : _ref$collapseNode,
-        onEllipsisNodeClick = _ref.onEllipsisNodeClick,
-        onCollapseNodeClick = _ref.onCollapseNodeClick;
+      ellipsis = _ref.ellipsis,
+      dangerouslyUseInnerHTML = _ref.dangerouslyUseInnerHTML,
+      text = _ref.text,
+      maxLine = _ref.maxLine,
+      ellipsisNode = _ref.ellipsisNode,
+      _ref$collapseNode = _ref.collapseNode,
+      collapseNode = _ref$collapseNode === void 0 ? '' : _ref$collapseNode,
+      onEllipsisNodeClick = _ref.onEllipsisNodeClick,
+      onCollapseNodeClick = _ref.onCollapseNodeClick;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-native", {
         ellipsis: ellipsis
@@ -52,8 +50,6 @@
       className: (0, _mobileUtils.cls)(prefixCls + "-native-ellipsis-node")
     }, ellipsisNode) : null);
   }
-
   var _default = /*#__PURE__*/_react.default.memo(NativeEllipsis);
-
   _exports.default = _default;
 });

package/umd/ellipsis/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -27,11 +26,8 @@
     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 Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc.
@@ -42,31 +38,30 @@
    */
   var Ellipsis = /*#__PURE__*/(0, _react.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 = (0, _react.useRef)(null);
     var jsEllipsisRef = (0, _react.useRef)(null);
     var useNativeEllipsis = (0, _is.isSupportWebkitLineClamp)() && maxHeight === void 0 && (!endExcludes || endExcludes.length === 0) && !onReflow && (floatEllipsisNode || ellipsisNode === '...' && !onEllipsisNodeClick);
     (0, _react.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/umd/ellipsis/style/css/index.css

@@ -18,6 +18,9 @@
   background:  linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 20PX, #ffffff) ;
   padding-left:  20PX ;
 }
+.arco-ellipsis-js-content-text-pre {
+  white-space: pre-line;
+}
 .arco-ellipsis-js-content-ellipsis {
   display: none;
 }

package/umd/ellipsis/style/index.less

@@ -21,6 +21,10 @@
         .use-var(padding-left, ellipsis-float-ellipsis-node-padding-left);
     }
 
+    &-js-content-text-pre {
+        white-space: pre-line;
+    }
+    
     &-js-content-ellipsis {
         display: none;
     }

package/umd/ellipsis/utils/dom.js

@@ -16,11 +16,9 @@
   _exports.__esModule = true;
   _exports.getLineHeight = getLineHeight;
   _exports.wrapTextChildNodesWithSpan = wrapTextChildNodesWithSpan;
-
   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');
@@ -33,30 +31,24 @@
       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;
   }
-
   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/umd/ellipsis/utils/is.js

@@ -15,18 +15,14 @@
 
   _exports.__esModule = true;
   _exports.isSupportWebkitLineClamp = _exports.isBrowser = void 0;
-
   var isBrowser = function isBrowser() {
     return typeof window !== 'undefined' && typeof document !== 'undefined';
   };
-  /** Whether the environment support -webkit-line-clamp. */
-
 
+  /** Whether the environment support -webkit-line-clamp. */
   _exports.isBrowser = isBrowser;
-
   var isSupportWebkitLineClamp = function isSupportWebkitLineClamp() {
     return isBrowser() && typeof document.body.style.webkitLineClamp !== 'undefined';
   };
-
   _exports.isSupportWebkitLineClamp = isSupportWebkitLineClamp;
 });

package/umd/form/form-item-context.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IFormItemContext } from './type';
+export declare const FormItemContext: React.Context<IFormItemContext>;

package/umd/form/form-item-context.js

@@ -0,0 +1,25 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "./useForm"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("./useForm"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.useForm);
+    global.formItemContext = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _useForm) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+  _exports.__esModule = true;
+  _exports.FormItemContext = void 0;
+  _react = _interopRequireDefault(_react);
+  var FormItemContext = /*#__PURE__*/_react.default.createContext({
+    form: _useForm.defaultFormDataMethods,
+    layout: 'horizontal'
+  });
+  _exports.FormItemContext = FormItemContext;
+});

package/umd/form/form-item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormItemProps, FormItemRef } from './type';
+declare const _default: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<FormItemRef>>;
+export default _default;

package/umd/form/form-item.js

@@ -0,0 +1,322 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "@babel/runtime/helpers/inheritsLoose", "react", "@arco-design/mobile-utils", "./form-item-context", "../context-provider", "./type", "./utils"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("@babel/runtime/helpers/inheritsLoose"), require("react"), require("@arco-design/mobile-utils"), require("./form-item-context"), require("../context-provider"), require("./type"), require("./utils"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.inheritsLoose, global.react, global.mobileUtils, global.formItemContext, global.contextProvider, global.type, global.utils);
+    global.formItem = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _inheritsLoose2, _react, _mobileUtils, _formItemContext, _contextProvider, _type, _utils) {
+  "use strict";
+
+  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+  _exports.__esModule = true;
+  _exports.default = void 0;
+  _extends2 = _interopRequireDefault(_extends2);
+  _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
+  _inheritsLoose2 = _interopRequireDefault(_inheritsLoose2);
+  _react = _interopRequireWildcard(_react);
+  var _excluded = ["label", "field", "disabled", "layout", "style", "extra", "requiredIcon", "rules", "className"];
+  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 FormItemInner = /*#__PURE__*/function (_PureComponent) {
+    (0, _inheritsLoose2.default)(FormItemInner, _PureComponent);
+    function FormItemInner(props, context) {
+      var _this;
+      _this = _PureComponent.call(this, props) || this;
+      _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;
+        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;
+        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((_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;
+      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,
+          curStore: curStore
+        }) && 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;
+      var value = getFieldValue(field);
+      if (rules != null && rules.length && field) {
+        var _Validator;
+        var fieldDom = this.props.getFormItemRef();
+        var fieldValidator = new _mobileUtils.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 = (0, _utils.getErrorAndWarnings)((errorsMap == null ? void 0 : errorsMap[field]) || []),
+              errors = _getErrorAndWarnings.errors,
+              warnings = _getErrorAndWarnings.warnings;
+            _this2._errors = errors;
+            onValidateStatusChange({
+              errors: _this2._errors,
+              warnings: warnings
+            });
+            return resolve({
+              errors: _this2._errors,
+              warnings: warnings,
+              value: value,
+              field: field,
+              dom: fieldDom
+            });
+          });
+        });
+      }
+      return Promise.resolve({
+        errors: [],
+        warnings: [],
+        value: value,
+        field: field,
+        dom: null
+      });
+    };
+    _proto.setFieldData = function setFieldData(value) {
+      var field = this.props.field;
+      var _ref = this.context.form,
+        setFieldValue = _ref.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;
+      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;
+      var _ref2 = this.context.form,
+        getFieldValue = _ref2.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 _type.FormInternalComponentType.Input:
+        case _type.FormInternalComponentType.Textarea:
+          props = {
+            value: getFieldValue(field) || '',
+            onInput: this.innerTriggerFunction,
+            onClear: this.innerClearFunction,
+            disabled: this.props.disabled
+          };
+          break;
+        case _type.FormInternalComponentType.Checkbox:
+        case _type.FormInternalComponentType.Radio:
+        case _type.FormInternalComponentType.Slider:
+        case _type.FormInternalComponentType.RadioGroup:
+        case _type.FormInternalComponentType.CheckboxGroup:
+          props = {
+            value: getFieldValue(field),
+            onChange: this.innerTriggerFunctionWithValueFirst,
+            disabled: this.props.disabled
+          };
+          break;
+        case _type.FormInternalComponentType.DatePicker:
+          props = {
+            currentTs: getFieldValue(field),
+            onChange: this.innerTriggerFunction,
+            disabled: this.props.disabled
+          };
+          break;
+        case _type.FormInternalComponentType.Picker:
+          props = {
+            data: getFieldValue(field),
+            onPickerChange: this.innerTriggerFunction,
+            disabled: this.props.disabled
+          };
+          break;
+        case _type.FormInternalComponentType.Switch:
+          props = {
+            checked: Boolean(getFieldValue(field)),
+            onChange: this.innerTriggerFunctionWithValueFirst,
+            disabled: this.props.disabled
+          };
+          break;
+        case _type.FormInternalComponentType.ImagePicker:
+          props = {
+            images: getFieldValue(field),
+            onChange: this.innerTriggerFunctionWithValueFirst,
+            disabled: this.props.disabled
+          };
+          break;
+        default:
+          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.default.cloneElement(children, props);
+    };
+    _proto.render = function render() {
+      return this.renderChildren();
+    };
+    return FormItemInner;
+  }(_react.PureComponent);
+  FormItemInner.contextType = _formItemContext.FormItemContext;
+  var _default = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
+      prefixCls = _useContext.prefixCls;
+    var _useContext2 = (0, _react.useContext)(_formItemContext.FormItemContext),
+      layout = _useContext2.layout,
+      propsDisabled = _useContext2.disabled;
+    var _useState = (0, _react.useState)(null),
+      errors = _useState[0],
+      setErrors = _useState[1];
+    var _useState2 = (0, _react.useState)([]),
+      warnings = _useState2[0],
+      setWarnings = _useState2[1];
+    var formItemRef = (0, _react.useRef)(null);
+    var onValidateStatusChange = function onValidateStatusChange(validateResult) {
+      var _errors = validateResult.errors,
+        _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: _mobileUtils.ValidatorType.String,
+      required: true
+    }].concat(rules || []) : rules;
+    var isRequired = (0, _utils.isFieldRequired)(rules) || (rest == null ? void 0 : rest.required);
+    (0, _react.useImperativeHandle)(ref, function () {
+      return {
+        dom: formItemRef.current
+      };
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-form-item", prefixCls + "-form-item-" + (itemLayout || layout), className, (_cls = {
+        disabled: fieldDisabled
+      }, _cls[prefixCls + "-form-item-error"] = !!errors, _cls[prefixCls + "-form-item-warning"] = Boolean(!errors && warnings), _cls)),
+      style: style,
+      ref: formItemRef
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-form-label-item")
+    }, isRequired ? requiredIcon || /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-form-label-item-required-asterisk")
+    }, "*") : null, label), /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-form-item-control-wrapper")
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-form-item-control")
+    }, /*#__PURE__*/_react.default.createElement(FormItemInner, (0, _extends2.default)({}, rest, {
+      rules: fieldRules,
+      disabled: fieldDisabled,
+      field: field,
+      onValidateStatusChange: onValidateStatusChange,
+      getFormItemRef: getFormItemRef
+    }))), errors && /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-form-item-message " + prefixCls + "-form-item-error-message")
+    }, errors), (warnings || []).map(function (node, key) {
+      return typeof node === 'string' ? /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _mobileUtils.cls)(prefixCls + "-form-item-message " + prefixCls + "-form-item-warning-message"),
+        key: key
+      }, node) : node;
+    })), extra);
+  });
+  _exports.default = _default;
+});

package/umd/form/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FormProps, FormRef } from './type';
+export { default as useForm } from './useForm';
+export * from './type';
+declare const _default: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormRef>> & {
+    Item: React.ForwardRefExoticComponent<import("./type").FormItemProps & React.RefAttributes<import("./type").FormItemRef>>;
+};
+/**
+ * 表单组件用于集合数据录入
+ * @en Form, Form for collecting data input
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 表单
+ * @name_en Form
+ */
+export default _default;