899 lines
24 KiB
JavaScript
899 lines
24 KiB
JavaScript
// #ifdef APP-PLUS
|
||
import componentConfig from '@/config/componentConfig';
|
||
const platform = uni.getSystemInfoSync().platform;
|
||
// 主颜色
|
||
const $mainColor = componentConfig.appUpdateColor
|
||
? componentConfig.appUpdateColor
|
||
: 'FF5B78';
|
||
// 弹窗图标url
|
||
const $iconUrl = componentConfig.appUpdateIcon
|
||
? componentConfig.appUpdateIcon
|
||
: '../static/ic_ar.png';
|
||
|
||
// 获取当前应用的版本号
|
||
export const getCurrentNo = function (callback) {
|
||
// 获取本地应用资源版本号
|
||
plus.runtime.getProperty(plus.runtime.appid, function (inf) {
|
||
callback &&
|
||
callback({
|
||
versionCode: inf.versionCode,
|
||
versionName: inf.version,
|
||
});
|
||
});
|
||
};
|
||
// 从服务器下载应用资源包（wgt文件）
|
||
const getDownload = function (data) {
|
||
let dtask;
|
||
if (data.updateType == 'forcibly' || data.updateType == 'solicit') {
|
||
let popupData = {
|
||
progress: true,
|
||
buttonNum: 2,
|
||
};
|
||
if (data.updateType == 'forcibly') {
|
||
popupData.buttonNum = 0;
|
||
}
|
||
let lastProgressValue = 0;
|
||
let popupObj = downloadPopup(popupData);
|
||
dtask = plus.downloader.createDownload(
|
||
data.downloadUrl,
|
||
{
|
||
filename: '_doc/update/',
|
||
},
|
||
function (download, status) {
|
||
if (status == 200) {
|
||
popupObj.change({
|
||
progressValue: 100,
|
||
progressTip: '正在安装文件...',
|
||
progress: true,
|
||
buttonNum: 0,
|
||
});
|
||
plus.runtime.install(
|
||
download.filename,
|
||
{},
|
||
function () {
|
||
popupObj.change({
|
||
contentText: '应用资源更新完成！',
|
||
buttonNum: 1,
|
||
progress: false,
|
||
});
|
||
},
|
||
function (e) {
|
||
popupObj.cancel();
|
||
plus.nativeUI.alert('安装文件失败[' + e.code + ']：' + e.message);
|
||
}
|
||
);
|
||
} else {
|
||
popupObj.change({
|
||
contentText: '文件下载失败...',
|
||
buttonNum: 1,
|
||
progress: false,
|
||
});
|
||
}
|
||
}
|
||
);
|
||
dtask.start();
|
||
dtask.addEventListener('statechanged', function (task, status) {
|
||
switch (task.state) {
|
||
case 1: // 开始
|
||
popupObj.change({
|
||
progressValue: 0,
|
||
progressTip: '准备下载...',
|
||
progress: true,
|
||
});
|
||
break;
|
||
case 2: // 已连接到服务器
|
||
popupObj.change({
|
||
progressValue: 0,
|
||
progressTip: '开始下载...',
|
||
progress: true,
|
||
});
|
||
break;
|
||
case 3:
|
||
const progress = parseInt(
|
||
(task.downloadedSize / task.totalSize) * 100
|
||
);
|
||
if (progress - lastProgressValue >= 2) {
|
||
lastProgressValue = progress;
|
||
popupObj.change({
|
||
progressValue: progress,
|
||
progressTip: '已下载' + progress + '%',
|
||
progress: true,
|
||
});
|
||
}
|
||
break;
|
||
}
|
||
});
|
||
// 取消下载
|
||
popupObj.cancelDownload = function () {
|
||
dtask && dtask.abort();
|
||
uni.showToast({
|
||
title: '已取消下载',
|
||
icon: 'none',
|
||
});
|
||
};
|
||
// 重启APP
|
||
popupObj.reboot = function () {
|
||
plus.runtime.restart();
|
||
};
|
||
} else if (data.updateType == 'silent') {
|
||
dtask = plus.downloader.createDownload(
|
||
data.downloadUrl,
|
||
{
|
||
filename: '_doc/update/',
|
||
},
|
||
function (download, status) {
|
||
if (status == 200) {
|
||
plus.runtime.install(
|
||
download.filename,
|
||
{},
|
||
function () {
|
||
console.log('应用资源更新完成');
|
||
},
|
||
function (e) {
|
||
plus.nativeUI.alert('安装文件失败[' + e.code + ']：' + e.message);
|
||
}
|
||
);
|
||
} else {
|
||
plus.nativeUI.alert('文件下载失败...');
|
||
}
|
||
}
|
||
);
|
||
dtask.start();
|
||
}
|
||
};
|
||
// 文字换行
|
||
function drawtext(text, maxWidth) {
|
||
let textArr = text.split('');
|
||
let len = textArr.length;
|
||
// 上个节点
|
||
let previousNode = 0;
|
||
// 记录节点宽度
|
||
let nodeWidth = 0;
|
||
// 文本换行数组
|
||
let rowText = [];
|
||
// 如果是字母，侧保存长度
|
||
let letterWidth = 0;
|
||
// 汉字宽度
|
||
let chineseWidth = 14;
|
||
// otherFont宽度
|
||
let otherWidth = 7;
|
||
for (let i = 0; i < len; i++) {
|
||
if (/[\u4e00-\u9fa5]|[\uFE30-\uFFA0]/g.test(textArr[i])) {
|
||
if (letterWidth > 0) {
|
||
if (nodeWidth + chineseWidth + letterWidth * otherWidth > maxWidth) {
|
||
rowText.push({
|
||
type: 'text',
|
||
content: text.substring(previousNode, i),
|
||
});
|
||
previousNode = i;
|
||
nodeWidth = chineseWidth;
|
||
letterWidth = 0;
|
||
} else {
|
||
nodeWidth += chineseWidth + letterWidth * otherWidth;
|
||
letterWidth = 0;
|
||
}
|
||
} else {
|
||
if (nodeWidth + chineseWidth > maxWidth) {
|
||
rowText.push({
|
||
type: 'text',
|
||
content: text.substring(previousNode, i),
|
||
});
|
||
previousNode = i;
|
||
nodeWidth = chineseWidth;
|
||
} else {
|
||
nodeWidth += chineseWidth;
|
||
}
|
||
}
|
||
} else {
|
||
if (/\n/g.test(textArr[i])) {
|
||
rowText.push({
|
||
type: 'break',
|
||
content: text.substring(previousNode, i),
|
||
});
|
||
previousNode = i + 1;
|
||
nodeWidth = 0;
|
||
letterWidth = 0;
|
||
} else if (textArr[i] == '\\' && textArr[i + 1] == 'n') {
|
||
rowText.push({
|
||
type: 'break',
|
||
content: text.substring(previousNode, i),
|
||
});
|
||
previousNode = i + 2;
|
||
nodeWidth = 0;
|
||
letterWidth = 0;
|
||
} else if (/[a-zA-Z0-9]/g.test(textArr[i])) {
|
||
letterWidth += 1;
|
||
if (nodeWidth + letterWidth * otherWidth > maxWidth) {
|
||
rowText.push({
|
||
type: 'text',
|
||
content: text.substring(previousNode, i + 1 - letterWidth),
|
||
});
|
||
previousNode = i + 1 - letterWidth;
|
||
nodeWidth = letterWidth * otherWidth;
|
||
letterWidth = 0;
|
||
}
|
||
} else {
|
||
if (nodeWidth + otherWidth > maxWidth) {
|
||
rowText.push({
|
||
type: 'text',
|
||
content: text.substring(previousNode, i),
|
||
});
|
||
previousNode = i;
|
||
nodeWidth = otherWidth;
|
||
} else {
|
||
nodeWidth += otherWidth;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
if (previousNode < len) {
|
||
rowText.push({
|
||
type: 'text',
|
||
content: text.substring(previousNode, len),
|
||
});
|
||
}
|
||
return rowText;
|
||
}
|
||
// 是否更新弹窗
|
||
function updatePopup(data, callback) {
|
||
// 弹窗遮罩层
|
||
let maskLayer = new plus.nativeObj.View('maskLayer', {
|
||
//先创建遮罩层
|
||
top: '0px',
|
||
left: '0px',
|
||
height: '100%',
|
||
width: '100%',
|
||
backgroundColor: 'rgba(0,0,0,0.5)',
|
||
});
|
||
|
||
// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
|
||
const screenWidth = plus.screen.resolutionWidth;
|
||
const screenHeight = plus.screen.resolutionHeight;
|
||
//弹窗容器宽度
|
||
const popupViewWidth = screenWidth * 0.7;
|
||
// 弹窗容器的Padding
|
||
const viewContentPadding = 20;
|
||
// 弹窗容器的宽度
|
||
const viewContentWidth = parseInt(popupViewWidth - viewContentPadding * 2);
|
||
// 描述的列表
|
||
const descriptionList = drawtext(data.versionInfo, viewContentWidth);
|
||
// 弹窗容器高度
|
||
let popupViewHeight = 80 + 20 + 20 + 90 + 10;
|
||
|
||
let popupViewContentList = [
|
||
{
|
||
src: $iconUrl,
|
||
id: 'logo',
|
||
tag: 'img',
|
||
position: {
|
||
top: '0px',
|
||
left: (popupViewWidth - 124) / 2 + 'px',
|
||
width: '124px',
|
||
height: '80px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'title',
|
||
text: '发现新版本' + data.versionName,
|
||
textStyles: {
|
||
size: '18px',
|
||
color: '#333',
|
||
weight: 'bold',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
top: '90px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
];
|
||
const textHeight = 18;
|
||
let contentTop = 130;
|
||
descriptionList.forEach((item, index) => {
|
||
if (index > 0) {
|
||
popupViewHeight += textHeight;
|
||
contentTop += textHeight;
|
||
}
|
||
popupViewContentList.push({
|
||
tag: 'font',
|
||
id: 'content' + index + 1,
|
||
text: item.content,
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#666',
|
||
lineSpacing: '50%',
|
||
align: 'left',
|
||
},
|
||
position: {
|
||
top: contentTop + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: textHeight + 'px',
|
||
},
|
||
});
|
||
if (item.type == 'break') {
|
||
contentTop += 10;
|
||
popupViewHeight += 10;
|
||
}
|
||
});
|
||
|
||
if (data.updateType == 'forcibly') {
|
||
popupViewContentList.push({
|
||
tag: 'rect', //绘制底边按钮
|
||
rectStyles: {
|
||
radius: '6px',
|
||
color: $mainColor,
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
popupViewContentList.push({
|
||
tag: 'font',
|
||
id: 'confirmText',
|
||
text: '立即升级',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#FFF',
|
||
lineSpacing: '0%',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
} else {
|
||
// 绘制底边按钮
|
||
popupViewContentList.push({
|
||
tag: 'rect',
|
||
id: 'cancelBox',
|
||
rectStyles: {
|
||
radius: '3px',
|
||
borderColor: '#f1f1f1',
|
||
borderWidth: '1px',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
popupViewContentList.push({
|
||
tag: 'rect',
|
||
id: 'confirmBox',
|
||
rectStyles: {
|
||
radius: '3px',
|
||
color: $mainColor,
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left:
|
||
(viewContentWidth - viewContentPadding) / 2 +
|
||
viewContentPadding * 2 +
|
||
'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
popupViewContentList.push({
|
||
tag: 'font',
|
||
id: 'cancelText',
|
||
text: '暂不升级',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#666',
|
||
lineSpacing: '0%',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
popupViewContentList.push({
|
||
tag: 'font',
|
||
id: 'confirmText',
|
||
text: '立即升级',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#FFF',
|
||
lineSpacing: '0%',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left:
|
||
(viewContentWidth - viewContentPadding) / 2 +
|
||
viewContentPadding * 2 +
|
||
'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
}
|
||
// 弹窗内容
|
||
let popupView = new plus.nativeObj.View('popupView', {
|
||
//创建底部图标菜单
|
||
tag: 'rect',
|
||
top: (screenHeight - popupViewHeight) / 2 + 'px',
|
||
left: '15%',
|
||
height: popupViewHeight + 'px',
|
||
width: '70%',
|
||
});
|
||
// 绘制白色背景
|
||
popupView.drawRect(
|
||
{
|
||
color: '#FFFFFF',
|
||
radius: '8px',
|
||
},
|
||
{
|
||
top: '40px',
|
||
height: popupViewHeight - 40 + 'px',
|
||
}
|
||
);
|
||
|
||
popupView.draw(popupViewContentList);
|
||
popupView.addEventListener('click', function (e) {
|
||
let maxTop = popupViewHeight - viewContentPadding;
|
||
let maxLeft = popupViewWidth - viewContentPadding;
|
||
let buttonWidth = (viewContentWidth - viewContentPadding) / 2;
|
||
if (e.clientY > maxTop - 30 && e.clientY < maxTop) {
|
||
if (data.updateType == 'forcibly') {
|
||
if (e.clientX > viewContentPadding && e.clientX < maxLeft) {
|
||
// 立即升级
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
callback && callback();
|
||
}
|
||
} else {
|
||
// 暂不升级
|
||
if (
|
||
e.clientX > viewContentPadding &&
|
||
e.clientX < maxLeft - buttonWidth - viewContentPadding
|
||
) {
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
} else if (e.clientX > maxLeft - buttonWidth && e.clientX < maxLeft) {
|
||
// 立即升级
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
callback && callback();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
if (data.updateType == 'solicit') {
|
||
// 点击遮罩层
|
||
maskLayer.addEventListener('click', function () {
|
||
//处理遮罩层点击
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
});
|
||
}
|
||
// 显示弹窗
|
||
maskLayer.show();
|
||
popupView.show();
|
||
}
|
||
// 文件下载的弹窗绘图
|
||
function downloadPopupDrawing(data) {
|
||
// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
|
||
const screenWidth = plus.screen.resolutionWidth;
|
||
const screenHeight = plus.screen.resolutionHeight;
|
||
//弹窗容器宽度
|
||
const popupViewWidth = screenWidth * 0.7;
|
||
// 弹窗容器的Padding
|
||
const viewContentPadding = 20;
|
||
// 弹窗容器的宽度
|
||
const viewContentWidth = popupViewWidth - viewContentPadding * 2;
|
||
// 弹窗容器高度
|
||
let popupViewHeight = viewContentPadding * 3 + 60;
|
||
let progressTip = data.progressTip || '准备下载...';
|
||
let contentText = data.contentText || '正在为您更新，请耐心等待';
|
||
let elementList = [
|
||
{
|
||
tag: 'rect', //背景色
|
||
color: '#FFFFFF',
|
||
rectStyles: {
|
||
radius: '8px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'title',
|
||
text: '升级APP',
|
||
textStyles: {
|
||
size: '16px',
|
||
color: '#333',
|
||
weight: 'bold',
|
||
verticalAlign: 'middle',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
top: viewContentPadding + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'content',
|
||
text: contentText,
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#333',
|
||
verticalAlign: 'middle',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
top: viewContentPadding * 2 + 30 + 'px',
|
||
height: '20px',
|
||
},
|
||
},
|
||
];
|
||
// 是否有进度条
|
||
if (data.progress) {
|
||
popupViewHeight += viewContentPadding + 40;
|
||
elementList = elementList.concat([
|
||
{
|
||
tag: 'font',
|
||
id: 'progressValue',
|
||
text: progressTip,
|
||
textStyles: {
|
||
size: '14px',
|
||
color: $mainColor,
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
top: viewContentPadding * 4 + 20 + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'rect', //绘制进度条背景
|
||
id: 'progressBg',
|
||
rectStyles: {
|
||
radius: '4px',
|
||
borderColor: '#f1f1f1',
|
||
borderWidth: '1px',
|
||
},
|
||
position: {
|
||
top: viewContentPadding * 4 + 60 + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: '8px',
|
||
},
|
||
},
|
||
]);
|
||
}
|
||
if (data.buttonNum == 2) {
|
||
popupViewHeight += viewContentPadding + 30;
|
||
elementList = elementList.concat([
|
||
{
|
||
tag: 'rect', //绘制底边按钮
|
||
rectStyles: {
|
||
radius: '3px',
|
||
borderColor: '#f1f1f1',
|
||
borderWidth: '1px',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'rect', //绘制底边按钮
|
||
rectStyles: {
|
||
radius: '3px',
|
||
color: $mainColor,
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left:
|
||
(viewContentWidth - viewContentPadding) / 2 +
|
||
viewContentPadding * 2 +
|
||
'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'cancelText',
|
||
text: '取消下载',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#666',
|
||
lineSpacing: '0%',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'confirmText',
|
||
text: '后台下载',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#FFF',
|
||
lineSpacing: '0%',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left:
|
||
(viewContentWidth - viewContentPadding) / 2 +
|
||
viewContentPadding * 2 +
|
||
'px',
|
||
width: (viewContentWidth - viewContentPadding) / 2 + 'px',
|
||
height: '30px',
|
||
},
|
||
},
|
||
]);
|
||
}
|
||
if (data.buttonNum == 1) {
|
||
popupViewHeight += viewContentPadding + 40;
|
||
elementList = elementList.concat([
|
||
{
|
||
tag: 'rect', //绘制底边按钮
|
||
rectStyles: {
|
||
radius: '6px',
|
||
color: $mainColor,
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: '40px',
|
||
},
|
||
},
|
||
{
|
||
tag: 'font',
|
||
id: 'confirmText',
|
||
text: '关闭',
|
||
textStyles: {
|
||
size: '14px',
|
||
color: '#FFF',
|
||
lineSpacing: '0%',
|
||
},
|
||
position: {
|
||
bottom: viewContentPadding + 'px',
|
||
left: viewContentPadding + 'px',
|
||
width: viewContentWidth + 'px',
|
||
height: '40px',
|
||
},
|
||
},
|
||
]);
|
||
}
|
||
return {
|
||
popupViewHeight: popupViewHeight,
|
||
popupViewWidth: popupViewWidth,
|
||
screenHeight: screenHeight,
|
||
viewContentWidth: viewContentWidth,
|
||
viewContentPadding: viewContentPadding,
|
||
elementList: elementList,
|
||
};
|
||
}
|
||
// 文件下载的弹窗
|
||
function downloadPopup(data) {
|
||
// 弹窗遮罩层
|
||
let maskLayer = new plus.nativeObj.View('maskLayer', {
|
||
//先创建遮罩层
|
||
top: '0px',
|
||
left: '0px',
|
||
height: '100%',
|
||
width: '100%',
|
||
backgroundColor: 'rgba(0,0,0,0.5)',
|
||
});
|
||
let popupViewData = downloadPopupDrawing(data);
|
||
// 弹窗内容
|
||
let popupView = new plus.nativeObj.View('popupView', {
|
||
//创建底部图标菜单
|
||
tag: 'rect',
|
||
top:
|
||
(popupViewData.screenHeight - popupViewData.popupViewHeight) / 2 + 'px',
|
||
left: '15%',
|
||
height: popupViewData.popupViewHeight + 'px',
|
||
width: '70%',
|
||
});
|
||
let progressValue = 0;
|
||
let progressTip = 0;
|
||
let contentText = 0;
|
||
let buttonNum = 2;
|
||
if (data.buttonNum >= 0) {
|
||
buttonNum = data.buttonNum;
|
||
}
|
||
popupView.draw(popupViewData.elementList);
|
||
let callbackData = {
|
||
change: function (res) {
|
||
let progressElement = [];
|
||
if (res.progressValue) {
|
||
progressValue = res.progressValue;
|
||
// 绘制进度条
|
||
progressElement.push({
|
||
tag: 'rect', //绘制进度条背景
|
||
id: 'progressValueBg',
|
||
rectStyles: {
|
||
radius: '4px',
|
||
color: $mainColor,
|
||
},
|
||
position: {
|
||
top: popupViewData.viewContentPadding * 4 + 60 + 'px',
|
||
left: popupViewData.viewContentPadding + 'px',
|
||
width:
|
||
popupViewData.viewContentWidth * (res.progressValue / 100) + 'px',
|
||
height: '8px',
|
||
},
|
||
});
|
||
}
|
||
if (res.progressTip) {
|
||
progressTip = res.progressTip;
|
||
progressElement.push({
|
||
tag: 'font',
|
||
id: 'progressValue',
|
||
text: res.progressTip,
|
||
textStyles: {
|
||
size: '14px',
|
||
color: $mainColor,
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
top: popupViewData.viewContentPadding * 4 + 20 + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
}
|
||
if (res.contentText) {
|
||
contentText = res.contentText;
|
||
progressElement.push({
|
||
tag: 'font',
|
||
id: 'content',
|
||
text: res.contentText,
|
||
textStyles: {
|
||
size: '16px',
|
||
color: '#333',
|
||
whiteSpace: 'normal',
|
||
},
|
||
position: {
|
||
top: popupViewData.viewContentPadding * 2 + 30 + 'px',
|
||
height: '30px',
|
||
},
|
||
});
|
||
}
|
||
if (res.buttonNum >= 0 && buttonNum != res.buttonNum) {
|
||
buttonNum = res.buttonNum;
|
||
popupView.reset();
|
||
popupViewData = downloadPopupDrawing(
|
||
Object.assign(
|
||
{
|
||
progressValue: progressValue,
|
||
progressTip: progressTip,
|
||
contentText: contentText,
|
||
},
|
||
res
|
||
)
|
||
);
|
||
let newElement = [];
|
||
popupViewData.elementList.map((item, index) => {
|
||
let have = false;
|
||
progressElement.forEach((childItem, childIndex) => {
|
||
if (item.id == childItem.id) {
|
||
have = true;
|
||
}
|
||
});
|
||
if (!have) {
|
||
newElement.push(item);
|
||
}
|
||
});
|
||
progressElement = newElement.concat(progressElement);
|
||
popupView.setStyle({
|
||
tag: 'rect',
|
||
top:
|
||
(popupViewData.screenHeight - popupViewData.popupViewHeight) / 2 +
|
||
'px',
|
||
left: '15%',
|
||
height: popupViewData.popupViewHeight + 'px',
|
||
width: '70%',
|
||
});
|
||
popupView.draw(progressElement);
|
||
} else {
|
||
popupView.draw(progressElement);
|
||
}
|
||
},
|
||
cancel: function () {
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
},
|
||
};
|
||
popupView.addEventListener('click', function (e) {
|
||
let maxTop =
|
||
popupViewData.popupViewHeight - popupViewData.viewContentPadding;
|
||
let maxLeft =
|
||
popupViewData.popupViewWidth - popupViewData.viewContentPadding;
|
||
if (e.clientY > maxTop - 40 && e.clientY < maxTop) {
|
||
if (buttonNum == 1) {
|
||
// 单按钮
|
||
if (
|
||
e.clientX > popupViewData.viewContentPadding &&
|
||
e.clientX < maxLeft
|
||
) {
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
callbackData.reboot();
|
||
}
|
||
} else if (buttonNum == 2) {
|
||
// 双按钮
|
||
let buttonWidth =
|
||
(popupViewData.viewContentWidth - popupViewData.viewContentPadding) /
|
||
2;
|
||
if (
|
||
e.clientX > popupViewData.viewContentPadding &&
|
||
e.clientX < maxLeft - buttonWidth - popupViewData.viewContentPadding
|
||
) {
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
callbackData.cancelDownload();
|
||
} else if (e.clientX > maxLeft - buttonWidth && e.clientX < maxLeft) {
|
||
maskLayer.hide();
|
||
popupView.hide();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
// 显示弹窗
|
||
maskLayer.show();
|
||
popupView.show();
|
||
// 改变进度条
|
||
return callbackData;
|
||
}
|
||
export default function (isPrompt = false) {
|
||
getCurrentNo((versionInfo) => {
|
||
componentConfig.getServerNo(versionInfo, isPrompt, (res) => {
|
||
if (res.updateType == 'forcibly' || res.updateType == 'silent') {
|
||
if (/\.wgt$/i.test(res.download_wgt_url)) {
|
||
getDownload(res);
|
||
} else if (/\.html$/i.test(res.downloadUrl)) {
|
||
plus.runtime.openURL(res.downloadUrl);
|
||
} else {
|
||
if (platform == 'android') {
|
||
getDownload(res);
|
||
} else {
|
||
plus.runtime.openURL(res.downloadUrl);
|
||
}
|
||
}
|
||
} else if (res.updateType == 'solicit') {
|
||
updatePopup(res, function () {
|
||
if (/\.wgt$/i.test(res.downloadUrl)) {
|
||
getDownload(res);
|
||
} else if (/\.html$/i.test(res.downloadUrl)) {
|
||
plus.runtime.openURL(res.downloadUrl);
|
||
} else {
|
||
if (platform == 'android') {
|
||
getDownload(res);
|
||
} else {
|
||
plus.runtime.openURL(res.downloadUrl);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
});
|
||
}
|
||
// #endif
|