@tnotesjs/core 0.0.2 → 0.0.3

package/vitepress/components/EnWordList/RightClickMenu.module.scss

@@ -1,22 +1,22 @@
-// RightClickMenu 组件样式
-
-.rightClickMenu {
-  position: fixed;
-  z-index: 99999;
-  background: #2c2c2c;
-  border: 1px solid #444;
-  border-radius: 6px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
-  font-size: 13px;
-  color: #eee;
-  cursor: pointer;
-  user-select: none;
-}
-
-.menuItem {
-  padding: 8px 16px;
-
-  &:hover {
-    background-color: #444;
-  }
-}
+// RightClickMenu 组件样式
+
+.rightClickMenu {
+  position: fixed;
+  z-index: 99999;
+  background: #2c2c2c;
+  border: 1px solid #444;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
+  font-size: 13px;
+  color: #eee;
+  cursor: pointer;
+  user-select: none;
+}
+
+.menuItem {
+  padding: 8px 16px;
+
+  &:hover {
+    background-color: #444;
+  }
+}

package/vitepress/components/EnWordList/RightClickMenu.vue

@@ -1,66 +1,66 @@
-<template>
-  <div
-    v-if="show"
-    :class="$style.rightClickMenu"
-    :style="{ left: x + 'px', top: y + 'px' }"
-  >
-    <div :class="$style.menuItem" @click="handlePin">📌 Pin</div>
-    <div :class="$style.menuItem" @click="(e) => handlePronounce(e, 'en-GB')">
-      📢 Pronounce（英）
-    </div>
-    <div :class="$style.menuItem" @click="(e) => handlePronounce(e, 'en-US')">
-      📢 Pronounce（美）
-    </div>
-    <div
-      :class="$style.menuItem"
-      @click="(e) => handlePronounceAll(e, 'en-GB')"
-    >
-      📢 Pronounce All（英）
-    </div>
-    <div
-      :class="$style.menuItem"
-      @click="(e) => handlePronounceAll(e, 'en-US')"
-    >
-      📢 Pronounce All（美）
-    </div>
-    <div :class="$style.menuItem" @click="handleAutoShowCard">
-      🔍 Auto Show Card（{{ isAutoShowCard ? '关' : '开' }}）
-    </div>
-    <div :class="$style.menuItem" @click="handleCheckAll">✅ Check All</div>
-    <div :class="$style.menuItem" @click="handleReset">❌ Reset</div>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  show: Boolean,
-  isAutoShowCard: Boolean,
-  x: Number,
-  y: Number,
-})
-
-const emit = defineEmits(['pin', 'pronounce'])
-const handlePin = (e) => {
-  emit('pin')
-  e.preventDefault()
-}
-const handleAutoShowCard = () => {
-  emit('autoShowCard')
-}
-const handlePronounce = (e, lang) => {
-  emit('pronounce', lang)
-  e.preventDefault()
-}
-const handlePronounceAll = (e, lang) => {
-  emit('pronounceAll', lang)
-  e.preventDefault()
-}
-const handleCheckAll = () => {
-  emit('checkAll')
-}
-const handleReset = () => {
-  emit('reset')
-}
-</script>
-
-<style module src="./RightClickMenu.module.scss"></style>
+<template>
+  <div
+    v-if="show"
+    :class="$style.rightClickMenu"
+    :style="{ left: x + 'px', top: y + 'px' }"
+  >
+    <div :class="$style.menuItem" @click="handlePin">📌 Pin</div>
+    <div :class="$style.menuItem" @click="(e) => handlePronounce(e, 'en-GB')">
+      📢 Pronounce（英）
+    </div>
+    <div :class="$style.menuItem" @click="(e) => handlePronounce(e, 'en-US')">
+      📢 Pronounce（美）
+    </div>
+    <div
+      :class="$style.menuItem"
+      @click="(e) => handlePronounceAll(e, 'en-GB')"
+    >
+      📢 Pronounce All（英）
+    </div>
+    <div
+      :class="$style.menuItem"
+      @click="(e) => handlePronounceAll(e, 'en-US')"
+    >
+      📢 Pronounce All（美）
+    </div>
+    <div :class="$style.menuItem" @click="handleAutoShowCard">
+      🔍 Auto Show Card（{{ isAutoShowCard ? '关' : '开' }}）
+    </div>
+    <div :class="$style.menuItem" @click="handleCheckAll">✅ Check All</div>
+    <div :class="$style.menuItem" @click="handleReset">❌ Reset</div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  show: Boolean,
+  isAutoShowCard: Boolean,
+  x: Number,
+  y: Number,
+})
+
+const emit = defineEmits(['pin', 'pronounce'])
+const handlePin = (e) => {
+  emit('pin')
+  e.preventDefault()
+}
+const handleAutoShowCard = () => {
+  emit('autoShowCard')
+}
+const handlePronounce = (e, lang) => {
+  emit('pronounce', lang)
+  e.preventDefault()
+}
+const handlePronounceAll = (e, lang) => {
+  emit('pronounceAll', lang)
+  e.preventDefault()
+}
+const handleCheckAll = () => {
+  emit('checkAll')
+}
+const handleReset = () => {
+  emit('reset')
+}
+</script>
+
+<style module src="./RightClickMenu.module.scss"></style>

