@tnotesjs/core 0.1.20 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/{chunk-4MO7F7Q4.js → chunk-BSTQOJVE.js} +1 -1
  2. package/dist/{chunk-SQVHJR2Z.js → chunk-O4DCXHOV.js} +0 -3
  3. package/dist/cli/index.js +2 -2
  4. package/dist/index.js +1 -1
  5. package/dist/vitepress/config/index.js +2 -2
  6. package/package.json +3 -4
  7. package/types/config.ts +0 -1
  8. package/vitepress/components/CodeBlockFullscreen/CodeBlockFullscreen.vue +2 -2
  9. package/vitepress/components/CodeBlockFullscreen/index.ts +1 -5
  10. package/vitepress/components/CodeBlockFullscreen/styles.css +4 -4
  11. package/vitepress/components/Discussions/Discussions.vue +37 -4
  12. package/vitepress/components/EnWordList/EnWordList.vue +135 -15
  13. package/vitepress/components/EnWordList/RightClickMenu.vue +33 -10
  14. package/vitepress/components/Footprints/Footprints.vue +105 -10
  15. package/vitepress/components/Layout/AboutModal.vue +242 -16
  16. package/vitepress/components/Layout/AboutPanel.vue +258 -44
  17. package/vitepress/components/Layout/ContentCollapse.vue +1 -14
  18. package/vitepress/components/Layout/DocBeforeControls.vue +221 -19
  19. package/vitepress/components/Layout/ImagePreview.vue +212 -9
  20. package/vitepress/components/Layout/Layout.vue +133 -10
  21. package/vitepress/components/Layout/NavBarSettingsTrigger.vue +0 -2
  22. package/vitepress/components/Layout/SidebarNavBefore.vue +0 -1
  23. package/vitepress/components/Layout/SidebarResizeHandle.vue +2 -10
  24. package/vitepress/components/Layout/ToggleFullContent.vue +14 -2
  25. package/vitepress/components/Layout/ToggleSidebar.vue +14 -3
  26. package/vitepress/components/LoadingPage/LoadingPage.vue +1 -6
  27. package/vitepress/components/MarkMap/MarkMap.vue +162 -3
  28. package/vitepress/components/Mermaid/Mermaid.vue +300 -22
  29. package/vitepress/components/NotesTable/NotesTable.vue +86 -10
  30. package/vitepress/components/Settings/Settings.vue +434 -57
  31. package/vitepress/components/Settings/SettingsDialog.vue +1 -11
  32. package/vitepress/components/SidebarCard/MindMapView.vue +28 -28
  33. package/vitepress/components/SidebarCard/SidebarCard.vue +3 -4
  34. package/vitepress/components/Tooltip/Tooltip.vue +28 -28
  35. package/vitepress/configs/markdown.config.ts +3 -2
  36. package/vitepress/theme/styles/base.scss +2 -2
  37. package/vitepress/components/Discussions/Discussions.module.scss +0 -32
  38. package/vitepress/components/EnWordList/EnWordList.module.scss +0 -124
  39. package/vitepress/components/EnWordList/RightClickMenu.module.scss +0 -22
  40. package/vitepress/components/Footprints/Footprints.module.scss +0 -93
  41. package/vitepress/components/Layout/AboutModal.module.scss +0 -233
  42. package/vitepress/components/Layout/ImagePreview.module.scss +0 -201
  43. package/vitepress/components/Layout/Layout.module.scss +0 -661
  44. package/vitepress/components/Layout/ToggleFullContent.module.scss +0 -11
  45. package/vitepress/components/Layout/ToggleSidebar.module.scss +0 -11
  46. package/vitepress/components/MarkMap/MarkMap.module.scss +0 -159
  47. package/vitepress/components/Mermaid/Mermaid.module.scss +0 -275
  48. package/vitepress/components/NotesTable/NotesTable.module.scss +0 -77
  49. package/vitepress/components/Settings/Settings.module.scss +0 -375
