@tnotesjs/core 0.0.6 → 0.0.8

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

@@ -1,159 +1,159 @@
-/**
- * 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;
-  }
-}
+/**
+ * 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;
+  }
+}