@ditari/store 1.0.1

package/dist/esm/modules/Settings.mjs

@@ -0,0 +1,113 @@
+import { defineStore } from 'pinia';
+import { useMediaQuery } from '@vueuse/core';
+import { SETTINGS_ID } from '../types.mjs';
+
+const mediaMap = [
+  {
+    key: "700",
+    value: "(max-width: 700px)",
+    description: "\u5C0F\u4E8E700\u8BBE\u5907"
+  },
+  {
+    key: "700-960",
+    value: "(min-width:700px) and (max-width: 960px)",
+    description: "\u5927\u4E8E700\u5C0F\u4E8E960\u8BBE\u5907"
+  },
+  {
+    key: "960-1200",
+    value: "(min-width:960px) and (max-width: 1200px)",
+    description: "\u5927\u4E8E960\u5C0F\u4E8E1024\u8BBE\u5907"
+  },
+  {
+    key: "1200-1680",
+    value: "(min-width:1200px) and (max-width: 1680px)",
+    description: " \u5927\u4E8E1200\u5C0F\u4E8E1680\u8BBE\u5907"
+  },
+  {
+    key: "1680",
+    value: "(min-width:1680px)",
+    description: " \u5927\u4E8E1680\u8BBE\u5907"
+  }
+];
+const gridConfig = [
+  {
+    key: "700",
+    value: "repeat(1, 100%)",
+    col: 1,
+    description: "\u663E\u793A\u4E00\u5217\u5360100%"
+  },
+  {
+    key: "700-960",
+    value: "repeat(2, 50%)",
+    col: 2,
+    description: "\u663E\u793A\u4E24\u5217\u6BCF\u5217\u536050%\u5BBD"
+  },
+  {
+    key: "960-1200",
+    value: "repeat(3, 33.33%)",
+    col: 3,
+    description: "\u663E\u793A\u4E09\u5217\u6BCF\u5217\u536033.33%\u5BBD"
+  },
+  {
+    key: "1200-1680",
+    value: "repeat(4, 25%)",
+    col: 4,
+    description: "\u663E\u793A4\u5217\u6BCF\u5217\u536025%\u5BBD"
+  },
+  {
+    key: "1680",
+    value: "repeat(5, 20%)",
+    col: 5,
+    description: " \u663E\u793A5\u5217\u6BCF\u5217\u536020%\u5BBD"
+  }
+];
+const useSettingsStore = defineStore(SETTINGS_ID, {
+  state: () => ({
+    // 刷新状态
+    refresh: false,
+    // 菜单收缩
+    collapsed: false,
+    // 屏幕设备匹配规则
+    mediaRuleMap: mediaMap,
+    // 网格配置 根据匹配匹配规则
+    gridConfig,
+    gridValue: {}
+  }),
+  getters: {
+    getRefresh: (state) => state.refresh,
+    getCollapsed: (state) => state.collapsed,
+    getGrid: (state) => {
+      return state.gridValue;
+    }
+  },
+  actions: {
+    /**
+     * 切换刷新
+     */
+    switchRefreshStatus() {
+      this.refresh = !this.refresh;
+    },
+    /**
+     * 切换菜单收缩状态
+     */
+    switchCollapsed() {
+      this.collapsed = !this.collapsed;
+    },
+    /**
+     * 网格匹配
+     */
+    gridMatching() {
+      const mediaResult = this.mediaRuleMap.filter(
+        (item) => useMediaQuery(item.value).value
+      )[0];
+      const gridRs = this.gridConfig.filter(
+        (item) => item.key === mediaResult.key
+      )[0];
+      this.gridValue = gridRs;
+    }
+  },
+  persist: true
+});
+
+export { useSettingsStore };
+//# sourceMappingURL=Settings.mjs.map

package/dist/esm/modules/Settings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.mjs","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":[],"mappings":"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"}

package/dist/esm/modules/User.d.ts

