@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.
- package/LICENSE.txt +21 -21
- package/README.md +7 -7
- package/dist/index.d.ts +103 -74
- package/dist/index.js +850 -410
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +850 -410
- package/dist/index.mjs.map +1 -1
- package/dist/index.svelte.mjs +1237 -777
- package/dist/index.svelte.mjs.map +1 -1
- package/package.json +4 -4
- package/src/actions/height.ts +43 -43
- package/src/actions/scroll.ts +31 -31
- package/src/actions/tippy.ts +71 -71
- package/src/behaviors/apps.ts +74 -70
- package/src/behaviors/index.ts +1 -1
- package/src/components/Button/Button.svelte +51 -51
- package/src/components/Button/Button.svelte.d.ts +26 -26
- package/src/components/Button/index.ts +2 -2
- package/src/components/Fastboard/Fastboard.scss +61 -61
- package/src/components/Fastboard/Fastboard.svelte +80 -71
- package/src/components/Fastboard/Fastboard.svelte.ts +14 -13
- package/src/components/Fastboard/ReplayFastboard.svelte +43 -43
- package/src/components/Fastboard/ReplayFastboard.svelte.ts +13 -13
- package/src/components/Fastboard/index.ts +5 -5
- package/src/components/Icon/Icon.svelte +11 -11
- package/src/components/Icon/Icon.svelte.d.ts +10 -10
- package/src/components/Icon/index.ts +2 -2
- package/src/components/Icons/Apps.svelte +49 -49
- package/src/components/Icons/Arrow.svelte +16 -16
- package/src/components/Icons/ArrowBolded.svelte +17 -17
- package/src/components/Icons/Balloon.svelte +16 -16
- package/src/components/Icons/BalloonBolded.svelte +16 -16
- package/src/components/Icons/Circle.svelte +20 -20
- package/src/components/Icons/CircleBolded.svelte +20 -20
- package/src/components/Icons/Clean.svelte +14 -14
- package/src/components/Icons/Clear.svelte +16 -16
- package/src/components/Icons/Click.svelte +16 -16
- package/src/components/Icons/ClickFilled.svelte +10 -10
- package/src/components/Icons/Diamond.svelte +16 -16
- package/src/components/Icons/Down.svelte +16 -16
- package/src/components/Icons/Eraser.svelte +16 -16
- package/src/components/Icons/EraserFilled.svelte +16 -16
- package/src/components/Icons/Icons.scss +20 -20
- package/src/components/Icons/Left.svelte +16 -16
- package/src/components/Icons/Line.svelte +16 -16
- package/src/components/Icons/LineBolded.svelte +16 -16
- package/src/components/Icons/Loading.svelte +10 -10
- package/src/components/Icons/Minus.svelte +16 -16
- package/src/components/Icons/Pause.svelte +10 -10
- package/src/components/Icons/Pencil.svelte +29 -29
- package/src/components/Icons/PencilFilled.svelte +16 -16
- package/src/components/Icons/Play.svelte +10 -10
- package/src/components/Icons/Plus.svelte +16 -16
- package/src/components/Icons/Rectangle.svelte +16 -16
- package/src/components/Icons/RectangleBolded.svelte +16 -16
- package/src/components/Icons/Redo.svelte +15 -15
- package/src/components/Icons/Reset.svelte +26 -26
- package/src/components/Icons/Rhombus.svelte +16 -16
- package/src/components/Icons/RhombusBolded.svelte +16 -16
- package/src/components/Icons/Right.svelte +16 -16
- package/src/components/Icons/Selector.svelte +24 -24
- package/src/components/Icons/SelectorFilled.svelte +18 -18
- package/src/components/Icons/SpeechBalloon.svelte +16 -16
- package/src/components/Icons/Star.svelte +16 -16
- package/src/components/Icons/StarBolded.svelte +16 -16
- package/src/components/Icons/Text.svelte +16 -16
- package/src/components/Icons/TextFilled.svelte +17 -17
- package/src/components/Icons/Triangle.svelte +16 -16
- package/src/components/Icons/TriangleBolded.svelte +16 -16
- package/src/components/Icons/Undo.svelte +15 -15
- package/src/components/Icons/Up.svelte +16 -16
- package/src/components/Icons/WhiteboardAdd.svelte +34 -34
- package/src/components/Icons/index.ts +93 -93
- package/src/components/PageControl/PageControl.scss +15 -15
- package/src/components/PageControl/PageControl.svelte +79 -79
- package/src/components/PageControl/PageControl.svelte.d.ts +13 -13
- package/src/components/PageControl/index.ts +2 -2
- package/src/components/PlayerControl/PlayerControl.scss +57 -57
- package/src/components/PlayerControl/PlayerControl.svelte +153 -153
- package/src/components/PlayerControl/PlayerControl.svelte.d.ts +13 -13
- package/src/components/PlayerControl/index.ts +2 -2
- package/src/components/RedoUndo/RedoUndo.scss +11 -11
- package/src/components/RedoUndo/RedoUndo.svelte +60 -60
- package/src/components/RedoUndo/RedoUndo.svelte.d.ts +13 -13
- package/src/components/RedoUndo/index.ts +2 -2
- package/src/components/Toolbar/README.md +57 -57
- package/src/components/Toolbar/Toolbar.scss +78 -78
- package/src/components/Toolbar/Toolbar.svelte +62 -50
- package/src/components/Toolbar/Toolbar.svelte.d.ts +13 -12
- package/src/components/Toolbar/components/Contents.scss +168 -168
- package/src/components/Toolbar/components/Contents.svelte +197 -193
- package/src/components/Toolbar/components/Shapes.svelte +85 -85
- package/src/components/Toolbar/components/Slider.scss +119 -119
- package/src/components/Toolbar/components/Slider.svelte +54 -54
- package/src/components/Toolbar/components/StrokeColor.svelte +39 -39
- package/src/components/Toolbar/components/StrokeWidth.svelte +20 -20
- package/src/components/Toolbar/components/TextColor.svelte +39 -0
- package/src/components/Toolbar/components/constants.ts +80 -80
- package/src/components/Toolbar/components/helper.ts +24 -24
- package/src/components/Toolbar/index.ts +2 -2
- package/src/components/ZoomControl/ZoomControl.scss +15 -15
- package/src/components/ZoomControl/ZoomControl.svelte +99 -99
- package/src/components/ZoomControl/ZoomControl.svelte.d.ts +13 -13
- package/src/components/ZoomControl/index.ts +2 -2
- package/src/components/helpers.ts +3 -3
- package/src/components/theme.scss +92 -92
- package/src/components/variables.scss +69 -69
- package/src/index.ts +13 -13
- package/src/style.scss +36 -36
- 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
|
+
}
|