const state = {
|
visitedViews: [],
|
cachedViews: [],
|
iframeViews: [],
|
};
|
|
const mutations = {
|
ADD_IFRAME_VIEW: (state, view) => {
|
if (state.iframeViews.some((v) => v.path === view.path)) return;
|
state.iframeViews.push(
|
Object.assign({}, view, {
|
title: view.meta.title || "no-name",
|
})
|
);
|
},
|
ADD_VISITED_VIEW: (state, view) => {
|
if (state.visitedViews.some((v) => v.path === view.path)) return;
|
state.visitedViews.push(
|
Object.assign({}, view, {
|
title: view.meta.title || "no-name",
|
})
|
);
|
},
|
ADD_CACHED_VIEW: (state, view) => {
|
if (state.cachedViews.includes(view.name)) return;
|
if (view.meta && !view.meta.noCache) {
|
state.cachedViews.push(view.name);
|
}
|
},
|
DEL_VISITED_VIEW: (state, view) => {
|
for (const [i, v] of state.visitedViews.entries()) {
|
if (v.path === view.path) {
|
state.visitedViews.splice(i, 1);
|
break;
|
}
|
}
|
state.iframeViews = state.iframeViews.filter(
|
(item) => item.path !== view.path
|
);
|
},
|
DEL_IFRAME_VIEW: (state, view) => {
|
state.iframeViews = state.iframeViews.filter(
|
(item) => item.path !== view.path
|
);
|
},
|
DEL_CACHED_VIEW: (state, view) => {
|
const index = state.cachedViews.indexOf(view.name);
|
index > -1 && state.cachedViews.splice(index, 1);
|
},
|
|
DEL_OTHERS_VISITED_VIEWS: (state, view) => {
|
state.visitedViews = state.visitedViews.filter((v) => {
|
return v.meta.affix || v.path === view.path;
|
});
|
state.iframeViews = state.iframeViews.filter(
|
(item) => item.path === view.path
|
);
|
},
|
DEL_OTHERS_CACHED_VIEWS: (state, view) => {
|
const index = state.cachedViews.indexOf(view.name);
|
if (index > -1) {
|
state.cachedViews = state.cachedViews.slice(index, index + 1);
|
} else {
|
state.cachedViews = [];
|
}
|
},
|
DEL_ALL_VISITED_VIEWS: (state) => {
|
// keep affix tags
|
const affixTags = state.visitedViews.filter((tag) => tag.meta.affix);
|
state.visitedViews = affixTags;
|
state.iframeViews = [];
|
},
|
DEL_ALL_CACHED_VIEWS: (state) => {
|
state.cachedViews = [];
|
},
|
UPDATE_VISITED_VIEW: (state, view) => {
|
for (let v of state.visitedViews) {
|
if (v.path === view.path) {
|
v = Object.assign(v, view);
|
break;
|
}
|
}
|
},
|
DEL_RIGHT_VIEWS: (state, view) => {
|
const index = state.visitedViews.findIndex((v) => v.path === view.path);
|
if (index === -1) {
|
return;
|
}
|
state.visitedViews = state.visitedViews.filter((item, idx) => {
|
if (idx <= index || (item.meta && item.meta.affix)) {
|
return true;
|
}
|
const i = state.cachedViews.indexOf(item.name);
|
if (i > -1) {
|
state.cachedViews.splice(i, 1);
|
}
|
if (item.meta.link) {
|
const fi = state.iframeViews.findIndex((v) => v.path === item.path);
|
state.iframeViews.splice(fi, 1);
|
}
|
return false;
|
});
|
},
|
DEL_LEFT_VIEWS: (state, view) => {
|
const index = state.visitedViews.findIndex((v) => v.path === view.path);
|
if (index === -1) {
|
return;
|
}
|
state.visitedViews = state.visitedViews.filter((item, idx) => {
|
if (idx >= index || (item.meta && item.meta.affix)) {
|
return true;
|
}
|
const i = state.cachedViews.indexOf(item.name);
|
if (i > -1) {
|
state.cachedViews.splice(i, 1);
|
}
|
if (item.meta.link) {
|
const fi = state.iframeViews.findIndex((v) => v.path === item.path);
|
state.iframeViews.splice(fi, 1);
|
}
|
return false;
|
});
|
},
|
};
|
|
const actions = {
|
addView({ dispatch }, view) {
|
dispatch("addVisitedView", view);
|
dispatch("addCachedView", view);
|
},
|
addIframeView({ commit }, view) {
|
commit("ADD_IFRAME_VIEW", view);
|
},
|
addVisitedView({ commit }, view) {
|
commit("ADD_VISITED_VIEW", view);
|
},
|
addCachedView({ commit }, view) {
|
commit("ADD_CACHED_VIEW", view);
|
},
|
delView({ dispatch, state }, view) {
|
return new Promise((resolve) => {
|
dispatch("delVisitedView", view);
|
dispatch("delCachedView", view);
|
resolve({
|
visitedViews: [...state.visitedViews],
|
cachedViews: [...state.cachedViews],
|
});
|
});
|
},
|
delVisitedView({ commit, state }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_VISITED_VIEW", view);
|
resolve([...state.visitedViews]);
|
});
|
},
|
delIframeView({ commit, state }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_IFRAME_VIEW", view);
|
resolve([...state.iframeViews]);
|
});
|
},
|
delCachedView({ commit, state }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_CACHED_VIEW", view);
|
resolve([...state.cachedViews]);
|
});
|
},
|
delOthersViews({ dispatch, state }, view) {
|
return new Promise((resolve) => {
|
dispatch("delOthersVisitedViews", view);
|
dispatch("delOthersCachedViews", view);
|
resolve({
|
visitedViews: [...state.visitedViews],
|
cachedViews: [...state.cachedViews],
|
});
|
});
|
},
|
delOthersVisitedViews({ commit, state }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_OTHERS_VISITED_VIEWS", view);
|
resolve([...state.visitedViews]);
|
});
|
},
|
delOthersCachedViews({ commit, state }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_OTHERS_CACHED_VIEWS", view);
|
resolve([...state.cachedViews]);
|
});
|
},
|
delAllViews({ dispatch, state }, view) {
|
return new Promise((resolve) => {
|
dispatch("delAllVisitedViews", view);
|
dispatch("delAllCachedViews", view);
|
resolve({
|
visitedViews: [...state.visitedViews],
|
cachedViews: [...state.cachedViews],
|
});
|
});
|
},
|
delAllVisitedViews({ commit, state }) {
|
return new Promise((resolve) => {
|
commit("DEL_ALL_VISITED_VIEWS");
|
resolve([...state.visitedViews]);
|
});
|
},
|
delAllCachedViews({ commit, state }) {
|
return new Promise((resolve) => {
|
commit("DEL_ALL_CACHED_VIEWS");
|
resolve([...state.cachedViews]);
|
});
|
},
|
updateVisitedView({ commit }, view) {
|
commit("UPDATE_VISITED_VIEW", view);
|
},
|
delRightTags({ commit }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_RIGHT_VIEWS", view);
|
resolve([...state.visitedViews]);
|
});
|
},
|
delLeftTags({ commit }, view) {
|
return new Promise((resolve) => {
|
commit("DEL_LEFT_VIEWS", view);
|
resolve([...state.visitedViews]);
|
});
|
},
|
};
|
|
export default {
|
namespaced: true,
|
state,
|
mutations,
|
actions,
|
};
|