@@ -0,0 +1,21 @@
+export interface UserState {
+    token: string | undefined;
+    userInfo: any;
+}
+export declare const useUserStore: import("pinia").StoreDefinition<string, UserState, {
+    getToken: (state: {
+        token: string | undefined;
+        userInfo: any;
+    } & import("pinia").PiniaCustomStateProperties<UserState>) => string | undefined;
+    getUserInfo: (state: {
+        token: string | undefined;
+        userInfo: any;
+    } & import("pinia").PiniaCustomStateProperties<UserState>) => any;
+}, {
+    /**
+     * 保存token
+     * @param token
+     */
+    saveToken(token: string): void;
+    saveUserInfo(data: any): void;
+}>;

package/dist/esm/modules/User.mjs

@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia';
+import { USER_ID } from '../types.mjs';
+
+const useUserStore = defineStore(USER_ID, {
+  state: () => ({
+    token: void 0,
+    userInfo: void 0
+  }),
+  getters: {
+    getToken: (state) => state.token,
+    getUserInfo: (state) => state.userInfo
+  },
+  actions: {
+    /**
+     * 保存token
+     * @param token
+     */
+    saveToken(token) {
+      this.token = token;
+    },
+    saveUserInfo(data) {
+      this.userInfo = data;
+    }
+  },
+  persist: true
+});
+
+export { useUserStore };
+//# sourceMappingURL=User.mjs.map

package/dist/esm/modules/User.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.mjs","sources":["../../../src/modules/User.ts"],"sourcesContent":["import { defineStore } from \"pinia\";\nimport { USER_ID } from \"../types\";\n\nexport interface UserState {\n  token: string | undefined;\n  userInfo: any;\n}\nexport const useUserStore = defineStore(USER_ID, {\n  state: (): UserState => ({\n    token: undefined,\n    userInfo: undefined\n  }),\n  getters: {\n    getToken: (state) => state.token,\n    getUserInfo: (state) => state.userInfo\n  },\n  actions: {\n    /**\n     * 保存token\n     * @param token\n     */\n    saveToken(token: string) {\n      this.token = token;\n    },\n    saveUserInfo(data: any) {\n      this.userInfo = data;\n    }\n  },\n  persist: true\n});\n"],"names":[],"mappings":";;;AAOa,MAAA,YAAA,GAAe,YAAY,OAAS,EAAA;AAAA,EAC/C,OAAO,OAAkB;AAAA,IACvB,KAAO,EAAA,KAAA,CAAA;AAAA,IACP,QAAU,EAAA,KAAA,CAAA;AAAA,GACZ,CAAA;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAA,EAAU,CAAC,KAAA,KAAU,KAAM,CAAA,KAAA;AAAA,IAC3B,WAAA,EAAa,CAAC,KAAA,KAAU,KAAM,CAAA,QAAA;AAAA,GAChC;AAAA,EACA,OAAS,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKP,UAAU,KAAe,EAAA;AACvB,MAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AAAA,KACf;AAAA,IACA,aAAa,IAAW,EAAA;AACtB,MAAA,IAAA,CAAK,QAAW,GAAA,IAAA,CAAA;AAAA,KAClB;AAAA,GACF;AAAA,EACA,OAAS,EAAA,IAAA;AACX,CAAC;;;;"}

package/dist/esm/types.d.ts

@@ -0,0 +1,7 @@
+export declare const BREADCRUMB_ID: string;
+export declare const DATA_DICTIONARY_ID: string;
+export declare const KEEP_ALIVE_ID: string;
+export declare const MENU_ID: string;
+export declare const NAV_TAB_ID: string;
+export declare const SETTINGS_ID: string;
+export declare const USER_ID: string;

package/dist/esm/types.mjs

