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

A library for Mr components

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["label", "labelFontSize", "labelFontWeight", "labelFontColor", "checked", "defaultChecked", "onChange", "disabled", "activeColor", "inactiveColor", "size", "className", "style"];
import React, { forwardRef } from 'react';
import { Switch } from 'react-vant';

// 业务开关单元格属性

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 = _objectWithoutPropertiesLoose(props, _excluded);
  var labelStyle = {
    fontSize: labelFontSize ? labelFontSize + "px" : undefined,
    fontWeight: labelFontWeight,
    color: labelFontColor || '#323232'
  };
  return /*#__PURE__*/React.createElement("div", {
    ref: ref,
    className: "mr-switch-cell" + (className ? " " + className : ''),
    style: style
  }, /*#__PURE__*/React.createElement("div", {
    className: "mr-switch-cell-label",
    style: labelStyle
  }, label), /*#__PURE__*/React.createElement(Switch, _extends({
    checked: checked,
    defaultChecked: defaultChecked,
    onChange: onChange,
    disabled: disabled,
    className: "mr-switch-cell-switch",
    activeColor: activeColor,
    inactiveColor: inactiveColor,
    size: size
  }, others)));
};
var RefMrSwitchCell = /*#__PURE__*/forwardRef(MrSwitchCell);
RefMrSwitchCell.displayName = 'MrSwitchCell';
export default RefMrSwitchCell;