press-ui/press-progress/computed.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

import { style } from '../common/utils/style';
import utils from '../common/utils/utils';

function pivotText(pivotText, percentage) {
  return pivotText || `${percentage}%`;
}

function rootStyle(data) {
  return style({
    height: data.strokeWidth ? utils.addUnit(data.strokeWidth) : '',
    background: data.trackColor,
  });
}

function portionStyle(data) {
  return style({
    background: data.inactive ? '#cacaca' : data.color,
    width: data.percentage ? `${data.percentage}%` : '',
  });
}

function pivotStyle(data) {
  return style({
    color: data.textColor,
    right: `${data.right}px`,
    background: data.pivotColor ? data.pivotColor : data.inactive ? '#cacaca' : data.color,
  });
}

export default {
  pivotText,
  rootStyle,
  portionStyle,
  pivotStyle,
};