@tnotesjs/core 0.1.21 → 0.1.23

package/vitepress/components/MarkMap/MarkMap.module.scss

@@ -1,159 +0,0 @@
-/**
- * MarkMap 组件样式
- * 全局样式（.mm-toolbar, .mm-toolbar-item 等）已移至 global-components.css
- */
-
-.markmapContainer {
-  border-radius: 8px;
-  padding: 1rem;
-  overflow: auto;
-  position: relative;
-  margin: 1.5rem 0;
-  transition: all 0.3s ease;
-  background-color: #fff;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
-
-  &:hover {
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
-  }
-
-  svg {
-    min-width: 100%;
-    display: block;
-    transition: height 0.3s ease;
-
-    text:empty {
-      animation: pulse 1.5s ease-in-out infinite;
-    }
-  }
-
-  /* 鼠标悬停显示 toolbar */
-  &:hover :global(.mm-toolbar) {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-/* dark background */
-:global(.markmap-dark) .markmapContainer {
-  background-color: #1d1d1d;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-
-  &:hover {
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
-  }
-}
-
-/* 按钮组样式 */
-.btnGroup {
-  color: var(--vp-c-brand-1);
-
-  input {
-    display: inline-block;
-    width: 2rem;
-    text-align: center;
-    border: 1px solid var(--vp-c-divider);
-    border-radius: 4px;
-    padding: 2px 4px;
-    background: var(--vp-c-bg);
-    color: var(--vp-c-text-1);
-    transition: all 0.2s ease;
-
-    &:focus {
-      outline: none;
-      border-color: var(--vp-c-brand-1);
-      box-shadow: 0 0 0 2px rgba(var(--vp-c-brand-1), 0.1);
-    }
-
-    &:hover {
-      border-color: var(--vp-c-brand-2);
-    }
-  }
-
-  button {
-    outline: none;
-    border: none;
-    cursor: pointer;
-    padding: 4px 8px;
-    border-radius: 4px;
-    background-color: #f0f0f0;
-    transition: all 0.2s ease;
-    font-weight: 500;
-
-    &:hover {
-      background-color: #e0e0e0;
-      transform: translateY(-1px);
-    }
-
-    &:active {
-      transform: translateY(0);
-    }
-  }
-}
-
-:global(.markmap-dark) .btnGroup {
-  button {
-    background-color: #333;
-    color: #fff;
-
-    &:hover {
-      background-color: #444;
-    }
-  }
-
-  input {
-    background-color: #2a2a2a;
-    border-color: #444;
-    color: #fff;
-
-    &:focus {
-      border-color: var(--vp-c-brand-1);
-    }
-  }
-}
-
-/* 全屏样式 */
-.markmapContainer:fullscreen,
-.markmapContainer:-ms-fullscreen,
-.markmapContainer:-webkit-full-screen {
-  width: 100%;
-  height: 100%;
-  padding: 20px;
-  background: white;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  box-shadow: none;
-}
-
-:global(.markmap-dark) .markmapContainer:fullscreen,
-:global(.markmap-dark) .markmapContainer:-ms-fullscreen,
-:global(.markmap-dark) .markmapContainer:-webkit-full-screen {
-  background: #1d1d1d;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-  .markmapContainer {
-    padding: 0.75rem;
-    margin: 1rem 0;
-  }
-}
-
-@media (max-width: 480px) {
-  .markmapContainer {
-    padding: 0.5rem;
-    margin: 0.75rem 0;
-  }
-}
-
-/* 加载动画 */
-@keyframes pulse {
-  0%,
-  100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.5;
-  }
-}

package/vitepress/components/Mermaid/Mermaid.module.scss

