progress.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _vue = require("vue");
  8. var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  10. var _initDefaultProps = _interopRequireDefault(require("../_util/props-util/initDefaultProps"));
  11. var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CloseOutlined"));
  12. var _CheckOutlined = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CheckOutlined"));
  13. var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CheckCircleFilled"));
  14. var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons-vue/lib/icons/CloseCircleFilled"));
  15. var _Line = _interopRequireDefault(require("./Line"));
  16. var _Circle = _interopRequireDefault(require("./Circle"));
  17. var _Steps = _interopRequireDefault(require("./Steps"));
  18. var _utils = require("./utils");
  19. var _useConfigInject2 = _interopRequireDefault(require("../_util/hooks/useConfigInject"));
  20. var _devWarning = _interopRequireDefault(require("../vc-util/devWarning"));
  21. var _props = require("./props");
  22. var _default2 = (0, _vue.defineComponent)({
  23. compatConfig: {
  24. MODE: 3
  25. },
  26. name: 'AProgress',
  27. props: (0, _initDefaultProps.default)((0, _props.progressProps)(), {
  28. type: 'line',
  29. percent: 0,
  30. showInfo: true,
  31. // null for different theme definition
  32. trailColor: null,
  33. size: 'default',
  34. strokeLinecap: 'round'
  35. }),
  36. slots: ['format'],
  37. setup: function setup(props, _ref) {
  38. var slots = _ref.slots;
  39. var _useConfigInject = (0, _useConfigInject2.default)('progress', props),
  40. prefixCls = _useConfigInject.prefixCls,
  41. direction = _useConfigInject.direction;
  42. (0, _devWarning.default)(props.successPercent == undefined, 'Progress', '`successPercent` is deprecated. Please use `success.percent` instead.');
  43. var classString = (0, _vue.computed)(function () {
  44. var _ref2;
  45. var type = props.type,
  46. showInfo = props.showInfo,
  47. size = props.size;
  48. var pre = prefixCls.value;
  49. return _ref2 = {}, (0, _defineProperty2.default)(_ref2, pre, true), (0, _defineProperty2.default)(_ref2, "".concat(pre, "-").concat(type === 'dashboard' && 'circle' || type), true), (0, _defineProperty2.default)(_ref2, "".concat(pre, "-show-info"), showInfo), (0, _defineProperty2.default)(_ref2, "".concat(pre, "-").concat(size), size), (0, _defineProperty2.default)(_ref2, "".concat(pre, "-rtl"), direction.value === 'rtl'), _ref2;
  50. });
  51. var percentNumber = (0, _vue.computed)(function () {
  52. var _props$percent = props.percent,
  53. percent = _props$percent === void 0 ? 0 : _props$percent;
  54. var successPercent = (0, _utils.getSuccessPercent)(props);
  55. return parseInt(successPercent !== undefined ? successPercent.toString() : percent.toString(), 10);
  56. });
  57. var progressStatus = (0, _vue.computed)(function () {
  58. var status = props.status;
  59. if (_props.progressStatuses.indexOf(status) < 0 && percentNumber.value >= 100) {
  60. return 'success';
  61. }
  62. return status || 'normal';
  63. });
  64. var renderProcessInfo = function renderProcessInfo() {
  65. var showInfo = props.showInfo,
  66. format = props.format,
  67. type = props.type,
  68. percent = props.percent,
  69. title = props.title;
  70. var successPercent = (0, _utils.getSuccessPercent)(props);
  71. if (!showInfo) return null;
  72. var text;
  73. var textFormatter = format || (slots === null || slots === void 0 ? void 0 : slots.format) || function (val) {
  74. return "".concat(val, "%");
  75. };
  76. var isLineType = type === 'line';
  77. if (format || slots !== null && slots !== void 0 && slots.format || progressStatus.value !== 'exception' && progressStatus.value !== 'success') {
  78. text = textFormatter((0, _utils.validProgress)(percent), (0, _utils.validProgress)(successPercent));
  79. } else if (progressStatus.value === 'exception') {
  80. text = isLineType ? (0, _vue.createVNode)(_CloseCircleFilled.default, null, null) : (0, _vue.createVNode)(_CloseOutlined.default, null, null);
  81. } else if (progressStatus.value === 'success') {
  82. text = isLineType ? (0, _vue.createVNode)(_CheckCircleFilled.default, null, null) : (0, _vue.createVNode)(_CheckOutlined.default, null, null);
  83. }
  84. return (0, _vue.createVNode)("span", {
  85. "class": "".concat(prefixCls.value, "-text"),
  86. "title": title === undefined && typeof text === 'string' ? text : undefined
  87. }, [text]);
  88. };
  89. return function () {
  90. var type = props.type,
  91. steps = props.steps,
  92. strokeColor = props.strokeColor,
  93. title = props.title;
  94. var progressInfo = renderProcessInfo();
  95. var progress;
  96. // Render progress shape
  97. if (type === 'line') {
  98. progress = steps ? (0, _vue.createVNode)(_Steps.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
  99. "strokeColor": typeof strokeColor === 'string' ? strokeColor : undefined,
  100. "prefixCls": prefixCls.value,
  101. "steps": steps
  102. }), {
  103. default: function _default() {
  104. return [progressInfo];
  105. }
  106. }) : (0, _vue.createVNode)(_Line.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
  107. "prefixCls": prefixCls.value
  108. }), {
  109. default: function _default() {
  110. return [progressInfo];
  111. }
  112. });
  113. } else if (type === 'circle' || type === 'dashboard') {
  114. progress = (0, _vue.createVNode)(_Circle.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
  115. "prefixCls": prefixCls.value
  116. }), {
  117. default: function _default() {
  118. return [progressInfo];
  119. }
  120. });
  121. }
  122. var classNames = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, classString.value), {}, (0, _defineProperty2.default)({}, "".concat(prefixCls.value, "-status-").concat(progressStatus.value), true));
  123. return (0, _vue.createVNode)("div", {
  124. "class": classNames,
  125. "title": title
  126. }, [progress]);
  127. };
  128. }
  129. });
  130. exports.default = _default2;