@netless/telebox-insider 0.3.0 → 0.3.1-beta.0

package/dist/index.d.ts

@@ -387,6 +387,7 @@ interface TeleBoxConfig {
     readonly forceTop?: boolean;
     /** Force normal. */
     readonly forceNormal?: boolean;
+    readonly forceMaximized?: boolean;
     /** Is drag content. */
     readonly isDragContent?: boolean;
 }
@@ -432,6 +433,7 @@ type TeleBoxEventConfig = CheckTeleBoxConfig<{
         lastNotMinimizedBoxStatus?: NotMinimizedBoxState;
     };
     force_normal: boolean;
+    force_maximized: boolean;
     force_top: boolean;
 }>;
 type TeleBoxEvent = keyof TeleBoxEventConfig;
@@ -472,6 +474,7 @@ interface TeleTitleBarConfig {
     namespace?: string;
     forceTop?: boolean;
     forceNormal?: boolean;
+    forceMaximized?: boolean;
     onEvent?: (event: TeleTitleBarEvent) => void;
     onDragStart?: (event: MouseEvent | TouchEvent) => void;
 }
@@ -480,6 +483,7 @@ interface TeleTitleBar {
     setTitle(title: string): void;
     setState(state: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
+    setForceMaximized(forceMaximized: boolean): void;
     render(): HTMLElement;
     destroy(): void;
     setBoxStatus(boxStatus?: TeleBoxState): void;
@@ -497,7 +501,8 @@ declare class DefaultTitleBar implements TeleTitleBar {
     protected boxStatus?: TeleBoxState;
     protected forceTop?: boolean;
     protected forceNormal?: boolean;
-    constructor({ readonly, title, buttons, onEvent, onDragStart, namespace, state, boxStatus, forceTop, forceNormal, }?: DefaultTitleBarConfig);
+    protected forceMaximized?: boolean;
+    constructor({ readonly, title, buttons, onEvent, onDragStart, namespace, state, boxStatus, forceTop, forceNormal, forceMaximized, }?: DefaultTitleBarConfig);
     readonly namespace: string;
     $titleBar: HTMLElement | undefined;
     $title: HTMLElement | undefined;
@@ -506,6 +511,7 @@ declare class DefaultTitleBar implements TeleTitleBar {
     setState(state: TeleBoxState): void;
     setBoxStatus(boxStatus?: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
+    setForceMaximized(forceMaximized: boolean): void;
     render(): HTMLElement;
     renderDragArea(): HTMLElement;
     dragHandle(): HTMLElement | undefined;
@@ -565,13 +571,15 @@ type ValConfig$1 = {
     forceTop: Val<boolean, boolean>;
     /** Force normal. */
     forceNormal: Val<boolean, boolean>;
+    /** Force maximized room policy. */
+    forceMaximized: Val<boolean, boolean>;
     /** Drag content. */
     isDragContent: Val<boolean, boolean>;
 };
 interface TeleBox extends ValEnhancedResult<ValConfig$1> {
 }
 declare class TeleBox {
-    constructor({ id, title, prefersColorScheme, darkMode, visible, width, height, minWidth, minHeight, x, y, minimized, maximized, readonly, resizable, draggable, fence, fixRatio, focus, zIndex, namespace, titleBar, content, footer, styles, containerRect, collectorRect, boxStatus, lastNotMinimizedBoxStatus, forceTop, forceNormal, isDragContent, }?: TeleBoxConfig);
+    constructor({ id, title, prefersColorScheme, darkMode, visible, width, height, minWidth, minHeight, x, y, minimized, maximized, readonly, resizable, draggable, fence, fixRatio, focus, zIndex, namespace, titleBar, content, footer, styles, containerRect, collectorRect, boxStatus, lastNotMinimizedBoxStatus, forceTop, forceNormal, forceMaximized, isDragContent, }?: TeleBoxConfig);
     readonly id: string;
     /** ClassName Prefix. For CSS styling. Default "telebox" */
     readonly namespace: string;
@@ -779,7 +787,7 @@ declare enum TELE_BOX_MANAGER_EVENT {
     LastNotMinimizedBoxStatus = "last_not_minimized_box_status"
 }
 
-interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme" | "fence" | "containerRect" | "maximized" | "minimized" | "namespace" | "readonly"> {
+interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme" | "fence" | "containerRect" | "maximized" | "minimized" | "namespace" | "readonly" | "forceMaximized"> {
     /** Element to mount boxes. */
     root?: HTMLElement;
     /** Where the minimized boxes go. */
@@ -787,7 +795,7 @@ interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme"
     /** Whether to use boxes status. */
     useBoxesStatus?: boolean;
 }
-type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "fixRatio" | "zIndex" | "boxStatus" | "lastNotMinimizedBoxStatus" | "forceTop" | "forceNormal" | "isDragContent";
+type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "fixRatio" | "zIndex" | "boxStatus" | "lastNotMinimizedBoxStatus" | "forceTop" | "forceNormal" | "forceMaximized" | "isDragContent";
 type TeleBoxManagerCreateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer" | "id" | "focus">;
 type TeleBoxManagerQueryConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "id" | "focus">;
 type TeleBoxManagerUpdateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer">;
@@ -812,10 +820,12 @@ type TeleBoxManagerEventConfig = CheckTeleBoxManagerConfig<{
         id: string;
         boxStatus?: TeleBoxState;
     }];
-    last_not_minimized_box_status: [{
-        id: string;
-        boxStatus?: NotMinimizedBoxState;
-    }];
+    last_not_minimized_box_status: [
+        {
+            id: string;
+            boxStatus?: NotMinimizedBoxState;
+        }
+    ];
 }>;
 type TeleBoxManagerEvent = keyof TeleBoxManagerEventConfig;
 interface TeleBoxManagerEvents extends EventEmitter<TeleBoxManagerEvent> {
@@ -902,6 +912,7 @@ type ValConfig = {
     readonly: Val<boolean, boolean>;
     minimized: Val<boolean, boolean>;
     maximized: Val<boolean, boolean>;
+    forceMaximized: Val<boolean, boolean>;
     fence: Val<boolean, boolean>;
 };
 interface TeleBoxManager extends ValEnhancedResult<ValConfig> {
@@ -922,7 +933,7 @@ declare class TeleBoxManager {
         timer: number | undefined;
         resolve?: (skipUpdate: boolean) => void;
     };
-    constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, useBoxesStatus, }?: TeleBoxManagerConfig);
+    constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, forceMaximized, useBoxesStatus, }?: TeleBoxManagerConfig);
     get boxes(): ReadonlyArray<TeleBox>;
     get topBox(): TeleBox | undefined;
     get forceTopBoxes(): TeleBox | undefined;

package/dist/style.css

@@ -311,6 +311,9 @@
   background: transparent;
   cursor: pointer;
 }
+.telebox-titlebar-btn:disabled, .telebox-titlebar-btn.telebox-disabled {
+  cursor: not-allowed;
+}
 .telebox-titlebar-btn ~ .telebox-titlebar-btn {
   margin-left: 10px;
 }