UNPKG

antd

Version:

An enterprise-class UI design language and React components implementation

95 lines (77 loc) 3.32 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var React = _interopRequireWildcard(require("react")); var _rcProgress = require("rc-progress"); var _classnames = _interopRequireDefault(require("classnames")); var _utils = require("./utils"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } var statusColorMap = { normal: '#108ee9', exception: '#ff5500', success: '#87d068' }; function getPercentage(_ref) { var percent = _ref.percent, successPercent = _ref.successPercent; var ptg = (0, _utils.validProgress)(percent); if (!successPercent) { return ptg; } var successPtg = (0, _utils.validProgress)(successPercent); return [successPercent, (0, _utils.validProgress)(ptg - successPtg)]; } function getStrokeColor(_ref2) { var progressStatus = _ref2.progressStatus, successPercent = _ref2.successPercent, strokeColor = _ref2.strokeColor; var color = strokeColor || statusColorMap[progressStatus]; if (!successPercent) { return color; } return [statusColorMap.success, color]; } var Circle = function Circle(props) { var prefixCls = props.prefixCls, width = props.width, strokeWidth = props.strokeWidth, trailColor = props.trailColor, strokeLinecap = props.strokeLinecap, gapPosition = props.gapPosition, gapDegree = props.gapDegree, type = props.type, children = props.children; var circleSize = width || 120; var circleStyle = { width: circleSize, height: circleSize, fontSize: circleSize * 0.15 + 6 }; var circleWidth = strokeWidth || 6; var gapPos = gapPosition || type === 'dashboard' && 'bottom' || 'top'; var gapDeg = gapDegree || (type === 'dashboard' ? 75 : undefined); var strokeColor = getStrokeColor(props); var isGradient = Object.prototype.toString.call(strokeColor) === '[object Object]'; var wrapperClassName = (0, _classnames["default"])("".concat(prefixCls, "-inner"), _defineProperty({}, "".concat(prefixCls, "-circle-gradient"), isGradient)); return React.createElement("div", { className: wrapperClassName, style: circleStyle }, React.createElement(_rcProgress.Circle, { percent: getPercentage(props), strokeWidth: circleWidth, trailWidth: circleWidth, strokeColor: strokeColor, strokeLinecap: strokeLinecap, trailColor: trailColor, prefixCls: prefixCls, gapDegree: gapDeg, gapPosition: gapPos }), children); }; var _default = Circle; exports["default"] = _default; //# sourceMappingURL=Circle.js.map