@tnotesjs/core 0.1.14 → 0.1.16

package/vitepress/components/Layout/ToggleFullContent.vue

@@ -1,35 +1,35 @@
-<template>
-  <img @click="toggle" :class="$style.contentToggleBtn" :aria-pressed="full" :title="full ? '退出全屏内容区' : '全屏显示内容区'" :src="full ? icon__fullscreen_exit : icon__fullscreen" alt="" />
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue'
-
-import { icon__fullscreen, icon__fullscreen_exit } from '../../assets/icons'
-
-const KEY = 'vp:content:fullscreen'
-const full = ref(false)
-
-onMounted(() => {
-  try {
-    full.value = localStorage.getItem(KEY) === '1'
-  } catch {}
-  apply(full.value)
-})
-
-function apply(val: boolean) {
-  const root = document.documentElement
-  if (val) root.classList.add('content-fullscreen')
-  else root.classList.remove('content-fullscreen')
-}
-
-function toggle() {
-  full.value = !full.value
-  apply(full.value)
-  try {
-    localStorage.setItem(KEY, full.value ? '1' : '0')
-  } catch {}
-}
-</script>
-
-<style module src="./ToggleFullContent.module.scss"></style>
+<template>
+  <img @click="toggle" :class="$style.contentToggleBtn" :aria-pressed="full" :title="full ? '退出全屏内容区' : '全屏显示内容区'" :src="full ? icon__fullscreen_exit : icon__fullscreen" alt="" />
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+import { icon__fullscreen, icon__fullscreen_exit } from '../../assets/icons'
+
+const KEY = 'vp:content:fullscreen'
+const full = ref(false)
+
+onMounted(() => {
+  try {
+    full.value = localStorage.getItem(KEY) === '1'
+  } catch {}
+  apply(full.value)
+})
+
+function apply(val: boolean) {
+  const root = document.documentElement
+  if (val) root.classList.add('content-fullscreen')
+  else root.classList.remove('content-fullscreen')
+}
+
+function toggle() {
+  full.value = !full.value
+  apply(full.value)
+  try {
+    localStorage.setItem(KEY, full.value ? '1' : '0')
+  } catch {}
+}
+</script>
+
+<style module src="./ToggleFullContent.module.scss"></style>

package/vitepress/components/Layout/ToggleSidebar.module.scss

@@ -1,11 +1,11 @@
-.sidebarToggleBtn {
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: 3px;
-  cursor: pointer;
-  transition: all 0.2s;
-
-  &:hover {
-    background: var(--vp-c-bg-alt);
-  }
-}
+.sidebarToggleBtn {
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 3px;
+  cursor: pointer;
+  transition: all 0.2s;
+
+  &:hover {
+    background: var(--vp-c-bg-alt);
+  }
+}

package/vitepress/components/Layout/ToggleSidebar.vue

@@ -1,36 +1,36 @@
-<!-- .vitepress\components\Layout\ToggleSidebar.vue -->
-<template>
-    <img @click="toggle" :class="$style.sidebarToggleBtn" :aria-pressed="hidden" :title="hidden ? '显示侧边栏' : '隐藏侧边栏'" :src="hidden ? icon__next : icon__prev" alt="" />
-</template>
-
-<script setup lang="ts">
-import { onMounted, ref } from 'vue'
-
-import { icon__next, icon__prev } from '../../assets/icons'
-
-const KEY = 'vp:sidebar:hidden'
-const hidden = ref(false)
-
-onMounted(() => {
-  try {
-    hidden.value = localStorage.getItem(KEY) === '1'
-  } catch {}
-  apply(hidden.value)
-})
-
-function apply(val: boolean) {
-  const root = document.documentElement
-  if (val) root.classList.add('hide-sidebar')
-  else root.classList.remove('hide-sidebar')
-}
-
-function toggle() {
-  hidden.value = !hidden.value
-  apply(hidden.value)
-  try {
-    localStorage.setItem(KEY, hidden.value ? '1' : '0')
-  } catch {}
-}
-</script>
-
-<style module src="./ToggleSidebar.module.scss"></style>
+<!-- .vitepress\components\Layout\ToggleSidebar.vue -->
+<template>
+    <img @click="toggle" :class="$style.sidebarToggleBtn" :aria-pressed="hidden" :title="hidden ? '显示侧边栏' : '隐藏侧边栏'" :src="hidden ? icon__next : icon__prev" alt="" />
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+import { icon__next, icon__prev } from '../../assets/icons'
+
+const KEY = 'vp:sidebar:hidden'
+const hidden = ref(false)
+
+onMounted(() => {
+  try {
+    hidden.value = localStorage.getItem(KEY) === '1'
+  } catch {}
+  apply(hidden.value)
+})
+
+function apply(val: boolean) {
+  const root = document.documentElement
+  if (val) root.classList.add('hide-sidebar')
+  else root.classList.remove('hide-sidebar')
+}
+
+function toggle() {
+  hidden.value = !hidden.value
+  apply(hidden.value)
+  try {
+    localStorage.setItem(KEY, hidden.value ? '1' : '0')
+  } catch {}
+}
+</script>
+
+<style module src="./ToggleSidebar.module.scss"></style>