@@ -0,0 +1,11 @@
+const id_prefix = "DITARI_STORE_";
+const BREADCRUMB_ID = `${id_prefix}BREADCRUMB_ID`;
+const DATA_DICTIONARY_ID = `${id_prefix}DATA_DICTIONARY_ID`;
+const KEEP_ALIVE_ID = `${id_prefix}KEEP_ALIVE_ID`;
+const MENU_ID = `${id_prefix}MENU_ID`;
+const NAV_TAB_ID = `${id_prefix}NAV_TABS_ID`;
+const SETTINGS_ID = `${id_prefix}SETTINGS_ID`;
+const USER_ID = `${id_prefix}USER_ID`;
+
+export { BREADCRUMB_ID, DATA_DICTIONARY_ID, KEEP_ALIVE_ID, MENU_ID, NAV_TAB_ID, SETTINGS_ID, USER_ID };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../src/types.ts"],"sourcesContent":["const id_prefix = \"DITARI_STORE_\";\n//面包屑\nexport const BREADCRUMB_ID = `${id_prefix}BREADCRUMB_ID`;\n//字典ID\nexport const DATA_DICTIONARY_ID = `${id_prefix}DATA_DICTIONARY_ID`;\n//缓存组件ID\nexport const KEEP_ALIVE_ID = `${id_prefix}KEEP_ALIVE_ID`;\n//菜单ID\nexport const MENU_ID = `${id_prefix}MENU_ID`;\n//多标签ID\nexport const NAV_TAB_ID = `${id_prefix}NAV_TABS_ID`;\n//用户信息ID\nexport const SETTINGS_ID = `${id_prefix}SETTINGS_ID`;\n//用户信息ID\nexport const USER_ID = `${id_prefix}USER_ID`;\n"],"names":[],"mappings":"AAAA,MAAM,SAAY,GAAA,eAAA,CAAA;AAEL,MAAA,aAAA,GAAgB,GAAG,SAAS,CAAA,aAAA,EAAA;AAE5B,MAAA,kBAAA,GAAqB,GAAG,SAAS,CAAA,kBAAA,EAAA;AAEjC,MAAA,aAAA,GAAgB,GAAG,SAAS,CAAA,aAAA,EAAA;AAE5B,MAAA,OAAA,GAAU,GAAG,SAAS,CAAA,OAAA,EAAA;AAEtB,MAAA,UAAA,GAAa,GAAG,SAAS,CAAA,WAAA,EAAA;AAEzB,MAAA,WAAA,GAAc,GAAG,SAAS,CAAA,WAAA,EAAA;AAE1B,MAAA,OAAA,GAAU,GAAG,SAAS,CAAA,OAAA;;;;"}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@ditari/store",
+  "version": "1.0.1",
+  "description": "store",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "yulao",
+  "license": "ISC",
+  "module": "dist/esm/index.mjs",
+  "main": "dist/cjs/index.cjs",
+  "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.cjs",
+      "import": "./dist/esm/index.mjs",
+      "types": "./dist/esm/index.d.ts"
+    },
+    "./esm/*": {
+      "import": "./dist/esm/*/index.mjs",
+      "types": "./dist/esm/*/index.d.ts"
+    },
+    "./cjs/*": {
+      "require": "./dist/cjs/*/index.cjs",
+      "types": "./dist/cjs/*/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "@vueuse/core": "^9.13.0",
+    "vue": "^3.3.4",
+    "vue-request": "2.0.0-rc.4",
+    "pinia": "^2.1.4",
+    "pinia-plugin-persistedstate": "^3.1.0"
+  }
+}

package/src/index.ts

@@ -0,0 +1,12 @@
+export { useBreadcrumbStore } from "./modules/Breadcrumb";
+export type { BreadcrumbState } from "./modules/Breadcrumb";
+export { useDataDicStore } from "./modules/DataDictionary";
+export type { DataDictionaryState } from "./modules/DataDictionary";
+export { useKeepAliveStore } from "./modules/KeepAlive";
+export { useMenuStore } from "./modules/Menu";
+export { useNavTabsStore } from "./modules/NavTab";
+export type { NavTabsState } from "./modules/NavTab";
+export { useSettingsStore } from "./modules/Settings";
+export type { SettingState } from "./modules/Settings";
+export { useUserStore } from "./modules/User";
+export type { UserState } from "./modules/User";

