fastlion-amis
Version:
一种MIS页面生成工具
50 lines (49 loc) • 2.46 kB
JavaScript
;
/**
* @file Range
* @description
* @author fex
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.Range = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var react_input_range_1 = tslib_1.__importDefault(require("react-input-range"));
var uncontrollable_1 = require("uncontrollable");
var theme_1 = require("../theme");
var Range = /** @class */ (function (_super) {
tslib_1.__extends(Range, _super);
function Range() {
return _super !== null && _super.apply(this, arguments) || this;
}
Range.prototype.render = function () {
var _a = this.props, min = _a.min, max = _a.max, value = _a.value, className = _a.className, ns = _a.classPrefix, multiple = _a.multiple, formatLabel = _a.formatLabel;
var classNames = {
activeTrack: multiple
? "".concat(ns, "InputRange-track is-active")
: "".concat(ns, "InputRange-track"),
disabledInputRange: "".concat(ns, "InputRange is-disabled"),
inputRange: "".concat(ns, "InputRange"),
labelContainer: "".concat(ns, "InputRange-labelContainer"),
maxLabel: "".concat(ns, "InputRange-label ").concat(ns, "InputRange-label--max"),
minLabel: "".concat(ns, "InputRange-label ").concat(ns, "InputRange-label--min"),
slider: "".concat(ns, "InputRange-slider"),
sliderContainer: "".concat(ns, "InputRange-sliderContainer"),
track: "".concat(ns, "InputRange-track ").concat(ns, "InputRange-track--background"),
valueLabel: "".concat(ns, "InputRange-label ").concat(ns, "InputRange-label--value")
};
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(react_input_range_1.default, tslib_1.__assign({}, this.props, { classNames: classNames, minValue: min, maxValue: max, value: value })),
formatLabel && react_1.default.createElement("span", { className: "".concat(ns, "InputRange-value") }, formatLabel(value))));
};
Range.defaultProps = {
min: 1,
max: 100
};
return Range;
}(react_1.default.Component));
exports.Range = Range;
exports.default = (0, theme_1.themeable)((0, uncontrollable_1.uncontrollable)(Range, {
value: 'onChange'
}));
//# sourceMappingURL=./components/Range.js.map