@@ -1,275 +0,0 @@
-/* ===================================== */
-/* #region 容器布局                      */
-/* ===================================== */
-.mermaidWrapper {
-  position: relative;
-  margin: 1rem 0;
-  border: 1px solid var(--vp-c-divider);
-  border-radius: 8px;
-  background: var(--vp-c-bg-soft);
-  overflow: hidden;
-}
-/* ===================================== */
-/* #endregion 容器布局                   */
-/* ===================================== */
-
-/* ===================================== */
-/* #region 工具栏                        */
-/* ===================================== */
-.toolbar {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  padding: 6px 8px;
-  background: var(--vp-c-bg);
-  border-bottom: 1px solid var(--vp-c-divider);
-  flex-wrap: wrap;
-  transform: translateY(-100%);
-  transition: transform 0.3s ease, opacity 0.3s ease;
-  opacity: 0;
-  z-index: 10;
-  pointer-events: none;
-
-  &.visible {
-    transform: translateY(0);
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-.toolbarBtn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  font-size: 12px;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  opacity: 0.6;
-
-  &:hover {
-    background: var(--vp-c-brand-soft);
-    opacity: 1;
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-}
-
-.iconBtn {
-  padding: 4px;
-
-  .btnIcon {
-    width: 16px;
-    height: 16px;
-    display: block;
-    pointer-events: none;
-  }
-}
-
-.zoomLevel {
-  margin-left: auto;
-  padding: 0 6px;
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--vp-c-text-3);
-  user-select: none;
-}
-/* ===================================== */
-/* #endregion 工具栏                     */
-/* ===================================== */
-
-/* ===================================== */
-/* #region 图表容器                      */
-/* ===================================== */
-.mermaidContainer {
-  position: relative;
-  min-height: 200px;
-  max-height: 600px;
-  overflow: auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
-  background: var(--vp-c-bg);
-
-  &.fullscreen {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    max-height: none;
-    z-index: 9999;
-    background: var(--vp-c-bg);
-    padding: 40px;
-  }
-
-  /* 自定义滚动条 */
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: var(--vp-c-bg-soft);
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: var(--vp-c-divider);
-    border-radius: 4px;
-
-    &:hover {
-      background: var(--vp-c-text-3);
-    }
-  }
-}
-/* ===================================== */
-/* #endregion 图表容器                   */
-/* ===================================== */
-
-/* ===================================== */
-/* #region 加载和错误状态                */
-/* ===================================== */
-.mermaidLoading {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 12px;
-  padding: 2rem;
-  color: var(--vp-c-text-2);
-
-  p {
-    margin: 0;
-    font-size: 14px;
-  }
-}
-
-.spinner {
-  width: 40px;
-  height: 40px;
-  border: 3px solid var(--vp-c-divider);
-  border-top-color: var(--vp-c-brand-1);
-  border-radius: 50%;
-  animation: spin 0.8s linear infinite;
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.mermaidError {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  padding: 2rem;
-  color: var(--vp-c-danger-1);
-
-  p {
-    margin: 0;
-    font-size: 14px;
-    text-align: center;
-  }
-}
-
-.errorIcon {
-  font-size: 32px;
-}
-/* ===================================== */
-/* #endregion 加载和错误状态             */
-/* ===================================== */
-
-/* ===================================== */
-/* #region 图表样式                      */
-/* ===================================== */
-.mermaidDiagram {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: transform 0.2s ease;
-  cursor: grab;
-
-  &:active {
-    cursor: grabbing;
-  }
-
-  :global(svg) {
-    max-width: 100%;
-    height: auto;
-  }
-}
-/* ===================================== */
-/* #endregion 图表样式                   */
-/* ===================================== */
-
-/* ===================================== */
-/* #region 暗色主题优化                  */
-/* ===================================== */
-:global(html.dark) .mermaidWrapper {
-  background: var(--vp-code-block-bg);
-  border-color: var(--vp-c-divider);
-}
-
-:global(html.dark) .toolbar {
-  background: var(--vp-code-block-bg);
-}
-
-:global(html.dark) .mermaidContainer {
-  background: var(--vp-code-block-bg);
-}
-/* ===================================== */
-/* #endregion 暗色主题优化               */
-/* ===================================== */
-
-/* ===================================== */
-/* #region 响应式设计                    */
-/* ===================================== */
-@media (max-width: 768px) {
-  .toolbar {
-    padding: 4px 6px;
-  }
-
-  .toolbarBtn {
-    width: 24px;
-    height: 24px;
-  }
-
-  .iconBtn {
-    padding: 3px;
-
-    .btnIcon {
-      width: 14px;
-      height: 14px;
-    }
-  }
-
-  .zoomLevel {
-    font-size: 10px;
-  }
-
-  .mermaidContainer {
-    padding: 12px;
-    max-height: 400px;
-
-    &.fullscreen {
-      padding: 20px;
-    }
-  }
-}
-/* ===================================== */
-/* #endregion 响应式设计                 */
-/* ===================================== */

package/vitepress/components/NotesTable/NotesTable.module.scss

@@ -1,77 +0,0 @@
-.notesTable {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 1.5rem 0;
-  font-size: 0.95rem;
-
-  th,
-  td {
-    padding: 0.75rem 1rem;
-    text-align: left;
-    border: 1px solid var(--vp-c-divider);
-  }
-
-  th {
-    background-color: var(--vp-c-bg-soft);
-    font-weight: 600;
-    color: var(--vp-c-text-1);
-  }
-
-  tbody tr {
-    transition: background-color 0.2s;
-
-    &:hover {
-      background-color: var(--vp-c-bg-soft);
-    }
-  }
-
-  td {
-    color: var(--vp-c-text-2);
-  }
-
-  .noteLink {
-    color: var(--vp-c-brand-1);
-    text-decoration: none;
-    font-weight: 500;
-    transition: color 0.2s;
-
-    &:hover {
-      color: var(--vp-c-brand-2);
-      text-decoration: underline;
-    }
-  }
-
-  .noteId {
-    font-family: var(--vp-font-family-mono);
-    font-size: 0.9em;
-    color: var(--vp-c-text-3);
-    margin-right: 0.5rem;
-  }
-
-  .description {
-    line-height: 1.6;
-
-    &.empty {
-      color: var(--vp-c-text-3);
-      font-style: italic;
-    }
-  }
-}
-
-.error {
-  padding: 1rem;
-  margin: 1rem 0;
-  border-left: 4px solid var(--vp-c-danger-1);
-  background-color: var(--vp-c-danger-soft);
-  color: var(--vp-c-danger-1);
-  border-radius: 4px;
-}
-
-.warning {
-  padding: 1rem;
-  margin: 1rem 0;
-  border-left: 4px solid var(--vp-c-warning-1);
-  background-color: var(--vp-c-warning-soft);
-  color: var(--vp-c-warning-1);
-  border-radius: 4px;
-}