@tnotesjs/core 0.1.14 → 0.1.16

package/vitepress/components/Layout/NavBarSettingsTrigger.vue

@@ -0,0 +1,59 @@
+<template>
+  <button
+    type="button"
+    class="tnotes-nav-settings-trigger"
+    title="打开设置"
+    aria-label="打开设置"
+    @click="open"
+  >
+    <img
+      :src="icon__setting"
+      class="tnotes-nav-settings-icon"
+      alt=""
+      aria-hidden="true"
+    />
+  </button>
+</template>
+
+<script setup lang="ts">
+import { icon__setting } from '../../assets/icons'
+import { useSettingsDialog } from '../Settings/composables/useSettingsDialog'
+
+const { open } = useSettingsDialog()
+</script>
+
+<style scoped>
+.tnotes-nav-settings-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  margin: 0 4px;
+  padding: 0;
+  background: transparent;
+  border: none;
+  border-radius: 6px;
+  color: var(--vp-c-text-2);
+  cursor: pointer;
+  transition:
+    background 0.15s ease,
+    color 0.15s ease;
+}
+
+.tnotes-nav-settings-trigger:hover {
+  background: var(--vp-c-default-soft);
+  color: var(--vp-c-text-1);
+}
+
+.tnotes-nav-settings-icon {
+  width: 20px;
+  height: 20px;
+  display: block;
+  transition: transform 0.2s ease;
+}
+
+.tnotes-nav-settings-trigger:hover .tnotes-nav-settings-icon {
+  transform: scale(1.1);
+}
+</style>

package/vitepress/components/Layout/NoteStatus.vue

@@ -1,141 +1,141 @@
-<template>
-  <h1 v-if="shouldShow" class="note-status-title">
-    <span v-if="statusEmoji" class="status-emoji">{{ statusEmoji }}</span>
-    <Tooltip v-if="githubLink" text="在 GitHub 中打开">
-      <a
-        :href="githubLink"
-        class="note-title-link"
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        <span class="note-title">{{ noteTitle }}</span>
-      </a>
-    </Tooltip>
-    <span v-else class="note-title">{{ noteTitle }}</span>
-  </h1>
-</template>
-
-<script setup lang="ts">
-import { useData } from 'vitepress'
+<template>
+  <h1 v-if="shouldShow" class="note-status-title">
+    <span v-if="statusEmoji" class="status-emoji">{{ statusEmoji }}</span>
+    <Tooltip v-if="githubLink" text="在 GitHub 中打开">
+      <a
+        :href="githubLink"
+        class="note-title-link"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <span class="note-title">{{ noteTitle }}</span>
+      </a>
+    </Tooltip>
+    <span v-else class="note-title">{{ noteTitle }}</span>
+  </h1>
+</template>
+
+<script setup lang="ts">
+import { useData } from 'vitepress'
 import { computed, toRefs, ref, onMounted, nextTick } from 'vue'
