mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-11 18:42:54 +00:00
1098 lines
39 KiB
JavaScript
Executable File
Vendored
1098 lines
39 KiB
JavaScript
Executable File
Vendored
import {MarkdownPreview} from "../store/markdown";
|
||
|
||
/**
|
||
* 页面专用
|
||
*/
|
||
(function (window) {
|
||
const $ = window.$A;
|
||
/**
|
||
* =============================================================================
|
||
* ******************************* web extra *******************************
|
||
* =============================================================================
|
||
*/
|
||
$.extend({
|
||
/**
|
||
* 接口地址
|
||
* @param str
|
||
* @returns {string|string|*}
|
||
*/
|
||
apiUrl(str) {
|
||
if (str == "privacy") {
|
||
const apiHome = $A.getDomain(window.systemInfo.apiUrl)
|
||
if (apiHome == "" || apiHome == "public") {
|
||
return "https://www.dootask.com/privacy.html"
|
||
}
|
||
str = "../privacy.html"
|
||
}
|
||
if (str.substring(0, 2) === "//" ||
|
||
str.substring(0, 7) === "http://" ||
|
||
str.substring(0, 8) === "https://" ||
|
||
str.substring(0, 6) === "ftp://" ||
|
||
str.substring(0, 1) === "/") {
|
||
return str;
|
||
}
|
||
if (typeof window.systemInfo.apiUrl === "string") {
|
||
str = window.systemInfo.apiUrl + str;
|
||
} else {
|
||
str = window.location.origin + "/api/" + str;
|
||
}
|
||
while (str.indexOf("/../") !== -1) {
|
||
str = str.replace(/\/(((?!\/).)*)\/\.\.\//, "/")
|
||
}
|
||
return str
|
||
},
|
||
|
||
/**
|
||
* 主页地址
|
||
* @param str
|
||
* @returns {string}
|
||
*/
|
||
mainUrl(str = null) {
|
||
if (!str) {
|
||
str = ""
|
||
}
|
||
if (str.substring(0, 2) === "//" ||
|
||
str.substring(0, 7) === "http://" ||
|
||
str.substring(0, 8) === "https://" ||
|
||
str.substring(0, 6) === "ftp://" ||
|
||
str.substring(0, 1) === "/") {
|
||
return str;
|
||
}
|
||
return $A.apiUrl(`../${str}`)
|
||
},
|
||
|
||
/**
|
||
* 服务地址
|
||
* @param str
|
||
* @returns {string}
|
||
*/
|
||
originUrl(str) {
|
||
if (str.substring(0, 2) === "//" ||
|
||
str.substring(0, 7) === "http://" ||
|
||
str.substring(0, 8) === "https://" ||
|
||
str.substring(0, 6) === "ftp://" ||
|
||
str.substring(0, 1) === "/") {
|
||
return str;
|
||
}
|
||
if (typeof window.systemInfo.origin === "string") {
|
||
str = window.systemInfo.origin + str;
|
||
} else {
|
||
str = window.location.origin + "/" + str;
|
||
}
|
||
while (str.indexOf("/../") !== -1) {
|
||
str = str.replace(/\/(((?!\/).)*)\/\.\.\//, "/")
|
||
}
|
||
return str
|
||
},
|
||
|
||
/**
|
||
* 预览文件地址
|
||
* @param name
|
||
* @param key
|
||
* @returns {*}
|
||
*/
|
||
onlinePreviewUrl(name, key) {
|
||
return $A.mainUrl(`online/preview/${name}?key=${key}&version=${window.systemInfo.version}&__=${$A.dayjs().valueOf()}`)
|
||
},
|
||
|
||
/**
|
||
* 项目配置模板
|
||
* @param project_id
|
||
* @returns {{showMy: boolean, showUndone: boolean, project_id, chat: boolean, showHelp: boolean, showCompleted: boolean, menuType: string, menuInit: boolean, completedTask: boolean}}
|
||
*/
|
||
projectParameterTemplate(project_id) {
|
||
return {
|
||
project_id,
|
||
menuInit: false,
|
||
menuType: 'column',
|
||
chat: false,
|
||
showMy: true,
|
||
showHelp: true,
|
||
showUndone: true,
|
||
showCompleted: false,
|
||
completedTask: false,
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 获取日期选择器的 shortcuts 模板参数
|
||
* @returns {(*)[]|[{text, value(): [Date,*]},{text, value(): [Date,*]},{text, value(): [*,*]},{text, value(): [*,*]},{text, value(): [Date,*]},null,null]|(Date|*)[]}
|
||
*/
|
||
timeOptionShortcuts() {
|
||
const startSecond = $A.daytz().startOf('day').toDate();
|
||
return [{
|
||
text: $A.L('今天'),
|
||
value() {
|
||
return [startSecond, $A.daytz().endOf('day').toDate()];
|
||
}
|
||
}, {
|
||
text: $A.L('明天'),
|
||
value() {
|
||
return [startSecond, $A.daytz().add(1, 'day').endOf('day').toDate()];
|
||
}
|
||
}, {
|
||
text: $A.L('本周'),
|
||
value() {
|
||
return [startSecond, $A.daytz().endOf('week').toDate()];
|
||
}
|
||
}, {
|
||
text: $A.L('本月'),
|
||
value() {
|
||
return [startSecond, $A.daytz().endOf('month').toDate()];
|
||
}
|
||
}, {
|
||
text: $A.L('3天'),
|
||
value() {
|
||
return [startSecond, $A.daytz().add(2, 'day').endOf('day').toDate()];
|
||
}
|
||
}, {
|
||
text: $A.L('5天'),
|
||
value() {
|
||
return [startSecond, $A.daytz().add(4, 'day').endOf('day').toDate()];
|
||
}
|
||
}, {
|
||
text: $A.L('7天'),
|
||
value() {
|
||
return [startSecond, $A.daytz().add(6, 'day').endOf('day').toDate()];
|
||
}
|
||
}];
|
||
},
|
||
|
||
/**
|
||
* 对话标签
|
||
* @param dialog
|
||
* @returns {*[]}
|
||
*/
|
||
dialogTags(dialog) {
|
||
let tags = [];
|
||
if (dialog.type == 'group') {
|
||
if (['project', 'task'].includes(dialog.group_type) && $A.isJson(dialog.group_info)) {
|
||
if (dialog.group_type == 'task' && dialog.group_info.complete_at) {
|
||
tags.push({
|
||
color: 'success',
|
||
text: '已完成'
|
||
})
|
||
}
|
||
if (dialog.group_info.deleted_at) {
|
||
tags.push({
|
||
color: 'red',
|
||
text: '已删除'
|
||
})
|
||
} else if (dialog.group_info.archived_at) {
|
||
tags.push({
|
||
color: 'default',
|
||
text: '已归档'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
return tags;
|
||
},
|
||
|
||
/**
|
||
* 对话完成
|
||
* @param dialog
|
||
* @returns {*[]}
|
||
*/
|
||
dialogCompleted(dialog) {
|
||
return this.dialogTags(dialog).find(({color}) => color == 'success');
|
||
},
|
||
|
||
/**
|
||
* 返回对话未读数量（不含免打扰，但如果免打扰中有@则返回@数量）
|
||
* @param dialog
|
||
* @returns {*|number}
|
||
*/
|
||
getDialogNum(dialog) {
|
||
if (!dialog) {
|
||
return 0
|
||
}
|
||
const unread = !dialog.silence ? dialog.unread : 0
|
||
return unread || dialog.mention || dialog.mark_unread || 0
|
||
},
|
||
|
||
/**
|
||
* 返回对话未读数量
|
||
* @param dialog
|
||
* @param containSilence 是否包含免打扰消息（true:包含, false:不包含）
|
||
* @returns {*|number}
|
||
*/
|
||
getDialogUnread(dialog, containSilence) {
|
||
if (!dialog) {
|
||
return 0
|
||
}
|
||
const unread = (containSilence || !dialog.silence) ? dialog.unread : 0
|
||
return unread || dialog.mark_unread || 0
|
||
},
|
||
|
||
/**
|
||
* 返回对话@提及未读数量
|
||
* @param dialog
|
||
* @returns {*|number}
|
||
*/
|
||
getDialogMention(dialog) {
|
||
return dialog?.mention || 0
|
||
},
|
||
|
||
/**
|
||
* 返回文本信息预览格式
|
||
* @param text
|
||
* @param imgClassName
|
||
* @returns {*}
|
||
*/
|
||
getMsgTextPreview(text, imgClassName = null) {
|
||
if (!text) {
|
||
return '';
|
||
}
|
||
//
|
||
text = text.replace(/<img\s+class="emoticon"[^>]*?alt="(\S+)"[^>]*?>/g, "[$1]")
|
||
text = text.replace(/<img\s+class="emoticon"[^>]*?>/g, `[${$A.L('动画表情')}]`)
|
||
if (imgClassName) {
|
||
text = text.replace(/<img\s+class="browse"[^>]*?src="(\S+)"[^>]*?>/g, function (res, src) {
|
||
const item = $A.extractImageParameter(res);
|
||
if (item.width && item.height) {
|
||
const data = $A.imageRatioHandle({
|
||
src: item.src,
|
||
width: item.width,
|
||
height: item.height,
|
||
crops: {ratio: 2, percentage: '80x0'},
|
||
scaleSize: 40,
|
||
})
|
||
src = data.src
|
||
imgClassName = `${imgClassName}" style="width:${data.width}px;height:${data.height}px`
|
||
}
|
||
return `[image:${src}]`
|
||
})
|
||
} else {
|
||
text = text.replace(/<img\s+class="browse"[^>]*?>/g, `[${$A.L('图片')}]`)
|
||
}
|
||
text = text
|
||
.replace(/<[^>]+>/g, "")
|
||
.replace(/ /g, " ")
|
||
.replace(/"/g, "\"")
|
||
.replace(/&/g, "&")
|
||
.replace(/</g, "<")
|
||
.replace(/>/g, ">")
|
||
.replace(/\s+/g, " ")
|
||
if (imgClassName) {
|
||
text = text.replace(/\[image:(.*?)\]/g, `<img class="${imgClassName}" src="$1">`)
|
||
text = text.replace(/\{\{RemoteURL\}\}/g, this.apiUrl('../'))
|
||
} else {
|
||
const tmpText = text.substring(0, 30)
|
||
if (tmpText.length < text.length) {
|
||
text = tmpText + '...'
|
||
}
|
||
}
|
||
return text
|
||
},
|
||
|
||
/**
|
||
* 消息格式化处理（将消息内的RemoteURL换成真实地址）
|
||
* @param data
|
||
*/
|
||
formatMsgBasic(data) {
|
||
if (!data) {
|
||
return data
|
||
}
|
||
if ($A.isJson(data)) {
|
||
for (let key in data) {
|
||
if (!data.hasOwnProperty(key)) continue;
|
||
data[key] = $A.formatMsgBasic(data[key]);
|
||
}
|
||
} else if ($A.isArray(data)) {
|
||
data.forEach((val, index) => {
|
||
data[index] = $A.formatMsgBasic(val);
|
||
});
|
||
} else if (typeof data === "string") {
|
||
data = data.replace(/\{\{RemoteURL\}\}/g, this.apiUrl('../'))
|
||
}
|
||
return data
|
||
},
|
||
|
||
/**
|
||
* 消息格式化处理
|
||
* @param text
|
||
* @param userid
|
||
* @returns {string|*}
|
||
*/
|
||
formatTextMsg(text, userid) {
|
||
if (!text) {
|
||
return ""
|
||
}
|
||
const atReg = new RegExp(`<span class="mention user" data-id="${userid}">`, "g")
|
||
text = text.trim().replace(/(\n\x20*){3,}/g, "\n\n");
|
||
text = text.replace(/ /g, ' ')
|
||
text = text.replace(/<p><\/p>/g, '<p><br/></p>')
|
||
text = text.replace(/\{\{RemoteURL\}\}/g, $A.mainUrl())
|
||
text = text.replace(atReg, `<span class="mention me" data-id="${userid}">`)
|
||
// 处理内容连接
|
||
if (/https*:\/\//.test(text)) {
|
||
text = text.split(/(<[^>]*>)/g).map(string => {
|
||
if (string && !/<[^>]*>/.test(string)) {
|
||
string = string.replace(/(^|[^'"])((https*:\/\/)((\w|=|\?|\.|\/|&|-|:|\+|%|;|#|@|,|!)+))/g, "$1<a href=\"$2\" target=\"_blank\">$2</a>")
|
||
}
|
||
return string;
|
||
}).join("")
|
||
}
|
||
// 处理图片显示尺寸
|
||
const items = $A.extractImageParameterAll(text);
|
||
items.some(item => {
|
||
if (item.src && item.width && item.height) {
|
||
const data = $A.imageRatioHandle({
|
||
src: item.src,
|
||
width: item.width,
|
||
height: item.height,
|
||
crops: {ratio: 3, percentage: '320x0'},
|
||
scaleSize: item.original.indexOf("emoticon") > -1 ? 150 : 220,
|
||
})
|
||
const value = item.original
|
||
.replace(/\s+width=/, ` original-width=`)
|
||
.replace(/\s+height=/, ` original-height=`)
|
||
.replace(/\s+src=(["'])([^'"]*)\1/i, ` style="width:${data.width}px;height:${data.height}px" src="${data.src}"`)
|
||
text = text.replace(item.original, value)
|
||
} else {
|
||
text = text.replace(item.original, `<div class="no-size-image-box">${item.original}</div>`);
|
||
}
|
||
})
|
||
return text;
|
||
},
|
||
|
||
/**
|
||
* 获取文本消息图片
|
||
* @param text
|
||
* @returns {*[]}
|
||
*/
|
||
getTextImagesInfo(text) {
|
||
const baseUrl = $A.mainUrl();
|
||
const array = text.match(new RegExp(`<img[^>]*?>`, "g"));
|
||
const list = [];
|
||
if (array) {
|
||
const srcReg = new RegExp("src=([\"'])([^'\"]*)\\1"),
|
||
widthReg = new RegExp("(original-)?width=\"(\\d+)\""),
|
||
heightReg = new RegExp("(original-)?height=\"(\\d+)\"")
|
||
array.some(res => {
|
||
const srcMatch = res.match(srcReg),
|
||
widthMatch = res.match(widthReg),
|
||
heightMatch = res.match(heightReg);
|
||
if (srcMatch) {
|
||
list.push({
|
||
src: srcMatch[2].replace(/\{\{RemoteURL\}\}/g, baseUrl),
|
||
width: widthMatch ? widthMatch[2] : -1,
|
||
height: heightMatch ? heightMatch[2] : -1,
|
||
})
|
||
}
|
||
})
|
||
}
|
||
return list;
|
||
},
|
||
|
||
/**
|
||
* 消息简单描述
|
||
* @param data
|
||
* @param imgClassName
|
||
* @returns {string|*}
|
||
*/
|
||
getMsgSimpleDesc(data, imgClassName = null) {
|
||
if (!$A.isJson(data)) {
|
||
return '';
|
||
}
|
||
switch (data.type) {
|
||
case 'text':
|
||
return $A.getMsgTextPreview(data.msg.type === 'md' ? MarkdownPreview(data.msg.text) : data.msg.text, imgClassName)
|
||
case 'vote':
|
||
return `[${$A.L('投票')}]` + $A.getMsgTextPreview(data.msg.text, imgClassName)
|
||
case 'word-chain':
|
||
return `[${$A.L('接龙')}]` + $A.getMsgTextPreview(data.msg.text, imgClassName)
|
||
case 'record':
|
||
return `[${$A.L('语音')}]`
|
||
case 'meeting':
|
||
return `[${$A.L('会议')}] ${data.msg.name}`
|
||
case 'file':
|
||
return $A.fileMsgSimpleDesc(data.msg, imgClassName)
|
||
case 'tag':
|
||
return `[${$A.L(data.msg.action === 'remove' ? '取消标注' : '标注')}] ${$A.getMsgSimpleDesc(data.msg.data)}`
|
||
case 'top':
|
||
return `[${$A.L(data.msg.action === 'remove' ? '取消置顶' : '置顶')}] ${$A.getMsgSimpleDesc(data.msg.data)}`
|
||
case 'todo':
|
||
return `[${$A.L(data.msg.action === 'remove' ? '取消待办' : (data.msg.action === 'done' ? '完成' : '设待办'))}] ${$A.getMsgSimpleDesc(data.msg.data)}`
|
||
case 'notice':
|
||
return $A.L(data.msg.notice)
|
||
case 'template':
|
||
return $A.templateMsgSimpleDesc(data.msg)
|
||
default:
|
||
return `[${$A.L('未知的消息')}]`
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 文件消息简单描述
|
||
* @param msg
|
||
* @param imgClassName
|
||
* @returns {string}
|
||
*/
|
||
fileMsgSimpleDesc(msg, imgClassName = null) {
|
||
if (msg.type == 'img') {
|
||
if (imgClassName) {
|
||
// 缩略图，主要用于回复消息预览
|
||
const data = $A.imageRatioHandle({
|
||
src: msg.thumb,
|
||
width: parseInt(msg.width),
|
||
height: parseInt(msg.height),
|
||
crops: {ratio: 2, percentage: '80x0'},
|
||
scaleSize: 40,
|
||
})
|
||
return `<img class="${imgClassName}" style="width:${data.width}px;height:${data.height}px" src="${data.src}">`
|
||
}
|
||
return `[${$A.L('图片')}]`
|
||
} else if (msg.ext == 'mp4') {
|
||
return `[${$A.L('视频')}]`
|
||
}
|
||
return `[${$A.L('文件')}] ${msg.name}`
|
||
},
|
||
|
||
/**
|
||
* 模板消息简单描述
|
||
* @param msg
|
||
* @returns {string|*}
|
||
*/
|
||
templateMsgSimpleDesc(msg) {
|
||
if (msg.title_raw) {
|
||
return msg.title_raw
|
||
}
|
||
if (msg.type === 'task_list' && $A.arrayLength(msg.list) === 1) {
|
||
return $A.L(msg.title) + ": " + msg.list[0].name
|
||
}
|
||
if (msg.title) {
|
||
return $A.L(msg.title)
|
||
}
|
||
if (msg.type === 'content' && typeof msg.content === 'string' && msg.content !== '') {
|
||
return $A.L(msg.content)
|
||
}
|
||
return $A.L('未知的消息')
|
||
},
|
||
|
||
/**
|
||
* 获取文件标题
|
||
* @param file
|
||
* @returns {*}
|
||
*/
|
||
getFileName(file) {
|
||
let name = file.name || '';
|
||
let ext = file.ext || '';
|
||
if (ext != '') {
|
||
name += "." + ext;
|
||
}
|
||
return name;
|
||
},
|
||
|
||
/**
|
||
* 是否是doo服务器
|
||
* @returns {boolean}
|
||
*/
|
||
isDooServer() {
|
||
const u = $A.getDomain($A.mainUrl())
|
||
return /dootask\.com$/.test(u)
|
||
|| /hitosea\.com$/.test(u)
|
||
|| /^127\.0\.0\.1/.test(u)
|
||
|| /^(10)\./.test(u)
|
||
|| /^(172)\.(1[6-9]|2[0-9]|3[0-1])\./.test(u)
|
||
|| /^(192)\.(168)\./.test(u);
|
||
},
|
||
|
||
/**
|
||
* 缩略图还原
|
||
* @param url
|
||
* @returns {*|string}
|
||
*/
|
||
thumbRestore(url) {
|
||
return `${url}`
|
||
.replace(/_thumb\.(png|jpg|jpeg)$/, '')
|
||
.replace(/\/crop\/([^\/]+)$/, '')
|
||
},
|
||
|
||
/**
|
||
* 拖拽或粘贴的数据是否包含文件夹
|
||
* @param data
|
||
* @returns {boolean}
|
||
*/
|
||
dataHasFolder(data) {
|
||
const {items} = data;
|
||
if (items) {
|
||
for (const item of items) {
|
||
if (item.kind === "directory" || (item.kind === "file" && item.webkitGetAsEntry().isDirectory)) {
|
||
return true;
|
||
}
|
||
}
|
||
}
|
||
return false;
|
||
},
|
||
|
||
/**
|
||
* 图片尺寸比例超出
|
||
* @param params {{src: *, width: (number|*), height: (number|*), crops: {percentage: string, ratio: number}, scaleSize: (number)}}
|
||
* src, // 原图地址
|
||
* width, // 原图宽度
|
||
* height, // 原图高度
|
||
* crops, // 裁剪参数，如：{ratio:3, percentage:"80x0"}
|
||
* scaleSize, // 返回尺寸缩放最高尺寸
|
||
*/
|
||
imageRatioHandle(params) {
|
||
if (!/\.(png|jpg|jpeg)$/.test(params.src)) {
|
||
return params
|
||
}
|
||
|
||
if (!$A.isJson(params.crops)) {
|
||
return params
|
||
}
|
||
|
||
params.src = $A.thumbRestore(params.src) + "/crop/" + Object.keys(params.crops).map(key => {
|
||
return `${key}:${params.crops[key]}`
|
||
}).join(",")
|
||
|
||
const ratio = $A.imageRatioExceed(params.width, params.height, params.crops.ratio)
|
||
if (ratio > 0) {
|
||
if (params.width > params.height) {
|
||
params.width = params.height * ratio;
|
||
} else {
|
||
params.height = params.width * ratio;
|
||
}
|
||
}
|
||
|
||
if (params.scaleSize) {
|
||
const scale = $A.scaleToScale(params.width, params.height, params.scaleSize);
|
||
params.width = scale.width;
|
||
params.height = scale.height;
|
||
}
|
||
|
||
return params;
|
||
},
|
||
|
||
/**
|
||
* 图片尺寸比例超出
|
||
* @param width
|
||
* @param height
|
||
* @param ratio
|
||
* @param float
|
||
* @returns {number}
|
||
*/
|
||
imageRatioExceed(width, height, ratio, float = 0.5) {
|
||
if (width && height && ratio) {
|
||
if (width / height > (ratio + float) || height / width > (ratio + float)) {
|
||
return ratio
|
||
}
|
||
}
|
||
return 0;
|
||
},
|
||
|
||
/**
|
||
* 加载 VConsole 日志组件
|
||
* @param key
|
||
*/
|
||
loadVConsole(key = undefined) {
|
||
if (typeof key === "string") {
|
||
switch (key) {
|
||
case 'log.o':
|
||
$A.IDBSet("logOpen", "open").then(_ => {
|
||
$A.loadVConsole()
|
||
});
|
||
return true;
|
||
case 'log.c':
|
||
$A.IDBSet("logOpen", "close").then(_ => {
|
||
$A.loadVConsole()
|
||
});
|
||
return true;
|
||
}
|
||
return false
|
||
}
|
||
$A.IDBString("logOpen").then(r => {
|
||
if (typeof window.vConsole !== "undefined") {
|
||
window.vConsole.destroy();
|
||
window.vConsole = null;
|
||
}
|
||
$A.openLog = r === "open"
|
||
if ($A.openLog) {
|
||
$A.loadScript('js/vconsole.min.js').then(_ => {
|
||
window.vConsole = new window.VConsole({
|
||
onReady: () => {
|
||
console.log('VConsole: onReady');
|
||
},
|
||
onClearLog: () => {
|
||
console.log('VConsole: onClearLog');
|
||
}
|
||
});
|
||
}).catch(_ => {
|
||
$A.modalError("VConsole 组件加载失败！");
|
||
})
|
||
}
|
||
})
|
||
}
|
||
});
|
||
|
||
/**
|
||
* =============================================================================
|
||
* ***************************** iviewui assist ****************************
|
||
* =============================================================================
|
||
*/
|
||
$.extend({
|
||
// 弹窗
|
||
modalConfig(config) {
|
||
if (typeof config === "undefined") {
|
||
config = {content: "Undefined"};
|
||
} else if (typeof config === "string") {
|
||
config = {content: config};
|
||
}
|
||
config.title = config.title || (typeof config.render === 'undefined' ? $A.modalTranslation('温馨提示', config.language) : '');
|
||
config.content = config.content || '';
|
||
config.okText = config.okText || $A.modalTranslation('确定', config.language);
|
||
config.cancelText = config.cancelText || $A.modalTranslation('取消', config.language);
|
||
if (config.language !== false) {
|
||
delete config.language;
|
||
config.title = $A.L(config.title);
|
||
config.content = $A.L(config.content);
|
||
config.okText = $A.L(config.okText);
|
||
config.cancelText = $A.L(config.cancelText);
|
||
}
|
||
return config;
|
||
},
|
||
|
||
modalTranslation(title, language) {
|
||
if (language !== false) {
|
||
return title;
|
||
} else {
|
||
return $A.L(title)
|
||
}
|
||
},
|
||
|
||
modalInput(config, millisecond = 0) {
|
||
if (millisecond > 0) {
|
||
setTimeout(() => { $A.modalInput(config) }, millisecond);
|
||
return;
|
||
}
|
||
if (typeof config === "string") config = {title:config};
|
||
let inputId = "modalInput_" + $A.randomString(6);
|
||
let inputProps = {
|
||
type: config.type || "text",
|
||
value: config.value,
|
||
placeholder: $A.L(config.placeholder),
|
||
elementId: inputId,
|
||
}
|
||
if ($A.isJson(config.inputProps)) {
|
||
inputProps = Object.assign(inputProps, config.inputProps)
|
||
}
|
||
const onOk = () => {
|
||
return new Promise((resolve, reject) => {
|
||
if (!config.onOk) {
|
||
reject() // 没有返回：取消等待
|
||
return
|
||
}
|
||
const call = config.onOk(config.value);
|
||
if (!call) {
|
||
resolve() // 返回无内容：关闭弹窗
|
||
return
|
||
}
|
||
if (call.then) {
|
||
call.then(msg => {
|
||
msg && $A.messageSuccess(msg)
|
||
resolve()
|
||
}).catch(err => {
|
||
err && $A.messageError(err)
|
||
reject()
|
||
});
|
||
} else {
|
||
typeof call === "string" && $A.messageError(call)
|
||
reject()
|
||
}
|
||
})
|
||
};
|
||
const onCancel = () => {
|
||
if (typeof config.onCancel === "function") {
|
||
config.onCancel();
|
||
}
|
||
};
|
||
$A.Modal.confirm({
|
||
render: (h) => {
|
||
return h('div', [
|
||
h('div', {
|
||
style: {
|
||
fontSize: '16px',
|
||
fontWeight: '500',
|
||
marginBottom: '20px',
|
||
}
|
||
}, $A.L(config.title)),
|
||
h('Input', {
|
||
props: inputProps,
|
||
on: {
|
||
input: (val) => {
|
||
config.value = val;
|
||
},
|
||
'on-enter': (e) => {
|
||
$A(e.target).parents(".ivu-modal-body").find(".ivu-btn-primary").click();
|
||
}
|
||
}
|
||
})
|
||
])
|
||
},
|
||
onOk,
|
||
onCancel,
|
||
loading: true,
|
||
okText: $A.L(config.okText || '确定'),
|
||
cancelText: $A.L(config.cancelText || '取消'),
|
||
okType: config.okType || 'primary',
|
||
cancelType: config.cancelType || 'text',
|
||
});
|
||
setTimeout(() => {
|
||
document.getElementById(inputId) && document.getElementById(inputId).focus();
|
||
});
|
||
},
|
||
|
||
modalConfirm(config, millisecond = 0) {
|
||
if (config === false) {
|
||
return;
|
||
}
|
||
if (millisecond > 0) {
|
||
setTimeout(() => { $A.modalConfirm(config) }, millisecond);
|
||
return;
|
||
}
|
||
config = $A.modalConfig(config);
|
||
if (config.loading) {
|
||
const {onOk} = config;
|
||
config.onOk = () => {
|
||
return new Promise((resolve, reject) => {
|
||
if (!onOk) {
|
||
reject() // 没有返回：取消等待
|
||
return
|
||
}
|
||
const call = onOk();
|
||
if (!call) {
|
||
resolve() // 返回无内容：关闭弹窗
|
||
return
|
||
}
|
||
if (call.then) {
|
||
call.then(msg => {
|
||
msg && $A.messageSuccess(msg)
|
||
resolve()
|
||
}).catch(err => {
|
||
err && $A.messageError(err)
|
||
reject()
|
||
});
|
||
} else {
|
||
typeof call === "string" && $A.messageError(call)
|
||
reject()
|
||
}
|
||
})
|
||
}
|
||
}
|
||
$A.Modal.confirm($A.modalConfig(config));
|
||
},
|
||
|
||
modalSuccess(config, millisecond = 0) {
|
||
if (config === false) {
|
||
return;
|
||
}
|
||
if (millisecond > 0) {
|
||
setTimeout(() => { $A.modalSuccess(config) }, millisecond);
|
||
return;
|
||
}
|
||
$A.Modal.success($A.modalConfig(config));
|
||
},
|
||
|
||
modalInfo(config, millisecond = 0) {
|
||
if (config === false) {
|
||
return;
|
||
}
|
||
if (millisecond > 0) {
|
||
setTimeout(() => { $A.modalInfo(config) }, millisecond);
|
||
return;
|
||
}
|
||
$A.Modal.info($A.modalConfig(config));
|
||
},
|
||
|
||
modalWarning(config, millisecond = 0) {
|
||
if (config === false) {
|
||
return;
|
||
}
|
||
if (millisecond > 0) {
|
||
setTimeout(() => { $A.modalWarning(config) }, millisecond);
|
||
return;
|
||
}
|
||
if (typeof config === "string" && config === "Network exception") {
|
||
return;
|
||
}
|
||
if ($A.isJson(config) && config.content === "Network exception") {
|
||
return;
|
||
}
|
||
$A.Modal.warning($A.modalConfig(config));
|
||
},
|
||
|
||
modalError(config, millisecond = 0) {
|
||
if (config === false) {
|
||
return;
|
||
}
|
||
if (millisecond > 0) {
|
||
setTimeout(() => { $A.modalError(config) }, millisecond);
|
||
return;
|
||
}
|
||
if (typeof config === "string" && config === "Network exception") {
|
||
return;
|
||
}
|
||
if ($A.isJson(config) && config.content === "Network exception") {
|
||
return;
|
||
}
|
||
$A.Modal.error($A.modalConfig(config));
|
||
},
|
||
|
||
modalAlert(msg) {
|
||
if (msg === false) {
|
||
return;
|
||
}
|
||
alert($A.L(msg));
|
||
},
|
||
|
||
//提示
|
||
messageSuccess(msg) {
|
||
$A.Message.success($A.L(msg));
|
||
},
|
||
|
||
messageWarning(msg) {
|
||
if (typeof msg === "string" && msg === "Network exception") {
|
||
return;
|
||
}
|
||
$A.Message.warning($A.L(msg));
|
||
},
|
||
|
||
messageError(msg) {
|
||
if (typeof msg === "string" && msg === "Network exception") {
|
||
return;
|
||
}
|
||
$A.Message.error($A.L(msg));
|
||
},
|
||
|
||
//通知
|
||
noticeConfig(config) {
|
||
if (typeof config === "undefined") {
|
||
config = {desc: "Undefined"};
|
||
} else if (typeof config === "string") {
|
||
config = {desc: config};
|
||
}
|
||
config.title = $A.L(config.title || (typeof config.render === 'undefined' ? '温馨提示' : ''));
|
||
config.desc = $A.L(config.desc || '');
|
||
return config;
|
||
},
|
||
|
||
noticeSuccess(config) {
|
||
$A.Notice.success($A.noticeConfig(config));
|
||
},
|
||
|
||
noticeWarning(config) {
|
||
$A.Notice.warning($A.noticeConfig(config));
|
||
},
|
||
|
||
noticeError(config) {
|
||
if (typeof config === "string") {
|
||
config = {
|
||
desc: config,
|
||
duration: 6
|
||
};
|
||
}
|
||
$A.Notice.error($A.noticeConfig(config));
|
||
},
|
||
});
|
||
|
||
/**
|
||
* =============================================================================
|
||
* ********************************** dark *********************************
|
||
* =============================================================================
|
||
*/
|
||
|
||
$.extend({
|
||
dark: {
|
||
utils: {
|
||
supportMode() {
|
||
let ua = typeof window !== 'undefined' && window.navigator.userAgent.toLowerCase();
|
||
if (`${ua.match(/Chrome/i)}` === 'chrome') {
|
||
return 'chrome';
|
||
}
|
||
if (`${ua.match(/Webkit/i)}` === 'webkit') {
|
||
return 'webkit';
|
||
}
|
||
return null;
|
||
},
|
||
|
||
defaultFilter() {
|
||
return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(90%) !important; ' +
|
||
'filter: invert(100%) hue-rotate(180deg) contrast(90%) !important;';
|
||
},
|
||
|
||
reverseFilter() {
|
||
return '-webkit-filter: invert(100%) hue-rotate(180deg) contrast(110%) !important; ' +
|
||
'filter: invert(100%) hue-rotate(180deg) contrast(110%) !important;';
|
||
},
|
||
|
||
noneFilter() {
|
||
return '-webkit-filter: none !important; filter: none !important;';
|
||
},
|
||
|
||
addExtraStyle() {
|
||
try {
|
||
return '';
|
||
} catch (e) {
|
||
return '';
|
||
}
|
||
},
|
||
|
||
addStyle(id, tag, css) {
|
||
tag = tag || 'style';
|
||
let doc = document, styleDom = doc.getElementById(id);
|
||
if (styleDom) return;
|
||
let style = doc.createElement(tag);
|
||
style.rel = 'stylesheet';
|
||
style.id = id;
|
||
tag === 'style' ? style.innerHTML = css : style.href = css;
|
||
document.head.appendChild(style);
|
||
},
|
||
|
||
getClassList(node) {
|
||
return node.classList || [];
|
||
},
|
||
|
||
addClass(node, name) {
|
||
this.getClassList(node).add(name);
|
||
return this;
|
||
},
|
||
|
||
removeClass(node, name) {
|
||
this.getClassList(node).remove(name);
|
||
return this;
|
||
},
|
||
|
||
hasClass(node, name) {
|
||
return this.getClassList(node).contains(name);
|
||
},
|
||
|
||
hasElementById(eleId) {
|
||
return document.getElementById(eleId);
|
||
},
|
||
|
||
removeElementById(eleId) {
|
||
let ele = document.getElementById(eleId);
|
||
ele && ele.parentNode.removeChild(ele);
|
||
},
|
||
},
|
||
|
||
createDarkStyle() {
|
||
this.utils.addStyle('dark-mode-style', 'style', `
|
||
@media screen {
|
||
html {
|
||
${this.utils.defaultFilter()}
|
||
will-change: transform;
|
||
}
|
||
|
||
/* Default Reverse rule */
|
||
img,
|
||
video,
|
||
iframe,
|
||
canvas,
|
||
:not(object):not(body) > embed,
|
||
object,
|
||
svg image,
|
||
[style*="background:url"],
|
||
[style*="background-image:url"],
|
||
[style*="background: url"],
|
||
[style*="background-image: url"],
|
||
[background],
|
||
.no-dark-mode,
|
||
.no-dark-content,
|
||
.no-dark-before:before {
|
||
${this.utils.reverseFilter()}
|
||
will-change: transform;
|
||
}
|
||
|
||
[style*="background:url"] *,
|
||
[style*="background-image:url"] *,
|
||
[style*="background: url"] *,
|
||
[style*="background-image: url"] *,
|
||
input,
|
||
[background] *,
|
||
.no-dark-content img,
|
||
.no-dark-content canvas,
|
||
.no-dark-content svg image {
|
||
${this.utils.noneFilter()}
|
||
}
|
||
|
||
/* Text contrast */
|
||
html {
|
||
text-shadow: 0 0 0 !important;
|
||
}
|
||
|
||
/* Full screen */
|
||
.no-filter,
|
||
:-webkit-full-screen,
|
||
:-webkit-full-screen *,
|
||
:-moz-full-screen,
|
||
:-moz-full-screen *,
|
||
:fullscreen,
|
||
:fullscreen * {
|
||
${this.utils.noneFilter()}
|
||
}
|
||
|
||
/* Page background */
|
||
html {
|
||
min-width: 100%;
|
||
min-height: 100%;
|
||
}
|
||
.child-view {
|
||
background-color: #fff;
|
||
}
|
||
.page-login {
|
||
background-color: #f8f8f8;
|
||
}
|
||
${this.utils.addExtraStyle()}
|
||
}
|
||
|
||
@media print {
|
||
.no-print {
|
||
display: none !important;
|
||
}
|
||
}`);
|
||
},
|
||
|
||
enableDarkMode() {
|
||
if (!this.utils.supportMode()) {
|
||
return;
|
||
}
|
||
if (this.isDarkEnabled()) {
|
||
return
|
||
}
|
||
this.createDarkStyle();
|
||
this.utils.addClass(document.body, "dark-mode-reverse")
|
||
},
|
||
|
||
disableDarkMode() {
|
||
if (!this.isDarkEnabled()) {
|
||
return
|
||
}
|
||
this.utils.removeElementById('dark-mode-style');
|
||
this.utils.removeClass(document.body, "dark-mode-reverse")
|
||
},
|
||
|
||
autoDarkMode() {
|
||
let darkScheme = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
|
||
if ($A.isEEUiApp) {
|
||
darkScheme = $A.eeuiAppGetThemeName() === "dark"
|
||
}
|
||
if (darkScheme) {
|
||
this.enableDarkMode()
|
||
} else {
|
||
this.disableDarkMode()
|
||
}
|
||
},
|
||
|
||
isDarkEnabled() {
|
||
return this.utils.hasClass(document.body, "dark-mode-reverse")
|
||
},
|
||
}
|
||
});
|
||
|
||
window.$A = $;
|
||
})(window);
|