import React from 'react';
import { getDisplayState } from '@pisell/utils';
import ReadOnlyView from "./components/ReadOnlyView";
import EditView from "./components/EditView";
import DisabledView from "./components/DisabledView";
import "./PisellPercent.less";

/**
 * PisellPercent 百分比组件
 * 
 * 基于 PisellNumber 派生，专门处理百分比数据。
 * 支持文本、进度条、环形进度三种展示变体。
 * 
 * @param props 组件 Props
 * 
 * @example
 * // 基础使用
 * const [value, setValue] = useState(85.5);
 * <PisellPercent 
 *   value={value}
 *   onChange={setValue}
 * />
 * 
 * @example
 * // 进度条展示
 * <PisellPercent 
 *   mode="read"
 *   value={75}
 *   variant="progress"
 * />
 * 
 * @example
 * // 滑块 + 输入框
 * <PisellPercent 
 *   value={value}
 *   onChange={setValue}
 *   showSlider
 * />
 */
export var PisellPercent = function PisellPercent(props) {
  var _props$mode = props.mode,
    mode = _props$mode === void 0 ? 'edit' : _props$mode,
    _props$disabled = props.disabled,
    disabled = _props$disabled === void 0 ? false : _props$disabled;

  // 计算显示状态
  var displayState = getDisplayState(mode, disabled);

  // 根据状态渲染对应子组件
  switch (displayState) {
    case 'read':
      return /*#__PURE__*/React.createElement(ReadOnlyView, props);
    case 'edit':
      return /*#__PURE__*/React.createElement(EditView, props);
    case 'disabled':
      return /*#__PURE__*/React.createElement(DisabledView, props);
    default:
      return null;
  }
};

// 性能优化
var MemoizedPisellPercent = /*#__PURE__*/React.memo(PisellPercent, function (prevProps, nextProps) {
  return prevProps.value === nextProps.value && prevProps.mode === nextProps.mode && prevProps.disabled === nextProps.disabled && prevProps.variant === nextProps.variant;
});
export default MemoizedPisellPercent;