106 lines
3.3 KiB
TypeScript
106 lines
3.3 KiB
TypeScript
import { defineStore, createPinia } from 'pinia'
|
||
import { ProductInfo } from '~/types/order'
|
||
import { createPersistedState } from 'pinia-plugin-persistedstate'
|
||
import { ApplicationDataQuery } from '~/types/merchant'
|
||
import { globalConfigApi } from '~/server/userApi'
|
||
import { GlobalDatas } from '~/types/user'
|
||
|
||
const pinia = createPinia()
|
||
|
||
interface AppSate {
|
||
stateEvaluationInfo: ProductInfo | null
|
||
stateApplicationData: ApplicationDataQuery | null
|
||
stateCarNumber: number
|
||
stateisShowHeaderMenu: boolean
|
||
stateFooterIsIntersecting: boolean
|
||
stateIsHomePage: boolean
|
||
stateRoutePath: string
|
||
stateMerId: number
|
||
stateExpressAll: any
|
||
stateGlobalData: GlobalDatas
|
||
}
|
||
export const useAppStore = defineStore({
|
||
id: 'appStore',
|
||
state: (): AppSate => ({
|
||
stateEvaluationInfo: null, //评价商品信息
|
||
stateApplicationData: null, //商户入驻申请数据
|
||
stateCarNumber: 0, //购物车数量
|
||
stateisShowHeaderMenu: true, //是否展示头部导航
|
||
stateFooterIsIntersecting: true, //底部导航是否出现在可视区域内
|
||
stateIsHomePage: false, //是否是首页
|
||
stateRoutePath: '', //路由地址
|
||
stateMerId: 0, //商户id
|
||
stateExpressAll: [], //全部物流公司
|
||
stateGlobalData: {
|
||
changeColorConfig: '',
|
||
copyrightCompanyImage: '',
|
||
frontDomain: '',
|
||
imageDomain: '',
|
||
paidMemberPriceDisplay: '',
|
||
userIsPaidMember: false,
|
||
siteName: '',
|
||
}, //全局配置
|
||
}),
|
||
persist: process.client && {
|
||
// 仅在客户端使用
|
||
storage: localStorage, // localStorage 本地存储，可替换sessionStorage
|
||
},
|
||
getters: {
|
||
evaluationInfo: (state) => state.stateEvaluationInfo,
|
||
applicationData: (state) => state.stateApplicationData,
|
||
carNumber: (state) => state.stateCarNumber,
|
||
isShowHeaderMenu: (state) => state.stateisShowHeaderMenu,
|
||
footerIsIntersecting: (state) => state.stateFooterIsIntersecting,
|
||
isHomePage: (state) => state.stateIsHomePage,
|
||
routePath: (state) => state.stateRoutePath,
|
||
pcMerId: (state) => state.stateMerId,
|
||
expressAll: (state) => state.stateExpressAll,
|
||
globalData: (state) => state.stateGlobalData,
|
||
},
|
||
actions: {
|
||
//评价商品信息
|
||
getEvaluationInfo(info: ProductInfo) {
|
||
this.stateEvaluationInfo = info
|
||
},
|
||
//商户入驻申请数据
|
||
getApplicationData(info: ApplicationDataQuery) {
|
||
this.stateApplicationData = info
|
||
},
|
||
//购物车数量
|
||
getCarNumber(num: number) {
|
||
this.stateCarNumber = num
|
||
},
|
||
//头部是否展示菜单
|
||
getIsShowHeaderMenu(bool: boolean) {
|
||
this.stateisShowHeaderMenu = bool
|
||
},
|
||
// 底部导航是否出现在可视区域内
|
||
getFooterIsIntersecting(bool: boolean) {
|
||
this.stateFooterIsIntersecting = bool
|
||
},
|
||
//是否是首页
|
||
setIsHomePage(bool: boolean) {
|
||
this.stateIsHomePage = bool
|
||
},
|
||
//获取路由地址
|
||
getRoutePath(path: string) {
|
||
this.stateRoutePath = path
|
||
},
|
||
// 商户id
|
||
getMerId(merId: number) {
|
||
this.stateMerId = merId
|
||
},
|
||
getExpressList(express: any) {
|
||
this.stateExpressAll = express
|
||
},
|
||
//获取全局配置
|
||
async getGlobalConfig() {
|
||
this.stateGlobalData = await globalConfigApi()
|
||
},
|
||
},
|
||
})
|
||
// 添加持久化插件到Pinia中
|
||
pinia.use(createPersistedState())
|
||
|
||
export default pinia
|