@netless/fastboard-ui 0.3.2-canary.2 → 0.3.2-canary.5

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 (110) hide show
  1. package/LICENSE.txt +21 -21
  2. package/README.md +7 -7
  3. package/dist/index.d.ts +103 -74
  4. package/dist/index.js +850 -410
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +850 -410
  7. package/dist/index.mjs.map +1 -1
  8. package/dist/index.svelte.mjs +1237 -777
  9. package/dist/index.svelte.mjs.map +1 -1
  10. package/package.json +4 -4
  11. package/src/actions/height.ts +43 -43
  12. package/src/actions/scroll.ts +31 -31
  13. package/src/actions/tippy.ts +71 -71
  14. package/src/behaviors/apps.ts +74 -70
  15. package/src/behaviors/index.ts +1 -1
  16. package/src/components/Button/Button.svelte +51 -51
  17. package/src/components/Button/Button.svelte.d.ts +26 -26
  18. package/src/components/Button/index.ts +2 -2
  19. package/src/components/Fastboard/Fastboard.scss +61 -61
  20. package/src/components/Fastboard/Fastboard.svelte +80 -71
  21. package/src/components/Fastboard/Fastboard.svelte.ts +14 -13
  22. package/src/components/Fastboard/ReplayFastboard.svelte +43 -43
  23. package/src/components/Fastboard/ReplayFastboard.svelte.ts +13 -13
  24. package/src/components/Fastboard/index.ts +5 -5
  25. package/src/components/Icon/Icon.svelte +11 -11
  26. package/src/components/Icon/Icon.svelte.d.ts +10 -10
  27. package/src/components/Icon/index.ts +2 -2
  28. package/src/components/Icons/Apps.svelte +49 -49
  29. package/src/components/Icons/Arrow.svelte +16 -16
  30. package/src/components/Icons/ArrowBolded.svelte +17 -17
  31. package/src/components/Icons/Balloon.svelte +16 -16
  32. package/src/components/Icons/BalloonBolded.svelte +16 -16
  33. package/src/components/Icons/Circle.svelte +20 -20
  34. package/src/components/Icons/CircleBolded.svelte +20 -20
  35. package/src/components/Icons/Clean.svelte +14 -14
  36. package/src/components/Icons/Clear.svelte +16 -16
  37. package/src/components/Icons/Click.svelte +16 -16
  38. package/src/components/Icons/ClickFilled.svelte +10 -10
  39. package/src/components/Icons/Diamond.svelte +16 -16
  40. package/src/components/Icons/Down.svelte +16 -16
  41. package/src/components/Icons/Eraser.svelte +16 -16
  42. package/src/components/Icons/EraserFilled.svelte +16 -16
  43. package/src/components/Icons/Icons.scss +20 -20
  44. package/src/components/Icons/Left.svelte +16 -16
  45. package/src/components/Icons/Line.svelte +16 -16
  46. package/src/components/Icons/LineBolded.svelte +16 -16
  47. package/src/components/Icons/Loading.svelte +10 -10
  48. package/src/components/Icons/Minus.svelte +16 -16
  49. package/src/components/Icons/Pause.svelte +10 -10
  50. package/src/components/Icons/Pencil.svelte +29 -29
  51. package/src/components/Icons/PencilFilled.svelte +16 -16
  52. package/src/components/Icons/Play.svelte +10 -10
  53. package/src/components/Icons/Plus.svelte +16 -16
  54. package/src/components/Icons/Rectangle.svelte +16 -16
  55. package/src/components/Icons/RectangleBolded.svelte +16 -16
  56. package/src/components/Icons/Redo.svelte +15 -15
  57. package/src/components/Icons/Reset.svelte +26 -26
  58. package/src/components/Icons/Rhombus.svelte +16 -16
  59. package/src/components/Icons/RhombusBolded.svelte +16 -16
  60. package/src/components/Icons/Right.svelte +16 -16
  61. package/src/components/Icons/Selector.svelte +24 -24
  62. package/src/components/Icons/SelectorFilled.svelte +18 -18
  63. package/src/components/Icons/SpeechBalloon.svelte +16 -16
  64. package/src/components/Icons/Star.svelte +16 -16
  65. package/src/components/Icons/StarBolded.svelte +16 -16
  66. package/src/components/Icons/Text.svelte +16 -16
  67. package/src/components/Icons/TextFilled.svelte +17 -17
  68. package/src/components/Icons/Triangle.svelte +16 -16
  69. package/src/components/Icons/TriangleBolded.svelte +16 -16
  70. package/src/components/Icons/Undo.svelte +15 -15
  71. package/src/components/Icons/Up.svelte +16 -16
  72. package/src/components/Icons/WhiteboardAdd.svelte +34 -34
  73. package/src/components/Icons/index.ts +93 -93
  74. package/src/components/PageControl/PageControl.scss +15 -15
  75. package/src/components/PageControl/PageControl.svelte +79 -79
  76. package/src/components/PageControl/PageControl.svelte.d.ts +13 -13
  77. package/src/components/PageControl/index.ts +2 -2
  78. package/src/components/PlayerControl/PlayerControl.scss +57 -57
  79. package/src/components/PlayerControl/PlayerControl.svelte +153 -153
  80. package/src/components/PlayerControl/PlayerControl.svelte.d.ts +13 -13
  81. package/src/components/PlayerControl/index.ts +2 -2
  82. package/src/components/RedoUndo/RedoUndo.scss +11 -11
  83. package/src/components/RedoUndo/RedoUndo.svelte +60 -60
  84. package/src/components/RedoUndo/RedoUndo.svelte.d.ts +13 -13
  85. package/src/components/RedoUndo/index.ts +2 -2
  86. package/src/components/Toolbar/README.md +57 -57
  87. package/src/components/Toolbar/Toolbar.scss +78 -78
  88. package/src/components/Toolbar/Toolbar.svelte +62 -50
  89. package/src/components/Toolbar/Toolbar.svelte.d.ts +13 -12
  90. package/src/components/Toolbar/components/Contents.scss +168 -168
  91. package/src/components/Toolbar/components/Contents.svelte +197 -193
  92. package/src/components/Toolbar/components/Shapes.svelte +85 -85
  93. package/src/components/Toolbar/components/Slider.scss +119 -119
  94. package/src/components/Toolbar/components/Slider.svelte +54 -54
  95. package/src/components/Toolbar/components/StrokeColor.svelte +39 -39
  96. package/src/components/Toolbar/components/StrokeWidth.svelte +20 -20
  97. package/src/components/Toolbar/components/TextColor.svelte +39 -0
  98. package/src/components/Toolbar/components/constants.ts +80 -80
  99. package/src/components/Toolbar/components/helper.ts +24 -24
  100. package/src/components/Toolbar/index.ts +2 -2
  101. package/src/components/ZoomControl/ZoomControl.scss +15 -15
  102. package/src/components/ZoomControl/ZoomControl.svelte +99 -99
  103. package/src/components/ZoomControl/ZoomControl.svelte.d.ts +13 -13
  104. package/src/components/ZoomControl/index.ts +2 -2
  105. package/src/components/helpers.ts +3 -3
  106. package/src/components/theme.scss +92 -92
  107. package/src/components/variables.scss +69 -69
  108. package/src/index.ts +13 -13
  109. package/src/style.scss +36 -36
  110. package/src/typings.ts +38 -17