package/src/modules/Breadcrumb.ts

@@ -0,0 +1,25 @@
+/**
+ * 面包屑
+ * @author 余春林
+ */
+import { defineStore } from "pinia";
+import { BREADCRUMB_ID } from "../types";
+
+export interface BreadcrumbState {
+  breadcrumbs: [];
+}
+
+export const useBreadcrumbStore = defineStore(BREADCRUMB_ID, {
+  state: (): BreadcrumbState => ({
+    breadcrumbs: []
+  }),
+  getters: {
+    getBreadcrumb: (state) => state.breadcrumbs
+  },
+  actions: {
+    saveBreadcrumb(data: any) {
+      this.breadcrumbs = data;
+    }
+  },
+  persist: true
+});

package/src/modules/DataDictionary.ts

@@ -0,0 +1,55 @@
+import { defineStore } from "pinia";
+import { DATA_DICTIONARY_ID } from "../types";
+
+export interface DataDictionaryState {
+  list: any;
+}
+export const useDataDicStore = defineStore(DATA_DICTIONARY_ID, {
+  state: (): DataDictionaryState => ({
+    list: {}
+  }),
+  getters: {
+    /**
+     * 根据key获取字典列表
+     * @param state
+     */
+    getDicByKey: (state) => {
+      return (key: string) => {
+        return state.list[key] || [];
+      };
+    },
+    /**
+     * 根据字典名称和字典的value 获取对应的中文
+     * @param state
+     */
+    getDicTextByValue: (state) => {
+      return (key: string, value: string) => {
+        const rs = state.list[key] || [];
+        return rs
+          .filter((item: any) => item.value === value)
+          .map((item: any) => item.label)
+          .join("");
+      };
+    },
+    getDicValueByText: (state) => {
+      // 根据文字匹配对应的value
+      return (key: string, text: string) => {
+        const rs = state.list[key] || [];
+        return rs
+          .filter((item: any) => item.label === text)
+          .map((item: any) => item.value)
+          .join("");
+      };
+    }
+  },
+  actions: {
+    /**
+     * 保存字典数据
+     * @param data 字典数据
+     */
+    save(data: any) {
+      this.list = data;
+    }
+  },
+  persist: true
+});

package/src/modules/KeepAlive.ts

@@ -0,0 +1,47 @@
+/**
+ * 缓存组件name数据
+ */
+import { defineStore } from "pinia";
+import { RouteLocationNormalized } from "vue-router";
+
+import { KEEP_ALIVE_ID } from "../types";
+
+export const useKeepAliveStore = defineStore(KEEP_ALIVE_ID, {
+  state: () => {
+    return {
+      list: [] as string[]
+    };
+  },
+  getters: {
+    get: (state): string[] => {
+      return state.list;
+    }
+  },
+  actions: {
+    /**
+     * 删除已经缓存的组件
+     * @param name 组件名称（必须唯一）
+     */
+    deleteKeepAlive(name: string) {
+      this.list.splice(
+        this.list.findIndex((key: string) => key === name),
+        1
+      );
+    },
+    /**
+     * 保存要缓存的组件名称
+     * @param route
+     */
+    save(route: RouteLocationNormalized) {
+      const name = <string>route.name;
+      if (!name) {
+        return;
+      }
+      const flag = this.list.some((key: string) => key === name);
+      if (!flag) {
+        this.list.push(name);
+      }
+    }
+  },
+  persist: true
+});

package/src/modules/Menu.ts

@@ -0,0 +1,29 @@
+/**
+ * 菜单数据
+ */
+import { defineStore } from "pinia";
+import { MENU_ID } from "../types";
+
+export const useMenuStore =  defineStore(MENU_ID, {
+  state: () => {
+    return {
+      // 菜单数据
+      list: [],
+      // 展开的菜单数据
+      openMenusKeys: [] as any,
+      // 当前激活的菜单
+      selectedMenuKeys: [] as any
+    };
+  },
+  getters: {
+    getMenu: (state) => {
+      return state.list;
+    }
+  },
+  actions: {
+    save(data: any) {
+      this.list = data;
+    }
+  },
+  persist: true
+});

