mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
42 lines • 1.49 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
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 React from 'react';
import { formItemPrefixClass } from "../../../config";
import BizFormItem from "../FormItem";
import { useConfig } from "../../BizConfigProvider";
var prefixCls = "".concat(formItemPrefixClass, "-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, _extends({
className: classnames(prefixCls, className),
required: required,
rules: [{
required: required,
message: locale.form.common.selectRequired
}]
}, restProps), /*#__PURE__*/React.createElement(Slider, _extends({
min: min,
max: max,
marks: marks,
step: step,
ticks: ticks,
range: range,
icon: icon
}, sliderProps)));
};
export default BizFormItemSlider;