@tnotesjs/core 0.1.28 → 0.2.0

package/vitepress/assets/icons/icon__setting_dark.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M0 0h24v24H0z" fill="none" />
+  <path fill="#98989f" d="M19.9 12.66a1 1 0 0 1 0-1.32l1.28-1.44a1 1 0 0 0 .12-1.17l-2-3.46a1 1 0 0 0-1.07-.48l-1.88.38a1 1 0 0 1-1.15-.66l-.61-1.83a1 1 0 0 0-.95-.68h-4a1 1 0 0 0-1 .68l-.56 1.83a1 1 0 0 1-1.15.66L5 4.79a1 1 0 0 0-1 .48L2 8.73a1 1 0 0 0 .1 1.17l1.27 1.44a1 1 0 0 1 0 1.32L2.1 14.1a1 1 0 0 0-.1 1.17l2 3.46a1 1 0 0 0 1.07.48l1.88-.38a1 1 0 0 1 1.15.66l.61 1.83a1 1 0 0 0 1 .68h4a1 1 0 0 0 .95-.68l.61-1.83a1 1 0 0 1 1.15-.66l1.88.38a1 1 0 0 0 1.07-.48l2-3.46a1 1 0 0 0-.12-1.17ZM18.41 14l.8.9l-1.28 2.22l-1.18-.24a3 3 0 0 0-3.45 2L12.92 20h-2.56L10 18.86a3 3 0 0 0-3.45-2l-1.18.24l-1.3-2.21l.8-.9a3 3 0 0 0 0-4l-.8-.9l1.28-2.2l1.18.24a3 3 0 0 0 3.45-2L10.36 4h2.56l.38 1.14a3 3 0 0 0 3.45 2l1.18-.24l1.28 2.22l-.8.9a3 3 0 0 0 0 3.98m-6.77-6a4 4 0 1 0 4 4a4 4 0 0 0-4-4m0 6a2 2 0 1 1 2-2a2 2 0 0 1-2 2" />
+</svg>

package/vitepress/assets/icons/icon__setting_light.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M0 0h24v24H0z" fill="none" />
+  <path fill="#3c3c43" d="M19.9 12.66a1 1 0 0 1 0-1.32l1.28-1.44a1 1 0 0 0 .12-1.17l-2-3.46a1 1 0 0 0-1.07-.48l-1.88.38a1 1 0 0 1-1.15-.66l-.61-1.83a1 1 0 0 0-.95-.68h-4a1 1 0 0 0-1 .68l-.56 1.83a1 1 0 0 1-1.15.66L5 4.79a1 1 0 0 0-1 .48L2 8.73a1 1 0 0 0 .1 1.17l1.27 1.44a1 1 0 0 1 0 1.32L2.1 14.1a1 1 0 0 0-.1 1.17l2 3.46a1 1 0 0 0 1.07.48l1.88-.38a1 1 0 0 1 1.15.66l.61 1.83a1 1 0 0 0 1 .68h4a1 1 0 0 0 .95-.68l.61-1.83a1 1 0 0 1 1.15-.66l1.88.38a1 1 0 0 0 1.07-.48l2-3.46a1 1 0 0 0-.12-1.17ZM18.41 14l.8.9l-1.28 2.22l-1.18-.24a3 3 0 0 0-3.45 2L12.92 20h-2.56L10 18.86a3 3 0 0 0-3.45-2l-1.18.24l-1.3-2.21l.8-.9a3 3 0 0 0 0-4l-.8-.9l1.28-2.2l1.18.24a3 3 0 0 0 3.45-2L10.36 4h2.56l.38 1.14a3 3 0 0 0 3.45 2l1.18-.24l1.28 2.22l-.8.9a3 3 0 0 0 0 3.98m-6.77-6a4 4 0 1 0 4 4a4 4 0 0 0-4-4m0 6a2 2 0 1 1 2-2a2 2 0 0 1-2 2" />
+</svg>

package/vitepress/assets/icons/index.ts

@@ -20,7 +20,6 @@ export { default as icon__folder } from './icon__folder.svg'
 export { default as icon__fullscreen } from './icon__fullscreen.svg'
 export { default as icon__fullscreen_exit } from './icon__fullscreen_exit.svg'
 export { default as icon__github } from './icon__github.svg'
-export { default as icon__mindmap } from './icon__mindmap.svg'
 export { default as icon__next } from './icon__next.svg'
 export { default as icon__number_gray } from './icon__number_gray.svg'
 export { default as icon__number_purple } from './icon__number_purple.svg'
@@ -28,7 +27,8 @@ export { default as icon__prev } from './icon__prev.svg'
 export { default as icon__restore } from './icon__restore.svg'
 export { default as icon__rotate } from './icon__rotate.svg'
 export { default as icon__search } from './icon__search.svg'
-export { default as icon__setting } from './icon__setting.svg'
+export { default as icon__setting_dark } from './icon__setting_dark.svg'
+export { default as icon__setting_light } from './icon__setting_light.svg'
 export { default as icon__sidebar_collapsed } from './icon__sidebar_collapsed.svg'
 export { default as icon__sidebar_opened } from './icon__sidebar_opened.svg'
 export { default as icon__totop } from './icon__totop.svg'

package/vitepress/client/localSearchIndexBridge.ts

