81 lines
1.9 KiB
Plaintext
81 lines
1.9 KiB
Plaintext
|
var utils = require('../common/utils.wxs');
|
|||
|
|
|
|||
|
|
var STATUS = ['success', 'error', 'warning'];
|
|||
|
|
var STATUS_TEXT = ['success', 'error', 'warning', 'active'];
|
|||
|
|
|
|||
|
|
var PRO_THEME = {
|
|||
|
|
LINE: 'line',
|
|||
|
|
PLUMP: 'plump',
|
|||
|
|
CIRCLE: 'circle',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var STATUS_COLOR = {
|
|||
|
|
success: '#00a870',
|
|||
|
|
error: '#e34d59',
|
|||
|
|
warning: '#ed7b2f',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var LINE_STATUS_ICON = {
|
|||
|
|
success: 'check-circle-filled',
|
|||
|
|
error: 'error-circle-filled',
|
|||
|
|
warning: 'error-circle-filled',
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
var 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) {
|
|||
|
|
var 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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
module.exports = {
|
|||
|
|
STATUS: STATUS,
|
|||
|
|
STATUS_TEXT: STATUS_TEXT,
|
|||
|
|
PRO_THEME: PRO_THEME,
|
|||
|
|
STATUS_COLOR: STATUS_COLOR,
|
|||
|
|
LINE_STATUS_ICON: LINE_STATUS_ICON,
|
|||
|
|
CIRCLE_STATUS_ICON: CIRCLE_STATUS_ICON,
|
|||
|
|
getAndroidAriaLabel: getAndroidAriaLabel,
|
|||
|
|
getIOSAriaLabel: getIOSAriaLabel,
|
|||
|
|
getCircleStyle: getCircleStyle,
|
|||
|
|
};
|