@@ -1,661 +0,0 @@
1
- /* doc-before-container 主容器 */
2
- .docBeforeContainer {
3
- display: flex;
4
- margin-bottom: 1rem;
5
- align-items: center;
6
- justify-content: space-between;
7
- animation: slideDown 0.3s ease-out;
8
-
9
- .leftArea {
10
- display: flex;
11
- align-items: center;
12
- gap: 1rem;
13
- }
14
-
15
- .rightArea {
16
- display: flex;
17
- align-items: center;
18
- gap: 0.75rem;
19
- font-style: italic;
20
- font-size: 0.7rem;
21
- position: relative;
22
- }
23
- }
24
-
25
- /* PC 端专用按钮(移动端隐藏) */
26
- .pcOnly {
27
- display: block;
28
- }
29
-
30
- @media (max-width: 768px) {
31
- .pcOnly {
32
- display: none !important;
33
- }
34
- }
35
-
36
- @keyframes slideDown {
37
- from {
38
- opacity: 0;
39
- transform: translateY(-10px);
40
- }
41
- to {
42
- opacity: 1;
43
- transform: translateY(0);
44
- }
45
- }
46
-
47
- /* 默认隐藏,当屏幕宽度 >= 960px 时显示,因为当宽度小于 960px 时,侧边栏会自动隐藏 */
48
- .toggleSidebarBox,
49
- .contentToggleBox {
50
- display: none;
51
- }
52
-
53
- @media (min-width: 960px) {
54
- .toggleSidebarBox,
55
- .contentToggleBox {
56
- display: block;
57
- }
58
- }
59
-
60
- .vscodeBox {
61
- width: 1.5rem;
62
- height: 1.5rem;
63
- padding: 3px;
64
- transition: all 0.2s ease;
65
- border-radius: 4px;
66
-
67
- &:hover {
68
- background: var(--vp-c-bg-alt);
69
- transform: scale(1.05);
70
- }
71
-
72
- a {
73
- display: block;
74
- width: 100%;
75
- height: 100%;
76
- }
77
-
78
- img {
79
- width: 100%;
80
- height: 100%;
81
- display: block;
82
- }
83
- }
84
-
85
- /* 笔记的 GitHub 链接(移动端和 PC 端都显示) */
86
- .githubNoteBox {
87
- width: 1.5rem;
88
- height: 1.5rem;
89
- padding: 3px;
90
- transition: all 0.2s ease;
91
- border-radius: 4px;
92
-
93
- &:hover {
94
- background: var(--vp-c-bg-alt);
95
- transform: scale(1.05);
96
- }
97
-
98
- a {
99
- display: block;
100
- width: 100%;
101
- height: 100%;
102
- }
103
-
104
- img {
105
- width: 100%;
106
- height: 100%;
107
- display: block;
108
- }
109
- }
110
-
111
- /* 知识库的 GitHub 链接(仅首页显示) */
112
- .githubRepoBox {
113
- width: 1.5rem;
114
- height: 1.5rem;
115
- padding: 3px;
116
- transition: all 0.2s ease;
117
- border-radius: 4px;
118
-
119
- &:hover {
120
- background: var(--vp-c-bg-alt);
121
- transform: scale(1.05);
122
- }
123
-
124
- a {
125
- display: block;
126
- width: 100%;
127
- height: 100%;
128
- }
129
-
130
- img {
131
- width: 100%;
132
- height: 100%;
133
- display: block;
134
- }
135
- }
136
-
137
- .copyBox {
138
- width: 1em;
139
- height: 1em;
140
- position: relative;
141
-
142
- .tip {
143
- position: absolute;
144
- top: -1.5rem;
145
- left: -1rem;
146
- background: var(--vp-c-bg-soft);
147
- padding: 0.25rem 0.5rem;
148
- border-radius: 4px;
149
- font-size: 0.85rem;
150
- white-space: nowrap;
151
- animation: fadeIn 0.2s ease-out;
152
- }
153
-
154
- .copyRawFile {
155
- vertical-align: top;
156
- height: 100%;
157
- line-height: 100%;
158
- background: transparent;
159
- border: none;
160
- cursor: pointer;
161
- transition: transform 0.2s ease;
162
-
163
- &:hover {
164
- transform: scale(1.1);
165
- }
166
-
167
- .icon {
168
- width: 100%;
169
- height: 100%;
170
- display: block;
171
- }
172
- }
173
- }
174
-
175
- /* collapse all button */
176
- .collapseAllBtn {
177
- display: inline-block;
178
- margin-right: 8px;
179
- }
180
-
181
- .collapseAllButton {
182
- background: none;
183
- border: none;
184
- cursor: pointer;
185
- padding: 4px;
186
- display: inline-flex;
187
- align-items: center;
188
- justify-content: center;
189
- border-radius: 4px;
190
- transition: all 0.2s ease;
191
-
192
- &:hover {
193
- background: var(--vp-c-bg-soft);
194
- }
195
-
196
- img {
197
- width: 16px;
198
- height: 16px;
199
- opacity: 0.6;
200
- transition: opacity 0.2s ease;
201
- }
202
-
203
- &:hover img {
204
- opacity: 1;
205
- }
206
- }
207
-
208
- /* about icon button */
209
- .aboutBtn {
210
- display: inline-block;
211
- }
212
-
213
- .aboutIconButton {
214
- background: transparent;
215
- border: none;
216
- cursor: pointer;
217
- padding: 0.15rem;
218
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
219
- color: var(--vp-c-brand-1);
220
- font-weight: 700;
221
- font-size: 1rem;
222
- border-radius: 50%;
223
- width: 1.5rem;
224
- height: 1.5rem;
225
- display: flex;
226
- align-items: center;
227
- justify-content: center;
228
- position: relative;
229
-
230
- &::before {
231
- content: '';
232
- position: absolute;
233
- inset: -2px;
234
- border-radius: 50%;
235
- border: 2px solid var(--vp-c-brand-1);
236
- opacity: 0;
237
- transition: opacity 0.3s ease;
238
- }
239
-
240
- &:hover {
241
- font-size: 1.3rem;
242
- background: var(--vp-c-brand-soft);
243
- transform: rotate(180deg);
244
-
245
- &::before {
246
- opacity: 0.3;
247
- animation: pulse 1s ease-in-out infinite;
248
- }
249
- }
250
-
251
- &:active {
252
- transform: rotate(180deg) scale(0.95);
253
- }
254
- }
255
-
256
- @keyframes pulse {
257
- 0%,
258
- 100% {
259
- transform: scale(1);
260
- opacity: 0.3;
261
- }
262
- 50% {
263
- transform: scale(1.1);
264
- opacity: 0.5;
265
- }
266
- }
267
-
268
- /* time-modal-content: 通用容器 */
269
- .timeModalContent {
270
- display: flex;
271
- flex-direction: column;
272
- gap: 0.75rem;
273
- padding: 0.25rem 0;
274
- font-size: 0.95rem;
275
- }
276
-
277
- /* 每一行:移动端默认纵向排列(标签在上,值在下),在宽屏时变成左右两栏 */
278
- .timeLine {
279
- display: flex;
280
- flex-direction: column;
281
- gap: 0.25rem;
282
- align-items: flex-start;
283
- padding: 0.5rem;
284
- border-radius: 8px;
285
- transition: background-color 0.2s ease;
286
-
287
- &:hover {
288
- background-color: var(--vp-c-bg-soft);
289
- }
290
- }
291
-
292
- /* 标签(左侧) */
293
- .timeLabel {
294
- font-weight: 700;
295
- color: var(--vp-c-text);
296
- font-size: 0.98rem;
297
-
298
- strong {
299
- display: inline-flex;
300
- align-items: center;
301
- gap: 0.25rem;
302
- }
303
- }
304
-
305
- /* 值(右侧/下方) */
306
- .timeValue {
307
- color: var(--vp-c-text-2);
308
- font-size: 0.88rem;
309
- line-height: 1.35;
310
- word-break: break-word;
311
- font-family: var(--vp-font-family-mono);
312
- }
313
-
314
- /* GitHub 链接样式 */
315
- .githubLink {
316
- color: var(--vp-c-brand-1);
317
- text-decoration: none;
318
- transition: all 0.2s ease;
319
- display: inline-flex;
320
- align-items: center;
321
- gap: 0.25rem;
322
-
323
- &:hover {
324
- color: var(--vp-c-brand-2);
325
- text-decoration: underline;
326
- }
327
- }
328
-
329
- /* 宽屏样式:在 >=720px 时,改为左右两栏布局 */
330
- @media (min-width: 720px) {
331
- .timeModalContent {
332
- gap: 1rem;
333
- }
334
-
335
- .timeLine {
336
- flex-direction: row;
337
- align-items: center;
338
- justify-content: flex-start;
339
- gap: 1rem;
340
- }
341
-
342
- .timeLabel {
343
- width: 9.5rem;
344
- text-align: left;
345
- font-size: 1rem;
346
- }
347
-
348
- .timeValue {
349
- flex: 1;
350
- white-space: nowrap;
351
- overflow: hidden;
352
- text-overflow: ellipsis;
353
- }
354
- }
355
-
356
- /* 更明显的可触控目标(移动端) */
357
- @media (max-width: 520px) {
358
- .timeModalContent {
359
- gap: 0.9rem;
360
- }
361
-
362
- .timeLabel {
363
- font-size: 1.02rem;
364
- }
365
-
366
- .timeValue {
367
- font-size: 1rem;
368
- }
369
- }
370
-
371
- /* 侧边栏控制按钮容器 */
372
- .sidebarControls {
373
- display: flex;
374
- align-items: center;
375
- justify-content: center;
376
- padding: 8px 0;
377
- border-bottom: 1px solid var(--vp-c-divider);
378
-
379
- span {
380
- display: inline-flex;
381
- align-items: center;
382
- justify-content: center;
383
- padding: 8px;
384
- cursor: pointer;
385
- transition: all 0.2s ease;
386
- border-radius: 4px;
387
-
388
- img {
389
- width: 1rem;
390
- height: 1rem;
391
- display: block;
392
- transition: transform 0.3s ease;
393
- }
394
-
395
- &:hover {
396
- background: var(--vp-c-bg-alt);
397
-
398
- img {
399
- transform: scale(1.1);
400
- }
401
- }
402
-
403
- &:active {
404
- img {
405
- transform: scale(0.95);
406
- }
407
- }
408
-
409
- &.folded img {
410
- // transform: rotate(180deg);
411
- }
412
-
413
- &.folded:hover img {
414
- // transform: rotate(180deg) scale(1.1);
415
- }
416
- }
417
- }
418
-
419
- /*
420
- 404 页面样式已移至 global-components.css
421
- 相关全局类名:.not-found-container
422
- */
423
-
424
- /* 状态选择框样式 */
425
- .statusSelect {
426
- padding: 0.375rem 0.75rem;
427
- border: 1px solid var(--vp-c-divider);
428
- border-radius: 6px;
429
- background-color: var(--vp-c-bg);
430
- color: var(--vp-c-text-1);
431
- font-size: 0.875rem;
432
- font-family: inherit;
433
- cursor: pointer;
434
- transition: all 0.2s ease;
435
- min-width: 120px;
436
-
437
- &:hover:not(:disabled) {
438
- border-color: var(--vp-c-brand-1);
439
- background-color: var(--vp-c-bg-soft);
440
- }
441
-
442
- &:focus {
443
- outline: none;
444
- border-color: var(--vp-c-brand-1);
445
- box-shadow: 0 0 0 3px rgba(var(--vp-c-brand-rgb), 0.1);
446
- }
447
-
448
- &:disabled {
449
- opacity: 0.6;
450
- cursor: not-allowed;
451
- }
452
-
453
- option {
454
- padding: 0.5rem;
455
- background-color: var(--vp-c-bg);
456
- color: var(--vp-c-text-1);
457
- }
458
- }
459
-
460
- /* 标题输入框样式 */
461
- .titleInput {
462
- width: 100%;
463
- padding: 0.5rem 0.75rem;
464
- border: 1px solid var(--vp-c-divider);
465
- border-radius: 6px;
466
- background-color: var(--vp-c-bg);
467
- color: var(--vp-c-text-1);
468
- font-size: 0.875rem;
469
- font-family: inherit;
470
- transition: all 0.2s ease;
471
-
472
- &:hover:not(:disabled) {
473
- border-color: var(--vp-c-brand-1);
474
- background-color: var(--vp-c-bg-soft);
475
- }
476
-
477
- &:focus {
478
- outline: none;
479
- border-color: var(--vp-c-brand-1);
480
- box-shadow: 0 0 0 3px rgba(var(--vp-c-brand-rgb), 0.1);
481
- }
482
-
483
- &:disabled {
484
- opacity: 0.6;
485
- cursor: not-allowed;
486
- background-color: var(--vp-c-bg-soft);
487
- }
488
-
489
- &.error {
490
- border-color: var(--vp-c-danger-1);
491
-
492
- &:focus {
493
- box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
494
- }
495
- }
496
- }
497
-
498
- /* 错误提示样式 */
499
- .errorMessage {
500
- margin-top: 0.25rem;
501
- color: var(--vp-c-danger-1);
502
- font-size: 0.75rem;
503
- }
504
-
505
- /* 简介文本框样式 */
506
- .descriptionInput {
507
- width: 100%;
508
- padding: 0.5rem 0.75rem;
509
- border: 1px solid var(--vp-c-divider);
510
- border-radius: 6px;
511
- background-color: var(--vp-c-bg);
512
- color: var(--vp-c-text-1);
513
- font-size: 0.875rem;
514
- font-family: inherit;
515
- line-height: 1.5;
516
- resize: vertical;
517
- min-height: 3rem;
518
- transition: all 0.2s ease;
519
-
520
- &:hover:not(:disabled) {
521
- border-color: var(--vp-c-brand-1);
522
- background-color: var(--vp-c-bg-soft);
523
- }
524
-
525
- &:focus {
526
- outline: none;
527
- border-color: var(--vp-c-brand-1);
528
- box-shadow: 0 0 0 3px rgba(var(--vp-c-brand-rgb), 0.1);
529
- }
530
-
531
- &:disabled {
532
- opacity: 0.6;
533
- cursor: not-allowed;
534
- background-color: var(--vp-c-bg-soft);
535
- }
536
- }
537
-
538
- /* 操作栏样式 */
539
- .actionBar {
540
- display: flex;
541
- gap: 0.75rem;
542
- justify-content: flex-end;
543
- width: 100%;
544
- margin-top: 0.5rem;
545
- }
546
-
547
- /* 保存按钮样式 */
548
- .saveButton {
549
- padding: 0.625rem 1.5rem;
550
- background: linear-gradient(135deg, var(--vp-c-brand-1), var(--vp-c-brand-2));
551
- color: white;
552
- border: none;
553
- border-radius: 8px;
554
- font-size: 0.95rem;
555
- font-weight: 600;
556
- cursor: pointer;
557
- transition: all 0.2s ease;
558
- box-shadow: 0 2px 8px rgba(var(--vp-c-brand-rgb), 0.3);
559
-
560
- &:hover:not(:disabled) {
561
- transform: translateY(-2px);
562
- box-shadow: 0 4px 12px rgba(var(--vp-c-brand-rgb), 0.4);
563
- }
564
-
565
- &:active:not(:disabled) {
566
- transform: translateY(0);
567
- }
568
-
569
- &.disabled,
570
- &:disabled {
571
- opacity: 0.4;
572
- cursor: not-allowed;
573
- transform: none;
574
- box-shadow: none;
575
- }
576
- }
577
-
578
- /* 重置按钮样式 */
579
- .resetButton {
580
- padding: 0.625rem 1.5rem;
581
- background: transparent;
582
- color: var(--vp-c-text-2);
583
- border: 1px solid var(--vp-c-divider);
584
- border-radius: 8px;
585
- font-size: 0.95rem;
586
- font-weight: 500;
587
- cursor: pointer;
588
- transition: all 0.2s ease;
589
-
590
- &:hover {
591
- color: var(--vp-c-text-1);
592
- border-color: var(--vp-c-brand-1);
593
- background: var(--vp-c-bg-soft);
594
- }
595
-
596
- &:active {
597
- transform: scale(0.98);
598
- }
599
- }
600
-
601
- /* Toast 提示样式 */
602
- .toast {
603
- position: fixed;
604
- bottom: 2rem;
605
- right: 2rem;
606
- padding: 0.75rem 1.5rem;
607
- background: var(--vp-c-brand-1);
608
- color: white;
609
- border-radius: 8px;
610
- font-size: 0.9rem;
611
- font-weight: 500;
612
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
613
- z-index: 9999;
614
- }
615
-
616
- /* Loading Toast 样式 */
617
- .loadingToast {
618
- position: fixed;
619
- bottom: 2rem;
620
- right: 2rem;
621
- padding: 0.75rem 1.5rem;
622
- background: var(--vp-c-bg-soft);
623
- color: var(--vp-c-text-1);
624
- border: 1px solid var(--vp-c-divider);
625
- border-radius: 8px;
626
- font-size: 0.9rem;
627
- font-weight: 500;
628
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
629
- z-index: 9999;
630
- display: flex;
631
- align-items: center;
632
- gap: 0.75rem;
633
- }
634
-
635
- /* Loading 旋转动画 */
636
- .loadingSpinner {
637
- width: 16px;
638
- height: 16px;
639
- border: 2px solid var(--vp-c-divider);
640
- border-top-color: var(--vp-c-brand-1);
641
- border-radius: 50%;
642
- animation: spin 0.8s linear infinite;
643
- }
644
-
645
- @keyframes spin {
646
- to {
647
- transform: rotate(360deg);
648
- }
649
- }
650
-
651
- /* Toast 过渡动画 */
652
- :global(.toast-enter-active),
653
- :global(.toast-leave-active) {
654
- transition: all 0.3s ease;
655
- }
656
-
657
- :global(.toast-enter-from),
658
- :global(.toast-leave-to) {
659
- opacity: 0;
660
- transform: translateY(20px);
661
- }
@@ -1,11 +0,0 @@
1
- .contentToggleBtn {
2
- width: 1.5rem;
3
- height: 1.5rem;
4
- padding: 3px;
5
- cursor: pointer;
6
- transition: all 0.2s;
7
-
8
- &:hover {
9
- background: var(--vp-c-bg-alt);
10
- }
11
- }
@@ -1,11 +0,0 @@
1
- .sidebarToggleBtn {
2
- width: 1.5rem;
3
- height: 1.5rem;
4
- padding: 3px;
5
- cursor: pointer;
6
- transition: all 0.2s;
7
-
8
- &:hover {
9
- background: var(--vp-c-bg-alt);
10
- }
11
- }