chore: load perf improve (#1374)

* refactor(import): use abs import & adjust pkg

* chore: clean up

* chore: fix import error

Author: mydearxym

package-lock.json

@@ -69,7 +69,6 @@
     "mastani-codehighlight": "0.0.7",
     "mobx": "^6.6.2",
     "mobx-react": "^7.5.3",
-    "mobx-react-lite": "^3.4.0",
     "mobx-state-tree": "^5.1.6",
     "module-alias": "^2.0.1",
     "nanoid": "^3.1.12",

package.json

@@ -4,7 +4,7 @@ import dynamic from 'next/dynamic'
 import type { TThread } from '@/spec'
 import { THREAD } from '@/constant'
 
-import { LavaLampLoading } from '@/widgets/Loading'
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
 import ArticlesThread from '@/containers//thread/ArticlesThread'
 import KanbanThread from '@/containers//thread/KanbanThread'

src/containers/content/CommunityContent/ThreadContent.tsx

@@ -128,15 +128,17 @@ const ExploreContentStore = T.model('ExploreContentStore', {
     },
     addSubscribedCommunity(community: TCommunity): void {
       const root = getParent(self) as TRootStore
+      const slf = self as TStore
 
       root.account.addSubscribedCommunity(community)
-      root.exploreContent.toggleSubscribe(community)
+      slf.toggleSubscribe(community)
     },
     removeSubscribedCommunity(community: TCommunity): void {
       const root = getParent(self) as TRootStore
+      const slf = self as TStore
 
       root.account.removeSubscribedCommunity(community)
-      root.exploreContent.toggleSubscribe(community)
+      slf.toggleSubscribe(community)
     },
     markRoute(query): void {
       const root = getParent(self) as TRootStore

src/containers/content/ExploreContent/store.tsx

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic'
-import { LavaLampLoading } from '@/widgets/Loading'
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
 export const ArticleFooter = dynamic(() => import('../unit/ArticleFooter'), {
   ssr: false,

src/containers/dynamic/index.tsx

@@ -3,7 +3,7 @@ import { FC, memo, Fragment } from 'react'
 import type { TBlogRSS, TBlog, TEditMode, TRSSAuthor } from '@/spec'
 
 import NoticeBar from '@/widgets/NoticeBar'
-import { LavaLampLoading } from '@/widgets/Loading'
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
 import RSSItem from './TheRSSItem'
 import FeedItem from './FeedItem'

src/containers/editor/BlogEditor/Content/AuthorInputer.tsx

@@ -1,6 +1,6 @@
 import { FC, memo } from 'react'
 
-import { LavaLampLoading } from '@/widgets/Loading'
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 import EnterHint from '@/widgets/EnterHint'
 
 import type { TValidState } from '../spec'

src/containers/editor/BlogEditor/Content/RSSInputer.tsx

@@ -5,7 +5,7 @@ import { SIZE } from '@/constant'
 import { cutRest } from '@/utils/helper'
 
 import ArrowButton from '@/widgets/Buttons/ArrowButton'
-import { LavaLampLoading } from '@/widgets/Loading'
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
 import InputBox from './InputBox'
 

src/containers/editor/CommunityEditor/Banner/SetupDomain.tsx

@@ -5,7 +5,7 @@
  */
 
 import dynamic from 'next/dynamic'
-import { LavaLampLoading } from '@/widgets/Loading'
+import LavaLampLoading from '@/widgets/Loading/LavaLampLoading'
 
 export const RichEditor = dynamic(() => import('./RealEditor'), {
   /* eslint-disable react/display-name */

src/containers/editor/RichEditor/index.tsx

@@ -45,8 +45,9 @@ const GlobalLayout = T.model('GlobalLayoutStore', {
       return toJS(root.viewing.community)
     },
     get sidebarPin(): boolean {
-      const root = getParent(self) as TRootStore
-      return root.sidebar.pin
+      // const root = getParent(self) as TRootStore
+      // return root.sidebar.pin
+      return false
     },
     get wallpaper(): string {
       const root = getParent(self) as TRootStore