-
-import Tooltip from '../Tooltip/Tooltip.vue'
-
-const props = defineProps({
-  noteConfig: {
-    type: Object,
-    default: () => ({}),
-  },
-  isNotesPage: {
-    type: Boolean,
-    default: false,
-  },
-})
-
-const { noteConfig, isNotesPage } = toRefs(props)
-const { page } = useData()
-
-// GitHub 链接（从原始 h1 中提取）
-const githubLink = ref('')
-
-// 是否应该显示组件
-const shouldShow = computed(() => {
-  return isNotesPage.value && noteTitle.value
-})
-
-// 获取笔记标题（从 page.title 获取）
-const noteTitle = computed(() => {
-  return page.value?.title || ''
-})
-
-// 计算状态 emoji
-const statusEmoji = computed(() => {
-  const config = noteConfig.value
-
-  if (!config) return ''
-
-  // done 为 false 表示待完成
-  if (config.done === false) {
-    return '⏰'
-  }
-
-  // done 为 true 表示已完成
-  if (config.done === true) {
-    // return '✅'
-    // 已完成取消标记
-    return ''
-  }
-
-  // 默认未完成
-  return '⏰'
-})
-
-// 从原始 h1 中提取 GitHub 链接
-function extractGithubLink() {
-  nextTick(() => {
-    // 查找被隐藏的原始 h1
-    const originalH1 = document.querySelector('.vp-doc h1:first-of-type')
-    if (originalH1) {
-      // 查找 h1 中的链接
-      const link = originalH1.querySelector('a')
-      if (link) {
-        githubLink.value = link.href
-      }
-    }
-  })
-}
-
-// 组件挂载时提取链接
-onMounted(() => {
-  extractGithubLink()
-})
-</script>
-
-<style scoped>
-.note-status-title {
-  margin: 32px 0 0;
-  border-top: 1px solid var(--vp-c-divider);
-  padding-top: 24px;
-  letter-spacing: -0.02em;
-  line-height: 40px;
-  font-size: 32px;
-  font-weight: 600;
-  text-align: center;
-}
-
-.status-emoji {
-  margin-right: 8px;
-}
-
-.note-title-link {
-  text-decoration: none;
-  color: var(--vp-c-brand-1);
-  transition: color 0.25s;
-  position: relative;
-  display: inline-block;
-}
-
-.note-title-link:hover {
-  color: var(--vp-c-brand-1);
-}
-
-.note-title {
-  color: inherit;
-}
-
-/* 响应式调整 */
-@media (max-width: 768px) {
-  .note-status-title {
-    font-size: 28px;
-    line-height: 36px;
-  }
-}
-</style>
-
-<!-- 全局样式：隐藏 Markdown 渲染的原始 h1 -->
-<style>
-/* 只在笔记页面隐藏第一个 h1（Markdown 渲染的） */
-.vp-doc h1:first-of-type {
-  display: none !important;
-}
-</style>
+
+import Tooltip from '../Tooltip/Tooltip.vue'
+
+const props = defineProps({
+  noteConfig: {
+    type: Object,
+    default: () => ({}),
+  },
+  isNotesPage: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const { noteConfig, isNotesPage } = toRefs(props)
+const { page } = useData()
+
+// GitHub 链接（从原始 h1 中提取）
+const githubLink = ref('')
+
+// 是否应该显示组件
+const shouldShow = computed(() => {
+  return isNotesPage.value && noteTitle.value
+})
+
+// 获取笔记标题（从 page.title 获取）
+const noteTitle = computed(() => {
+  return page.value?.title || ''
+})
+
+// 计算状态 emoji
+const statusEmoji = computed(() => {
+  const config = noteConfig.value
+
+  if (!config) return ''
+
+  // done 为 false 表示待完成
+  if (config.done === false) {
+    return '⏰'
+  }
+
+  // done 为 true 表示已完成
+  if (config.done === true) {
+    // return '✅'
+    // 已完成取消标记
+    return ''
+  }
+
+  // 默认未完成
+  return '⏰'
+})
+
+// 从原始 h1 中提取 GitHub 链接
+function extractGithubLink() {
+  nextTick(() => {
+    // 查找被隐藏的原始 h1
+    const originalH1 = document.querySelector('.vp-doc h1:first-of-type')
+    if (originalH1) {
+      // 查找 h1 中的链接
+      const link = originalH1.querySelector('a')
+      if (link) {
+        githubLink.value = link.href
+      }
+    }
+  })
+}
+
+// 组件挂载时提取链接
+onMounted(() => {
+  extractGithubLink()
+})
+</script>
+
+<style scoped>
+.note-status-title {
+  margin: 32px 0 0;
+  border-top: 1px solid var(--vp-c-divider);
+  padding-top: 24px;
+  letter-spacing: -0.02em;
+  line-height: 40px;
+  font-size: 32px;
+  font-weight: 600;
+  text-align: center;
+}
+
+.status-emoji {
+  margin-right: 8px;
+}
+
+.note-title-link {
+  text-decoration: none;
+  color: var(--vp-c-brand-1);
+  transition: color 0.25s;
+  position: relative;
+  display: inline-block;
+}
+
+.note-title-link:hover {
+  color: var(--vp-c-brand-1);
+}
+
+.note-title {
+  color: inherit;
+}
+
+/* 响应式调整 */
+@media (max-width: 768px) {
+  .note-status-title {
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+</style>
+
+<!-- 全局样式：隐藏 Markdown 渲染的原始 h1 -->
+<style>
+/* 只在笔记页面隐藏第一个 h1（Markdown 渲染的） */
+.vp-doc h1:first-of-type {
+  display: none !important;
+}
+</style>