mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
43 lines • 1.6 kB
JavaScript
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["min", "max", "step", "digits", "allowEmpty", "stepperProps", "inputReadOnly", "className", "required"];
import { Stepper } from 'antd-mobile';
import classnames from 'classnames';
import * as React from 'react';
import { prefixClass } from '../../../config';
import BizFormItem from '../FormItem';
import { useConfig } from '../../BizConfigProvider';
import "./index.css";
var prefixCls = "".concat(prefixClass, "-form-item-stepper");
var BizFormItemStepper = function BizFormItemStepper(_ref) {
var min = _ref.min,
max = _ref.max,
step = _ref.step,
digits = _ref.digits,
allowEmpty = _ref.allowEmpty,
stepperProps = _ref.stepperProps,
inputReadOnly = _ref.inputReadOnly,
className = _ref.className,
required = _ref.required,
restProps = _objectWithoutProperties(_ref, _excluded);
var _useConfig = useConfig(),
locale = _useConfig.locale;
return /*#__PURE__*/React.createElement(BizFormItem, _objectSpread({
className: classnames(prefixCls, className),
arrow: false,
arrowIcon: false,
required: required,
rules: [{
required: required,
message: locale.form.common.inputRequired
}]
}, restProps), /*#__PURE__*/React.createElement(Stepper, _objectSpread({
min: min,
max: max,
step: step,
digits: digits,
allowEmpty: allowEmpty,
inputReadOnly: inputReadOnly
}, stepperProps)));
};
export default BizFormItemStepper;