From beb008c07863ee1bd5b294386663d59533f113ee Mon Sep 17 00:00:00 2001 From: cclu <1106109051@qq.com> Date: Wed, 26 Feb 2025 16:08:15 +0800 Subject: [PATCH] update --- mock/user.ts | 11 +- src/layouts/index.less | 194 ++++++++++++++++++++++++++++---- src/layouts/index.tsx | 149 ++++++++++++++++++++++--- src/models/global.ts | 248 ++++++++++++++++++++++++++++++++++++----- src/utils/request.ts | 4 +- src/utils/session.ts | 39 +++++++ 6 files changed, 577 insertions(+), 68 deletions(-) create mode 100644 src/utils/session.ts diff --git a/mock/user.ts b/mock/user.ts index c9de08c..974fb72 100644 --- a/mock/user.ts +++ b/mock/user.ts @@ -20,17 +20,12 @@ const handleCommonRes = (data: Record | Record const userApi = { //登录 'POST /api/user/login': async (req: Request, res: Response) => { - console.log('req', req); - console.log('res', res); - - return - - const { password, username, mobile, captcha } = req.body; + const { UserPassWord, UserPassport, mobile, captcha } = req.body; await waitTime(2000); switch (true) { - case username === 'admin' && password === 'ant.design': - case username === 'user' && password === 'ant.design': + case UserPassport === 'admin' && UserPassWord === 'ant.design': + case UserPassport === 'user' && UserPassWord === 'ant.design': case /^1\d{10}$/.test(mobile) && Boolean(captcha): res.send( handleCommonRes({ diff --git a/src/layouts/index.less b/src/layouts/index.less index 2c1df36..f2eb771 100644 --- a/src/layouts/index.less +++ b/src/layouts/index.less @@ -1,7 +1,7 @@ -.proLayoutBox{ +.pageLayout{ .ant-layout{ .ant-layout-sider{ - background-color: #021529; + background-color: #021529!important; .ant-layout-sider-children{ padding: 0; .ant-pro-sider-logo{ @@ -13,7 +13,7 @@ color: #fff; font-weight: 600; font-size: 18px; - line-height: 32px; + // line-height: 32px; vertical-align: none; margin-left: 12px; } @@ -22,21 +22,16 @@ } .ant-layout-sider-children{ - .ant-pro-sider-extra{ - margin: 0; - .ant-layout{ - ul{ - li{ - span{ - font-size: 14px; - color: #ffffffA6; - } - i{ - font-size: 14px; - color: #ffffffA6; - } - } - } + ul{ + li{ + span{ + font-size: 14px; + color: #ffffffA6; + } + i{ + font-size: 14px; + color: #ffffffA6; + } } } } @@ -53,4 +48,165 @@ padding: 0; } } -} \ No newline at end of file + + + .tab-extra { + width: 13px; + height: 15px; + padding: 0 26px 16px 0; + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAANhJREFUOE+9kT1rAlEQRc/MCmLjz7G1tUphKTbpBFs16BpZXkyCuqRLbaFYWqSytc3PSRMC7jxRMMQP5KVxypm5M5dzJXap558ltxN13Vs5skxCHWYa+eDlv0el5yYzRXKhnwy/uSGI2KUZoKH2ANvZawDvgUIDmnt6PTepCzIFrgHZePz9y6A9/0Xef0qr5lkI5E+tevhRoTZ8bC13s6Oc+sm4YqpLgcJB6OFbzarDpLM69M7C7bpxWdEPoAh8GXb3Ouisj8K9RC1ORiU0WmBZ7Tl5+Dzd2QIFbkkh8PpnKgAAAABJRU5ErkJggg==') ; + // background-repeat: no-repeat; + + } + .ant-dropdown-open svg { + // color: @primary-color; + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAAMZJREFUOE+9kb0KwkAQhGdUEBtfxpxtWisLS7GxE4Too3gH1hZKSgsrW1vj09iIkGQkghJ/kLPJlrs7u8M3NDYX/ixWKHIKlaX0dch6Q97L5aM0i2wN1hq+n6A8rRBEYPOMQM3XnoCcHasJoaWPsBAInN7pmYVGoFYAfgFJIY6TOTdP5MZpICkm0Hy3KuBKcphE3Bazl5yMVQ9QMWiVhBeAg2TG/aP3Ea5xCiHtALQBnEH2k4iHl3C/UQucupBikMNTxOP7zg3x4U00HiX/gwAAAABJRU5ErkJggg=='); + } + .tab-extra:hover { + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAAAXNSR0IArs4c6QAAAMZJREFUOE+9kb0KwkAQhGdUEBtfxpxtWisLS7GxE4Too3gH1hZKSgsrW1vj09iIkGQkghJ/kLPJlrs7u8M3NDYX/ixWKHIKlaX0dch6Q97L5aM0i2wN1hq+n6A8rRBEYPOMQM3XnoCcHasJoaWPsBAInN7pmYVGoFYAfgFJIY6TOTdP5MZpICkm0Hy3KuBKcphE3Bazl5yMVQ9QMWiVhBeAg2TG/aP3Ea5xCiHtALQBnEH2k4iHl3C/UQucupBikMNTxOP7zg3x4U00HiX/gwAAAABJRU5ErkJggg=='); + } + + .ant-modal-header { + background-color: #ecf2f7 !important; + border-bottom: none !important; + } + + body *::-webkit-scrollbar { + /* 滚动条整体样式 */ + width : 8px; /* 高宽分别对应横竖滚动条的尺寸 */ + height: 8px; + } + body *::-webkit-scrollbar-thumb { + /* 滚动条里面小方块 */ + background-color: #d1cfcf; + // background-image: -webkit-linear-gradient( + // 45deg, + // rgba(255, 255, 255, 0.2) 25%, + // transparent 25%, + // transparent 50%, + // rgba(255, 255, 255, 0.2) 50%, + // rgba(255, 255, 255, 0.562) 75%, + // transparent 75%, + // transparent + // ); + border-radius: 10px; + } + body *::-webkit-scrollbar-track { + /* 滚动条里面轨道 */ + background: #ededed; + border-radius: 10px; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.01); + } + + // 列表页左侧多选树 + .pageTable-leftnav .ant-tree-list-holder{ + height: calc(100vh - 257px); + padding-right: 0; + padding-bottom: 0; + overflow-y: auto; + } + .leftHeight .ant-tree-list-holder{ + height: 100%!important; + } + .leftHeight .ant-tree-list{ + height: 560px + } + .pageTable-leftnavs .ant-tree-list-holder{ + height: 580px; + padding-right: 0; + padding-bottom: 0; + overflow-y: auto; + } + .pageTable-leftnav .ant-pro-card-header.ant-pro-card-header-border { + padding-top: 29px; + } + .pageTable-leftnav .ant-pro-card-title { + font-size: 14px; + } + + .pageTable-leftnav .ant-pro-card-split-vertical{ + transition: width 0.3s; + } + .pageTable-leftnav .ant-tree .ant-tree-treenode { + padding-bottom: 16px; + } + .pageTable-leftnavs .ant-tree .ant-tree-treenode { + padding-bottom: 16px; + } + .ant-table-tbody > tr.tablerow-no-border > td{ + border-bottom: 0; + } + // prolist 卡片类型 + .ant-pro-list .ant-pro-card-header { + padding: 0 !important; + } + .ant-pro-list .ant-pro-card.ant-pro-card-border.ant-pro-card-hoverable>.ant-pro-card-body { + margin: 0 !important; + padding: 20px 0 0 0 !important; + } + + .ant-pro-list .ant-pro-card.ant-pro-card-border> ul.ant-pro-card-actions { + margin-top: 20px; + } + + .ant-pro-list .ant-pro-card.ant-pro-card-border> ul.ant-pro-card-actions >li{ + margin:0; + } + .ant-pro-list .ant-pro-card.ant-pro-card-border.ant-pro-card-hoverable> ul.ant-pro-card-actions > li, .ant-pro-list .ant-pro-card .ant-pro-card-actions .ant-space-item { + margin: 10px 0 0 0 !important; + } + + +} + +.main-tab >.ant-tabs-nav { + margin-bottom: 0 !important; + padding: 2px 15px 0 16px; + background-color: #fff; +} +.main-tab > .ant-tabs-nav .ant-tabs-tab { + background-color: #fafafa; + border-color: #f0f0f0; + border-bottom: 0; +} +.main-tab > .ant-tabs-nav .ant-tabs-tab button svg { + // color: #fff; + transition: all 0.3s; +} +.main-tab > .ant-tabs-nav .ant-tabs-tab:hover { + background-color:#fafafa; + border-color: #f0f0f0; +} +.main-tab > .ant-tabs-nav .ant-tabs-tab:hover button svg { + // color: @link-color; +} +.main-tab.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active { + background-color: #f6f9fb; + border-color: #f0f0f0; + box-shadow: 2px 0 6px 0 #e7e7e7; + border-top-color: #3591fe; +} +.main-tab.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active::before { + content: ''; + position: absolute; + display: block; + background-color: #3591fe; + top: 0; + left: 0; + width: 100%; + height: 1px; +} +.main-tab > .ant-tabs-nav .ant-tabs-tab-active button svg { + // color: @icon-color; +} +.main-tab > .ant-tabs-content-holder { + height: calc(100vh - 86px); + padding-top: 16px; + overflow-y: auto; +} +.main-tab > .ant-tabs-nav .ant-tabs-nav-wrap { + bottom: 1px; +} + + + diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx index f98ed10..2a2575c 100644 --- a/src/layouts/index.tsx +++ b/src/layouts/index.tsx @@ -2,7 +2,7 @@ import type { FC } from 'react'; import { useState, useEffect } from 'react'; import { Dropdown, Layout, Menu, Tabs, Tooltip } from 'antd'; import type { MenuProps } from 'antd'; -import { Outlet, Link, useLocation, connect } from 'umi'; +import { Outlet, Link, useLocation, connect, history } from 'umi'; import PageAccess from '@/components/PageAccess'; import type { UserConnectedProps, UserModelState } from '@/models/user'; import LayoutWrapper from '@/components/LayoutWrapper'; @@ -18,6 +18,8 @@ import { ProfileModelState } from '@/models/global'; import React from 'react'; const { Header, Content } = Layout; +const { TabPane } = Tabs; + /** * 获取openKeys的方法 * @param currentLocation 当前位置, 由handleGetCurrentLocation方法返回 @@ -43,7 +45,7 @@ const handleGetOpenKeys = (currentLocation: API.MenuItem[] | []): string[] => { }; //自定义的layout页面, 顶部导航通栏+侧边栏(菜单)布局, 可根据需要做调整 -const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatch: any }> = (props) => { +const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatch: any, location: any }> = (props) => { const [collapsed, setCollapsed] = useState(false); const [openKeys, setOpenKeys] = useState(['']); const { pathname } = useLocation(); @@ -54,11 +56,12 @@ const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatc indexValidMenuItemByPath }, global: { - + tabsRoutes } } = props; console.log('props', props); + const [activeKey, setActiveKey] = useState('/') const validMenuItem = indexValidMenuItemByPath[pathname]; @@ -140,17 +143,103 @@ const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatc // 改变panes const handleTabsPanes = (payload: any): void => { dispatch({ - type: "global/saveTabsRoutes", - payload: { - data: payload, - action: 'add' - } - }) + type: 'global/changeTabsRoutes', + payload: { data: payload, action: 'add' }, + }); }; + // 关闭当前标签 + const handleEdit = (targetKey: string | React.MouseEvent | React.KeyboardEvent, action: "add" | "remove"): void => { + + if (action === 'remove' && dispatch) { + const index = tabsRoutes.findIndex((n: { path: string }) => n.path === targetKey) + + // 定位关闭当前标签后，需要选中的下一个标签 + // eslint-disable-next-line no-nested-ternary + const nextkey = tabsRoutes[index + 1] ? tabsRoutes[index + 1].path : (tabsRoutes[index - 1] ? tabsRoutes[index - 1].path : '') + history.push(nextkey || '/') + setActiveKey(nextkey) + + // 缓存路由栈数据 + dispatch({ + type: 'global/changeTabsRoutes', + payload: { data: [targetKey], action }, + }) + + } + } + + // 全部菜单一层的数组 + const oneFloorList = [ + { + SYSTEMMODULE_DESC: "", + guid: "1", + hideInMenu: false, + name: "首页", + path: "/", + }, + { + SYSTEMMODULE_DESC: "", + guid: "2", + hideInMenu: false, + name: "关于你1", + path: "/about/u/1", + }, + { + SYSTEMMODULE_DESC: "", + guid: "3", + hideInMenu: false, + name: "关于你2", + path: "/about/u/2", + }, + { + SYSTEMMODULE_DESC: "", + guid: "4", + hideInMenu: false, + name: "(页面元素权限)关于我", + path: "/about/m", + }, + { + SYSTEMMODULE_DESC: "", + guid: "5", + hideInMenu: false, + name: "关于你和我", + path: "/about/um", + }, + { + SYSTEMMODULE_DESC: "", + guid: "5", + hideInMenu: false, + name: "(403)关于你教师", + path: "/teacher/u", + }, + { + SYSTEMMODULE_DESC: "", + guid: "6", + hideInMenu: false, + name: "关于我教师", + path: "/teacher/m", + }, + { + SYSTEMMODULE_DESC: "", + guid: "7", + hideInMenu: false, + name: "关于你和我教师", + path: "/teacher/um", + }, + { + SYSTEMMODULE_DESC: "", + guid: "8", + hideInMenu: false, + name: "(404)学生", + path: "/student", + } + ] + return ( { console.log('location', location); if (location?.pathname && location?.pathname !== '/') { - const nextModule = consumableMenu.find(n => location?.pathname && n?.path && location?.pathname.match(n?.path)) - console.log('nextModule', nextModule); + console.log('oneFloorList', oneFloorList); + // const nextModule = oneFloorList.find(n => location?.pathname && n?.path && location?.pathname.match(n?.path)) + const nextModule: any = oneFloorList.filter(n => location?.pathname === n?.path) + console.log('nextModule', nextModule); + let title = '' + if (nextModule && nextModule.length > 0) { + // `${formatMessage({ id: `menu${title.substring(0, title?.indexOf('.detail'))}` })}详情` + title = nextModule[0].name + } + handleTabsPanes({ path: location?.pathname, key: location?.pathname, title: title }) + setActiveKey(location?.pathname || '') } - handleTabsPanes({ path: location?.pathname, key: location?.pathname }) }} > @@ -240,12 +337,36 @@ const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatc { + history.push(value) + setActiveKey(value) + }} + activeKey={activeKey} + onEdit={handleEdit} size="small" className='main-tab' tabBarExtraContent={ { + let closeTabKeys: string[] = [] + switch (targetKey.key) { + case 'other': + closeTabKeys = [...tabsRoutes.filter(n => n.path !== activeKey).map(n => n.path)]; + break; + case 'now': + handleEdit(activeKey, 'remove') + return; + default: + closeTabKeys = [...tabsRoutes.map(n => n.path)]; + history.push('/') + break; + } + + dispatch({ + type: 'global/changeTabsRoutes', + payload: { data: closeTabKeys, action: 'remove' }, + }) }}> 关闭其他标签 关闭当前标签 @@ -266,7 +387,7 @@ const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatc } moreIcon={} > - {/* {tabsPanes && tabsPanes.map((item: any) => + {tabsRoutes && tabsRoutes.map((item: any) => @@ -281,7 +402,7 @@ const BasicLayout: FC<{ user: UserModelState, global: ProfileModelState, dispatc : } ) - } */} + } diff --git a/src/models/global.ts b/src/models/global.ts index ca2ad8a..16ca679 100644 --- a/src/models/global.ts +++ b/src/models/global.ts @@ -1,22 +1,17 @@ // models/profile.ts +import session from '@/utils/session'; import { Effect, Reducer } from 'umi'; -export interface ProfileModelState { - avatar: string; - bio: string; -} +export type ConnectState = { + global: GlobalModelState; +}; -export interface ProfileModelType { - namespace: 'global'; - state: any; - reducers: { - saveTabsRoutes: Reducer; - }; - effects: { - changeTabsRoutes: Effect; - }; -} +export type NoticeItem = { + id: string; + type: string; + status: string; +} & NoticeIconData; export type tabsRoute = { title: string; @@ -26,28 +21,161 @@ export type tabsRoute = { } export type GlobalModelState = { + collapsed: boolean; + notices: NoticeItem[]; tabsRoutes: tabsRoute[]; + menuData: MenuDataItem[]; + moduleMap: MenuDataItem[]; }; -const ProfileModel: ProfileModelType = { - namespace: 'global', - state: { - tabsRoutes: [], - }, +export type GlobalModelType = { + namespace: 'global'; + state: GlobalModelState; + effects: { + fetchNotices: Effect; + clearNotices: Effect; + changeNoticeReadState: Effect; + changeTabsRoutes: Effect; + getMenuData: Effect; + }; reducers: { - saveTabsRoutes(state = { tabsRoutes: [] }, { payload }): GlobalModelState { - return { - ...state, - tabsRoutes: payload + changeLayoutCollapsed: Reducer; + saveNotices: Reducer; + saveClearedNotices: Reducer; + saveTabsRoutes: Reducer; + saveMenuData: Reducer; + saveMenuModuleMap: Reducer; + }; +}; + +const GlobalModel: GlobalModelType = { + namespace: 'global', + + state: { + collapsed: false, + notices: [], + tabsRoutes: [], + menuData: [], + moduleMap: [] + }, + + effects: { + *getMenuData({ payload, callback }, { put, call }) { + const response = yield call(getUserMenu, payload); + + const menuData = menuFormatter(response); + // const menuData = wrapTreeNode(response); + globalState.set('menuData', menuData); + + yield put({ + type: 'saveMenuData', + payload: menuData, + }); + + yield put({ + type: 'saveMenuModuleMap', + payload: menuFormatter(response), + }); + if (callback && typeof callback === 'function') { + callback(response) + } + }, + *fetchNotices(_, { call, put, select }) { + + const user: CurrentUser = yield select( + (state: ConnectState) => state.user.currentUser + ); + const data = yield call(queryNotices, { RECSTAFF_ID: user?.ID }); + globalState.set('notices', data); + yield put({ + type: 'saveNotices', + payload: data, + }); + const unreadCount: number = yield select( + (state: ConnectState) => state.global.notices.filter((item) => item.MESSAGE_STATE === 1).length, + ); + yield put({ + type: 'user/changeNotifyCount', + payload: { + totalCount: data.length, + unreadCount, + }, + }); + }, + *clearNotices({ payload }, { put, select, call }) { + + const user: CurrentUser = yield select( + (state: ConnectState) => state.user.currentUser + ); + const notices: NoticeItem[] = yield select( + (state: ConnectState) => state.global.notices + ); + const clearNoticeIds = notices.reduce((p: any[], c) => { + if (c.MESSAGE_TYPE === (payload as number)) { + return [...p, c.MESSAGE_ID] + } + + return p + }, []) + const success = yield call(setMessageState, { + messageIds: clearNoticeIds.toString(), + recStaffId: user?.ID, + messageState: 2 + } + ); + if (success) { + yield put({ + type: 'saveClearedNotices', + payload, + }); + + const count: number = yield select((state: ConnectState) => state.global.notices.length); + const unreadCount: number = yield select( + (state: ConnectState) => state.global.notices.filter((item) => item.MESSAGE_STATE === 1).length, + ); + yield put({ + type: 'user/changeNotifyCount', + payload: { + totalCount: count, + unreadCount, + }, + }); + } + }, + * changeNoticeReadState({ payload }, { call, put, select }) { + const notices: NoticeItem[] = yield select((state: ConnectState) => + state.global.notices.map((item) => { + const notice = { ...item }; + if (notice.MESSAGE_ID === payload) { + notice.MESSAGE_STATE = 2; + } + return notice; + }), + ); + const success = yield call(changeNoticesState, notices.find(n => n.MESSAGE_ID === payload)); + if (success) { + yield put({ + type: 'saveNotices', + payload: notices, + }); + + yield put({ + type: 'user/changeNotifyCount', + payload: { + totalCount: notices.length, + unreadCount: notices.filter((item) => item.MESSAGE_STATE === 1).length, + }, + }); } }, - }, - effects: { * changeTabsRoutes({ payload, callback }, { put, select }) { // 缓存路由栈 + const tabsRoutes: tabsRoute[] = yield select((state: ConnectState) => { const { data } = payload + if (payload.action === 'add') { const index = state.global.tabsRoutes.findIndex(n => n.path === data.path) + if (index === -1) { // 没缓存 则添加 return [...state.global.tabsRoutes, { ...data, index: state.global.tabsRoutes.length }] } @@ -57,18 +185,86 @@ const ProfileModel: ProfileModelType = { if (payload.action === 'removeAll') { return [] } + if (callback && typeof callback === 'function') { callback.call() } // 移除单个/多个路由 return state.global.tabsRoutes.filter(n => !data.includes(n.path)) }); + yield put({ type: 'saveTabsRoutes', payload: tabsRoutes, }); + + + } + }, + + reducers: { + changeLayoutCollapsed(state = { notices: [], collapsed: true, tabsRoutes: [], menuData: [], moduleMap: [] }, { payload }): GlobalModelState { + return { + ...state, + collapsed: payload, + }; + }, + saveNotices(state, { payload }): GlobalModelState { + return { + collapsed: false, + ...state, + notices: payload, + tabsRoutes: state?.tabsRoutes || [], + menuData: state?.menuData || [], + moduleMap: state?.moduleMap || [] + }; + }, + saveClearedNotices(state = { notices: [], collapsed: true, tabsRoutes: [], menuData: [], moduleMap: [] }, { payload }): GlobalModelState { + const type = payload as number + return { + ...state, + collapsed: false, + notices: state.notices.filter((item): boolean => item.MESSAGE_TYPE !== type), + }; + }, + saveTabsRoutes(state = { notices: [], collapsed: true, tabsRoutes: [], menuData: [], moduleMap: [] }, { payload }): GlobalModelState { + return { + ...state, + tabsRoutes: payload + } + }, + saveMenuData(state = { notices: [], collapsed: true, tabsRoutes: [], menuData: [], moduleMap: [] }, { payload }): GlobalModelState { + + return { + ...state, + menuData: payload, + } + }, + saveMenuModuleMap(state = { notices: [], collapsed: true, tabsRoutes: [], menuData: [], moduleMap: [] }, { payload }): GlobalModelState { // 生成模块 + + const reduceMenu = (data: any) => { + + return data.reduce((p: [], current: Record) => { + + if (current.children) { + const d = reduceMenu(current.children) + + return [...p, ...d] + } + + return [...p, current] + }, []) + } + + const moduleMap = reduceMenu(payload) + + session.set('menu', moduleMap) + return { + ...state, + moduleMap, + } } }, }; -export default ProfileModel; +export default GlobalModel; \ No newline at end of file diff --git a/src/utils/request.ts b/src/utils/request.ts index e0d0c3d..07fe211 100644 --- a/src/utils/request.ts +++ b/src/utils/request.ts @@ -5,7 +5,9 @@ import type { AxiosRequestHeaders } from 'axios/index'; const { UMI_APP_BASEURL } = process.env; -const instance = axios.create({ baseURL: 'https://api.eshangtech.com/EShangApiMain' }); +const instance = axios.create({ baseURL: UMI_APP_BASEURL }); +// const instance = axios.create({ baseURL: 'https://api.eshangtech.com/EShangApiMain' }); + instance.interceptors.request.use( (config) => { diff --git a/src/utils/session.ts b/src/utils/session.ts new file mode 100644 index 0000000..6eac062 --- /dev/null +++ b/src/utils/session.ts @@ -0,0 +1,39 @@ +const $strorage= window.sessionStorage || sessionStorage +const session = { + + + get: (key: string) => { + const value = $strorage.getItem(key) + try { + const valueObj = JSON.parse(value); + return valueObj; + } catch (error) { + return value + } + }, + + set: (key: string, value: any) => { + return $strorage.setItem(key, value ? JSON.stringify(value) : value) + }, + + remove: (key: string) => { + return $strorage.removeItem(key) + }, + + clearExcept: (key: string) => { + for (let i = 0; i < $strorage.length; i+=1) { + const itemKey: string | undefined = $strorage.key(i); + if (itemKey && itemKey !== key) { + $strorage.rmoveItem(itemKey); + } + } + }, + + clearAll: () => { + + $strorage.clear() + } +} + + +export default session; \ No newline at end of file