@netless/fastboard-ui 0.3.10 → 0.3.12-alpha.0

package/src/components/Toolbar/definitions/Text.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import type { ApplianceNames } from "@netless/fastboard-core";
+  import type { Theme } from "../../../typings";
+  import Button, { type ButtonProps } from "../../Button";
+  import Icons from "../../Icons";
+
+  export let btn_props: Partial<ButtonProps> = {};
+  export let content: ButtonProps["content"] | undefined;
+  export let menu: ButtonProps["menu"] | undefined;
+  export let appliance: ApplianceNames | undefined;
+  export let theme: Theme = "light";
+</script>
+
+<Button class="text" {...btn_props} on:click {content} {menu}>
+  {#if appliance === "text"}
+    <Icons.TextFilled {theme} active />
+  {:else}
+    <Icons.Text {theme} />
+  {/if}
+</Button>

package/src/typings.ts

@@ -23,29 +23,32 @@ export type GenericIcon<K extends string, E extends string = IconType> = {
 
 export type I18nData<T extends string> = Record<Language, Record<T, string>>;
 
+export type ToolbarItem =
+  | "clicker"
+  | "selector"
+  | "pencil"
+  | "text"
+  | "shapes"
+  | "eraser"
+  | "clear"
+  | "hand"
+  | "laserPointer";
+
 export interface ToolbarConfig {
-  apps?: {
-    enable?: boolean;
-  };
+  /** @default "left" */
+  placement?: "left" | "right";
+  /** @default ["clicker", "selector", "pencil", "text", "shapes", "eraser", "clear"] */
+  items?: ToolbarItem[];
+  apps?: { enable?: boolean };
 }
 
 export interface FastboardUIConfig {
-  toolbar?: {
-    enable?: boolean;
-  } & ToolbarConfig;
-  redo_undo?: {
-    enable?: boolean;
-  };
-  zoom_control?: {
-    enable?: boolean;
-  };
-  page_control?: {
-    enable?: boolean;
-  };
+  toolbar?: { enable?: boolean } & ToolbarConfig;
+  redo_undo?: { enable?: boolean };
+  zoom_control?: { enable?: boolean };
+  page_control?: { enable?: boolean };
 }
 
 export interface ReplayFastboardUIConfig {
-  player_control?: {
-    enable?: boolean;
-  };
+  player_control?: { enable?: boolean };
 }