mr-component
Version:
A library for Mr components
70 lines • 2.82 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["value", "defaultValue", "placeholder", "type", "size", "disabled", "readOnly", "clearable", "maxLength", "showWordLimit", "label", "labelWidth", "leftIcon", "rightIcon", "required", "error", "errorMessage", "onChange", "onFocus", "onBlur", "onClear", "style", "className"];
import * as React from 'react';
import { forwardRef } from 'react';
import { Input } from 'react-vant';
var VantInput = function VantInput(props, ref) {
var value = props.value,
defaultValue = props.defaultValue,
_props$placeholder = props.placeholder,
placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
_props$type = props.type,
type = _props$type === void 0 ? 'text' : _props$type,
_props$size = props.size,
size = _props$size === void 0 ? 'normal' : _props$size,
_props$disabled = props.disabled,
disabled = _props$disabled === void 0 ? false : _props$disabled,
_props$readOnly = props.readOnly,
readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
_props$clearable = props.clearable,
clearable = _props$clearable === void 0 ? false : _props$clearable,
maxLength = props.maxLength,
_props$showWordLimit = props.showWordLimit,
showWordLimit = _props$showWordLimit === void 0 ? false : _props$showWordLimit,
label = props.label,
labelWidth = props.labelWidth,
leftIcon = props.leftIcon,
rightIcon = props.rightIcon,
_props$required = props.required,
required = _props$required === void 0 ? false : _props$required,
_props$error = props.error,
error = _props$error === void 0 ? false : _props$error,
errorMessage = props.errorMessage,
onChange = props.onChange,
onFocus = props.onFocus,
onBlur = props.onBlur,
onClear = props.onClear,
style = props.style,
className = props.className,
others = _objectWithoutPropertiesLoose(props, _excluded);
return /*#__PURE__*/React.createElement(Input, _extends({
ref: ref,
value: value,
defaultValue: defaultValue,
placeholder: placeholder,
type: type,
size: size,
disabled: disabled,
readOnly: readOnly,
clearable: clearable,
maxLength: maxLength,
showWordLimit: showWordLimit,
label: label,
labelWidth: labelWidth,
leftIcon: leftIcon,
rightIcon: rightIcon,
required: required,
error: error,
errorMessage: errorMessage,
onChange: onChange,
onFocus: onFocus,
onBlur: onBlur,
onClear: onClear,
style: style,
className: className
}, others));
};
var RefVantInput = /*#__PURE__*/forwardRef(VantInput);
RefVantInput.displayName = 'VantInput';
export default RefVantInput;