package/vitepress/components/Footprints/Footprints.module.scss

@@ -1,93 +1,93 @@
-// Footprints 组件样式
-
-// 其他信息容器和时间容器
-.otherInfoContainer,
-.timeContainer {
-  font-size: 0.8rem;
-  color: gray;
-}
-
-// 文本容器
-.textContainer {
-  position: relative;
-  margin-bottom: 1rem;
-}
-
-// 文本内容
-.textContent {
-  overflow: hidden;
-  transition: max-height 0.3s ease;
-
-  // 折叠状态：隐藏从第三个开始的所有一级子元素
-  &.collapsed > :nth-child(n + 3) {
-    display: none;
-  }
-}
-
-// 切换按钮
-.toggleButton {
-  display: block;
-  margin-top: 0.5rem;
-  background-color: transparent;
-  color: #007bff;
-  border: none;
-  cursor: pointer;
-  text-align: left;
-  font-size: 1rem;
-
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
-// 图片容器
-.imageContainer {
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-
-  img {
-    width: calc(33.33% - 10px);
-    aspect-ratio: 1; // 设置宽高比为 1:1
-    object-fit: cover;
-    cursor: pointer;
-    margin: 0.3rem;
-  }
-}
-
-// 模态框
-.modal {
-  display: flex;
-  position: fixed;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  background-color: rgba(0, 0, 0, 1);
-  align-items: center;
-  justify-content: center;
-}
-
-// 模态框内容（图片）
-.modalContent {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  max-width: 90%;
-  max-height: 90%;
-  cursor: grab;
-}
-
-// 关闭按钮
-.close {
-  position: absolute;
-  top: 20px;
-  right: 30px;
-  color: white;
-  font-size: 30px;
-  font-weight: bold;
-  cursor: pointer;
-}
+// Footprints 组件样式
+
+// 其他信息容器和时间容器
+.otherInfoContainer,
+.timeContainer {
+  font-size: 0.8rem;
+  color: gray;
+}
+
+// 文本容器
+.textContainer {
+  position: relative;
+  margin-bottom: 1rem;
+}
+
+// 文本内容
+.textContent {
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+
+  // 折叠状态：隐藏从第三个开始的所有一级子元素
+  &.collapsed > :nth-child(n + 3) {
+    display: none;
+  }
+}
+
+// 切换按钮
+.toggleButton {
+  display: block;
+  margin-top: 0.5rem;
+  background-color: transparent;
+  color: #007bff;
+  border: none;
+  cursor: pointer;
+  text-align: left;
+  font-size: 1rem;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+// 图片容器
+.imageContainer {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+
+  img {
+    width: calc(33.33% - 10px);
+    aspect-ratio: 1; // 设置宽高比为 1:1
+    object-fit: cover;
+    cursor: pointer;
+    margin: 0.3rem;
+  }
+}
+
+// 模态框
+.modal {
+  display: flex;
+  position: fixed;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgba(0, 0, 0, 1);
+  align-items: center;
+  justify-content: center;
+}
+
+// 模态框内容（图片）
+.modalContent {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  max-width: 90%;
+  max-height: 90%;
+  cursor: grab;
+}
+
+// 关闭按钮
+.close {
+  position: absolute;
+  top: 20px;
+  right: 30px;
+  color: white;
+  font-size: 30px;
+  font-weight: bold;
+  cursor: pointer;
+}