@ditari/store 1.0.8 → 5.0.2

package/src/modules/DataDictionary.ts

@@ -1,55 +0,0 @@
-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

@@ -1,47 +0,0 @@
-/**
- * 缓存组件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

@@ -1,29 +0,0 @@
-/**
- * 菜单数据
- */
-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

@@ -1,115 +0,0 @@
-/**
- * 多标签数据
- */
-import { defineStore } from "pinia";
-import {
-  LocationQuery,
-  RouteLocationNormalized,
-  RouteMeta,
-  RouteParams
-} from "vue-router";
-import { useKeepAliveStore } from "./KeepAlive";
-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) {
-      const { deleteKeepAlive } = useKeepAliveStore();
-      const curRoute: any = this.list.find((v) => v.fullPath === key);
-      this.list.splice(
-        this.list.findIndex((v) => v.fullPath === key),
-        1
-      );
-      // 根据name 删除缓存的组件
-      if (curRoute?.name) {
-        deleteKeepAlive(curRoute.name);
-      }
-    },
-    /**
-     * 设置标题
-     * @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

@@ -1,121 +0,0 @@
-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;
-      return gridRs;
-    }
-  },
-  persist: true
-});

package/src/modules/User.ts

@@ -1,30 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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`;