@tnotesjs/core 0.1.19 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +87 -87
- package/package.json +1 -1
- package/types/config.ts +61 -61
- package/types/index.ts +11 -11
- package/types/note.ts +33 -33
- package/vitepress/assets/icons/icon__check.svg +3 -3
- package/vitepress/assets/icons/icon__clipboard.svg +7 -7
- package/vitepress/assets/icons/icon__close.svg +1 -1
- package/vitepress/assets/icons/icon__collapse.svg +1 -1
- package/vitepress/assets/icons/icon__confirm.svg +1 -1
- package/vitepress/assets/icons/icon__copy.svg +4 -4
- package/vitepress/assets/icons/icon__focus.svg +1 -1
- package/vitepress/assets/icons/icon__fold.svg +3 -3
- package/vitepress/assets/icons/icon__folder.svg +1 -1
- package/vitepress/assets/icons/icon__fullscreen.svg +1 -1
- package/vitepress/assets/icons/icon__fullscreen_exit.svg +1 -1
- package/vitepress/assets/icons/icon__github.svg +3 -3
- package/vitepress/assets/icons/icon__mindmap.svg +1 -1
- package/vitepress/assets/icons/icon__next.svg +1 -1
- package/vitepress/assets/icons/icon__number_gray.svg +1 -1
- package/vitepress/assets/icons/icon__number_purple.svg +1 -1
- package/vitepress/assets/icons/icon__prev.svg +1 -1
- package/vitepress/assets/icons/icon__restore.svg +1 -1
- package/vitepress/assets/icons/icon__rotate.svg +4 -4
- package/vitepress/assets/icons/icon__search.svg +1 -1
- package/vitepress/assets/icons/icon__sidebar_collapsed.svg +1 -1
- package/vitepress/assets/icons/icon__sidebar_opened.svg +1 -1
- package/vitepress/assets/icons/icon__totop.svg +5 -5
- package/vitepress/assets/icons/icon__vscode.svg +5 -5
- package/vitepress/assets/icons/icon__zoom_fit.svg +1 -1
- package/vitepress/assets/icons/icon__zoom_in.svg +1 -1
- package/vitepress/assets/icons/icon__zoom_out.svg +1 -1
- package/vitepress/assets/icons/icon__zoom_reset.svg +1 -1
- package/vitepress/assets/icons/index.ts +39 -39
- package/vitepress/components/BilibiliOutsidePlayer/BilibiliOutsidePlayer.vue +20 -20
- package/vitepress/components/CodeBlockFullscreen/CodeBlockFullscreen.vue +369 -369
- package/vitepress/components/CodeBlockFullscreen/index.ts +213 -213
- package/vitepress/components/CodeBlockFullscreen/styles.css +126 -126
- package/vitepress/components/Discussions/Discussions.module.scss +32 -32
- package/vitepress/components/Discussions/Discussions.vue +211 -211
- package/vitepress/components/EnWordList/EnWordList.module.scss +124 -124
- package/vitepress/components/EnWordList/EnWordList.vue +543 -543
- package/vitepress/components/EnWordList/RightClickMenu.module.scss +22 -22
- package/vitepress/components/EnWordList/RightClickMenu.vue +66 -66
- package/vitepress/components/Footprints/Footprints.module.scss +93 -93
- package/vitepress/components/Footprints/Footprints.vue +377 -377
- package/vitepress/components/Layout/AboutModal.module.scss +233 -233
- package/vitepress/components/Layout/AboutModal.vue +105 -105
- package/vitepress/components/Layout/AboutPanel.vue +270 -270
- package/vitepress/components/Layout/ContentCollapse.vue +603 -603
- package/vitepress/components/Layout/CustomSidebar.vue +817 -817
- package/vitepress/components/Layout/DocBeforeControls.vue +149 -149
- package/vitepress/components/Layout/DocFooter.vue +233 -233
- package/vitepress/components/Layout/ImagePreview.module.scss +201 -201
- package/vitepress/components/Layout/ImagePreview.vue +281 -281
- package/vitepress/components/Layout/Layout.module.scss +661 -661
- package/vitepress/components/Layout/Layout.vue +621 -621
- package/vitepress/components/Layout/NoteStatus.vue +140 -140
- package/vitepress/components/Layout/SidebarItems.vue +1083 -1083
- package/vitepress/components/Layout/SidebarNavBefore.vue +171 -171
- package/vitepress/components/Layout/SidebarResizeHandle.vue +319 -319
- package/vitepress/components/Layout/Swiper.vue +167 -167
- package/vitepress/components/Layout/ToggleFullContent.module.scss +11 -11
- package/vitepress/components/Layout/ToggleFullContent.vue +35 -35
- package/vitepress/components/Layout/ToggleSidebar.module.scss +11 -11
- package/vitepress/components/Layout/ToggleSidebar.vue +26 -26
- package/vitepress/components/Layout/composables/useCollapseControl.ts +88 -88
- package/vitepress/components/Layout/composables/useNoteConfig.ts +119 -119
- package/vitepress/components/Layout/composables/useNoteSave.ts +178 -178
- package/vitepress/components/Layout/composables/useNoteValidation.ts +85 -85
- package/vitepress/components/Layout/composables/useRedirect.ts +113 -113
- package/vitepress/components/Layout/composables/useSidebarLayout.ts +122 -122
- package/vitepress/components/Layout/composables/useVSCodeIntegration.ts +85 -85
- package/vitepress/components/Layout/homeReadme.data.ts +124 -124
- package/vitepress/components/MarkMap/MarkMap.module.scss +159 -159
- package/vitepress/components/MarkMap/MarkMap.vue +405 -405
- package/vitepress/components/Mermaid/Mermaid.module.scss +275 -275
- package/vitepress/components/Mermaid/Mermaid.vue +365 -365
- package/vitepress/components/NotesTable/NotesTable.module.scss +77 -77
- package/vitepress/components/NotesTable/NotesTable.vue +98 -98
- package/vitepress/components/NotesTable/README.md +67 -67
- package/vitepress/components/Settings/Settings.module.scss +375 -375
- package/vitepress/components/Settings/Settings.vue +334 -334
- package/vitepress/components/SidebarCard/MindMapView.vue +484 -484
- package/vitepress/components/SidebarCard/NotesTrendChart.vue +108 -108
- package/vitepress/components/SidebarCard/SidebarCard.vue +946 -946
- package/vitepress/components/Tooltip/Tooltip.vue +70 -70
- package/vitepress/components/constants.ts +109 -109
- package/vitepress/components/notesConfig.data.ts +73 -73
- package/vitepress/components/sidebar.data.ts +59 -59
- package/vitepress/components/tnotes-config.data.ts +21 -21
- package/vitepress/components/utils.ts +26 -26
- package/vitepress/config/index.ts +169 -169
- package/vitepress/configs/constants.ts +26 -26
- package/vitepress/configs/head.config.ts +25 -25
- package/vitepress/configs/index.ts +9 -9
- package/vitepress/configs/markdown-it.d.ts +23 -23
- package/vitepress/configs/markdown.config.ts +366 -366
- package/vitepress/configs/theme.config.ts +108 -108
- package/vitepress/plugins/buildProgressPlugin.ts +434 -434
- package/vitepress/plugins/getNoteByConfigIdPlugin.ts +107 -107
- package/vitepress/plugins/renameNotePlugin.ts +68 -68
- package/vitepress/plugins/sidebarStructurePlugin.ts +260 -260
- package/vitepress/plugins/updateConfigPlugin.ts +63 -63
- package/vitepress/theme/index.ts +137 -137
- package/vitepress/theme/styles/base.scss +64 -59
- package/vitepress/theme/styles/components/404.scss +31 -31
- package/vitepress/theme/styles/components/collapse.scss +172 -172
- package/vitepress/theme/styles/components/markmap.scss +101 -101
- package/vitepress/theme/styles/components/swiper.scss +255 -255
- package/vitepress/theme/styles/index.scss +25 -25
- package/vitepress/theme/styles/layout.scss +78 -78
- package/vitepress/theme/styles/utilities.scss +39 -39
- package/vitepress/theme/styles/vitepress-override.scss +25 -25
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
import { useRoute, useData } from 'vitepress'
|
|
2
|
-
import { ref, watch } from 'vue'
|
|
3
|
-
|
|
4
|
-
import type { NoteConfig } from '../../../../types'
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* 处理 404 重定向逻辑
|
|
8
|
-
* 当用户访问旧的笔记 URL 时,自动重定向到新的 URL
|
|
9
|
-
*/
|
|
10
|
-
export function useRedirect(allNotesConfig: Record<string, NoteConfig & { redirect?: string }>) {
|
|
11
|
-
const route = useRoute()
|
|
12
|
-
const vpData = useData()
|
|
13
|
-
|
|
14
|
-
// 控制是否显示 404 内容
|
|
15
|
-
const showNotFound = ref(false)
|
|
16
|
-
const currentPath = ref('')
|
|
17
|
-
const matchedId = ref('')
|
|
18
|
-
const redirectPath = ref('')
|
|
19
|
-
|
|
20
|
-
// 解码后的当前路径(用于调试)
|
|
21
|
-
const decodedCurrentPath = ref('')
|
|
22
|
-
|
|
23
|
-
// 重定向检查函数
|
|
24
|
-
function checkRedirect() {
|
|
25
|
-
if (typeof window === 'undefined') return false
|
|
26
|
-
|
|
27
|
-
currentPath.value = window.location.pathname
|
|
28
|
-
|
|
29
|
-
// 匹配路径格式:/TNotes.*/notes/四个数字{任意内容}/README
|
|
30
|
-
const match = currentPath.value.match(
|
|
31
|
-
/\/TNotes[^/]+\/notes\/(\d{4})[^/]*(?:\/.*)?$/
|
|
32
|
-
)
|
|
33
|
-
|
|
34
|
-
if (match) {
|
|
35
|
-
const matchedNoteId = match[1]
|
|
36
|
-
if (!matchedNoteId) return false
|
|
37
|
-
|
|
38
|
-
matchedId.value = matchedNoteId
|
|
39
|
-
const targetNote = allNotesConfig[matchedNoteId]
|
|
40
|
-
redirectPath.value = targetNote?.redirect ?? ''
|
|
41
|
-
|
|
42
|
-
if (targetNote?.redirect) {
|
|
43
|
-
const base = vpData.site.value.base
|
|
44
|
-
// 构建目标路径(包含基础路径)
|
|
45
|
-
const targetPath = `${base}${targetNote.redirect}`
|
|
46
|
-
|
|
47
|
-
// 避免重定向死循环
|
|
48
|
-
if (currentPath.value !== targetPath) {
|
|
49
|
-
console.log(`Redirecting from ${currentPath.value} to ${targetPath}`)
|
|
50
|
-
|
|
51
|
-
// 使用完整的页面跳转(强制刷新)
|
|
52
|
-
window.location.href = targetPath
|
|
53
|
-
return true
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return false
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
// 更新解码后的路径
|
|
61
|
-
function updateDecodedPath() {
|
|
62
|
-
try {
|
|
63
|
-
decodedCurrentPath.value = decodeURIComponent(currentPath.value)
|
|
64
|
-
} catch (e) {
|
|
65
|
-
console.error('Failed to decode URI:', e)
|
|
66
|
-
decodedCurrentPath.value = currentPath.value
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
// 初始化检查(在组件挂载后调用)
|
|
71
|
-
function initRedirectCheck() {
|
|
72
|
-
// 延迟执行以确保路由状态稳定
|
|
73
|
-
setTimeout(() => {
|
|
74
|
-
// 如果是 404 页面,尝试重定向
|
|
75
|
-
if (vpData.page.value.isNotFound) {
|
|
76
|
-
const redirected = checkRedirect()
|
|
77
|
-
|
|
78
|
-
// 如果重定向失败,显示原始 404 内容
|
|
79
|
-
if (!redirected) {
|
|
80
|
-
showNotFound.value = true
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}, 1000)
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
// 监听路由变化
|
|
87
|
-
watch(
|
|
88
|
-
() => route.path,
|
|
89
|
-
() => {
|
|
90
|
-
// 延迟检查以确保路由更新完成
|
|
91
|
-
setTimeout(() => {
|
|
92
|
-
if (vpData.page.value.isNotFound) {
|
|
93
|
-
const redirected = checkRedirect()
|
|
94
|
-
if (!redirected) {
|
|
95
|
-
showNotFound.value = true
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}, 1000)
|
|
99
|
-
}
|
|
100
|
-
)
|
|
101
|
-
|
|
102
|
-
// 监听 currentPath 变化,更新解码后的路径
|
|
103
|
-
watch(currentPath, updateDecodedPath, { immediate: true })
|
|
104
|
-
|
|
105
|
-
return {
|
|
106
|
-
showNotFound,
|
|
107
|
-
currentPath,
|
|
108
|
-
matchedId,
|
|
109
|
-
redirectPath,
|
|
110
|
-
decodedCurrentPath,
|
|
111
|
-
initRedirectCheck,
|
|
112
|
-
}
|
|
113
|
-
}
|
|
1
|
+
import { useRoute, useData } from 'vitepress'
|
|
2
|
+
import { ref, watch } from 'vue'
|
|
3
|
+
|
|
4
|
+
import type { NoteConfig } from '../../../../types'
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* 处理 404 重定向逻辑
|
|
8
|
+
* 当用户访问旧的笔记 URL 时,自动重定向到新的 URL
|
|
9
|
+
*/
|
|
10
|
+
export function useRedirect(allNotesConfig: Record<string, NoteConfig & { redirect?: string }>) {
|
|
11
|
+
const route = useRoute()
|
|
12
|
+
const vpData = useData()
|
|
13
|
+
|
|
14
|
+
// 控制是否显示 404 内容
|
|
15
|
+
const showNotFound = ref(false)
|
|
16
|
+
const currentPath = ref('')
|
|
17
|
+
const matchedId = ref('')
|
|
18
|
+
const redirectPath = ref('')
|
|
19
|
+
|
|
20
|
+
// 解码后的当前路径(用于调试)
|
|
21
|
+
const decodedCurrentPath = ref('')
|
|
22
|
+
|
|
23
|
+
// 重定向检查函数
|
|
24
|
+
function checkRedirect() {
|
|
25
|
+
if (typeof window === 'undefined') return false
|
|
26
|
+
|
|
27
|
+
currentPath.value = window.location.pathname
|
|
28
|
+
|
|
29
|
+
// 匹配路径格式:/TNotes.*/notes/四个数字{任意内容}/README
|
|
30
|
+
const match = currentPath.value.match(
|
|
31
|
+
/\/TNotes[^/]+\/notes\/(\d{4})[^/]*(?:\/.*)?$/
|
|
32
|
+
)
|
|
33
|
+
|
|
34
|
+
if (match) {
|
|
35
|
+
const matchedNoteId = match[1]
|
|
36
|
+
if (!matchedNoteId) return false
|
|
37
|
+
|
|
38
|
+
matchedId.value = matchedNoteId
|
|
39
|
+
const targetNote = allNotesConfig[matchedNoteId]
|
|
40
|
+
redirectPath.value = targetNote?.redirect ?? ''
|
|
41
|
+
|
|
42
|
+
if (targetNote?.redirect) {
|
|
43
|
+
const base = vpData.site.value.base
|
|
44
|
+
// 构建目标路径(包含基础路径)
|
|
45
|
+
const targetPath = `${base}${targetNote.redirect}`
|
|
46
|
+
|
|
47
|
+
// 避免重定向死循环
|
|
48
|
+
if (currentPath.value !== targetPath) {
|
|
49
|
+
console.log(`Redirecting from ${currentPath.value} to ${targetPath}`)
|
|
50
|
+
|
|
51
|
+
// 使用完整的页面跳转(强制刷新)
|
|
52
|
+
window.location.href = targetPath
|
|
53
|
+
return true
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return false
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// 更新解码后的路径
|
|
61
|
+
function updateDecodedPath() {
|
|
62
|
+
try {
|
|
63
|
+
decodedCurrentPath.value = decodeURIComponent(currentPath.value)
|
|
64
|
+
} catch (e) {
|
|
65
|
+
console.error('Failed to decode URI:', e)
|
|
66
|
+
decodedCurrentPath.value = currentPath.value
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
// 初始化检查(在组件挂载后调用)
|
|
71
|
+
function initRedirectCheck() {
|
|
72
|
+
// 延迟执行以确保路由状态稳定
|
|
73
|
+
setTimeout(() => {
|
|
74
|
+
// 如果是 404 页面,尝试重定向
|
|
75
|
+
if (vpData.page.value.isNotFound) {
|
|
76
|
+
const redirected = checkRedirect()
|
|
77
|
+
|
|
78
|
+
// 如果重定向失败,显示原始 404 内容
|
|
79
|
+
if (!redirected) {
|
|
80
|
+
showNotFound.value = true
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}, 1000)
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// 监听路由变化
|
|
87
|
+
watch(
|
|
88
|
+
() => route.path,
|
|
89
|
+
() => {
|
|
90
|
+
// 延迟检查以确保路由更新完成
|
|
91
|
+
setTimeout(() => {
|
|
92
|
+
if (vpData.page.value.isNotFound) {
|
|
93
|
+
const redirected = checkRedirect()
|
|
94
|
+
if (!redirected) {
|
|
95
|
+
showNotFound.value = true
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}, 1000)
|
|
99
|
+
}
|
|
100
|
+
)
|
|
101
|
+
|
|
102
|
+
// 监听 currentPath 变化,更新解码后的路径
|
|
103
|
+
watch(currentPath, updateDecodedPath, { immediate: true })
|
|
104
|
+
|
|
105
|
+
return {
|
|
106
|
+
showNotFound,
|
|
107
|
+
currentPath,
|
|
108
|
+
matchedId,
|
|
109
|
+
redirectPath,
|
|
110
|
+
decodedCurrentPath,
|
|
111
|
+
initRedirectCheck,
|
|
112
|
+
}
|
|
113
|
+
}
|
|
@@ -1,122 +1,122 @@
|
|
|
1
|
-
import { ref } from 'vue'
|
|
2
|
-
|
|
3
|
-
const SIDEBAR_HIDDEN_KEY = 'vp:sidebar:hidden'
|
|
4
|
-
const SIDEBAR_WIDTH_KEY = 'vp:sidebar:width'
|
|
5
|
-
const SIDEBAR_MIN_WIDTH = 260
|
|
6
|
-
const SIDEBAR_MAX_WIDTH = 480
|
|
7
|
-
const SIDEBAR_DEFAULT_WIDTH = 260
|
|
8
|
-
|
|
9
|
-
const hidden = ref(false)
|
|
10
|
-
const width = ref(SIDEBAR_DEFAULT_WIDTH)
|
|
11
|
-
let initialized = false
|
|
12
|
-
|
|
13
|
-
function canUseDOM(): boolean {
|
|
14
|
-
return typeof window !== 'undefined' && typeof document !== 'undefined'
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
function clampSidebarWidth(nextWidth: number): number {
|
|
18
|
-
if (!Number.isFinite(nextWidth)) return SIDEBAR_DEFAULT_WIDTH
|
|
19
|
-
|
|
20
|
-
return Math.min(
|
|
21
|
-
SIDEBAR_MAX_WIDTH,
|
|
22
|
-
Math.max(SIDEBAR_MIN_WIDTH, Math.round(nextWidth)),
|
|
23
|
-
)
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
function readStoredWidth(): number {
|
|
27
|
-
if (!canUseDOM()) return SIDEBAR_DEFAULT_WIDTH
|
|
28
|
-
|
|
29
|
-
const savedWidth = window.localStorage.getItem(SIDEBAR_WIDTH_KEY)
|
|
30
|
-
if (!savedWidth) return SIDEBAR_DEFAULT_WIDTH
|
|
31
|
-
|
|
32
|
-
return clampSidebarWidth(Number(savedWidth))
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
function applyHiddenState(nextHidden: boolean) {
|
|
36
|
-
if (!canUseDOM()) return
|
|
37
|
-
|
|
38
|
-
document.documentElement.classList.toggle('hide-sidebar', nextHidden)
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
function applySidebarWidth(nextWidth: number, nextHidden = hidden.value) {
|
|
42
|
-
if (!canUseDOM()) return
|
|
43
|
-
|
|
44
|
-
const widthValue = `${clampSidebarWidth(nextWidth)}px`
|
|
45
|
-
const layoutWidthValue = nextHidden ? '0px' : widthValue
|
|
46
|
-
document.documentElement.style.setProperty('--tn-sidebar-width', widthValue)
|
|
47
|
-
document.documentElement.style.setProperty(
|
|
48
|
-
'--tn-sidebar-layout-width',
|
|
49
|
-
layoutWidthValue,
|
|
50
|
-
)
|
|
51
|
-
document.documentElement.style.setProperty(
|
|
52
|
-
'--vp-sidebar-width',
|
|
53
|
-
layoutWidthValue,
|
|
54
|
-
)
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
function persistHiddenState(nextHidden: boolean) {
|
|
58
|
-
if (!canUseDOM()) return
|
|
59
|
-
|
|
60
|
-
try {
|
|
61
|
-
window.localStorage.setItem(SIDEBAR_HIDDEN_KEY, nextHidden ? '1' : '0')
|
|
62
|
-
} catch {}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
function persistSidebarWidth(nextWidth: number) {
|
|
66
|
-
if (!canUseDOM()) return
|
|
67
|
-
|
|
68
|
-
try {
|
|
69
|
-
window.localStorage.setItem(
|
|
70
|
-
SIDEBAR_WIDTH_KEY,
|
|
71
|
-
String(clampSidebarWidth(nextWidth)),
|
|
72
|
-
)
|
|
73
|
-
} catch {}
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
function initSidebarLayout() {
|
|
77
|
-
if (!canUseDOM()) return
|
|
78
|
-
|
|
79
|
-
if (!initialized) {
|
|
80
|
-
hidden.value = window.localStorage.getItem(SIDEBAR_HIDDEN_KEY) === '1'
|
|
81
|
-
width.value = readStoredWidth()
|
|
82
|
-
initialized = true
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
applyHiddenState(hidden.value)
|
|
86
|
-
applySidebarWidth(width.value, hidden.value)
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
function setSidebarHidden(nextHidden: boolean) {
|
|
90
|
-
hidden.value = nextHidden
|
|
91
|
-
applyHiddenState(hidden.value)
|
|
92
|
-
applySidebarWidth(width.value, hidden.value)
|
|
93
|
-
persistHiddenState(hidden.value)
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function toggleSidebar() {
|
|
97
|
-
setSidebarHidden(!hidden.value)
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
function setSidebarWidth(nextWidth: number) {
|
|
101
|
-
width.value = clampSidebarWidth(nextWidth)
|
|
102
|
-
applySidebarWidth(width.value)
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
function saveSidebarWidth() {
|
|
106
|
-
persistSidebarWidth(width.value)
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
export function useSidebarLayout() {
|
|
110
|
-
return {
|
|
111
|
-
hidden,
|
|
112
|
-
width,
|
|
113
|
-
minWidth: SIDEBAR_MIN_WIDTH,
|
|
114
|
-
maxWidth: SIDEBAR_MAX_WIDTH,
|
|
115
|
-
defaultWidth: SIDEBAR_DEFAULT_WIDTH,
|
|
116
|
-
initSidebarLayout,
|
|
117
|
-
setSidebarHidden,
|
|
118
|
-
toggleSidebar,
|
|
119
|
-
setSidebarWidth,
|
|
120
|
-
saveSidebarWidth,
|
|
121
|
-
}
|
|
122
|
-
}
|
|
1
|
+
import { ref } from 'vue'
|
|
2
|
+
|
|
3
|
+
const SIDEBAR_HIDDEN_KEY = 'vp:sidebar:hidden'
|
|
4
|
+
const SIDEBAR_WIDTH_KEY = 'vp:sidebar:width'
|
|
5
|
+
const SIDEBAR_MIN_WIDTH = 260
|
|
6
|
+
const SIDEBAR_MAX_WIDTH = 480
|
|
7
|
+
const SIDEBAR_DEFAULT_WIDTH = 260
|
|
8
|
+
|
|
9
|
+
const hidden = ref(false)
|
|
10
|
+
const width = ref(SIDEBAR_DEFAULT_WIDTH)
|
|
11
|
+
let initialized = false
|
|
12
|
+
|
|
13
|
+
function canUseDOM(): boolean {
|
|
14
|
+
return typeof window !== 'undefined' && typeof document !== 'undefined'
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
function clampSidebarWidth(nextWidth: number): number {
|
|
18
|
+
if (!Number.isFinite(nextWidth)) return SIDEBAR_DEFAULT_WIDTH
|
|
19
|
+
|
|
20
|
+
return Math.min(
|
|
21
|
+
SIDEBAR_MAX_WIDTH,
|
|
22
|
+
Math.max(SIDEBAR_MIN_WIDTH, Math.round(nextWidth)),
|
|
23
|
+
)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function readStoredWidth(): number {
|
|
27
|
+
if (!canUseDOM()) return SIDEBAR_DEFAULT_WIDTH
|
|
28
|
+
|
|
29
|
+
const savedWidth = window.localStorage.getItem(SIDEBAR_WIDTH_KEY)
|
|
30
|
+
if (!savedWidth) return SIDEBAR_DEFAULT_WIDTH
|
|
31
|
+
|
|
32
|
+
return clampSidebarWidth(Number(savedWidth))
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
function applyHiddenState(nextHidden: boolean) {
|
|
36
|
+
if (!canUseDOM()) return
|
|
37
|
+
|
|
38
|
+
document.documentElement.classList.toggle('hide-sidebar', nextHidden)
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
function applySidebarWidth(nextWidth: number, nextHidden = hidden.value) {
|
|
42
|
+
if (!canUseDOM()) return
|
|
43
|
+
|
|
44
|
+
const widthValue = `${clampSidebarWidth(nextWidth)}px`
|
|
45
|
+
const layoutWidthValue = nextHidden ? '0px' : widthValue
|
|
46
|
+
document.documentElement.style.setProperty('--tn-sidebar-width', widthValue)
|
|
47
|
+
document.documentElement.style.setProperty(
|
|
48
|
+
'--tn-sidebar-layout-width',
|
|
49
|
+
layoutWidthValue,
|
|
50
|
+
)
|
|
51
|
+
document.documentElement.style.setProperty(
|
|
52
|
+
'--vp-sidebar-width',
|
|
53
|
+
layoutWidthValue,
|
|
54
|
+
)
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
function persistHiddenState(nextHidden: boolean) {
|
|
58
|
+
if (!canUseDOM()) return
|
|
59
|
+
|
|
60
|
+
try {
|
|
61
|
+
window.localStorage.setItem(SIDEBAR_HIDDEN_KEY, nextHidden ? '1' : '0')
|
|
62
|
+
} catch {}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
function persistSidebarWidth(nextWidth: number) {
|
|
66
|
+
if (!canUseDOM()) return
|
|
67
|
+
|
|
68
|
+
try {
|
|
69
|
+
window.localStorage.setItem(
|
|
70
|
+
SIDEBAR_WIDTH_KEY,
|
|
71
|
+
String(clampSidebarWidth(nextWidth)),
|
|
72
|
+
)
|
|
73
|
+
} catch {}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
function initSidebarLayout() {
|
|
77
|
+
if (!canUseDOM()) return
|
|
78
|
+
|
|
79
|
+
if (!initialized) {
|
|
80
|
+
hidden.value = window.localStorage.getItem(SIDEBAR_HIDDEN_KEY) === '1'
|
|
81
|
+
width.value = readStoredWidth()
|
|
82
|
+
initialized = true
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
applyHiddenState(hidden.value)
|
|
86
|
+
applySidebarWidth(width.value, hidden.value)
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
function setSidebarHidden(nextHidden: boolean) {
|
|
90
|
+
hidden.value = nextHidden
|
|
91
|
+
applyHiddenState(hidden.value)
|
|
92
|
+
applySidebarWidth(width.value, hidden.value)
|
|
93
|
+
persistHiddenState(hidden.value)
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
function toggleSidebar() {
|
|
97
|
+
setSidebarHidden(!hidden.value)
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
function setSidebarWidth(nextWidth: number) {
|
|
101
|
+
width.value = clampSidebarWidth(nextWidth)
|
|
102
|
+
applySidebarWidth(width.value)
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
function saveSidebarWidth() {
|
|
106
|
+
persistSidebarWidth(width.value)
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
export function useSidebarLayout() {
|
|
110
|
+
return {
|
|
111
|
+
hidden,
|
|
112
|
+
width,
|
|
113
|
+
minWidth: SIDEBAR_MIN_WIDTH,
|
|
114
|
+
maxWidth: SIDEBAR_MAX_WIDTH,
|
|
115
|
+
defaultWidth: SIDEBAR_DEFAULT_WIDTH,
|
|
116
|
+
initSidebarLayout,
|
|
117
|
+
setSidebarHidden,
|
|
118
|
+
toggleSidebar,
|
|
119
|
+
setSidebarWidth,
|
|
120
|
+
saveSidebarWidth,
|
|
121
|
+
}
|
|
122
|
+
}
|
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { useData } from 'vitepress'
|
|
1
|
+
import { useData } from 'vitepress'
|
|
2
2
|
import { ref } from 'vue'
|
|
3
|
-
|
|
3
|
+
|
|
4
4
|
import { NOTES_DIR_KEY } from '../../constants'
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
import type { Router } from 'vitepress'
|
|
7
|
-
import type { Ref, ComputedRef } from 'vue'
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* VSCode 集成和 GitHub 链接拦截
|
|
12
|
-
*/
|
|
13
|
-
export function useVSCodeIntegration() {
|
|
14
|
-
const vpData = useData()
|
|
15
|
-
const vscodeNotesDir = ref('')
|
|
16
|
-
|
|
17
|
-
// 更新 VSCode 笔记目录
|
|
18
|
-
const updateVscodeNoteDir = () => {
|
|
19
|
-
if (typeof window !== 'undefined') {
|
|
20
|
-
const notesDir = localStorage.getItem(NOTES_DIR_KEY)
|
|
21
|
-
vscodeNotesDir.value = notesDir
|
|
22
|
-
? `vscode://file/${notesDir}/${vpData.page.value.relativePath}`
|
|
23
|
-
: ''
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
// 拦截 home README 中的笔记链接,将 GitHub 链接转换为站点内跳转
|
|
28
|
-
const interceptHomeReadmeLinks = (
|
|
29
|
-
isHomeReadme: Ref<boolean> | ComputedRef<boolean>,
|
|
30
|
-
router: Router,
|
|
31
|
-
) => {
|
|
32
|
-
if (typeof window === 'undefined') return
|
|
33
|
-
|
|
34
|
-
// 只在 home README 页面执行
|
|
35
|
-
if (!isHomeReadme.value) return
|
|
36
|
-
|
|
37
|
-
// 延迟执行,确保 DOM 已渲染
|
|
38
|
-
setTimeout(() => {
|
|
39
|
-
const content = document.querySelector('.vp-doc')
|
|
40
|
-
if (!content) return
|
|
41
|
-
|
|
42
|
-
// 查找所有指向 GitHub 的笔记链接
|
|
43
|
-
const links = content.querySelectorAll(
|
|
44
|
-
'a[href*="github.com"][href*="/notes/"]',
|
|
45
|
-
)
|
|
46
|
-
|
|
47
|
-
links.forEach((link) => {
|
|
48
|
-
const href = link.getAttribute('href')
|
|
49
|
-
if (!href) return
|
|
50
|
-
|
|
51
|
-
// 匹配 GitHub 链接格式:https://github.com/{owner}/{repo}/tree/main/notes/{noteDir}/README.md
|
|
52
|
-
const match = href.match(
|
|
53
|
-
/github\.com\/[^/]+\/[^/]+\/tree\/main\/notes\/([^/]+)\/README\.md/,
|
|
54
|
-
)
|
|
55
|
-
|
|
56
|
-
if (match) {
|
|
57
|
-
const encodedNoteDir = match[1]
|
|
58
|
-
const noteDir = decodeURIComponent(encodedNoteDir)
|
|
59
|
-
|
|
60
|
-
// 构建站点内的相对路径
|
|
61
|
-
const base = vpData.site.value.base || '/'
|
|
62
|
-
const internalPath = `${base}notes/${noteDir}/README`
|
|
63
|
-
|
|
64
|
-
// 移除原有的点击事件监听器(如果有)
|
|
65
|
-
const newLink = link.cloneNode(true) as HTMLElement
|
|
66
|
-
|
|
67
|
-
// 添加点击事件拦截
|
|
68
|
-
newLink.addEventListener('click', (e) => {
|
|
69
|
-
e.preventDefault()
|
|
70
|
-
router.go(internalPath)
|
|
71
|
-
})
|
|
72
|
-
|
|
73
|
-
// 更新 href 属性(用于悬停显示和右键菜单)
|
|
74
|
-
newLink.setAttribute('href', internalPath)
|
|
75
|
-
|
|
76
|
-
// 替换原链接
|
|
77
|
-
link.parentNode?.replaceChild(newLink, link)
|
|
78
|
-
}
|
|
79
|
-
})
|
|
80
|
-
}, 100)
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
return {
|
|
84
|
-
vscodeNotesDir,
|
|
85
|
-
updateVscodeNoteDir,
|
|
86
|
-
interceptHomeReadmeLinks,
|
|
87
|
-
}
|
|
88
|
-
}
|
|
7
|
+
import type { Ref, ComputedRef } from 'vue'
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* VSCode 集成和 GitHub 链接拦截
|
|
12
|
+
*/
|
|
13
|
+
export function useVSCodeIntegration() {
|
|
14
|
+
const vpData = useData()
|
|
15
|
+
const vscodeNotesDir = ref('')
|
|
16
|
+
|
|
17
|
+
// 更新 VSCode 笔记目录
|
|
18
|
+
const updateVscodeNoteDir = () => {
|
|
19
|
+
if (typeof window !== 'undefined') {
|
|
20
|
+
const notesDir = localStorage.getItem(NOTES_DIR_KEY)
|
|
21
|
+
vscodeNotesDir.value = notesDir
|
|
22
|
+
? `vscode://file/${notesDir}/${vpData.page.value.relativePath}`
|
|
23
|
+
: ''
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
// 拦截 home README 中的笔记链接,将 GitHub 链接转换为站点内跳转
|
|
28
|
+
const interceptHomeReadmeLinks = (
|
|
29
|
+
isHomeReadme: Ref<boolean> | ComputedRef<boolean>,
|
|
30
|
+
router: Router,
|
|
31
|
+
) => {
|
|
32
|
+
if (typeof window === 'undefined') return
|
|
33
|
+
|
|
34
|
+
// 只在 home README 页面执行
|
|
35
|
+
if (!isHomeReadme.value) return
|
|
36
|
+
|
|
37
|
+
// 延迟执行,确保 DOM 已渲染
|
|
38
|
+
setTimeout(() => {
|
|
39
|
+
const content = document.querySelector('.vp-doc')
|
|
40
|
+
if (!content) return
|
|
41
|
+
|
|
42
|
+
// 查找所有指向 GitHub 的笔记链接
|
|
43
|
+
const links = content.querySelectorAll(
|
|
44
|
+
'a[href*="github.com"][href*="/notes/"]',
|
|
45
|
+
)
|
|
46
|
+
|
|
47
|
+
links.forEach((link) => {
|
|
48
|
+
const href = link.getAttribute('href')
|
|
49
|
+
if (!href) return
|
|
50
|
+
|
|
51
|
+
// 匹配 GitHub 链接格式:https://github.com/{owner}/{repo}/tree/main/notes/{noteDir}/README.md
|
|
52
|
+
const match = href.match(
|
|
53
|
+
/github\.com\/[^/]+\/[^/]+\/tree\/main\/notes\/([^/]+)\/README\.md/,
|
|
54
|
+
)
|
|
55
|
+
|
|
56
|
+
if (match) {
|
|
57
|
+
const encodedNoteDir = match[1]
|
|
58
|
+
const noteDir = decodeURIComponent(encodedNoteDir)
|
|
59
|
+
|
|
60
|
+
// 构建站点内的相对路径
|
|
61
|
+
const base = vpData.site.value.base || '/'
|
|
62
|
+
const internalPath = `${base}notes/${noteDir}/README`
|
|
63
|
+
|
|
64
|
+
// 移除原有的点击事件监听器(如果有)
|
|
65
|
+
const newLink = link.cloneNode(true) as HTMLElement
|
|
66
|
+
|
|
67
|
+
// 添加点击事件拦截
|
|
68
|
+
newLink.addEventListener('click', (e) => {
|
|
69
|
+
e.preventDefault()
|
|
70
|
+
router.go(internalPath)
|
|
71
|
+
})
|
|
72
|
+
|
|
73
|
+
// 更新 href 属性(用于悬停显示和右键菜单)
|
|
74
|
+
newLink.setAttribute('href', internalPath)
|
|
75
|
+
|
|
76
|
+
// 替换原链接
|
|
77
|
+
link.parentNode?.replaceChild(newLink, link)
|
|
78
|
+
}
|
|
79
|
+
})
|
|
80
|
+
}, 100)
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
return {
|
|
84
|
+
vscodeNotesDir,
|
|
85
|
+
updateVscodeNoteDir,
|
|
86
|
+
interceptHomeReadmeLinks,
|
|
87
|
+
}
|
|
88
|
+
}
|