mirror of
https://github.com/kuaifan/dootask.git
synced 2025-12-10 18:02:55 +00:00
374 lines
11 KiB
JavaScript
Vendored
374 lines
11 KiB
JavaScript
Vendored
const isElectron = !!(window && window.process && window.process.type && window.electron);
|
|
const isEEUIApp = window && window.navigator && /eeui/i.test(window.navigator.userAgent);
|
|
const isSoftware = isElectron || isEEUIApp;
|
|
|
|
document.getElementById("app")?.setAttribute("data-preload", "false");
|
|
|
|
import {languageName, switchLanguage as $L} from "./language";
|
|
import {isLocalHost} from "./components/Replace/utils";
|
|
|
|
import './functions/common'
|
|
import './functions/eeui'
|
|
import './functions/web'
|
|
|
|
import Vue from 'vue'
|
|
import Vuex from 'vuex'
|
|
import App from './App.vue'
|
|
import routes from './routes'
|
|
import VueRouter from 'vue-router'
|
|
import VueClipboard from 'vue-clipboard2'
|
|
import ViewUI from 'view-design-hi'
|
|
import store from './store/index'
|
|
import state from "./mixins/state"
|
|
|
|
import "../sass/app.scss";
|
|
|
|
Vue.use(Vuex);
|
|
Vue.use(VueRouter);
|
|
Vue.use(VueClipboard, {
|
|
config: {
|
|
autoSetContainer: true
|
|
}
|
|
});
|
|
Vue.use(ViewUI, {
|
|
modal: {
|
|
checkEscClose: true
|
|
}
|
|
});
|
|
|
|
import PageTitle from './components/PageTitle.vue'
|
|
import Loading from './components/Loading.vue'
|
|
import AutoTip from './components/AutoTip.vue'
|
|
import TagInput from './components/TagInput.vue'
|
|
import TableAction from './components/TableAction.vue'
|
|
import QuickEdit from './components/QuickEdit.vue'
|
|
import UserAvatar from './components/UserAvatar'
|
|
import Imgs from './components/Replace/Imgs'
|
|
import ImgView from './components/ImgView.vue'
|
|
import Scrollbar from './components/Scrollbar'
|
|
|
|
Vue.component('PageTitle', PageTitle);
|
|
Vue.component('Loading', Loading);
|
|
Vue.component('AutoTip', AutoTip);
|
|
Vue.component('TagInput', TagInput)
|
|
Vue.component('TableAction', TableAction);
|
|
Vue.component('QuickEdit', QuickEdit);
|
|
Vue.component('UserAvatar', UserAvatar);
|
|
Vue.component('Imgs', Imgs);
|
|
Vue.component('ImgView', ImgView);
|
|
Vue.component('Scrollbar', Scrollbar);
|
|
|
|
import {
|
|
Avatar,
|
|
Tooltip,
|
|
Popover,
|
|
Dropdown,
|
|
DropdownMenu,
|
|
DropdownItem,
|
|
} from 'element-sea';
|
|
|
|
Vue.component('EAvatar', Avatar);
|
|
Vue.component('ETooltip', Tooltip);
|
|
Vue.component('EPopover', Popover);
|
|
Vue.component('EDropdown', Dropdown);
|
|
Vue.component('EDropdownMenu', DropdownMenu);
|
|
Vue.component('EDropdownItem', DropdownItem);
|
|
|
|
const originalPush = VueRouter.prototype.push
|
|
VueRouter.prototype.push = function push(location) {
|
|
return originalPush.call(this, location).catch(err => err)
|
|
}
|
|
|
|
// 路由方式
|
|
const routeMode = isLocalHost(window.location) ? 'hash' : 'history';
|
|
const router = new VueRouter({mode: routeMode, routes});
|
|
|
|
// 进度条配置
|
|
ViewUI.LoadingBar.config({
|
|
color: '#3fcc25',
|
|
failedColor: '#ff0000'
|
|
});
|
|
router.beforeEach((to, from, next) => {
|
|
if (!isSoftware) {
|
|
ViewUI.LoadingBar._timer && clearTimeout(ViewUI.LoadingBar._timer)
|
|
ViewUI.LoadingBar._timer = setTimeout(_ => {
|
|
ViewUI.LoadingBar._load = true;
|
|
ViewUI.LoadingBar.start();
|
|
}, 300)
|
|
}
|
|
store.commit('route/loading', true);
|
|
next();
|
|
});
|
|
router.afterEach(() => {
|
|
if (!isSoftware) {
|
|
ViewUI.LoadingBar._timer && clearTimeout(ViewUI.LoadingBar._timer)
|
|
if (ViewUI.LoadingBar._load === true) {
|
|
ViewUI.LoadingBar._load = false;
|
|
ViewUI.LoadingBar.finish();
|
|
}
|
|
}
|
|
store.commit('route/loading', false);
|
|
});
|
|
|
|
// 消息配置
|
|
ViewUI.Message.config({
|
|
duration: 2.5
|
|
});
|
|
|
|
// 加载路由
|
|
Vue.prototype.goForward = function(route, isReplace, autoBroadcast = true) {
|
|
if ($A.Ready && $A.isSubElectron && autoBroadcast) {
|
|
$A.Electron.sendMessage('broadcastCommand', {
|
|
channel: 'goForward',
|
|
payload: {route, isReplace},
|
|
});
|
|
$A.Electron.sendMessage('mainWindowActive');
|
|
return
|
|
}
|
|
// 处理路由格式
|
|
if (typeof route === 'string') {
|
|
if ($A.strExists(route, '/')) {
|
|
if (/^https?:\/\//.test(route)) {
|
|
if ($A.getDomain(route) === $A.getDomain($A.mainUrl())) {
|
|
route = route.replace(/^https?:\/\/[^\/]+/, '');
|
|
} else {
|
|
// 处理外部链接
|
|
if (isReplace) {
|
|
window.location.replace(route);
|
|
} else {
|
|
window.location.href = route;
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
route = { path: route };
|
|
} else {
|
|
route = { name: route };
|
|
}
|
|
}
|
|
// 初始化路由历史
|
|
if (app.$store.state.routeHistorys.length === 0) {
|
|
app.$store.state.routeHistorys.push(app.$route)
|
|
}
|
|
// 执行路由跳转
|
|
const routerMethod = isReplace ? 'replace' : 'push';
|
|
app.$router[routerMethod](route).then(to => {
|
|
if (isReplace) {
|
|
app.$store.state.routeHistorys.pop();
|
|
app.$store.state.routeHistorys.push(to);
|
|
} else {
|
|
const length = app.$store.state.routeHistorys.push(to)
|
|
length > 120 && app.$store.state.routeHistorys.splice(length - 100)
|
|
app.$store.state.routeHistoryLast = length >= 2 ? app.$store.state.routeHistorys[length - 2] : {};
|
|
}
|
|
}).catch(err => console.warn('路由跳转失败:', err));
|
|
};
|
|
|
|
// 返回路由
|
|
Vue.prototype.goBack = function () {
|
|
if (app.$store.state.routeHistorys.length > 1) {
|
|
app.$router.back();
|
|
//
|
|
app.$store.state.routeHistorys.pop();
|
|
const length = app.$store.state.routeHistorys.length;
|
|
app.$store.state.routeHistoryLast = length >= 2 ? app.$store.state.routeHistorys[length - 2] : {};
|
|
} else {
|
|
app.$router.replace({path: '/'}).catch(_ => {});
|
|
app.$store.state.routeHistorys = [];
|
|
app.$store.state.routeHistoryLast = {};
|
|
}
|
|
};
|
|
|
|
// 复制文本
|
|
Vue.prototype.copyText = function (obj) {
|
|
if (!$A.isJson(obj)) {
|
|
obj = {
|
|
text: obj,
|
|
success: "复制成功",
|
|
error: "复制失败"
|
|
}
|
|
}
|
|
if ($A.isEEUIApp) {
|
|
$A.eeuiAppCopyText(obj.text)
|
|
obj.success && $A.messageSuccess(obj.success)
|
|
return
|
|
}
|
|
app.$copyText(obj.text).then(_ => {
|
|
obj.success && $A.messageSuccess(obj.success)
|
|
}).catch(_ => {
|
|
obj.error && $A.messageError(obj.error)
|
|
})
|
|
};
|
|
|
|
// 全局对象/变量
|
|
$A.L = $L;
|
|
$A.Ready = false;
|
|
$A.Electron = null;
|
|
$A.Platform = "web";
|
|
$A.isMainElectron = false;
|
|
$A.isSubElectron = false;
|
|
$A.isEEUIApp = isEEUIApp;
|
|
$A.isElectron = isElectron;
|
|
$A.isSoftware = isSoftware;
|
|
$A.openLog = false;
|
|
if (isElectron) {
|
|
$A.Electron = window.electron;
|
|
$A.Platform = /macintosh|mac os x/i.test(navigator.userAgent) ? "mac" : "win";
|
|
$A.isMainElectron = /\s+MainTaskWindow\//.test(window.navigator.userAgent);
|
|
$A.isSubElectron = /\s+SubTaskWindow\//.test(window.navigator.userAgent);
|
|
} else if (isEEUIApp) {
|
|
$A.Platform = /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) ? "ios" : "android";
|
|
}
|
|
|
|
// 同步执行派遣
|
|
const dispatchId = $A.randomString(6) + "_" + Date.now().toString()
|
|
$A.syncPauses = new Map();
|
|
$A.syncDispatch = (action, data) => {
|
|
if (!$A.Ready) {
|
|
return false
|
|
}
|
|
if (!isElectron) {
|
|
return false
|
|
}
|
|
if ($A.syncPauses.has(action)) {
|
|
return false;
|
|
}
|
|
if (!$A.isJson(data)) {
|
|
return false
|
|
}
|
|
if (data.__sync__ === true) {
|
|
delete data.__sync__;
|
|
return false
|
|
}
|
|
$A.Electron?.sendMessage('broadcastCommand', {
|
|
channel: 'syncDispatch',
|
|
payload: {
|
|
dispatchId,
|
|
action,
|
|
data,
|
|
}
|
|
});
|
|
return true
|
|
};
|
|
$A.Electron?.listener('syncDispatch', async ({dispatchId: targetId, action, data}) => {
|
|
if (!$A.Ready) {
|
|
return
|
|
}
|
|
if (dispatchId === targetId) {
|
|
return
|
|
}
|
|
if (!$A.isJson(data)) {
|
|
return
|
|
}
|
|
data.__sync__ = true
|
|
await store.dispatch(action, data)
|
|
})
|
|
$A.Electron?.listener('goForward', ({route, isReplace}) => {
|
|
if (!$A.Ready) {
|
|
return
|
|
}
|
|
$A.goForward(route, isReplace, false)
|
|
})
|
|
|
|
// 绑定截图快捷键
|
|
$A.bindScreenshotKey = (data) => {
|
|
let key = "";
|
|
const screenshot_key = (data.screenshot_key || "").trim().toLowerCase()
|
|
if (screenshot_key) {
|
|
key = /macintosh|mac os x/i.test(navigator.userAgent) ? 'command' : 'ctrl'
|
|
key = `${key}+shift+${screenshot_key.toLowerCase()}`
|
|
}
|
|
$A.Electron.sendMessage('bindScreenshotKey', {key});
|
|
};
|
|
|
|
Vue.prototype.$A = $A;
|
|
Vue.prototype.$L = $L;
|
|
Vue.prototype.$Electron = $A.Electron;
|
|
Vue.prototype.$Platform = $A.Platform;
|
|
Vue.prototype.$isMainElectron = $A.isMainElectron;
|
|
Vue.prototype.$isSubElectron = $A.isSubElectron;
|
|
Vue.prototype.$isEEUIApp = $A.isEEUIApp;
|
|
Vue.prototype.$isSoftware = $A.isSoftware;
|
|
|
|
Vue.config.productionTip = false;
|
|
Vue.mixin(state)
|
|
|
|
let app;
|
|
const $init = async () => {
|
|
const action = await store.dispatch("init");
|
|
|
|
app = new Vue({
|
|
router,
|
|
store,
|
|
render: h => h(App),
|
|
template: '<App/>',
|
|
}).$mount('#app');
|
|
|
|
$A.goForward = app.goForward;
|
|
$A.goBack = app.goBack;
|
|
$A.Message = app.$Message;
|
|
$A.Notice = app.$Notice;
|
|
$A.Modal = app.$Modal;
|
|
$A.Ready = true;
|
|
|
|
if (action === "handleClearCache") {
|
|
$A.messageSuccess("清除成功");
|
|
}
|
|
|
|
if (typeof window.LANGUAGE_DATA[`i_${languageName}`] !== "undefined") {
|
|
ViewUI.locale(window.LANGUAGE_DATA[`i_${languageName}`]);
|
|
}
|
|
}
|
|
|
|
const $preload = async () => {
|
|
document.getElementById("app")?.setAttribute("data-preload", "true")
|
|
|
|
if ($A.isEEUIApp) {
|
|
const requireTime = new Date().getTime();
|
|
while (typeof requireModuleJs !== "function") {
|
|
await new Promise(resolve => setTimeout(resolve, 200));
|
|
if (new Date().getTime() - requireTime > 15 * 1000) {
|
|
break
|
|
}
|
|
}
|
|
if (typeof requireModuleJs !== "function") {
|
|
const errorTip = $A.L("加载失败，请重启软件")
|
|
const errorView = document.querySelector(".app-view-loading")
|
|
if (errorView) {
|
|
errorView.innerHTML = `<span style="color:#f00;font-size:18px;">${errorTip}</span>`
|
|
} else {
|
|
alert(errorTip)
|
|
}
|
|
return
|
|
}
|
|
const pageInfo = $A.eeuiAppGetPageInfo() || {};
|
|
store.state.isFirstPage = pageInfo.pageName === 'firstPage'
|
|
await store.dispatch("safeAreaInsets")
|
|
}
|
|
|
|
await store.dispatch("preload");
|
|
const hash = (window.location[routeMode === 'hash' ? 'hash' : 'pathname']).replace(/^[#\/\s]+/, '');
|
|
if (hash !== 'preload') {
|
|
await $init()
|
|
return
|
|
}
|
|
|
|
document.querySelector(".app-view-loading")?.setAttribute("data-visible", "false")
|
|
window.__initializeApp = async (loadHash) => {
|
|
if (/^https?:\/\//.test(loadHash)) {
|
|
if ($A.getDomain(loadHash) !== $A.getDomain($A.mainUrl())) {
|
|
window.location.href = url;
|
|
return;
|
|
}
|
|
loadHash = loadHash.replace(/^https?:\/\/[^\/]+/, '');
|
|
}
|
|
if (routeMode === 'hash') {
|
|
loadHash = `#/${loadHash.replace(/^[#\/\s]+/, '')}`;
|
|
}
|
|
window.history.replaceState(null, '', loadHash)
|
|
await $init()
|
|
}
|
|
}
|
|
|
|
$preload().catch(_ => {})
|