package/src/style.scss CHANGED
@@ -1,36 +1,36 @@
1
- @import "./components/theme.scss";
2
-
3
- @import "tippy.js/dist/tippy.css";
4
- @import "tippy.js/themes/light.css";
5
-
6
- @import "./components/Icons/Icons.scss";
7
- @import "./components/RedoUndo/RedoUndo.scss";
8
- @import "./components/ZoomControl/ZoomControl.scss";
9
- @import "./components/PageControl/PageControl.scss";
10
- @import "./components/PlayerControl/PlayerControl.scss";
11
- @import "./components/Toolbar/Toolbar.scss";
12
- @import "./components/Fastboard/Fastboard.scss";
13
-
14
- .fastboard-tip {
15
- font-family: inherit;
16
- color: $grey-2;
17
- background-color: $grey-12;
18
-
19
- &[data-placement^="right"] > .tippy-arrow::before {
20
- top: 4px;
21
- border-width: 4px;
22
- border-right-color: $grey-12;
23
- }
24
-
25
- &[data-placement^="top"] > .tippy-arrow::before {
26
- left: 4px;
27
- border-width: 4px;
28
- border-top-color: $grey-12;
29
- }
30
- }
31
-
32
- .fastboard-panel {
33
- .tippy-content {
34
- padding: 8px;
35
- }
36
- }
1
+ @import "./components/theme.scss";
2
+
3
+ @import "tippy.js/dist/tippy.css";
4
+ @import "tippy.js/themes/light.css";
5
+
6
+ @import "./components/Icons/Icons.scss";
7
+ @import "./components/RedoUndo/RedoUndo.scss";
8
+ @import "./components/ZoomControl/ZoomControl.scss";
9
+ @import "./components/PageControl/PageControl.scss";
10
+ @import "./components/PlayerControl/PlayerControl.scss";
11
+ @import "./components/Toolbar/Toolbar.scss";
12
+ @import "./components/Fastboard/Fastboard.scss";
13
+
14
+ .fastboard-tip {
15
+ font-family: inherit;
16
+ color: $grey-2;
17
+ background-color: $grey-12;
18
+
19
+ &[data-placement^="right"] > .tippy-arrow::before {
20
+ top: 4px;
21
+ border-width: 4px;
22
+ border-right-color: $grey-12;
23
+ }
24
+
25
+ &[data-placement^="top"] > .tippy-arrow::before {
26
+ left: 4px;
27
+ border-width: 4px;
28
+ border-top-color: $grey-12;
29
+ }
30
+ }
31
+
32
+ .fastboard-panel {
33
+ .tippy-content {
34
+ padding: 8px;
35
+ }
36
+ }
package/src/typings.ts CHANGED
@@ -1,17 +1,38 @@
1
- export interface SvelteAction<T = void> {
2
- (node: HTMLElement, parameters: T): void | {
3
- update?: (parameters: T) => void;
4
- destroy?: () => void;
5
- };
6
- }
7
-
8
- export type Theme = "light" | "dark";
9
-
10
- export type Language = "en" | "zh-CN";
11
-
12
- export type IconType = "normal" | "disable";
13
- export type GenericIcon<K extends string, E extends string = IconType> = {
14
- [key in K]: { [kind in E]: string };
15
- };
16
-
17
- export type I18nData<T extends string> = Record<Language, Record<T, string>>;
1
+ export interface SvelteAction<T = void> {
2
+ (node: HTMLElement, parameters: T): void | {
3
+ update?: (parameters: T) => void;
4
+ destroy?: () => void;
5
+ };
6
+ }
7
+
8
+ export type Theme = "light" | "dark";
9
+
10
+ export type Language = "en" | "zh-CN";
11
+
12
+ export type IconType = "normal" | "disable";
13
+ export type GenericIcon<K extends string, E extends string = IconType> = {
14
+ [key in K]: { [kind in E]: string };
15
+ };
16
+
17
+ export type I18nData<T extends string> = Record<Language, Record<T, string>>;
18
+
19
+ export interface ToolbarConfig {
20
+ apps?: {
21
+ enable?: boolean;
22
+ };
23
+ }
24
+
25
+ export interface FastboardUIConfig {
26
+ toolbar?: {
27
+ enable?: boolean;
28
+ } & ToolbarConfig;
29
+ redo_undo?: {
30
+ enable?: boolean;
31
+ };
32
+ zoom_control?: {
33
+ enable?: boolean;
34
+ };
35
+ page_control?: {
36
+ enable?: boolean;
37
+ };
38
+ }