@slidev/client 52.14.2 → 52.15.0

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 (43) hide show
  1. package/builtin/BlueSky.vue +167 -0
  2. package/builtin/CodeBlockWrapper.vue +1 -1
  3. package/builtin/Link.vue +2 -2
  4. package/builtin/Monaco.vue +1 -2
  5. package/builtin/Tweet.vue +1 -1
  6. package/builtin/VClick.ts +8 -0
  7. package/builtin/VClicks.ts +24 -4
  8. package/builtin/VDrag.vue +1 -0
  9. package/composables/useDragElements.ts +5 -2
  10. package/composables/useDrawings.ts +6 -6
  11. package/composables/useMousePosInSlide.ts +21 -0
  12. package/composables/usePreloadImages.ts +2 -1
  13. package/composables/useSlideInfo.ts +1 -2
  14. package/constants.ts +2 -1
  15. package/internals/DrawingControls.vue +2 -2
  16. package/internals/IconButton.vue +3 -1
  17. package/internals/LaserPointer.vue +66 -0
  18. package/internals/MenuButton.vue +1 -1
  19. package/internals/NavControls.vue +28 -18
  20. package/internals/PresenterMouse.vue +1 -1
  21. package/internals/Settings.vue +10 -1
  22. package/internals/ShikiEditor.vue +2 -4
  23. package/internals/SideEditor.vue +3 -1
  24. package/internals/SlideContainer.vue +18 -1
  25. package/logic/recording.ts +16 -8
  26. package/logic/slides.ts +20 -7
  27. package/modules/v-click.ts +42 -8
  28. package/package.json +22 -21
  29. package/pages/404.vue +3 -1
  30. package/pages/export.vue +5 -1
  31. package/pages/notes-edit.vue +3 -1
  32. package/pages/play.vue +2 -0
  33. package/pages/presenter.vue +18 -23
  34. package/setup/main.ts +1 -2
  35. package/setup/monaco.ts +4 -4
  36. package/setup/root.ts +1 -1
  37. package/shim-vue.d.ts +3 -1
  38. package/state/shared.ts +1 -0
  39. package/state/storage.ts +7 -0
  40. package/styles/index.css +8 -22
  41. package/styles/index.ts +23 -0
  42. package/styles/layouts-base.css +1 -1
  43. package/styles/vclick.css +54 -0
package/styles/index.css CHANGED
@@ -45,24 +45,6 @@ html {
45
45
  @apply border-none hover:border-none hover:text-white;
46
46
  }
47
47
 
48
- .slidev-vclick-target {
49
- @apply transition-opacity duration-100;
50
- }
51
-
52
- .slidev-vclick-hidden {
53
- opacity: 0 !important;
54
- pointer-events: none !important;
55
- user-select: none !important;
56
- }
57
-
58
- .slidev-vclick-display-none {
59
- display: none !important;
60
- }
61
-
62
- .slidev-vclick-fade {
63
- opacity: 0.5;
64
- }
65
-
66
48
  .slidev-icon {
67
49
  display: inline-block;
68
50
  vertical-align: sub;
@@ -142,11 +124,15 @@ html {
142
124
 
143
125
  #twoslash-container {
144
126
  position: fixed;
145
- }
146
127
 
147
- #twoslash-container .v-popper__wrapper:not(.no-slide-scale > *) {
148
- transform: scale(calc(1 * var(--slidev-slide-scale)));
149
- transform-origin: 30px top;
128
+ .v-popper__wrapper:not(.no-slide-scale > *) {
129
+ zoom: var(--slidev-slide-scale);
130
+ }
131
+
132
+ .v-popper__popper:not(.no-slide-scale > *) {
133
+ translate: calc(10px * (1 - var(--slidev-slide-scale))) 0;
134
+ width: max-content;
135
+ }
150
136
  }
151
137
 
152
138
  .slidev-note ul {
package/styles/index.ts ADDED
@@ -0,0 +1,23 @@
1
+ import '@unocss/reset/tailwind.css'
2
+
3
+ import 'uno:preflights.css'
4
+ import 'uno:typography.css'
5
+ import 'uno:shortcuts.css'
6
+
7
+ import '@shikijs/vitepress-twoslash/style.css'
8
+ import 'shiki-magic-move/style.css'
9
+ import 'markdown-it-github-alerts/styles/github-colors-light.css'
10
+ import 'markdown-it-github-alerts/styles/github-colors-dark-media.css'
11
+ import 'markdown-it-github-alerts/styles/github-base.css'
12
+
13
+ import './vars.css'
14
+ import './index.css'
15
+ import './code.css'
16
+ import './katex.css'
17
+ import './transitions.css'
18
+ import './shiki-twoslash.css'
19
+ import './vclick.css'
20
+
21
+ import '#slidev/conditional-styles'
22
+
23
+ import 'uno.css'
package/styles/layouts-base.css CHANGED
@@ -34,7 +34,7 @@
34
34
  @apply text-sm pt-1 uppercase tracking-widest font-500;
35
35
  }
36
36
 
37
- h6:not(.opacity-100) {
37
+ :where(&) h6 {
38
38
  @apply opacity-40;
39
39
  }
40
40
 
package/styles/vclick.css ADDED
@@ -0,0 +1,54 @@
1
+ .slidev-vclick-target {
2
+ transition: all 0.1s ease;
3
+
4
+ &.slidev-vclick-anim-none {
5
+ transition: none;
6
+ }
7
+
8
+ &.slidev-vclick-anim-fade-in {
9
+ transition: all 0.3s ease;
10
+ }
11
+ }
12
+
13
+ .slidev-vclick-hidden {
14
+ opacity: 0 !important;
15
+ pointer-events: none !important;
16
+ user-select: none !important;
17
+
18
+ &.slidev-vclick-anim-fade {
19
+ opacity: 0.5 !important;
20
+ }
21
+
22
+ &.slidev-vclick-anim-fade-in {
23
+ opacity: 0 !important;
24
+ }
25
+
26
+ &.slidev-vclick-anim-up {
27
+ translate: 0 20px;
28
+ }
29
+
30
+ &.slidev-vclick-anim-down {
31
+ translate: 0 -20px;
32
+ }
33
+
34
+ &.slidev-vclick-anim-left {
35
+ translate: 20px 0;
36
+ }
37
+
38
+ &.slidev-vclick-anim-right {
39
+ translate: -20px 0;
40
+ }
41
+
42
+ &.slidev-vclick-anim-scale {
43
+ scale: 0.9;
44
+ }
45
+ }
46
+
47
+ .slidev-vclick-display-none {
48
+ display: none !important;
49
+ }
50
+
51
+ /* No longer used, but kept for backward compatibility */
52
+ .slidev-vclick-fade {
53
+ opacity: 0.5;
54
+ }