@ditari/store 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/cjs/index.cjs +20 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/index.d.ts +12 -0
- package/dist/cjs/modules/Breadcrumb.cjs +22 -0
- package/dist/cjs/modules/Breadcrumb.cjs.map +1 -0
- package/dist/cjs/modules/Breadcrumb.d.ts +10 -0
- package/dist/cjs/modules/DataDictionary.cjs +50 -0
- package/dist/cjs/modules/DataDictionary.cjs.map +1 -0
- package/dist/cjs/modules/DataDictionary.d.ts +28 -0
- package/dist/cjs/modules/Fuck.d.ts +1 -0
- package/dist/cjs/modules/KeepAlive.cjs +47 -0
- package/dist/cjs/modules/KeepAlive.cjs.map +1 -0
- package/dist/cjs/modules/KeepAlive.d.ts +21 -0
- package/dist/cjs/modules/Menu.cjs +31 -0
- package/dist/cjs/modules/Menu.cjs.map +1 -0
- package/dist/cjs/modules/Menu.d.ts +17 -0
- package/dist/cjs/modules/NavTab.cjs +91 -0
- package/dist/cjs/modules/NavTab.cjs.map +1 -0
- package/dist/cjs/modules/NavTab.d.ts +64 -0
- package/dist/cjs/modules/Settings.cjs +115 -0
- package/dist/cjs/modules/Settings.cjs.map +1 -0
- package/dist/cjs/modules/Settings.d.ts +43 -0
- package/dist/cjs/modules/User.cjs +31 -0
- package/dist/cjs/modules/User.cjs.map +1 -0
- package/dist/cjs/modules/User.d.ts +21 -0
- package/dist/cjs/types.cjs +19 -0
- package/dist/cjs/types.cjs.map +1 -0
- package/dist/cjs/types.d.ts +7 -0
- package/dist/esm/index.d.ts +12 -0
- package/dist/esm/index.mjs +8 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/modules/Breadcrumb.d.ts +10 -0
- package/dist/esm/modules/Breadcrumb.mjs +20 -0
- package/dist/esm/modules/Breadcrumb.mjs.map +1 -0
- package/dist/esm/modules/DataDictionary.d.ts +28 -0
- package/dist/esm/modules/DataDictionary.mjs +48 -0
- package/dist/esm/modules/DataDictionary.mjs.map +1 -0
- package/dist/esm/modules/Fuck.d.ts +1 -0
- package/dist/esm/modules/KeepAlive.d.ts +21 -0
- package/dist/esm/modules/KeepAlive.mjs +45 -0
- package/dist/esm/modules/KeepAlive.mjs.map +1 -0
- package/dist/esm/modules/Menu.d.ts +17 -0
- package/dist/esm/modules/Menu.mjs +29 -0
- package/dist/esm/modules/Menu.mjs.map +1 -0
- package/dist/esm/modules/NavTab.d.ts +64 -0
- package/dist/esm/modules/NavTab.mjs +89 -0
- package/dist/esm/modules/NavTab.mjs.map +1 -0
- package/dist/esm/modules/Settings.d.ts +43 -0
- package/dist/esm/modules/Settings.mjs +113 -0
- package/dist/esm/modules/Settings.mjs.map +1 -0
- package/dist/esm/modules/User.d.ts +21 -0
- package/dist/esm/modules/User.mjs +29 -0
- package/dist/esm/modules/User.mjs.map +1 -0
- package/dist/esm/types.d.ts +7 -0
- package/dist/esm/types.mjs +11 -0
- package/dist/esm/types.mjs.map +1 -0
- package/package.json +36 -0
- package/src/index.ts +12 -0
- package/src/modules/Breadcrumb.ts +25 -0
- package/src/modules/DataDictionary.ts +55 -0
- package/src/modules/KeepAlive.ts +47 -0
- package/src/modules/Menu.ts +29 -0
- package/src/modules/NavTab.ts +106 -0
- package/src/modules/Settings.ts +120 -0
- package/src/modules/User.ts +30 -0
- package/src/types.ts +15 -0
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var Breadcrumb = require('./modules/Breadcrumb.cjs');
|
|
4
|
+
var DataDictionary = require('./modules/DataDictionary.cjs');
|
|
5
|
+
var KeepAlive = require('./modules/KeepAlive.cjs');
|
|
6
|
+
var Menu = require('./modules/Menu.cjs');
|
|
7
|
+
var NavTab = require('./modules/NavTab.cjs');
|
|
8
|
+
var Settings = require('./modules/Settings.cjs');
|
|
9
|
+
var User = require('./modules/User.cjs');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
exports.useBreadcrumbStore = Breadcrumb.useBreadcrumbStore;
|
|
14
|
+
exports.useDataDicStore = DataDictionary.useDataDicStore;
|
|
15
|
+
exports.useKeepAliveStore = KeepAlive.useKeepAliveStore;
|
|
16
|
+
exports.useMenuStore = Menu.useMenuStore;
|
|
17
|
+
exports.useNavTabsStore = NavTab.useNavTabsStore;
|
|
18
|
+
exports.useSettingsStore = Settings.useSettingsStore;
|
|
19
|
+
exports.useUserStore = User.useUserStore;
|
|
20
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export { useBreadcrumbStore } from "./modules/Breadcrumb";
|
|
2
|
+
export type { BreadcrumbState } from "./modules/Breadcrumb";
|
|
3
|
+
export { useDataDicStore } from "./modules/DataDictionary";
|
|
4
|
+
export type { DataDictionaryState } from "./modules/DataDictionary";
|
|
5
|
+
export { useKeepAliveStore } from "./modules/KeepAlive";
|
|
6
|
+
export { useMenuStore } from "./modules/Menu";
|
|
7
|
+
export { useNavTabsStore } from "./modules/NavTab";
|
|
8
|
+
export type { NavTabsState } from "./modules/NavTab";
|
|
9
|
+
export { useSettingsStore } from "./modules/Settings";
|
|
10
|
+
export type { SettingState } from "./modules/Settings";
|
|
11
|
+
export { useUserStore } from "./modules/User";
|
|
12
|
+
export type { UserState } from "./modules/User";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pinia = require('pinia');
|
|
4
|
+
var types = require('../types.cjs');
|
|
5
|
+
|
|
6
|
+
const useBreadcrumbStore = pinia.defineStore(types.BREADCRUMB_ID, {
|
|
7
|
+
state: () => ({
|
|
8
|
+
breadcrumbs: []
|
|
9
|
+
}),
|
|
10
|
+
getters: {
|
|
11
|
+
getBreadcrumb: (state) => state.breadcrumbs
|
|
12
|
+
},
|
|
13
|
+
actions: {
|
|
14
|
+
saveBreadcrumb(data) {
|
|
15
|
+
this.breadcrumbs = data;
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
persist: true
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
exports.useBreadcrumbStore = useBreadcrumbStore;
|
|
22
|
+
//# sourceMappingURL=Breadcrumb.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.cjs","sources":["../../../src/modules/Breadcrumb.ts"],"sourcesContent":["/**\n * 面包屑\n * @author 余春林\n */\nimport { defineStore } from \"pinia\";\nimport { BREADCRUMB_ID } from \"../types\";\n\nexport interface BreadcrumbState {\n breadcrumbs: [];\n}\n\nexport const useBreadcrumbStore = defineStore(BREADCRUMB_ID, {\n state: (): BreadcrumbState => ({\n breadcrumbs: []\n }),\n getters: {\n getBreadcrumb: (state) => state.breadcrumbs\n },\n actions: {\n saveBreadcrumb(data: any) {\n this.breadcrumbs = data;\n }\n },\n persist: true\n});\n"],"names":["defineStore","BREADCRUMB_ID"],"mappings":";;;;;AAWa,MAAA,kBAAA,GAAqBA,kBAAYC,mBAAe,EAAA;AAAA,EAC3D,OAAO,OAAwB;AAAA,IAC7B,aAAa,EAAC;AAAA,GAChB,CAAA;AAAA,EACA,OAAS,EAAA;AAAA,IACP,aAAA,EAAe,CAAC,KAAA,KAAU,KAAM,CAAA,WAAA;AAAA,GAClC;AAAA,EACA,OAAS,EAAA;AAAA,IACP,eAAe,IAAW,EAAA;AACxB,MAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,KACrB;AAAA,GACF;AAAA,EACA,OAAS,EAAA,IAAA;AACX,CAAC;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface BreadcrumbState {
|
|
2
|
+
breadcrumbs: [];
|
|
3
|
+
}
|
|
4
|
+
export declare const useBreadcrumbStore: import("pinia").StoreDefinition<string, BreadcrumbState, {
|
|
5
|
+
getBreadcrumb: (state: {
|
|
6
|
+
breadcrumbs: [];
|
|
7
|
+
} & import("pinia").PiniaCustomStateProperties<BreadcrumbState>) => [];
|
|
8
|
+
}, {
|
|
9
|
+
saveBreadcrumb(data: any): void;
|
|
10
|
+
}>;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pinia = require('pinia');
|
|
4
|
+
var types = require('../types.cjs');
|
|
5
|
+
|
|
6
|
+
const useDataDicStore = pinia.defineStore(types.DATA_DICTIONARY_ID, {
|
|
7
|
+
state: () => ({
|
|
8
|
+
list: {}
|
|
9
|
+
}),
|
|
10
|
+
getters: {
|
|
11
|
+
/**
|
|
12
|
+
* 根据key获取字典列表
|
|
13
|
+
* @param state
|
|
14
|
+
*/
|
|
15
|
+
getDicByKey: (state) => {
|
|
16
|
+
return (key) => {
|
|
17
|
+
return state.list[key] || [];
|
|
18
|
+
};
|
|
19
|
+
},
|
|
20
|
+
/**
|
|
21
|
+
* 根据字典名称和字典的value 获取对应的中文
|
|
22
|
+
* @param state
|
|
23
|
+
*/
|
|
24
|
+
getDicTextByValue: (state) => {
|
|
25
|
+
return (key, value) => {
|
|
26
|
+
const rs = state.list[key] || [];
|
|
27
|
+
return rs.filter((item) => item.value === value).map((item) => item.label).join("");
|
|
28
|
+
};
|
|
29
|
+
},
|
|
30
|
+
getDicValueByText: (state) => {
|
|
31
|
+
return (key, text) => {
|
|
32
|
+
const rs = state.list[key] || [];
|
|
33
|
+
return rs.filter((item) => item.label === text).map((item) => item.value).join("");
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
actions: {
|
|
38
|
+
/**
|
|
39
|
+
* 保存字典数据
|
|
40
|
+
* @param data 字典数据
|
|
41
|
+
*/
|
|
42
|
+
save(data) {
|
|
43
|
+
this.list = data;
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
persist: true
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
exports.useDataDicStore = useDataDicStore;
|
|
50
|
+
//# sourceMappingURL=DataDictionary.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataDictionary.cjs","sources":["../../../src/modules/DataDictionary.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { DATA_DICTIONARY_ID } from \"../types\";\n\nexport interface DataDictionaryState {\n list: any;\n}\nexport const useDataDicStore = defineStore(DATA_DICTIONARY_ID, {\n state: (): DataDictionaryState => ({\n list: {}\n }),\n getters: {\n /**\n * 根据key获取字典列表\n * @param state\n */\n getDicByKey: (state) => {\n return (key: string) => {\n return state.list[key] || [];\n };\n },\n /**\n * 根据字典名称和字典的value 获取对应的中文\n * @param state\n */\n getDicTextByValue: (state) => {\n return (key: string, value: string) => {\n const rs = state.list[key] || [];\n return rs\n .filter((item: any) => item.value === value)\n .map((item: any) => item.label)\n .join(\"\");\n };\n },\n getDicValueByText: (state) => {\n // 根据文字匹配对应的value\n return (key: string, text: string) => {\n const rs = state.list[key] || [];\n return rs\n .filter((item: any) => item.label === text)\n .map((item: any) => item.value)\n .join(\"\");\n };\n }\n },\n actions: {\n /**\n * 保存字典数据\n * @param data 字典数据\n */\n save(data: any) {\n this.list = data;\n }\n },\n persist: true\n});\n"],"names":["defineStore","DATA_DICTIONARY_ID"],"mappings":";;;;;AAMa,MAAA,eAAA,GAAkBA,kBAAYC,wBAAoB,EAAA;AAAA,EAC7D,OAAO,OAA4B;AAAA,IACjC,MAAM,EAAC;AAAA,GACT,CAAA;AAAA,EACA,OAAS,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,WAAA,EAAa,CAAC,KAAU,KAAA;AACtB,MAAA,OAAO,CAAC,GAAgB,KAAA;AACtB,QAAA,OAAO,KAAM,CAAA,IAAA,CAAK,GAAG,CAAA,IAAK,EAAC,CAAA;AAAA,OAC7B,CAAA;AAAA,KACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,iBAAA,EAAmB,CAAC,KAAU,KAAA;AAC5B,MAAO,OAAA,CAAC,KAAa,KAAkB,KAAA;AACrC,QAAA,MAAM,EAAK,GAAA,KAAA,CAAM,IAAK,CAAA,GAAG,KAAK,EAAC,CAAA;AAC/B,QAAA,OAAO,EACJ,CAAA,MAAA,CAAO,CAAC,IAAA,KAAc,KAAK,KAAU,KAAA,KAAK,CAC1C,CAAA,GAAA,CAAI,CAAC,IAAc,KAAA,IAAA,CAAK,KAAK,CAAA,CAC7B,KAAK,EAAE,CAAA,CAAA;AAAA,OACZ,CAAA;AAAA,KACF;AAAA,IACA,iBAAA,EAAmB,CAAC,KAAU,KAAA;AAE5B,MAAO,OAAA,CAAC,KAAa,IAAiB,KAAA;AACpC,QAAA,MAAM,EAAK,GAAA,KAAA,CAAM,IAAK,CAAA,GAAG,KAAK,EAAC,CAAA;AAC/B,QAAA,OAAO,EACJ,CAAA,MAAA,CAAO,CAAC,IAAA,KAAc,KAAK,KAAU,KAAA,IAAI,CACzC,CAAA,GAAA,CAAI,CAAC,IAAc,KAAA,IAAA,CAAK,KAAK,CAAA,CAC7B,KAAK,EAAE,CAAA,CAAA;AAAA,OACZ,CAAA;AAAA,KACF;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,KAAK,IAAW,EAAA;AACd,MAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AAAA,KACd;AAAA,GACF;AAAA,EACA,OAAS,EAAA,IAAA;AACX,CAAC;;;;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export interface DataDictionaryState {
|
|
2
|
+
list: any;
|
|
3
|
+
}
|
|
4
|
+
export declare const useDataDicStore: import("pinia").StoreDefinition<string, DataDictionaryState, {
|
|
5
|
+
/**
|
|
6
|
+
* 根据key获取字典列表
|
|
7
|
+
* @param state
|
|
8
|
+
*/
|
|
9
|
+
getDicByKey: (state: {
|
|
10
|
+
list: any;
|
|
11
|
+
} & import("pinia").PiniaCustomStateProperties<DataDictionaryState>) => (key: string) => any;
|
|
12
|
+
/**
|
|
13
|
+
* 根据字典名称和字典的value 获取对应的中文
|
|
14
|
+
* @param state
|
|
15
|
+
*/
|
|
16
|
+
getDicTextByValue: (state: {
|
|
17
|
+
list: any;
|
|
18
|
+
} & import("pinia").PiniaCustomStateProperties<DataDictionaryState>) => (key: string, value: string) => any;
|
|
19
|
+
getDicValueByText: (state: {
|
|
20
|
+
list: any;
|
|
21
|
+
} & import("pinia").PiniaCustomStateProperties<DataDictionaryState>) => (key: string, text: string) => any;
|
|
22
|
+
}, {
|
|
23
|
+
/**
|
|
24
|
+
* 保存字典数据
|
|
25
|
+
* @param data 字典数据
|
|
26
|
+
*/
|
|
27
|
+
save(data: any): void;
|
|
28
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const sayHello: () => void;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pinia = require('pinia');
|
|
4
|
+
var types = require('../types.cjs');
|
|
5
|
+
|
|
6
|
+
const useKeepAliveStore = pinia.defineStore(types.KEEP_ALIVE_ID, {
|
|
7
|
+
state: () => {
|
|
8
|
+
return {
|
|
9
|
+
list: []
|
|
10
|
+
};
|
|
11
|
+
},
|
|
12
|
+
getters: {
|
|
13
|
+
get: (state) => {
|
|
14
|
+
return state.list;
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
actions: {
|
|
18
|
+
/**
|
|
19
|
+
* 删除已经缓存的组件
|
|
20
|
+
* @param name 组件名称(必须唯一)
|
|
21
|
+
*/
|
|
22
|
+
deleteKeepAlive(name) {
|
|
23
|
+
this.list.splice(
|
|
24
|
+
this.list.findIndex((key) => key === name),
|
|
25
|
+
1
|
|
26
|
+
);
|
|
27
|
+
},
|
|
28
|
+
/**
|
|
29
|
+
* 保存要缓存的组件名称
|
|
30
|
+
* @param route
|
|
31
|
+
*/
|
|
32
|
+
save(route) {
|
|
33
|
+
const name = route.name;
|
|
34
|
+
if (!name) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
const flag = this.list.some((key) => key === name);
|
|
38
|
+
if (!flag) {
|
|
39
|
+
this.list.push(name);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
persist: true
|
|
44
|
+
});
|
|
45
|
+
|
|
46
|
+
exports.useKeepAliveStore = useKeepAliveStore;
|
|
47
|
+
//# sourceMappingURL=KeepAlive.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KeepAlive.cjs","sources":["../../../src/modules/KeepAlive.ts"],"sourcesContent":["/**\n * 缓存组件name数据\n */\nimport { defineStore } from \"pinia\";\nimport { RouteLocationNormalized } from \"vue-router\";\n\nimport { KEEP_ALIVE_ID } from \"../types\";\n\nexport const useKeepAliveStore = defineStore(KEEP_ALIVE_ID, {\n state: () => {\n return {\n list: [] as string[]\n };\n },\n getters: {\n get: (state): string[] => {\n return state.list;\n }\n },\n actions: {\n /**\n * 删除已经缓存的组件\n * @param name 组件名称(必须唯一)\n */\n deleteKeepAlive(name: string) {\n this.list.splice(\n this.list.findIndex((key: string) => key === name),\n 1\n );\n },\n /**\n * 保存要缓存的组件名称\n * @param route\n */\n save(route: RouteLocationNormalized) {\n const name = <string>route.name;\n if (!name) {\n return;\n }\n const flag = this.list.some((key: string) => key === name);\n if (!flag) {\n this.list.push(name);\n }\n }\n },\n persist: true\n});\n"],"names":["defineStore","KEEP_ALIVE_ID"],"mappings":";;;;;AAQa,MAAA,iBAAA,GAAoBA,kBAAYC,mBAAe,EAAA;AAAA,EAC1D,OAAO,MAAM;AACX,IAAO,OAAA;AAAA,MACL,MAAM,EAAC;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,GAAA,EAAK,CAAC,KAAoB,KAAA;AACxB,MAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,KACf;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,gBAAgB,IAAc,EAAA;AAC5B,MAAA,IAAA,CAAK,IAAK,CAAA,MAAA;AAAA,QACR,KAAK,IAAK,CAAA,SAAA,CAAU,CAAC,GAAA,KAAgB,QAAQ,IAAI,CAAA;AAAA,QACjD,CAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,KAAK,KAAgC,EAAA;AACnC,MAAA,MAAM,OAAe,KAAM,CAAA,IAAA,CAAA;AAC3B,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAA,OAAA;AAAA,OACF;AACA,MAAA,MAAM,OAAO,IAAK,CAAA,IAAA,CAAK,KAAK,CAAC,GAAA,KAAgB,QAAQ,IAAI,CAAA,CAAA;AACzD,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAK,IAAA,CAAA,IAAA,CAAK,KAAK,IAAI,CAAA,CAAA;AAAA,OACrB;AAAA,KACF;AAAA,GACF;AAAA,EACA,OAAS,EAAA,IAAA;AACX,CAAC;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { RouteLocationNormalized } from "vue-router";
|
|
2
|
+
export declare const useKeepAliveStore: import("pinia").StoreDefinition<string, {
|
|
3
|
+
list: string[];
|
|
4
|
+
}, {
|
|
5
|
+
get: (state: {
|
|
6
|
+
list: string[];
|
|
7
|
+
} & import("pinia").PiniaCustomStateProperties<{
|
|
8
|
+
list: string[];
|
|
9
|
+
}>) => string[];
|
|
10
|
+
}, {
|
|
11
|
+
/**
|
|
12
|
+
* 删除已经缓存的组件
|
|
13
|
+
* @param name 组件名称(必须唯一)
|
|
14
|
+
*/
|
|
15
|
+
deleteKeepAlive(name: string): void;
|
|
16
|
+
/**
|
|
17
|
+
* 保存要缓存的组件名称
|
|
18
|
+
* @param route
|
|
19
|
+
*/
|
|
20
|
+
save(route: RouteLocationNormalized): void;
|
|
21
|
+
}>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pinia = require('pinia');
|
|
4
|
+
var types = require('../types.cjs');
|
|
5
|
+
|
|
6
|
+
const useMenuStore = pinia.defineStore(types.MENU_ID, {
|
|
7
|
+
state: () => {
|
|
8
|
+
return {
|
|
9
|
+
// 菜单数据
|
|
10
|
+
list: [],
|
|
11
|
+
// 展开的菜单数据
|
|
12
|
+
openMenusKeys: [],
|
|
13
|
+
// 当前激活的菜单
|
|
14
|
+
selectedMenuKeys: []
|
|
15
|
+
};
|
|
16
|
+
},
|
|
17
|
+
getters: {
|
|
18
|
+
getMenu: (state) => {
|
|
19
|
+
return state.list;
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
actions: {
|
|
23
|
+
save(data) {
|
|
24
|
+
this.list = data;
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
persist: true
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
exports.useMenuStore = useMenuStore;
|
|
31
|
+
//# sourceMappingURL=Menu.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.cjs","sources":["../../../src/modules/Menu.ts"],"sourcesContent":["/**\n * 菜单数据\n */\nimport { defineStore } from \"pinia\";\nimport { MENU_ID } from \"../types\";\n\nexport const useMenuStore = defineStore(MENU_ID, {\n state: () => {\n return {\n // 菜单数据\n list: [],\n // 展开的菜单数据\n openMenusKeys: [] as any,\n // 当前激活的菜单\n selectedMenuKeys: [] as any\n };\n },\n getters: {\n getMenu: (state) => {\n return state.list;\n }\n },\n actions: {\n save(data: any) {\n this.list = data;\n }\n },\n persist: true\n});\n"],"names":["defineStore","MENU_ID"],"mappings":";;;;;AAMa,MAAA,YAAA,GAAgBA,kBAAYC,aAAS,EAAA;AAAA,EAChD,OAAO,MAAM;AACX,IAAO,OAAA;AAAA;AAAA,MAEL,MAAM,EAAC;AAAA;AAAA,MAEP,eAAe,EAAC;AAAA;AAAA,MAEhB,kBAAkB,EAAC;AAAA,KACrB,CAAA;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAA,EAAS,CAAC,KAAU,KAAA;AAClB,MAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,KACf;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAK,IAAW,EAAA;AACd,MAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AAAA,KACd;AAAA,GACF;AAAA,EACA,OAAS,EAAA,IAAA;AACX,CAAC;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const useMenuStore: import("pinia").StoreDefinition<string, {
|
|
2
|
+
list: never[];
|
|
3
|
+
openMenusKeys: any;
|
|
4
|
+
selectedMenuKeys: any;
|
|
5
|
+
}, {
|
|
6
|
+
getMenu: (state: {
|
|
7
|
+
list: never[];
|
|
8
|
+
openMenusKeys: any;
|
|
9
|
+
selectedMenuKeys: any;
|
|
10
|
+
} & import("pinia").PiniaCustomStateProperties<{
|
|
11
|
+
list: never[];
|
|
12
|
+
openMenusKeys: any;
|
|
13
|
+
selectedMenuKeys: any;
|
|
14
|
+
}>) => never[];
|
|
15
|
+
}, {
|
|
16
|
+
save(data: any): void;
|
|
17
|
+
}>;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pinia = require('pinia');
|
|
4
|
+
var types = require('../types.cjs');
|
|
5
|
+
|
|
6
|
+
const useNavTabsStore = pinia.defineStore(types.NAV_TAB_ID, {
|
|
7
|
+
state: () => {
|
|
8
|
+
return {
|
|
9
|
+
// 多标签列表
|
|
10
|
+
list: [],
|
|
11
|
+
// 当前激活的地址
|
|
12
|
+
activeKey: ""
|
|
13
|
+
};
|
|
14
|
+
},
|
|
15
|
+
getters: {
|
|
16
|
+
getList: (state) => {
|
|
17
|
+
return state.list;
|
|
18
|
+
},
|
|
19
|
+
getActiveKey: (state) => {
|
|
20
|
+
return state.activeKey;
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
actions: {
|
|
24
|
+
/**
|
|
25
|
+
* 设置激活的标签
|
|
26
|
+
* @param key
|
|
27
|
+
*/
|
|
28
|
+
setActiveKey(key) {
|
|
29
|
+
this.activeKey = key;
|
|
30
|
+
},
|
|
31
|
+
/**
|
|
32
|
+
* 保存标签信息
|
|
33
|
+
* @param route
|
|
34
|
+
*/
|
|
35
|
+
save(route) {
|
|
36
|
+
var _a;
|
|
37
|
+
if (!((_a = route.meta) == null ? void 0 : _a.title)) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const flag = this.list.some((item) => item.path === route.path);
|
|
41
|
+
if (flag) {
|
|
42
|
+
this.list.forEach((item) => {
|
|
43
|
+
if (item.path === route.path) {
|
|
44
|
+
item.query = route.query;
|
|
45
|
+
item.fullPath = route.fullPath;
|
|
46
|
+
item.params = route.params;
|
|
47
|
+
item.meta = route.meta;
|
|
48
|
+
item.name = route.name || "";
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
const data = {
|
|
54
|
+
path: route.path,
|
|
55
|
+
fullPath: route.fullPath,
|
|
56
|
+
query: route.query,
|
|
57
|
+
params: route.params,
|
|
58
|
+
meta: route.meta,
|
|
59
|
+
name: route.name || ""
|
|
60
|
+
};
|
|
61
|
+
this.list.push(data);
|
|
62
|
+
},
|
|
63
|
+
/**
|
|
64
|
+
* 删除标签
|
|
65
|
+
* @param key url路径
|
|
66
|
+
*/
|
|
67
|
+
deleteTabs(key) {
|
|
68
|
+
this.list.splice(
|
|
69
|
+
this.list.findIndex((v) => v.fullPath === key),
|
|
70
|
+
1
|
|
71
|
+
);
|
|
72
|
+
},
|
|
73
|
+
/**
|
|
74
|
+
* 设置标题
|
|
75
|
+
* @param title 标题
|
|
76
|
+
* @param path url
|
|
77
|
+
*/
|
|
78
|
+
setNavTitle(title, path) {
|
|
79
|
+
for (let i = 0; i < this.list.length; i++) {
|
|
80
|
+
if (this.list[i].fullPath === path) {
|
|
81
|
+
this.list[i].meta.title = title;
|
|
82
|
+
break;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
persist: true
|
|
88
|
+
});
|
|
89
|
+
|
|
90
|
+
exports.useNavTabsStore = useNavTabsStore;
|
|
91
|
+
//# sourceMappingURL=NavTab.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavTab.cjs","sources":["../../../src/modules/NavTab.ts"],"sourcesContent":["/**\n * 多标签数据\n */\nimport { defineStore } from \"pinia\";\nimport {\n LocationQuery,\n RouteLocationNormalized,\n RouteMeta,\n RouteParams\n} from \"vue-router\";\n\nimport { NAV_TAB_ID } from \"../types\";\n\nexport interface NavTabsState {\n path: string;\n fullPath: string;\n query: LocationQuery;\n params: RouteParams;\n meta: RouteMeta | any;\n name: string;\n}\n\nexport const useNavTabsStore = defineStore(NAV_TAB_ID, {\n state: () => {\n return {\n // 多标签列表\n list: [] as NavTabsState[],\n // 当前激活的地址\n activeKey: \"\" as string\n };\n },\n getters: {\n getList: (state): NavTabsState[] => {\n return state.list;\n },\n getActiveKey: (state): string => {\n return state.activeKey;\n }\n },\n actions: {\n /**\n * 设置激活的标签\n * @param key\n */\n setActiveKey(key: string) {\n this.activeKey = key;\n },\n /**\n * 保存标签信息\n * @param route\n */\n save(route: RouteLocationNormalized) {\n if (!route.meta?.title) {\n // 没有设置title,则不进入缓存\n return;\n }\n const flag = this.list.some((item: NavTabsState) => item.path === route.path);\n if (flag) {\n // 如果有相同的路由变化,更新对应的参数信息\n this.list.forEach((item: NavTabsState) => {\n if (item.path === route.path) {\n item.query = route.query;\n item.fullPath = route.fullPath;\n item.params = route.params;\n item.meta = route.meta;\n item.name = <string>route.name || \"\";\n }\n });\n return;\n }\n const data: NavTabsState = {\n path: route.path,\n fullPath: route.fullPath,\n query: route.query,\n params: route.params,\n meta: route.meta,\n name: <string>route.name || \"\"\n };\n this.list.push(data);\n },\n /**\n * 删除标签\n * @param key url路径\n */\n deleteTabs(key: string) {\n this.list.splice(\n this.list.findIndex((v) => v.fullPath === key),\n 1\n );\n },\n /**\n * 设置标题\n * @param title 标题\n * @param path url\n */\n setNavTitle(title: string, path: string) {\n for (let i = 0; i < this.list.length; i++) {\n if (this.list[i].fullPath === path) {\n this.list[i].meta.title = title;\n break;\n }\n }\n }\n },\n persist: true\n});\n"],"names":["defineStore","NAV_TAB_ID"],"mappings":";;;;;AAsBa,MAAA,eAAA,GAAkBA,kBAAYC,gBAAY,EAAA;AAAA,EACrD,OAAO,MAAM;AACX,IAAO,OAAA;AAAA;AAAA,MAEL,MAAM,EAAC;AAAA;AAAA,MAEP,SAAW,EAAA,EAAA;AAAA,KACb,CAAA;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAA,EAAS,CAAC,KAA0B,KAAA;AAClC,MAAA,OAAO,KAAM,CAAA,IAAA,CAAA;AAAA,KACf;AAAA,IACA,YAAA,EAAc,CAAC,KAAkB,KAAA;AAC/B,MAAA,OAAO,KAAM,CAAA,SAAA,CAAA;AAAA,KACf;AAAA,GACF;AAAA,EACA,OAAS,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,aAAa,GAAa,EAAA;AACxB,MAAA,IAAA,CAAK,SAAY,GAAA,GAAA,CAAA;AAAA,KACnB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,KAAK,KAAgC,EAAA;AAnDzC,MAAA,IAAA,EAAA,CAAA;AAoDM,MAAA,IAAI,EAAC,CAAA,EAAA,GAAA,KAAA,CAAM,IAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,KAAO,CAAA,EAAA;AAEtB,QAAA,OAAA;AAAA,OACF;AACA,MAAM,MAAA,IAAA,GAAO,KAAK,IAAK,CAAA,IAAA,CAAK,CAAC,IAAuB,KAAA,IAAA,CAAK,IAAS,KAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAC5E,MAAA,IAAI,IAAM,EAAA;AAER,QAAK,IAAA,CAAA,IAAA,CAAK,OAAQ,CAAA,CAAC,IAAuB,KAAA;AACxC,UAAI,IAAA,IAAA,CAAK,IAAS,KAAA,KAAA,CAAM,IAAM,EAAA;AAC5B,YAAA,IAAA,CAAK,QAAQ,KAAM,CAAA,KAAA,CAAA;AACnB,YAAA,IAAA,CAAK,WAAW,KAAM,CAAA,QAAA,CAAA;AACtB,YAAA,IAAA,CAAK,SAAS,KAAM,CAAA,MAAA,CAAA;AACpB,YAAA,IAAA,CAAK,OAAO,KAAM,CAAA,IAAA,CAAA;AAClB,YAAK,IAAA,CAAA,IAAA,GAAe,MAAM,IAAQ,IAAA,EAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAA,OAAA;AAAA,OACF;AACA,MAAA,MAAM,IAAqB,GAAA;AAAA,QACzB,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,QAAQ,KAAM,CAAA,MAAA;AAAA,QACd,MAAM,KAAM,CAAA,IAAA;AAAA,QACZ,IAAA,EAAc,MAAM,IAAQ,IAAA,EAAA;AAAA,OAC9B,CAAA;AACA,MAAK,IAAA,CAAA,IAAA,CAAK,KAAK,IAAI,CAAA,CAAA;AAAA,KACrB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,WAAW,GAAa,EAAA;AACtB,MAAA,IAAA,CAAK,IAAK,CAAA,MAAA;AAAA,QACR,KAAK,IAAK,CAAA,SAAA,CAAU,CAAC,CAAM,KAAA,CAAA,CAAE,aAAa,GAAG,CAAA;AAAA,QAC7C,CAAA;AAAA,OACF,CAAA;AAAA,KACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA,CAAY,OAAe,IAAc,EAAA;AACvC,MAAA,KAAA,IAAS,IAAI,CAAG,EAAA,CAAA,GAAI,IAAK,CAAA,IAAA,CAAK,QAAQ,CAAK,EAAA,EAAA;AACzC,QAAA,IAAI,IAAK,CAAA,IAAA,CAAK,CAAC,CAAA,CAAE,aAAa,IAAM,EAAA;AAClC,UAAA,IAAA,CAAK,IAAK,CAAA,CAAC,CAAE,CAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AAC1B,UAAA,MAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,OAAS,EAAA,IAAA;AACX,CAAC;;;;"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { LocationQuery, RouteLocationNormalized, RouteMeta, RouteParams } from "vue-router";
|
|
2
|
+
export interface NavTabsState {
|
|
3
|
+
path: string;
|
|
4
|
+
fullPath: string;
|
|
5
|
+
query: LocationQuery;
|
|
6
|
+
params: RouteParams;
|
|
7
|
+
meta: RouteMeta | any;
|
|
8
|
+
name: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const useNavTabsStore: import("pinia").StoreDefinition<string, {
|
|
11
|
+
list: NavTabsState[];
|
|
12
|
+
activeKey: string;
|
|
13
|
+
}, {
|
|
14
|
+
getList: (state: {
|
|
15
|
+
list: {
|
|
16
|
+
path: string;
|
|
17
|
+
fullPath: string;
|
|
18
|
+
query: LocationQuery;
|
|
19
|
+
params: RouteParams;
|
|
20
|
+
meta: RouteMeta | any;
|
|
21
|
+
name: string;
|
|
22
|
+
}[];
|
|
23
|
+
activeKey: string;
|
|
24
|
+
} & import("pinia").PiniaCustomStateProperties<{
|
|
25
|
+
list: NavTabsState[];
|
|
26
|
+
activeKey: string;
|
|
27
|
+
}>) => NavTabsState[];
|
|
28
|
+
getActiveKey: (state: {
|
|
29
|
+
list: {
|
|
30
|
+
path: string;
|
|
31
|
+
fullPath: string;
|
|
32
|
+
query: LocationQuery;
|
|
33
|
+
params: RouteParams;
|
|
34
|
+
meta: RouteMeta | any;
|
|
35
|
+
name: string;
|
|
36
|
+
}[];
|
|
37
|
+
activeKey: string;
|
|
38
|
+
} & import("pinia").PiniaCustomStateProperties<{
|
|
39
|
+
list: NavTabsState[];
|
|
40
|
+
activeKey: string;
|
|
41
|
+
}>) => string;
|
|
42
|
+
}, {
|
|
43
|
+
/**
|
|
44
|
+
* 设置激活的标签
|
|
45
|
+
* @param key
|
|
46
|
+
*/
|
|
47
|
+
setActiveKey(key: string): void;
|
|
48
|
+
/**
|
|
49
|
+
* 保存标签信息
|
|
50
|
+
* @param route
|
|
51
|
+
*/
|
|
52
|
+
save(route: RouteLocationNormalized): void;
|
|
53
|
+
/**
|
|
54
|
+
* 删除标签
|
|
55
|
+
* @param key url路径
|
|
56
|
+
*/
|
|
57
|
+
deleteTabs(key: string): void;
|
|
58
|
+
/**
|
|
59
|
+
* 设置标题
|
|
60
|
+
* @param title 标题
|
|
61
|
+
* @param path url
|
|
62
|
+
*/
|
|
63
|
+
setNavTitle(title: string, path: string): void;
|
|
64
|
+
}>;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var pinia = require('pinia');
|
|
4
|
+
var core = require('@vueuse/core');
|
|
5
|
+
var types = require('../types.cjs');
|
|
6
|
+
|
|
7
|
+
const mediaMap = [
|
|
8
|
+
{
|
|
9
|
+
key: "700",
|
|
10
|
+
value: "(max-width: 700px)",
|
|
11
|
+
description: "\u5C0F\u4E8E700\u8BBE\u5907"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
key: "700-960",
|
|
15
|
+
value: "(min-width:700px) and (max-width: 960px)",
|
|
16
|
+
description: "\u5927\u4E8E700\u5C0F\u4E8E960\u8BBE\u5907"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
key: "960-1200",
|
|
20
|
+
value: "(min-width:960px) and (max-width: 1200px)",
|
|
21
|
+
description: "\u5927\u4E8E960\u5C0F\u4E8E1024\u8BBE\u5907"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
key: "1200-1680",
|
|
25
|
+
value: "(min-width:1200px) and (max-width: 1680px)",
|
|
26
|
+
description: " \u5927\u4E8E1200\u5C0F\u4E8E1680\u8BBE\u5907"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
key: "1680",
|
|
30
|
+
value: "(min-width:1680px)",
|
|
31
|
+
description: " \u5927\u4E8E1680\u8BBE\u5907"
|
|
32
|
+
}
|
|
33
|
+
];
|
|
34
|
+
const gridConfig = [
|
|
35
|
+
{
|
|
36
|
+
key: "700",
|
|
37
|
+
value: "repeat(1, 100%)",
|
|
38
|
+
col: 1,
|
|
39
|
+
description: "\u663E\u793A\u4E00\u5217\u5360100%"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
key: "700-960",
|
|
43
|
+
value: "repeat(2, 50%)",
|
|
44
|
+
col: 2,
|
|
45
|
+
description: "\u663E\u793A\u4E24\u5217\u6BCF\u5217\u536050%\u5BBD"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
key: "960-1200",
|
|
49
|
+
value: "repeat(3, 33.33%)",
|
|
50
|
+
col: 3,
|
|
51
|
+
description: "\u663E\u793A\u4E09\u5217\u6BCF\u5217\u536033.33%\u5BBD"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
key: "1200-1680",
|
|
55
|
+
value: "repeat(4, 25%)",
|
|
56
|
+
col: 4,
|
|
57
|
+
description: "\u663E\u793A4\u5217\u6BCF\u5217\u536025%\u5BBD"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
key: "1680",
|
|
61
|
+
value: "repeat(5, 20%)",
|
|
62
|
+
col: 5,
|
|
63
|
+
description: " \u663E\u793A5\u5217\u6BCF\u5217\u536020%\u5BBD"
|
|
64
|
+
}
|
|
65
|
+
];
|
|
66
|
+
const useSettingsStore = pinia.defineStore(types.SETTINGS_ID, {
|
|
67
|
+
state: () => ({
|
|
68
|
+
// 刷新状态
|
|
69
|
+
refresh: false,
|
|
70
|
+
// 菜单收缩
|
|
71
|
+
collapsed: false,
|
|
72
|
+
// 屏幕设备匹配规则
|
|
73
|
+
mediaRuleMap: mediaMap,
|
|
74
|
+
// 网格配置 根据匹配匹配规则
|
|
75
|
+
gridConfig,
|
|
76
|
+
gridValue: {}
|
|
77
|
+
}),
|
|
78
|
+
getters: {
|
|
79
|
+
getRefresh: (state) => state.refresh,
|
|
80
|
+
getCollapsed: (state) => state.collapsed,
|
|
81
|
+
getGrid: (state) => {
|
|
82
|
+
return state.gridValue;
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
actions: {
|
|
86
|
+
/**
|
|
87
|
+
* 切换刷新
|
|
88
|
+
*/
|
|
89
|
+
switchRefreshStatus() {
|
|
90
|
+
this.refresh = !this.refresh;
|
|
91
|
+
},
|
|
92
|
+
/**
|
|
93
|
+
* 切换菜单收缩状态
|
|
94
|
+
*/
|
|
95
|
+
switchCollapsed() {
|
|
96
|
+
this.collapsed = !this.collapsed;
|
|
97
|
+
},
|
|
98
|
+
/**
|
|
99
|
+
* 网格匹配
|
|
100
|
+
*/
|
|
101
|
+
gridMatching() {
|
|
102
|
+
const mediaResult = this.mediaRuleMap.filter(
|
|
103
|
+
(item) => core.useMediaQuery(item.value).value
|
|
104
|
+
)[0];
|
|
105
|
+
const gridRs = this.gridConfig.filter(
|
|
106
|
+
(item) => item.key === mediaResult.key
|
|
107
|
+
)[0];
|
|
108
|
+
this.gridValue = gridRs;
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
persist: true
|
|
112
|
+
});
|
|
113
|
+
|
|
114
|
+
exports.useSettingsStore = useSettingsStore;
|
|
115
|
+
//# sourceMappingURL=Settings.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Settings.cjs","sources":["../../../src/modules/Settings.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { useMediaQuery } from \"@vueuse/core\";\nimport { SETTINGS_ID } from \"../types\";\n\nconst mediaMap = [\n {\n key: \"700\",\n value: \"(max-width: 700px)\",\n description: \"小于700设备\"\n },\n {\n key: \"700-960\",\n value: \"(min-width:700px) and (max-width: 960px)\",\n description: \"大于700小于960设备\"\n },\n {\n key: \"960-1200\",\n value: \"(min-width:960px) and (max-width: 1200px)\",\n description: \"大于960小于1024设备\"\n },\n {\n key: \"1200-1680\",\n value: \"(min-width:1200px) and (max-width: 1680px)\",\n description: \" 大于1200小于1680设备\"\n },\n {\n key: \"1680\",\n value: \"(min-width:1680px)\",\n description: \" 大于1680设备\"\n }\n];\n\nconst gridConfig = [\n {\n key: \"700\",\n value: \"repeat(1, 100%)\",\n col: 1,\n description: \"显示一列占100%\"\n },\n {\n key: \"700-960\",\n value: \"repeat(2, 50%)\",\n col: 2,\n description: \"显示两列每列占50%宽\"\n },\n {\n key: \"960-1200\",\n value: \"repeat(3, 33.33%)\",\n col: 3,\n description: \"显示三列每列占33.33%宽\"\n },\n {\n key: \"1200-1680\",\n value: \"repeat(4, 25%)\",\n col: 4,\n description: \"显示4列每列占25%宽\"\n },\n {\n key: \"1680\",\n value: \"repeat(5, 20%)\",\n col: 5,\n description: \" 显示5列每列占20%宽\"\n }\n];\n\nexport interface SettingState {\n refresh: boolean;\n collapsed: boolean;\n mediaRuleMap: any;\n gridConfig: any;\n gridValue: any;\n}\n\nexport const useSettingsStore = defineStore(SETTINGS_ID, {\n state: (): SettingState => ({\n // 刷新状态\n refresh: false as boolean,\n // 菜单收缩\n collapsed: false as boolean,\n // 屏幕设备匹配规则\n mediaRuleMap: mediaMap,\n // 网格配置 根据匹配匹配规则\n gridConfig: gridConfig,\n gridValue: {} as any\n }),\n getters: {\n getRefresh: (state) => state.refresh,\n getCollapsed: (state) => state.collapsed,\n getGrid: (state) => {\n return state.gridValue;\n }\n },\n actions: {\n /**\n * 切换刷新\n */\n switchRefreshStatus() {\n this.refresh = !this.refresh;\n },\n /**\n * 切换菜单收缩状态\n */\n switchCollapsed() {\n this.collapsed = !this.collapsed;\n },\n /**\n * 网格匹配\n */\n gridMatching() {\n const mediaResult = this.mediaRuleMap.filter(\n (item: any) => useMediaQuery(item.value).value\n )[0];\n const gridRs = this.gridConfig.filter(\n (item: any) => item.key === mediaResult.key\n )[0];\n this.gridValue = gridRs;\n }\n },\n persist: true\n});\n"],"names":["defineStore","SETTINGS_ID","useMediaQuery"],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export interface SettingState {
|
|
2
|
+
refresh: boolean;
|
|
3
|
+
collapsed: boolean;
|
|
4
|
+
mediaRuleMap: any;
|
|
5
|
+
gridConfig: any;
|
|
6
|
+
gridValue: any;
|
|
7
|
+
}
|
|
8
|
+
export declare const useSettingsStore: import("pinia").StoreDefinition<string, SettingState, {
|
|
9
|
+
getRefresh: (state: {
|
|
10
|
+
refresh: boolean;
|
|
11
|
+
collapsed: boolean;
|
|
12
|
+
mediaRuleMap: any;
|
|
13
|
+
gridConfig: any;
|
|
14
|
+
gridValue: any;
|
|
15
|
+
} & import("pinia").PiniaCustomStateProperties<SettingState>) => boolean;
|
|
16
|
+
getCollapsed: (state: {
|
|
17
|
+
refresh: boolean;
|
|
18
|
+
collapsed: boolean;
|
|
19
|
+
mediaRuleMap: any;
|
|
20
|
+
gridConfig: any;
|
|
21
|
+
gridValue: any;
|
|
22
|
+
} & import("pinia").PiniaCustomStateProperties<SettingState>) => boolean;
|
|
23
|
+
getGrid: (state: {
|
|
24
|
+
refresh: boolean;
|
|
25
|
+
collapsed: boolean;
|
|
26
|
+
mediaRuleMap: any;
|
|
27
|
+
gridConfig: any;
|
|
28
|
+
gridValue: any;
|
|
29
|
+
} & import("pinia").PiniaCustomStateProperties<SettingState>) => any;
|
|
30
|
+
}, {
|
|
31
|
+
/**
|
|
32
|
+
* 切换刷新
|
|
33
|
+
*/
|
|
34
|
+
switchRefreshStatus(): void;
|
|
35
|
+
/**
|
|
36
|
+
* 切换菜单收缩状态
|
|
37
|
+
*/
|
|
38
|
+
switchCollapsed(): void;
|
|
39
|
+
/**
|
|
40
|
+
* 网格匹配
|
|
41
|
+
*/
|
|
42
|
+
gridMatching(): void;
|
|
43
|
+
}>;
|