fix: 数据看板

zhengyiming

3 天以前 fc6bbae5805da6c95fd675210999a03802cd62ad

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
import { defineStore, acceptHMRUpdate } from 'pinia';
// import { Route } from '@/router';
import { store } from '@/store';
import type { RouteLocationNormalizedLoaded } from 'vue-router';
 
type VisitedViewType = RouteLocationNormalizedLoaded & { title: string };
 
export interface TagsViewState {
  visitedViews: VisitedViewType[];
  cachedViews: string[];
}
 
export const useTagsViewStore = defineStore({
  id: 'tagsView',
  state: (): TagsViewState => ({
    visitedViews: [],
    cachedViews: [],
  }),
  actions: {
    addView(view: RouteLocationNormalizedLoaded) {
      this.addVisitedView(view);
      this.addCachedView(view);
    },
    addVisitedView(view: RouteLocationNormalizedLoaded) {
      if ((this.visitedViews as TagsViewState['visitedViews']).some((v) => v.path === view.path))
        return;
      (this.visitedViews as TagsViewState['visitedViews']).push(
        //@ts-ignore
        Object.assign({}, view, {
          title: view.meta.title || 'no-name',
        })
      );
    },
    addCachedView(view: RouteLocationNormalizedLoaded) {
      if (this.cachedViews.includes(view.name as string)) return;
      if (!view.meta.noCache) {
        this.cachedViews.push(view.name as string);
      }
    },
    delView(view: RouteLocationNormalizedLoaded) {
      return new Promise<TagsViewState>((resolve) => {
        this.delVisitedView(view);
        this.delCachedView(view);
        resolve({
          visitedViews: [...this.visitedViews],
          cachedViews: [...this.cachedViews],
        });
      });
    },
    delViewSync(view: RouteLocationNormalizedLoaded) {
      this.delVisitedViewSync(view);
      this.delCachedView(view);
      return {
        visitedViews: [...this.visitedViews],
        cachedViews: [...this.cachedViews],
      };
    },
    delVisitedView(view: RouteLocationNormalizedLoaded) {
      return new Promise<RouteLocationNormalizedLoaded[]>((resolve) => {
        for (const [i, v] of this.visitedViews.entries()) {
          if (v.path === view.path) {
            this.visitedViews.splice(i, 1);
            break;
          }
        }
        resolve([...(this as TagsViewState).visitedViews]);
      });
    },
    delVisitedViewSync(view: RouteLocationNormalizedLoaded) {
      for (const [i, v] of this.visitedViews.entries()) {
        if (v.path === view.path) {
          this.visitedViews.splice(i, 1);
          break;
        }
      }
      return [...(this as TagsViewState).visitedViews];
    },
    delCachedView(view: Partial<RouteLocationNormalizedLoaded>) {
      const index = this.cachedViews.indexOf(view.name as string);
      index > -1 && this.cachedViews.splice(index, 1);
      return [...this.cachedViews];
    },
    delOthersViews(view: RouteLocationNormalizedLoaded) {
      return new Promise<TagsViewState>((resolve) => {
        this.delOthersVisitedViews(view);
        this.delOthersCachedViews(view);
        resolve({
          visitedViews: [...this.visitedViews],
          cachedViews: [...this.cachedViews],
        });
      });
    },
    delOthersVisitedViews(view: RouteLocationNormalizedLoaded) {
      return new Promise<RouteLocationNormalizedLoaded[]>((resolve) => {
        this.visitedViews = (this.visitedViews as TagsViewState['visitedViews']).filter((v) => {
          return v.meta!.affix || v.path === view.path;
        });
        resolve([...this.visitedViews]);
      });
    },
    delOthersCachedViews(view: RouteLocationNormalizedLoaded) {
      return new Promise<string[]>((resolve) => {
        const index = this.cachedViews.indexOf(view.name as string);
        if (index > -1) {
          this.cachedViews = (this.cachedViews as TagsViewState['cachedViews']).slice(
            index,
            index + 1
          );
        } else {
          // if index = -1, there is no cached tags
          this.cachedViews = [];
        }
        resolve([...this.cachedViews]);
      });
    },
    delAllViews() {
      return new Promise<TagsViewState>((resolve) => {
        this.delAllVisitedViews();
        this.delAllCachedViews();
        resolve({
          visitedViews: [...this.visitedViews],
          cachedViews: [...this.cachedViews],
        });
      });
    },
    delAllVisitedViews() {
      return new Promise<RouteLocationNormalizedLoaded[]>((resolve) => {
        const affixTags = (this.visitedViews as TagsViewState['visitedViews']).filter(
          (tag) => tag.meta!.affix
        );
        this.visitedViews = affixTags;
        resolve([...this.visitedViews]);
      });
    },
    delAllCachedViews() {
      return new Promise<string[]>((resolve) => {
        this.cachedViews = [];
        resolve([...this.cachedViews]);
      });
    },
    updateVisitedView(view: RouteLocationNormalizedLoaded) {
      for (let v of this.visitedViews as TagsViewState['visitedViews']) {
        if (v.path === view.path) {
          v = Object.assign(v, view);
          break;
        }
      }
    },
  },
});
 
export function useTagsViewStoreHook() {
  return useTagsViewStore(store);
}
 
if (import.meta.hot) {
  //@ts-ignore
  import.meta.hot.accept(acceptHMRUpdate(useTagsViewStore, import.meta.hot));
}