import React from 'react';
import { InputNumber } from 'antd';
/**
 * PisellPercent 禁用态视图组件
 * 
 * 负责渲染禁用态的输入框
 * 
 * @param props 组件 Props
 */
var DisabledView = function DisabledView(props) {
  var value = props.value,
    _props$showPercentSym = props.showPercentSymbol,
    showPercentSymbol = _props$showPercentSym === void 0 ? true : _props$showPercentSym,
    _props$precision = props.precision,
    precision = _props$precision === void 0 ? 1 : _props$precision,
    _props$range = props.range,
    range = _props$range === void 0 ? [0, 100] : _props$range,
    _props$min = props.min,
    min = _props$min === void 0 ? range[0] : _props$min,
    _props$max = props.max,
    max = _props$max === void 0 ? range[1] : _props$max,
    step = props.step,
    placeholder = props.placeholder,
    size = props.size,
    controls = props.controls,
    className = props.className,
    style = props.style,
    id = props.id,
    name = props.name;
  var suffixNode = showPercentSymbol ? '%' : undefined;
  return /*#__PURE__*/React.createElement("div", {
    className: "pisell-percent pisell-percent-disabled ".concat(className || '')
  }, /*#__PURE__*/React.createElement(InputNumber, {
    disabled: true,
    value: value,
    min: min,
    max: max,
    step: step,
    precision: precision,
    suffix: suffixNode,
    placeholder: placeholder,
    size: size,
    controls: controls,
    style: style,
    id: id,
    name: name
  }));
};
export default DisabledView;