@tnotesjs/core 0.1.15 → 0.1.17
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/dist/{chunk-FVKQPBPP.js → chunk-4MO7F7Q4.js} +2005 -1769
- package/dist/cli/index.js +1 -1
- package/dist/vitepress/config/index.js +212 -4
- 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 +373 -373
- package/vitepress/components/CodeBlockFullscreen/index.ts +115 -115
- package/vitepress/components/CodeBlockFullscreen/styles.css +64 -64
- 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 -608
- 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 -559
- package/vitepress/components/Layout/NoteStatus.vue +140 -140
- package/vitepress/components/Layout/SidebarItems.vue +1083 -268
- package/vitepress/components/Layout/SidebarNavBefore.vue +171 -108
- package/vitepress/components/Layout/SidebarResizeHandle.vue +319 -0
- 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 -36
- 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 -0
- 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 -433
- package/vitepress/components/Settings/Settings.vue +333 -306
- 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 -91
- 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 -167
- 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 -0
- package/vitepress/plugins/updateConfigPlugin.ts +63 -63
- package/vitepress/theme/index.ts +137 -137
- package/vitepress/theme/styles/base.scss +51 -50
- package/vitepress/theme/styles/components/404.scss +31 -31
- package/vitepress/theme/styles/components/collapse.scss +185 -175
- 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 -62
- package/vitepress/theme/styles/utilities.scss +39 -39
- package/vitepress/theme/styles/vitepress-override.scss +25 -25
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { useRoute } from 'vitepress'
|
|
2
|
-
import { ref, watch } from 'vue'
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* 全局折叠/展开功能
|
|
6
|
-
*/
|
|
7
|
-
export function useCollapseControl() {
|
|
8
|
-
const route = useRoute()
|
|
9
|
-
const allCollapsed = ref(false)
|
|
10
|
-
|
|
11
|
-
function toggleAllCollapse() {
|
|
12
|
-
if (typeof document === 'undefined') return
|
|
13
|
-
|
|
14
|
-
allCollapsed.value = !allCollapsed.value
|
|
15
|
-
|
|
16
|
-
// 获取所有折叠区域
|
|
17
|
-
const tocHeaders = document.querySelectorAll('.toc-collapse-header')
|
|
18
|
-
const h2Elements = document.querySelectorAll('.vp-doc h2.collapsible-h2')
|
|
19
|
-
|
|
20
|
-
// 切换 TOC 区域
|
|
21
|
-
tocHeaders.forEach((header) => {
|
|
22
|
-
const content = header.nextElementSibling
|
|
23
|
-
if (!content) return
|
|
24
|
-
|
|
25
|
-
const isCollapsed = content.classList.contains('collapsed')
|
|
26
|
-
|
|
27
|
-
// 根据目标状态决定是否需要切换
|
|
28
|
-
if (allCollapsed.value && !isCollapsed) {
|
|
29
|
-
// 需要折叠 - 直接操作 DOM
|
|
30
|
-
content.classList.add('collapsed')
|
|
31
|
-
header.classList.add('collapsed')
|
|
32
|
-
// 保存状态到 localStorage
|
|
33
|
-
const noteKey = route.path.replace(/\//g, '_')
|
|
34
|
-
const storageKey = `tnotes_collapse_state_${noteKey}_toc`
|
|
35
|
-
localStorage.setItem(storageKey, '1')
|
|
36
|
-
} else if (!allCollapsed.value && isCollapsed) {
|
|
37
|
-
// 需要展开 - 直接操作 DOM
|
|
38
|
-
content.classList.remove('collapsed')
|
|
39
|
-
header.classList.remove('collapsed')
|
|
40
|
-
// 保存状态到 localStorage
|
|
41
|
-
const noteKey = route.path.replace(/\//g, '_')
|
|
42
|
-
const storageKey = `tnotes_collapse_state_${noteKey}_toc`
|
|
43
|
-
localStorage.setItem(storageKey, '0')
|
|
44
|
-
}
|
|
45
|
-
})
|
|
46
|
-
|
|
47
|
-
// 切换 H2 区域
|
|
48
|
-
h2Elements.forEach((h2) => {
|
|
49
|
-
const content = h2.nextElementSibling
|
|
50
|
-
if (!content || !content.classList.contains('h2-collapse-content')) return
|
|
51
|
-
|
|
52
|
-
const isCollapsed = content.classList.contains('collapsed')
|
|
53
|
-
const h2Id = h2.id || `h2_${Array.from(h2Elements).indexOf(h2)}`
|
|
54
|
-
|
|
55
|
-
// 根据目标状态决定是否需要切换
|
|
56
|
-
if (allCollapsed.value && !isCollapsed) {
|
|
57
|
-
// 需要折叠 - 直接操作 DOM
|
|
58
|
-
content.classList.add('collapsed')
|
|
59
|
-
h2.classList.add('collapsed')
|
|
60
|
-
// 保存状态到 localStorage
|
|
61
|
-
const noteKey = route.path.replace(/\//g, '_')
|
|
62
|
-
const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
|
|
63
|
-
localStorage.setItem(storageKey, '1')
|
|
64
|
-
} else if (!allCollapsed.value && isCollapsed) {
|
|
65
|
-
// 需要展开 - 直接操作 DOM
|
|
66
|
-
content.classList.remove('collapsed')
|
|
67
|
-
h2.classList.remove('collapsed')
|
|
68
|
-
// 保存状态到 localStorage
|
|
69
|
-
const noteKey = route.path.replace(/\//g, '_')
|
|
70
|
-
const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
|
|
71
|
-
localStorage.setItem(storageKey, '0')
|
|
72
|
-
}
|
|
73
|
-
})
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
// 监听路由变化,重置折叠状态
|
|
77
|
-
watch(
|
|
78
|
-
() => route.path,
|
|
79
|
-
() => {
|
|
80
|
-
allCollapsed.value = false
|
|
81
|
-
}
|
|
82
|
-
)
|
|
83
|
-
|
|
84
|
-
return {
|
|
85
|
-
allCollapsed,
|
|
86
|
-
toggleAllCollapse,
|
|
87
|
-
}
|
|
88
|
-
}
|
|
1
|
+
import { useRoute } from 'vitepress'
|
|
2
|
+
import { ref, watch } from 'vue'
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* 全局折叠/展开功能
|
|
6
|
+
*/
|
|
7
|
+
export function useCollapseControl() {
|
|
8
|
+
const route = useRoute()
|
|
9
|
+
const allCollapsed = ref(false)
|
|
10
|
+
|
|
11
|
+
function toggleAllCollapse() {
|
|
12
|
+
if (typeof document === 'undefined') return
|
|
13
|
+
|
|
14
|
+
allCollapsed.value = !allCollapsed.value
|
|
15
|
+
|
|
16
|
+
// 获取所有折叠区域
|
|
17
|
+
const tocHeaders = document.querySelectorAll('.toc-collapse-header')
|
|
18
|
+
const h2Elements = document.querySelectorAll('.vp-doc h2.collapsible-h2')
|
|
19
|
+
|
|
20
|
+
// 切换 TOC 区域
|
|
21
|
+
tocHeaders.forEach((header) => {
|
|
22
|
+
const content = header.nextElementSibling
|
|
23
|
+
if (!content) return
|
|
24
|
+
|
|
25
|
+
const isCollapsed = content.classList.contains('collapsed')
|
|
26
|
+
|
|
27
|
+
// 根据目标状态决定是否需要切换
|
|
28
|
+
if (allCollapsed.value && !isCollapsed) {
|
|
29
|
+
// 需要折叠 - 直接操作 DOM
|
|
30
|
+
content.classList.add('collapsed')
|
|
31
|
+
header.classList.add('collapsed')
|
|
32
|
+
// 保存状态到 localStorage
|
|
33
|
+
const noteKey = route.path.replace(/\//g, '_')
|
|
34
|
+
const storageKey = `tnotes_collapse_state_${noteKey}_toc`
|
|
35
|
+
localStorage.setItem(storageKey, '1')
|
|
36
|
+
} else if (!allCollapsed.value && isCollapsed) {
|
|
37
|
+
// 需要展开 - 直接操作 DOM
|
|
38
|
+
content.classList.remove('collapsed')
|
|
39
|
+
header.classList.remove('collapsed')
|
|
40
|
+
// 保存状态到 localStorage
|
|
41
|
+
const noteKey = route.path.replace(/\//g, '_')
|
|
42
|
+
const storageKey = `tnotes_collapse_state_${noteKey}_toc`
|
|
43
|
+
localStorage.setItem(storageKey, '0')
|
|
44
|
+
}
|
|
45
|
+
})
|
|
46
|
+
|
|
47
|
+
// 切换 H2 区域
|
|
48
|
+
h2Elements.forEach((h2) => {
|
|
49
|
+
const content = h2.nextElementSibling
|
|
50
|
+
if (!content || !content.classList.contains('h2-collapse-content')) return
|
|
51
|
+
|
|
52
|
+
const isCollapsed = content.classList.contains('collapsed')
|
|
53
|
+
const h2Id = h2.id || `h2_${Array.from(h2Elements).indexOf(h2)}`
|
|
54
|
+
|
|
55
|
+
// 根据目标状态决定是否需要切换
|
|
56
|
+
if (allCollapsed.value && !isCollapsed) {
|
|
57
|
+
// 需要折叠 - 直接操作 DOM
|
|
58
|
+
content.classList.add('collapsed')
|
|
59
|
+
h2.classList.add('collapsed')
|
|
60
|
+
// 保存状态到 localStorage
|
|
61
|
+
const noteKey = route.path.replace(/\//g, '_')
|
|
62
|
+
const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
|
|
63
|
+
localStorage.setItem(storageKey, '1')
|
|
64
|
+
} else if (!allCollapsed.value && isCollapsed) {
|
|
65
|
+
// 需要展开 - 直接操作 DOM
|
|
66
|
+
content.classList.remove('collapsed')
|
|
67
|
+
h2.classList.remove('collapsed')
|
|
68
|
+
// 保存状态到 localStorage
|
|
69
|
+
const noteKey = route.path.replace(/\//g, '_')
|
|
70
|
+
const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
|
|
71
|
+
localStorage.setItem(storageKey, '0')
|
|
72
|
+
}
|
|
73
|
+
})
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
// 监听路由变化,重置折叠状态
|
|
77
|
+
watch(
|
|
78
|
+
() => route.path,
|
|
79
|
+
() => {
|
|
80
|
+
allCollapsed.value = false
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
|
|
84
|
+
return {
|
|
85
|
+
allCollapsed,
|
|
86
|
+
toggleAllCollapse,
|
|
87
|
+
}
|
|
88
|
+
}
|
|
@@ -1,119 +1,119 @@
|
|
|
1
|
-
import { ref, computed, watch } from 'vue'
|
|
2
|
-
|
|
3
|
-
import type { NoteConfig } from '../../../../types'
|
|
4
|
-
import type { Ref } from 'vue'
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* 管理笔记配置状态
|
|
8
|
-
* 包括可编辑字段、原始值、变更检测等
|
|
9
|
-
*/
|
|
10
|
-
export function useNoteConfig(
|
|
11
|
-
currentNoteId: Ref<string>,
|
|
12
|
-
currentNoteConfig: Ref<NoteConfig | null>,
|
|
13
|
-
currentNoteTitle: Ref<string>,
|
|
14
|
-
timeModalOpen: Ref<boolean>
|
|
15
|
-
) {
|
|
16
|
-
// 可编辑的配置项
|
|
17
|
-
const editableNoteStatus = ref(false)
|
|
18
|
-
const editableDiscussionsEnabled = ref(false)
|
|
19
|
-
const editableNoteTitle = ref('')
|
|
20
|
-
const editableDescription = ref('')
|
|
21
|
-
|
|
22
|
-
// 原始配置(用于检测是否有变更)
|
|
23
|
-
const originalNoteStatus = ref(false)
|
|
24
|
-
const originalDiscussionsEnabled = ref(false)
|
|
25
|
-
const originalNoteTitle = ref('')
|
|
26
|
-
const originalDescription = ref('')
|
|
27
|
-
|
|
28
|
-
// 标题验证错误信息
|
|
29
|
-
const titleError = ref('')
|
|
30
|
-
|
|
31
|
-
// 检测是否有配置变更
|
|
32
|
-
const hasConfigChanges = computed(() => {
|
|
33
|
-
return (
|
|
34
|
-
editableNoteStatus.value !== originalNoteStatus.value ||
|
|
35
|
-
editableDiscussionsEnabled.value !== originalDiscussionsEnabled.value ||
|
|
36
|
-
editableDescription.value.trim() !== originalDescription.value ||
|
|
37
|
-
(editableNoteTitle.value.trim() !== originalNoteTitle.value &&
|
|
38
|
-
!titleError.value)
|
|
39
|
-
)
|
|
40
|
-
})
|
|
41
|
-
|
|
42
|
-
// 初始化可编辑字段
|
|
43
|
-
function initEditableFields() {
|
|
44
|
-
if (!currentNoteConfig.value) return
|
|
45
|
-
|
|
46
|
-
editableNoteStatus.value = currentNoteConfig.value.done || false
|
|
47
|
-
editableDiscussionsEnabled.value =
|
|
48
|
-
currentNoteConfig.value.enableDiscussions || false
|
|
49
|
-
editableNoteTitle.value = currentNoteTitle.value || ''
|
|
50
|
-
editableDescription.value = currentNoteConfig.value.description || ''
|
|
51
|
-
|
|
52
|
-
// 保存原始值
|
|
53
|
-
originalNoteStatus.value = editableNoteStatus.value
|
|
54
|
-
originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
|
|
55
|
-
originalNoteTitle.value = editableNoteTitle.value
|
|
56
|
-
originalDescription.value = editableDescription.value
|
|
57
|
-
|
|
58
|
-
// 清除错误信息
|
|
59
|
-
titleError.value = ''
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
// 重置笔记配置
|
|
63
|
-
function resetNoteConfig() {
|
|
64
|
-
editableNoteStatus.value = originalNoteStatus.value
|
|
65
|
-
editableDiscussionsEnabled.value = originalDiscussionsEnabled.value
|
|
66
|
-
editableNoteTitle.value = originalNoteTitle.value
|
|
67
|
-
editableDescription.value = originalDescription.value
|
|
68
|
-
titleError.value = ''
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
// 更新原始值(保存成功后调用)
|
|
72
|
-
function updateOriginalValues() {
|
|
73
|
-
originalNoteStatus.value = editableNoteStatus.value
|
|
74
|
-
originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
|
|
75
|
-
originalNoteTitle.value = editableNoteTitle.value.trim()
|
|
76
|
-
originalDescription.value = editableDescription.value.trim()
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
// 监听笔记配置变化,重新初始化字段
|
|
80
|
-
watch(
|
|
81
|
-
() => currentNoteConfig.value,
|
|
82
|
-
() => {
|
|
83
|
-
initEditableFields()
|
|
84
|
-
},
|
|
85
|
-
{ immediate: true }
|
|
86
|
-
)
|
|
87
|
-
|
|
88
|
-
// modal 打开时重新初始化(确保数据最新)
|
|
89
|
-
watch(timeModalOpen, (isOpen) => {
|
|
90
|
-
if (isOpen) {
|
|
91
|
-
initEditableFields()
|
|
92
|
-
}
|
|
93
|
-
})
|
|
94
|
-
|
|
95
|
-
return {
|
|
96
|
-
// 可编辑字段
|
|
97
|
-
editableNoteStatus,
|
|
98
|
-
editableDiscussionsEnabled,
|
|
99
|
-
editableNoteTitle,
|
|
100
|
-
editableDescription,
|
|
101
|
-
|
|
102
|
-
// 原始值
|
|
103
|
-
originalNoteStatus,
|
|
104
|
-
originalDiscussionsEnabled,
|
|
105
|
-
originalNoteTitle,
|
|
106
|
-
originalDescription,
|
|
107
|
-
|
|
108
|
-
// 验证
|
|
109
|
-
titleError,
|
|
110
|
-
|
|
111
|
-
// 计算属性
|
|
112
|
-
hasConfigChanges,
|
|
113
|
-
|
|
114
|
-
// 方法
|
|
115
|
-
initEditableFields,
|
|
116
|
-
resetNoteConfig,
|
|
117
|
-
updateOriginalValues,
|
|
118
|
-
}
|
|
119
|
-
}
|
|
1
|
+
import { ref, computed, watch } from 'vue'
|
|
2
|
+
|
|
3
|
+
import type { NoteConfig } from '../../../../types'
|
|
4
|
+
import type { Ref } from 'vue'
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* 管理笔记配置状态
|
|
8
|
+
* 包括可编辑字段、原始值、变更检测等
|
|
9
|
+
*/
|
|
10
|
+
export function useNoteConfig(
|
|
11
|
+
currentNoteId: Ref<string>,
|
|
12
|
+
currentNoteConfig: Ref<NoteConfig | null>,
|
|
13
|
+
currentNoteTitle: Ref<string>,
|
|
14
|
+
timeModalOpen: Ref<boolean>
|
|
15
|
+
) {
|
|
16
|
+
// 可编辑的配置项
|
|
17
|
+
const editableNoteStatus = ref(false)
|
|
18
|
+
const editableDiscussionsEnabled = ref(false)
|
|
19
|
+
const editableNoteTitle = ref('')
|
|
20
|
+
const editableDescription = ref('')
|
|
21
|
+
|
|
22
|
+
// 原始配置(用于检测是否有变更)
|
|
23
|
+
const originalNoteStatus = ref(false)
|
|
24
|
+
const originalDiscussionsEnabled = ref(false)
|
|
25
|
+
const originalNoteTitle = ref('')
|
|
26
|
+
const originalDescription = ref('')
|
|
27
|
+
|
|
28
|
+
// 标题验证错误信息
|
|
29
|
+
const titleError = ref('')
|
|
30
|
+
|
|
31
|
+
// 检测是否有配置变更
|
|
32
|
+
const hasConfigChanges = computed(() => {
|
|
33
|
+
return (
|
|
34
|
+
editableNoteStatus.value !== originalNoteStatus.value ||
|
|
35
|
+
editableDiscussionsEnabled.value !== originalDiscussionsEnabled.value ||
|
|
36
|
+
editableDescription.value.trim() !== originalDescription.value ||
|
|
37
|
+
(editableNoteTitle.value.trim() !== originalNoteTitle.value &&
|
|
38
|
+
!titleError.value)
|
|
39
|
+
)
|
|
40
|
+
})
|
|
41
|
+
|
|
42
|
+
// 初始化可编辑字段
|
|
43
|
+
function initEditableFields() {
|
|
44
|
+
if (!currentNoteConfig.value) return
|
|
45
|
+
|
|
46
|
+
editableNoteStatus.value = currentNoteConfig.value.done || false
|
|
47
|
+
editableDiscussionsEnabled.value =
|
|
48
|
+
currentNoteConfig.value.enableDiscussions || false
|
|
49
|
+
editableNoteTitle.value = currentNoteTitle.value || ''
|
|
50
|
+
editableDescription.value = currentNoteConfig.value.description || ''
|
|
51
|
+
|
|
52
|
+
// 保存原始值
|
|
53
|
+
originalNoteStatus.value = editableNoteStatus.value
|
|
54
|
+
originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
|
|
55
|
+
originalNoteTitle.value = editableNoteTitle.value
|
|
56
|
+
originalDescription.value = editableDescription.value
|
|
57
|
+
|
|
58
|
+
// 清除错误信息
|
|
59
|
+
titleError.value = ''
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// 重置笔记配置
|
|
63
|
+
function resetNoteConfig() {
|
|
64
|
+
editableNoteStatus.value = originalNoteStatus.value
|
|
65
|
+
editableDiscussionsEnabled.value = originalDiscussionsEnabled.value
|
|
66
|
+
editableNoteTitle.value = originalNoteTitle.value
|
|
67
|
+
editableDescription.value = originalDescription.value
|
|
68
|
+
titleError.value = ''
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
// 更新原始值(保存成功后调用)
|
|
72
|
+
function updateOriginalValues() {
|
|
73
|
+
originalNoteStatus.value = editableNoteStatus.value
|
|
74
|
+
originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
|
|
75
|
+
originalNoteTitle.value = editableNoteTitle.value.trim()
|
|
76
|
+
originalDescription.value = editableDescription.value.trim()
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// 监听笔记配置变化,重新初始化字段
|
|
80
|
+
watch(
|
|
81
|
+
() => currentNoteConfig.value,
|
|
82
|
+
() => {
|
|
83
|
+
initEditableFields()
|
|
84
|
+
},
|
|
85
|
+
{ immediate: true }
|
|
86
|
+
)
|
|
87
|
+
|
|
88
|
+
// modal 打开时重新初始化(确保数据最新)
|
|
89
|
+
watch(timeModalOpen, (isOpen) => {
|
|
90
|
+
if (isOpen) {
|
|
91
|
+
initEditableFields()
|
|
92
|
+
}
|
|
93
|
+
})
|
|
94
|
+
|
|
95
|
+
return {
|
|
96
|
+
// 可编辑字段
|
|
97
|
+
editableNoteStatus,
|
|
98
|
+
editableDiscussionsEnabled,
|
|
99
|
+
editableNoteTitle,
|
|
100
|
+
editableDescription,
|
|
101
|
+
|
|
102
|
+
// 原始值
|
|
103
|
+
originalNoteStatus,
|
|
104
|
+
originalDiscussionsEnabled,
|
|
105
|
+
originalNoteTitle,
|
|
106
|
+
originalDescription,
|
|
107
|
+
|
|
108
|
+
// 验证
|
|
109
|
+
titleError,
|
|
110
|
+
|
|
111
|
+
// 计算属性
|
|
112
|
+
hasConfigChanges,
|
|
113
|
+
|
|
114
|
+
// 方法
|
|
115
|
+
initEditableFields,
|
|
116
|
+
resetNoteConfig,
|
|
117
|
+
updateOriginalValues,
|
|
118
|
+
}
|
|
119
|
+
}
|