import Calendar from '../../components/Calendar'
|
|
const state = {
|
docks: [],
|
frames: [],
|
minDocks: [],
|
messageNotices: [],
|
notificationCenterVisible: false,
|
framesOrder: 0,
|
framesOffset: 5,
|
preferenceVisiable: false,
|
safari: {
|
id: 'safari',
|
active: false,
|
isShow: true,
|
url: '',
|
title: 'safari',
|
icon: '/images/desktop/safari.png',
|
order: 0,
|
leftOffset: 8,
|
topOffset: 8
|
},
|
weather: void 0,
|
currentDate: new Date()
|
};
|
|
// getters
|
const getters = {
|
frames(state) {
|
return state.frames;
|
}
|
};
|
|
// actions
|
const actions = {
|
addFrame({ commit }, dframe) {
|
commit('addFrame', dframe);
|
commit('refreshFrame', dframe);
|
commit('addDockDot', dframe.id);
|
},
|
addMessage({ commit }, msg) {
|
commit('addMessageNotice', msg);
|
commit('sortMessageNotice');
|
},
|
closeFrame({ commit }, item) {
|
commit('closeFrame', item);
|
},
|
removeMessageById({ commit }, id) {
|
commit('removeMessageById', id);
|
commit('sortMessageNotice');
|
},
|
removeMessageByDate({ commit }, dateStr) {
|
commit('removeMessageByDate', dateStr);
|
commit('sortMessageNotice');
|
}
|
};
|
|
// mutations
|
const mutations = {
|
addDock: (state, dock) => {
|
let ids = state.docks.map(item => item.id);
|
if (ids.indexOf(dock.id) > -1) {
|
return;
|
}
|
dock.isOpen = false;
|
state.docks.push(dock);
|
},
|
addDockDot: (state, id) => {
|
state.docks.find(function (it) {
|
if (it.id === id) {
|
it.isOpen = true;
|
return true;
|
}
|
return false;
|
});
|
},
|
addFrame: (state, dframe) => {
|
let ids = state.frames.map(item => item.id);
|
if (ids.indexOf(dframe.id) > -1) {
|
return false;
|
}
|
|
let order = state.framesOrder + 1;
|
let offset = state.framesOffset;
|
if (order >= 10) {
|
order = 0;
|
offset -= 1;
|
if (offset < 0) {
|
offset = 5;
|
}
|
}
|
dframe.leftOffset = state.framesOffset + order;
|
dframe.topOffset = state.framesOffset + order;
|
dframe.order = 0;
|
dframe.isShow = true;
|
let curDframe = state.docks.find(dock => dock.id == dframe.id);
|
dframe.width = curDframe.width;
|
dframe.height = curDframe.height;
|
state.framesOrder = order;
|
state.framesOffset = offset;
|
state.frames.push(dframe);
|
|
return true;
|
},
|
addMinDock: (state, dock) => {
|
debugger
|
let ids = state.minDocks.map(item => item.id);
|
|
if (ids.indexOf(dock.id) > -1) {
|
//已经在mindock里
|
let curFrame = state.frames.find(frame => frame.id == dock.id);
|
curFrame.isShow = false;
|
let minOne = state.minDocks.find(one => one.id == dock.id);
|
|
minOne.highlight = false;
|
//找到minDocks最近打开的状态isShow为true的dock置为高亮
|
let minLen = state.minDocks.length;
|
for(var i = minLen-1; i >= 0; i--){
|
debugger
|
let temp = state.frames.find(frame=>frame.id == state.minDocks[i].id);
|
if(temp.isShow){
|
state.minDocks[i].highlight = true;
|
return;
|
}
|
}
|
return;
|
}
|
// state.frames.find(function (it) {
|
// if (it.id === dock.id) {
|
// it.isShow = false;
|
// return true;
|
// }
|
// return false;
|
// });
|
debugger
|
state.minDocks.push(dock);
|
|
},
|
addMessageNotice: (state, msg) => {
|
let ids = state.messageNotices.map(item => item.id);
|
if (ids.indexOf(msg.id) > -1) {
|
return;
|
}
|
state.messageNotices.push(msg);
|
},
|
addWeather: (state, item) => {
|
state.weather = item;
|
},
|
changeNotificationCenterVisible: (state, visible) => {
|
state.notificationCenterVisible = visible;
|
},
|
closeFrame: (state, item) => {
|
state.frames.find(function (it, idx) {
|
if (it.id === item.id) {
|
state.frames.splice(idx, 1);
|
return true;
|
}
|
return false;
|
});
|
state.minDocks.find(function (it, idx) {
|
if (it.id === item.id) {
|
state.minDocks.splice(idx, 1);
|
return true;
|
}
|
return false;
|
});
|
state.docks.find(function (it) {
|
if (it.id === item.id) {
|
it.isOpen = false;
|
return true;
|
}
|
return false;
|
});
|
if (item.id === 'safari') {
|
state.safari.active = false;
|
}
|
},
|
openSafari: (state) => {
|
state.safari.active = true;
|
state.safari.isShow = true;
|
},
|
refreshFrame: (state, item) => {
|
debugger
|
state.frames.forEach(function (it) {
|
debugger
|
if (it.id === item.id) {
|
it.order = 1;
|
|
state.minDocks.forEach((min,index)=>{
|
debugger
|
if(min.id == it.id){
|
debugger
|
min.highlight = true;
|
}else{
|
min.highlight = false;
|
|
}
|
})
|
} else {
|
it.order = 0;
|
}
|
});
|
|
},
|
refreshTime: (state) => {
|
state.currentDate = new Date();
|
},
|
resetMinFrame: (state, id) => {
|
state.frames.find(function (it) {
|
if (it.id === id) {
|
it.isShow = true;
|
|
return true;
|
}
|
return false;
|
});
|
|
|
},
|
removeMessageById: (state, id) => {
|
state.messageNotices.find(function (item, idx) {
|
if (item.id === id) {
|
state.messageNotices.splice(idx, 1);
|
return true;
|
}
|
return false;
|
});
|
},
|
removeMessageByDate: (state, dateStr) => {
|
let notices = [];
|
state.messageNotices.forEach(function (item) {
|
if (Calendar.dateOfYear(new Date(item.time)) !== dateStr) {
|
notices.push(item);
|
}
|
});
|
state.messageNotices = notices;
|
},
|
sortMessageNotice: (state) => {
|
state.messageNotices.sort(
|
(a, b) => new Date(b.time).getTime() - new Date(a.time).getTime());
|
let dateMap = {};
|
state.messageNotices.forEach(function (value) {
|
let dateStr = Calendar.dateOfYear(new Date(value.time));
|
if (dateMap[dateStr]) {
|
value.showHeader = false;
|
} else {
|
dateMap[dateStr] = 1;
|
value.showHeader = true;
|
}
|
});
|
},
|
togglePreference: (state) => {
|
state.preferenceVisiable = !state.preferenceVisiable;
|
}
|
};
|
|
export default {
|
namespaced: true,
|
state,
|
getters,
|
actions,
|
mutations
|
}
|
