mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
43 lines • 1.53 kB
JavaScript
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["min", "max", "marks", "step", "ticks", "range", "icon", "sliderProps", "className", "required"];
import { Slider } 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-slider");
var BizFormItemSlider = function BizFormItemSlider(_ref) {
var min = _ref.min,
max = _ref.max,
marks = _ref.marks,
step = _ref.step,
ticks = _ref.ticks,
range = _ref.range,
icon = _ref.icon,
sliderProps = _ref.sliderProps,
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),
required: required,
rules: [{
required: required,
message: locale.form.common.selectRequired
}]
}, restProps), /*#__PURE__*/React.createElement(Slider, _objectSpread({
min: min,
max: max,
marks: marks,
step: step,
ticks: ticks,
range: range,
icon: icon
}, sliderProps)));
};
export default BizFormItemSlider;