package/vitepress/components/Layout/composables/useCollapseControl.ts

@@ -1,88 +1,88 @@
-import { useRoute } from 'vitepress'
-import { ref, watch } from 'vue'
-
-/**
- * 全局折叠/展开功能
- */
-export function useCollapseControl() {
-  const route = useRoute()
-  const allCollapsed = ref(false)
-
-  function toggleAllCollapse() {
-    if (typeof document === 'undefined') return
-
-    allCollapsed.value = !allCollapsed.value
-
-    // 获取所有折叠区域
-    const tocHeaders = document.querySelectorAll('.toc-collapse-header')
-    const h2Elements = document.querySelectorAll('.vp-doc h2.collapsible-h2')
-
-    // 切换 TOC 区域
-    tocHeaders.forEach((header) => {
-      const content = header.nextElementSibling
-      if (!content) return
-
-      const isCollapsed = content.classList.contains('collapsed')
-
-      // 根据目标状态决定是否需要切换
-      if (allCollapsed.value && !isCollapsed) {
-        // 需要折叠 - 直接操作 DOM
-        content.classList.add('collapsed')
-        header.classList.add('collapsed')
-        // 保存状态到 localStorage
-        const noteKey = route.path.replace(/\//g, '_')
-        const storageKey = `tnotes_collapse_state_${noteKey}_toc`
-        localStorage.setItem(storageKey, '1')
-      } else if (!allCollapsed.value && isCollapsed) {
-        // 需要展开 - 直接操作 DOM
-        content.classList.remove('collapsed')
-        header.classList.remove('collapsed')
-        // 保存状态到 localStorage
-        const noteKey = route.path.replace(/\//g, '_')
-        const storageKey = `tnotes_collapse_state_${noteKey}_toc`
-        localStorage.setItem(storageKey, '0')
-      }
-    })
-
-    // 切换 H2 区域
-    h2Elements.forEach((h2) => {
-      const content = h2.nextElementSibling
-      if (!content || !content.classList.contains('h2-collapse-content')) return
-
-      const isCollapsed = content.classList.contains('collapsed')
-      const h2Id = h2.id || `h2_${Array.from(h2Elements).indexOf(h2)}`
-
-      // 根据目标状态决定是否需要切换
-      if (allCollapsed.value && !isCollapsed) {
-        // 需要折叠 - 直接操作 DOM
-        content.classList.add('collapsed')
-        h2.classList.add('collapsed')
-        // 保存状态到 localStorage
-        const noteKey = route.path.replace(/\//g, '_')
-        const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
-        localStorage.setItem(storageKey, '1')
-      } else if (!allCollapsed.value && isCollapsed) {
-        // 需要展开 - 直接操作 DOM
-        content.classList.remove('collapsed')
-        h2.classList.remove('collapsed')
-        // 保存状态到 localStorage
-        const noteKey = route.path.replace(/\//g, '_')
-        const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
-        localStorage.setItem(storageKey, '0')
-      }
-    })
-  }
-
-  // 监听路由变化，重置折叠状态
-  watch(
-    () => route.path,
-    () => {
-      allCollapsed.value = false
-    }
-  )
-
-  return {
-    allCollapsed,
-    toggleAllCollapse,
-  }
-}
+import { useRoute } from 'vitepress'
+import { ref, watch } from 'vue'
+
+/**
+ * 全局折叠/展开功能
+ */
+export function useCollapseControl() {
+  const route = useRoute()
+  const allCollapsed = ref(false)
+
+  function toggleAllCollapse() {
+    if (typeof document === 'undefined') return
+
+    allCollapsed.value = !allCollapsed.value
+
+    // 获取所有折叠区域
+    const tocHeaders = document.querySelectorAll('.toc-collapse-header')
+    const h2Elements = document.querySelectorAll('.vp-doc h2.collapsible-h2')
+
+    // 切换 TOC 区域
+    tocHeaders.forEach((header) => {
+      const content = header.nextElementSibling
+      if (!content) return
+
+      const isCollapsed = content.classList.contains('collapsed')
+
+      // 根据目标状态决定是否需要切换
+      if (allCollapsed.value && !isCollapsed) {
+        // 需要折叠 - 直接操作 DOM
+        content.classList.add('collapsed')
+        header.classList.add('collapsed')
+        // 保存状态到 localStorage
+        const noteKey = route.path.replace(/\//g, '_')
+        const storageKey = `tnotes_collapse_state_${noteKey}_toc`
+        localStorage.setItem(storageKey, '1')
+      } else if (!allCollapsed.value && isCollapsed) {
+        // 需要展开 - 直接操作 DOM
+        content.classList.remove('collapsed')
+        header.classList.remove('collapsed')
+        // 保存状态到 localStorage
+        const noteKey = route.path.replace(/\//g, '_')
+        const storageKey = `tnotes_collapse_state_${noteKey}_toc`
+        localStorage.setItem(storageKey, '0')
+      }
+    })
+
+    // 切换 H2 区域
+    h2Elements.forEach((h2) => {
+      const content = h2.nextElementSibling
+      if (!content || !content.classList.contains('h2-collapse-content')) return
+
+      const isCollapsed = content.classList.contains('collapsed')
+      const h2Id = h2.id || `h2_${Array.from(h2Elements).indexOf(h2)}`
+
+      // 根据目标状态决定是否需要切换
+      if (allCollapsed.value && !isCollapsed) {
+        // 需要折叠 - 直接操作 DOM
+        content.classList.add('collapsed')
+        h2.classList.add('collapsed')
+        // 保存状态到 localStorage
+        const noteKey = route.path.replace(/\//g, '_')
+        const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
+        localStorage.setItem(storageKey, '1')
+      } else if (!allCollapsed.value && isCollapsed) {
+        // 需要展开 - 直接操作 DOM
+        content.classList.remove('collapsed')
+        h2.classList.remove('collapsed')
+        // 保存状态到 localStorage
+        const noteKey = route.path.replace(/\//g, '_')
+        const storageKey = `tnotes_collapse_state_${noteKey}_h2_${h2Id}`
+        localStorage.setItem(storageKey, '0')
+      }
+    })
+  }
+
+  // 监听路由变化，重置折叠状态
+  watch(
+    () => route.path,
+    () => {
+      allCollapsed.value = false
+    }
+  )
+
+  return {
+    allCollapsed,
+    toggleAllCollapse,
+  }
+}

package/vitepress/components/Layout/composables/useNoteConfig.ts

@@ -1,119 +1,119 @@
-import { ref, computed, watch } from 'vue'
-
-import type { NoteConfig } from '../../../../types'
-import type { Ref } from 'vue'
-
-/**
- * 管理笔记配置状态
- * 包括可编辑字段、原始值、变更检测等
- */
-export function useNoteConfig(
-  currentNoteId: Ref<string>,
-  currentNoteConfig: Ref<NoteConfig | null>,
-  currentNoteTitle: Ref<string>,
-  timeModalOpen: Ref<boolean>
-) {
-  // 可编辑的配置项
-  const editableNoteStatus = ref(false)
-  const editableDiscussionsEnabled = ref(false)
-  const editableNoteTitle = ref('')
-  const editableDescription = ref('')
-
-  // 原始配置（用于检测是否有变更）
-  const originalNoteStatus = ref(false)
-  const originalDiscussionsEnabled = ref(false)
-  const originalNoteTitle = ref('')
-  const originalDescription = ref('')
-
-  // 标题验证错误信息
-  const titleError = ref('')
-
-  // 检测是否有配置变更
-  const hasConfigChanges = computed(() => {
-    return (
-      editableNoteStatus.value !== originalNoteStatus.value ||
-      editableDiscussionsEnabled.value !== originalDiscussionsEnabled.value ||
-      editableDescription.value.trim() !== originalDescription.value ||
-      (editableNoteTitle.value.trim() !== originalNoteTitle.value &&
-        !titleError.value)
-    )
-  })
-
-  // 初始化可编辑字段
-  function initEditableFields() {
-    if (!currentNoteConfig.value) return
-
-    editableNoteStatus.value = currentNoteConfig.value.done || false
-    editableDiscussionsEnabled.value =
-      currentNoteConfig.value.enableDiscussions || false
-    editableNoteTitle.value = currentNoteTitle.value || ''
-    editableDescription.value = currentNoteConfig.value.description || ''
-
-    // 保存原始值
-    originalNoteStatus.value = editableNoteStatus.value
-    originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
-    originalNoteTitle.value = editableNoteTitle.value
-    originalDescription.value = editableDescription.value
-
-    // 清除错误信息
-    titleError.value = ''
-  }
-
-  // 重置笔记配置
-  function resetNoteConfig() {
-    editableNoteStatus.value = originalNoteStatus.value
-    editableDiscussionsEnabled.value = originalDiscussionsEnabled.value
-    editableNoteTitle.value = originalNoteTitle.value
-    editableDescription.value = originalDescription.value
-    titleError.value = ''
-  }
-
-  // 更新原始值（保存成功后调用）
-  function updateOriginalValues() {
-    originalNoteStatus.value = editableNoteStatus.value
-    originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
-    originalNoteTitle.value = editableNoteTitle.value.trim()
-    originalDescription.value = editableDescription.value.trim()
-  }
-
-  // 监听笔记配置变化，重新初始化字段
-  watch(
-    () => currentNoteConfig.value,
-    () => {
-      initEditableFields()
-    },
-    { immediate: true }
-  )
-
-  // modal 打开时重新初始化（确保数据最新）
-  watch(timeModalOpen, (isOpen) => {
-    if (isOpen) {
-      initEditableFields()
-    }
-  })
-
-  return {
-    // 可编辑字段
-    editableNoteStatus,
-    editableDiscussionsEnabled,
-    editableNoteTitle,
-    editableDescription,
-
-    // 原始值
-    originalNoteStatus,
-    originalDiscussionsEnabled,
-    originalNoteTitle,
-    originalDescription,
-
-    // 验证
-    titleError,
-
-    // 计算属性
-    hasConfigChanges,
-
-    // 方法
-    initEditableFields,
-    resetNoteConfig,
-    updateOriginalValues,
-  }
-}
+import { ref, computed, watch } from 'vue'
+
+import type { NoteConfig } from '../../../../types'
+import type { Ref } from 'vue'
+
+/**
+ * 管理笔记配置状态
+ * 包括可编辑字段、原始值、变更检测等
+ */
+export function useNoteConfig(
+  currentNoteId: Ref<string>,
+  currentNoteConfig: Ref<NoteConfig | null>,
+  currentNoteTitle: Ref<string>,
+  timeModalOpen: Ref<boolean>
+) {
+  // 可编辑的配置项
+  const editableNoteStatus = ref(false)
+  const editableDiscussionsEnabled = ref(false)
+  const editableNoteTitle = ref('')
+  const editableDescription = ref('')
+
+  // 原始配置（用于检测是否有变更）
+  const originalNoteStatus = ref(false)
+  const originalDiscussionsEnabled = ref(false)
+  const originalNoteTitle = ref('')
+  const originalDescription = ref('')
+
+  // 标题验证错误信息
+  const titleError = ref('')
+
+  // 检测是否有配置变更
+  const hasConfigChanges = computed(() => {
+    return (
+      editableNoteStatus.value !== originalNoteStatus.value ||
+      editableDiscussionsEnabled.value !== originalDiscussionsEnabled.value ||
+      editableDescription.value.trim() !== originalDescription.value ||
+      (editableNoteTitle.value.trim() !== originalNoteTitle.value &&
+        !titleError.value)
+    )
+  })
+
+  // 初始化可编辑字段
+  function initEditableFields() {
+    if (!currentNoteConfig.value) return
+
+    editableNoteStatus.value = currentNoteConfig.value.done || false
+    editableDiscussionsEnabled.value =
+      currentNoteConfig.value.enableDiscussions || false
+    editableNoteTitle.value = currentNoteTitle.value || ''
+    editableDescription.value = currentNoteConfig.value.description || ''
+
+    // 保存原始值
+    originalNoteStatus.value = editableNoteStatus.value
+    originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
+    originalNoteTitle.value = editableNoteTitle.value
+    originalDescription.value = editableDescription.value
+
+    // 清除错误信息
+    titleError.value = ''
+  }
+
+  // 重置笔记配置
+  function resetNoteConfig() {
+    editableNoteStatus.value = originalNoteStatus.value
+    editableDiscussionsEnabled.value = originalDiscussionsEnabled.value
+    editableNoteTitle.value = originalNoteTitle.value
+    editableDescription.value = originalDescription.value
+    titleError.value = ''
+  }
+
+  // 更新原始值（保存成功后调用）
+  function updateOriginalValues() {
+    originalNoteStatus.value = editableNoteStatus.value
+    originalDiscussionsEnabled.value = editableDiscussionsEnabled.value
+    originalNoteTitle.value = editableNoteTitle.value.trim()
+    originalDescription.value = editableDescription.value.trim()
+  }
+
+  // 监听笔记配置变化，重新初始化字段
+  watch(
+    () => currentNoteConfig.value,
+    () => {
+      initEditableFields()
+    },
+    { immediate: true }
+  )
+
+  // modal 打开时重新初始化（确保数据最新）
+  watch(timeModalOpen, (isOpen) => {
+    if (isOpen) {
+      initEditableFields()
+    }
+  })
+
+  return {
+    // 可编辑字段
+    editableNoteStatus,
+    editableDiscussionsEnabled,
+    editableNoteTitle,
+    editableDescription,
+
+    // 原始值
+    originalNoteStatus,
+    originalDiscussionsEnabled,
+    originalNoteTitle,
+    originalDescription,
+
+    // 验证
+    titleError,
+
+    // 计算属性
+    hasConfigChanges,
+
+    // 方法
+    initEditableFields,
+    resetNoteConfig,
+    updateOriginalValues,
+  }
+}