@@ -0,0 +1,24 @@
+/**
+ * localSearchIndexBridge.ts
+ *
+ * dev 下 Local Search HMR：仅 remount 搜索框，不替换 VP 索引加载逻辑。
+ */
+
+import { shallowRef } from 'vue'
+
+export const SEARCH_INDEX_HMR_EVENT = 'tnotes:search-index-updated'
+
+/** 变更 searchIndex 后递增，强制 remount VPLocalSearchBox 以重新 import 索引 */
+export const searchBoxRemountKey = shallowRef(0)
+
+let hmrInitialized = false
+
+export function initTnotesSearchIndexHmr(): void {
+  if (typeof window === 'undefined') return
+  if (!import.meta.hot || hmrInitialized) return
+  hmrInitialized = true
+
+  import.meta.hot.on(SEARCH_INDEX_HMR_EVENT, () => {
+    searchBoxRemountKey.value += 1
+  })
+}

package/vitepress/components/Discussions/Discussions.vue

@@ -148,7 +148,7 @@ const loadGiscusScript = () => {
   giscusScript.setAttribute('data-emit-metadata', '0')
   giscusScript.setAttribute('data-input-position', 'top')
   giscusScript.setAttribute('data-lang', 'zh-CN')
-  giscusScript.setAttribute('data-loading', 'lazy')
+  giscusScript.setAttribute('data-loading', 'eager')
   giscusScript.setAttribute(
     'data-theme',
     isDark.value ? GISCUS_DARK_THEME : GISCUS_LIGHT_THEME

package/vitepress/components/Footprints/Footprints.vue

@@ -3,6 +3,7 @@ vitepress/components/Footprints/Footprints.vue
 -->
 
 <script setup>
+import { onContentUpdated } from 'vitepress'
 import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue'
 
 // ----------------------------------------------------------
@@ -13,6 +14,28 @@ import { ref, onMounted, onBeforeUnmount, computed, nextTick } from 'vue'
  */
 const imageContainer = ref(null)
 
+/**
+ * 图片数量，用于朋友圈式网格布局（1 / 2 / 4 / 3 列）
+ */
+const imageCount = ref(0)
+
+const imageLayoutClass = computed(() => {
+  const n = imageCount.value
+  if (n === 1) return 'fp-layout-1'
+  if (n === 2) return 'fp-layout-2'
+  if (n === 4) return 'fp-layout-4'
+  if (n >= 3) return 'fp-layout-grid'
+  return ''
+})
+
+function initImageList() {
+  if (!imageContainer.value) return
+
+  const imgElements = imageContainer.value.querySelectorAll('img')
+  imageCount.value = imgElements.length
+  images.value = Array.from(imgElements).map((img) => img.src)
+}
+
 /**
  * 动态存储图片路径的列表
  */
@@ -169,27 +192,16 @@ const handleMouseUp = () => {
 }
 
 onMounted(() => {
-  const imgElements = imageContainer.value.querySelectorAll('img')
-  images.value = Array.from(imgElements).map((img) => img.src)
+  nextTick(() => {
+    initImageList()
+  })
 
   // 添加键盘事件监听器
   window.addEventListener('keydown', handleKeyDown)
+})
 
-  // 添加触摸事件监听器
-  const modalContent = document.querySelector(
-    `.__dynamic__modal-content-${instanceId}`
-  )
-  if (modalContent) {
-    modalContent.addEventListener('touchstart', handleTouchStart)
-    modalContent.addEventListener('touchmove', handleTouchMove) // 绑定 touchmove 事件
-    modalContent.addEventListener('touchend', (event) => {
-      touchEndX = event.changedTouches[0].clientX // 记录手指抬起的最终位置
-      handleTouchEnd()
-    })
-
-    // 添加鼠标事件监听器
-    modalContent.addEventListener('mousedown', handleMouseDown)
-  }
+onContentUpdated(() => {
+  nextTick(initImageList)
 })
 
 onBeforeUnmount(() => {
@@ -352,7 +364,11 @@ const formattedTime = computed(() => {
     </button>
   </div>
 
-  <div class="imageContainer" ref="imageContainer">
+  <div
+    class="imageContainer"
+    :class="imageLayoutClass"
+    ref="imageContainer"
+  >
     <slot
       name="image-list"
       :openModal="openModal"
@@ -422,18 +438,67 @@ const formattedTime = computed(() => {
   }
 }
 
-// 图片容器
+// 图片容器（朋友圈式网格：Markdown 图片常被包在 p/a 中，需 grid + :deep）
 .imageContainer {
-  display: flex;
+  display: grid;
+  gap: 4px;
   width: 100%;
-  flex-wrap: wrap;
 
-  img {
-    width: calc(33.33% - 10px);
-    aspect-ratio: 1; // 设置宽高比为 1:1
+  :deep(> *) {
+    margin: 0;
+    min-width: 0;
+  }
+
+  :deep(p) {
+    margin: 0;
+    line-height: 0;
+  }
+
+  :deep(a) {
+    display: block;
+    line-height: 0;
+  }
+
+  :deep(img) {
+    width: 100%;
+    aspect-ratio: 1;
     object-fit: cover;
+    display: block;
+    margin: 0;
     cursor: pointer;
-    margin: 0.3rem;
+    vertical-align: top;
+  }
+
+  /* 1 张：较大单图，不强制正方形 */
+  &.fp-layout-1 {
+    grid-template-columns: 1fr;
+    max-width: 280px;
+
+    :deep(img) {
+      width: auto;
+      max-width: 100%;
+      max-height: 360px;
+      aspect-ratio: auto;
+      object-fit: cover;
+    }
+  }
+
+  /* 2 张：一行两列 */
+  &.fp-layout-2 {
+    grid-template-columns: repeat(2, 1fr);
+    max-width: 360px;
+  }
+
+  /* 4 张：2×2 */
+  &.fp-layout-4 {
+    grid-template-columns: repeat(2, 1fr);
+    max-width: 360px;
+  }
+
+  /* 3 / 5–9 张：三列网格 */
+  &.fp-layout-grid {
+    grid-template-columns: repeat(3, 1fr);
+    max-width: 480px;
   }
 }