mr-component/lib/components/MrSwitchCell/index.js

A library for Mr components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireWildcard(require("react"));
var _reactVant = require("react-vant");
var _excluded = ["label", "labelFontSize", "labelFontWeight", "labelFontColor", "checked", "defaultChecked", "onChange", "disabled", "activeColor", "inactiveColor", "size", "className", "style"];
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
// 业务开关单元格属性

var MrSwitchCell = function MrSwitchCell(props, ref) {
  var _props$label = props.label,
    label = _props$label === void 0 ? '' : _props$label,
    labelFontSize = props.labelFontSize,
    labelFontWeight = props.labelFontWeight,
    _props$labelFontColor = props.labelFontColor,
    labelFontColor = _props$labelFontColor === void 0 ? '#323232' : _props$labelFontColor,
    checked = props.checked,
    defaultChecked = props.defaultChecked,
    onChange = props.onChange,
    _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled,
    _props$activeColor = props.activeColor,
    activeColor = _props$activeColor === void 0 ? '#2c64e3' : _props$activeColor,
    _props$inactiveColor = props.inactiveColor,
    inactiveColor = _props$inactiveColor === void 0 ? '#9095b5' : _props$inactiveColor,
    _props$size = props.size,
    size = _props$size === void 0 ? 24 : _props$size,
    className = props.className,
    style = props.style,
    others = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
  var labelStyle = {
    fontSize: labelFontSize ? labelFontSize + "px" : undefined,
    fontWeight: labelFontWeight,
    color: labelFontColor || '#323232'
  };
  return /*#__PURE__*/_react["default"].createElement("div", {
    ref: ref,
    className: "mr-switch-cell" + (className ? " " + className : ''),
    style: style
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "mr-switch-cell-label",
    style: labelStyle
  }, label), /*#__PURE__*/_react["default"].createElement(_reactVant.Switch, (0, _extends2["default"])({
    checked: checked,
    defaultChecked: defaultChecked,
    onChange: onChange,
    disabled: disabled,
    className: "mr-switch-cell-switch",
    activeColor: activeColor,
    inactiveColor: inactiveColor,
    size: size
  }, others)));
};
var RefMrSwitchCell = /*#__PURE__*/(0, _react.forwardRef)(MrSwitchCell);
RefMrSwitchCell.displayName = 'MrSwitchCell';
var _default = exports["default"] = RefMrSwitchCell;