package/src/modules/NavTab.ts

@@ -0,0 +1,106 @@
+/**
+ * 多标签数据
+ */
+import { defineStore } from "pinia";
+import {
+  LocationQuery,
+  RouteLocationNormalized,
+  RouteMeta,
+  RouteParams
+} from "vue-router";
+
+import { NAV_TAB_ID } from "../types";
+
+export interface NavTabsState {
+  path: string;
+  fullPath: string;
+  query: LocationQuery;
+  params: RouteParams;
+  meta: RouteMeta | any;
+  name: string;
+}
+
+export const useNavTabsStore = defineStore(NAV_TAB_ID, {
+  state: () => {
+    return {
+      // 多标签列表
+      list: [] as NavTabsState[],
+      // 当前激活的地址
+      activeKey: "" as string
+    };
+  },
+  getters: {
+    getList: (state): NavTabsState[] => {
+      return state.list;
+    },
+    getActiveKey: (state): string => {
+      return state.activeKey;
+    }
+  },
+  actions: {
+    /**
+     * 设置激活的标签
+     * @param key
+     */
+    setActiveKey(key: string) {
+      this.activeKey = key;
+    },
+    /**
+     * 保存标签信息
+     * @param route
+     */
+    save(route: RouteLocationNormalized) {
+      if (!route.meta?.title) {
+        // 没有设置title，则不进入缓存
+        return;
+      }
+      const flag = this.list.some((item: NavTabsState) => item.path === route.path);
+      if (flag) {
+        // 如果有相同的路由变化，更新对应的参数信息
+        this.list.forEach((item: NavTabsState) => {
+          if (item.path === route.path) {
+            item.query = route.query;
+            item.fullPath = route.fullPath;
+            item.params = route.params;
+            item.meta = route.meta;
+            item.name = <string>route.name || "";
+          }
+        });
+        return;
+      }
+      const data: NavTabsState = {
+        path: route.path,
+        fullPath: route.fullPath,
+        query: route.query,
+        params: route.params,
+        meta: route.meta,
+        name: <string>route.name || ""
+      };
+      this.list.push(data);
+    },
+    /**
+     * 删除标签
+     * @param key url路径
+     */
+    deleteTabs(key: string) {
+      this.list.splice(
+        this.list.findIndex((v) => v.fullPath === key),
+        1
+      );
+    },
+    /**
+     * 设置标题
+     * @param title 标题
+     * @param path url
+     */
+    setNavTitle(title: string, path: string) {
+      for (let i = 0; i < this.list.length; i++) {
+        if (this.list[i].fullPath === path) {
+          this.list[i].meta.title = title;
+          break;
+        }
+      }
+    }
+  },
+  persist: true
+});

package/src/modules/Settings.ts

