82 lines
1.8 KiB
JavaScript
82 lines
1.8 KiB
JavaScript
|
import utils from '../common/utils.wxs';
|
|||
|
|
|
|||
|
|
const STATUS = ['success', 'error', 'warning'];
|
|||
|
|
const STATUS_TEXT = ['success', 'error', 'warning', 'active'];
|
|||
|
|
|
|||
|
|
const PRO_THEME = {
|
|||
|
|
LINE: 'line',
|
|||
|
|
PLUMP: 'plump',
|
|||
|
|
CIRCLE: 'circle',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const STATUS_COLOR = {
|
|||
|
|
success: '#00a870',
|
|||
|
|
error: '#e34d59',
|
|||
|
|
warning: '#ed7b2f',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const LINE_STATUS_ICON = {
|
|||
|
|
success: 'check-circle-filled',
|
|||
|
|
error: 'error-circle-filled',
|
|||
|
|
warning: 'error-circle-filled',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
const CIRCLE_STATUS_ICON = {
|
|||
|
|
success: 'check',
|
|||
|
|
error: 'close',
|
|||
|
|
warning: 'error',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
*
|
|||
|
|
* 1. getIOSAriaLabel， getAndroidAriaLabel 两个函数的初衷是处理progress异常情况的文案识别。
|
|||
|
|
* 2. iOS可以识别%，而安卓不会识别%，如 80， iOS可以识别成 80%， 而安卓只会80，因此android部分做了一个% 拼接，后续看是否有更好的方案去解决。
|
|||
|
|
* 3. 安卓 talkback 版本为 8.1.0.278818032 ，只会读一次 80， 最新版本talkback 会读 80.0, 80。（目前也是一个痛点，啰嗦了）
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
function getIOSAriaLabel(status) {
|
|||
|
|
if (status === 'error') {
|
|||
|
|
return '进度失败';
|
|||
|
|
}
|
|||
|
|
if (status === 'warning') {
|
|||
|
|
return '进度异常';
|
|||
|
|
}
|
|||
|
|
return '';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getAndroidAriaLabel(status) {
|
|||
|
|
if (status === 'error') {
|
|||
|
|
return '%' + '，进度失败';
|
|||
|
|
}
|
|||
|
|
if (status === 'warning') {
|
|||
|
|
return '%' + '，进度异常';
|
|||
|
|
}
|
|||
|
|
return '%';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getCircleStyle(size, strokeWidth) {
|
|||
|
|
const styles = {
|
|||
|
|
'--td-progress-stroke-circle-width': utils.addUnit(strokeWidth),
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if (!utils.includes(['default', 'micro'], size)) {
|
|||
|
|
styles['--td-progress-circle-width'] = utils.addUnit(size);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return utils._style(styles);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export {
|
|||
|
|
STATUS,
|
|||
|
|
STATUS_TEXT,
|
|||
|
|
PRO_THEME,
|
|||
|
|
|
|||
|
|
STATUS_COLOR,
|
|||
|
|
LINE_STATUS_ICON,
|
|||
|
|
CIRCLE_STATUS_ICON,
|
|||
|
|
getAndroidAriaLabel,
|
|||
|
|
getIOSAriaLabel,
|
|||
|
|
getCircleStyle,
|
|||
|
|
};
|