@@ -0,0 +1,120 @@
+import { defineStore } from "pinia";
+import { useMediaQuery } from "@vueuse/core";
+import { SETTINGS_ID } from "../types";
+
+const mediaMap = [
+  {
+    key: "700",
+    value: "(max-width: 700px)",
+    description: "小于700设备"
+  },
+  {
+    key: "700-960",
+    value: "(min-width:700px) and (max-width: 960px)",
+    description: "大于700小于960设备"
+  },
+  {
+    key: "960-1200",
+    value: "(min-width:960px) and (max-width: 1200px)",
+    description: "大于960小于1024设备"
+  },
+  {
+    key: "1200-1680",
+    value: "(min-width:1200px) and (max-width: 1680px)",
+    description: " 大于1200小于1680设备"
+  },
+  {
+    key: "1680",
+    value: "(min-width:1680px)",
+    description: " 大于1680设备"
+  }
+];
+
+const gridConfig = [
+  {
+    key: "700",
+    value: "repeat(1, 100%)",
+    col: 1,
+    description: "显示一列占100%"
+  },
+  {
+    key: "700-960",
+    value: "repeat(2, 50%)",
+    col: 2,
+    description: "显示两列每列占50%宽"
+  },
+  {
+    key: "960-1200",
+    value: "repeat(3, 33.33%)",
+    col: 3,
+    description: "显示三列每列占33.33%宽"
+  },
+  {
+    key: "1200-1680",
+    value: "repeat(4, 25%)",
+    col: 4,
+    description: "显示4列每列占25%宽"
+  },
+  {
+    key: "1680",
+    value: "repeat(5, 20%)",
+    col: 5,
+    description: " 显示5列每列占20%宽"
+  }
+];
+
+export interface SettingState {
+  refresh: boolean;
+  collapsed: boolean;
+  mediaRuleMap: any;
+  gridConfig: any;
+  gridValue: any;
+}
+
+export const useSettingsStore = defineStore(SETTINGS_ID, {
+  state: (): SettingState => ({
+    // 刷新状态
+    refresh: false as boolean,
+    // 菜单收缩
+    collapsed: false as boolean,
+    // 屏幕设备匹配规则
+    mediaRuleMap: mediaMap,
+    // 网格配置 根据匹配匹配规则
+    gridConfig: gridConfig,
+    gridValue: {} as any
+  }),
+  getters: {
+    getRefresh: (state) => state.refresh,
+    getCollapsed: (state) => state.collapsed,
+    getGrid: (state) => {
+      return state.gridValue;
+    }
+  },
+  actions: {
+    /**
+     * 切换刷新
+     */
+    switchRefreshStatus() {
+      this.refresh = !this.refresh;
+    },
+    /**
+     * 切换菜单收缩状态
+     */
+    switchCollapsed() {
+      this.collapsed = !this.collapsed;
+    },
+    /**
+     * 网格匹配
+     */
+    gridMatching() {
+      const mediaResult = this.mediaRuleMap.filter(
+        (item: any) => useMediaQuery(item.value).value
+      )[0];
+      const gridRs = this.gridConfig.filter(
+        (item: any) => item.key === mediaResult.key
+      )[0];
+      this.gridValue = gridRs;
+    }
+  },
+  persist: true
+});

package/src/modules/User.ts

@@ -0,0 +1,30 @@
+import { defineStore } from "pinia";
+import { USER_ID } from "../types";
+
+export interface UserState {
+  token: string | undefined;
+  userInfo: any;
+}
+export const useUserStore = defineStore(USER_ID, {
+  state: (): UserState => ({
+    token: undefined,
+    userInfo: undefined
+  }),
+  getters: {
+    getToken: (state) => state.token,
+    getUserInfo: (state) => state.userInfo
+  },
+  actions: {
+    /**
+     * 保存token
+     * @param token
+     */
+    saveToken(token: string) {
+      this.token = token;
+    },
+    saveUserInfo(data: any) {
+      this.userInfo = data;
+    }
+  },
+  persist: true
+});

package/src/types.ts

@@ -0,0 +1,15 @@
+const id_prefix = "DITARI_STORE_";
+//面包屑
+export const BREADCRUMB_ID = `${id_prefix}BREADCRUMB_ID`;
+//字典ID
+export const DATA_DICTIONARY_ID = `${id_prefix}DATA_DICTIONARY_ID`;
+//缓存组件ID
+export const KEEP_ALIVE_ID = `${id_prefix}KEEP_ALIVE_ID`;
+//菜单ID
+export const MENU_ID = `${id_prefix}MENU_ID`;
+//多标签ID
+export const NAV_TAB_ID = `${id_prefix}NAV_TABS_ID`;
+//用户信息ID
+export const SETTINGS_ID = `${id_prefix}SETTINGS_ID`;
+//用户信息ID
+export const USER_ID = `${id_prefix}USER_ID`;