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

package/dist/index.d.ts

@@ -284,7 +284,9 @@ declare enum TELE_BOX_EVENT {
     Readonly = "readonly",
     Destroyed = "destroyed",
     BoxStatus = "box_status",
-    LastNotMinimizedBoxStatus = "last_not_minimized_box_status"
+    LastNotMinimizedBoxStatus = "last_not_minimized_box_status",
+    ForceTop = "force_top",
+    ForceNormal = "force_normal"
 }
 declare enum TELE_BOX_DELEGATE_EVENT {
     Close = "close",
@@ -381,6 +383,13 @@ interface TeleBoxConfig {
     readonly boxStatus?: TeleBoxState;
     /** Last not minimized box status. */
     readonly lastNotMinimizedBoxStatus?: NotMinimizedBoxState;
+    /** Force top. */
+    readonly forceTop?: boolean;
+    /** Force normal. */
+    readonly forceNormal?: boolean;
+    readonly forceMaximized?: boolean;
+    /** Is drag content. */
+    readonly isDragContent?: boolean;
 }
 type CheckTeleBoxConfig<T extends Record<`${TELE_BOX_EVENT}`, any>> = T;
 type TeleBoxEventConfig = CheckTeleBoxConfig<{
@@ -423,6 +432,9 @@ type TeleBoxEventConfig = CheckTeleBoxConfig<{
         id: string;
         lastNotMinimizedBoxStatus?: NotMinimizedBoxState;
     };
+    force_normal: boolean;
+    force_maximized: boolean;
+    force_top: boolean;
 }>;
 type TeleBoxEvent = keyof TeleBoxEventConfig;
 interface TeleBoxEvents extends EventEmitter<TeleBoxEvent> {
@@ -460,13 +472,18 @@ interface TeleTitleBarConfig {
     title?: string;
     state?: TeleBoxState;
     namespace?: string;
+    forceTop?: boolean;
+    forceNormal?: boolean;
+    forceMaximized?: boolean;
     onEvent?: (event: TeleTitleBarEvent) => void;
     onDragStart?: (event: MouseEvent | TouchEvent) => void;
 }
 interface TeleTitleBar {
+    readonly $dragArea: HTMLElement;
     setTitle(title: string): void;
     setState(state: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
+    setForceMaximized(forceMaximized: boolean): void;
     render(): HTMLElement;
     destroy(): void;
     setBoxStatus(boxStatus?: TeleBoxState): void;
@@ -482,15 +499,19 @@ interface DefaultTitleBarConfig extends TeleTitleBarConfig {
 }
 declare class DefaultTitleBar implements TeleTitleBar {
     protected boxStatus?: TeleBoxState;
-    constructor({ readonly, title, buttons, onEvent, onDragStart, namespace, state, boxStatus, }?: DefaultTitleBarConfig);
+    protected forceTop?: boolean;
+    protected forceNormal?: boolean;
+    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;
-    $dragArea: HTMLElement;
+    readonly $dragArea: HTMLElement;
     setTitle(title: string): void;
     setState(state: TeleBoxState): void;
     setBoxStatus(boxStatus?: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
+    setForceMaximized(forceMaximized: boolean): void;
     render(): HTMLElement;
     renderDragArea(): HTMLElement;
     dragHandle(): HTMLElement | undefined;
@@ -546,11 +567,19 @@ type ValConfig$1 = {
     $userContent: Val<HTMLElement | undefined>;
     $userFooter: Val<HTMLElement | undefined>;
     $userStyles: Val<HTMLStyleElement | undefined>;
+    /** Force top. */
+    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 }?: 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;
@@ -703,6 +732,7 @@ interface TeleBoxCollectorConfig {
     getBoxesStatus?: () => Map<string, TeleBoxState>;
 }
 declare class TeleBoxCollector {
+    static readonly kind = "TeleBoxCollector";
     getBoxesStatus?: () => Map<string, TeleBoxState>;
     constructor({ visible, readonly, darkMode, namespace, styles, onClick, getBoxesStatus }: TeleBoxCollectorConfig);
     get boxesStatus(): Map<string, TeleBoxState> | undefined;
@@ -722,7 +752,7 @@ declare class TeleBoxCollector {
      * Unmount collector from the root element.
      */
     unmount(): this;
-    private hasMinimizedBox;
+    protected hasMinimizedBox(): boolean;
     updateBoxesStatus(): void;
     setVisible(visible: boolean): this;
     setReadonly(readonly: boolean): this;
@@ -757,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. */
@@ -765,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";
+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">;
@@ -790,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> {
@@ -803,7 +835,7 @@ interface TeleBoxManagerEvents extends EventEmitter<TeleBoxManagerEvent> {
     emit<U extends TeleBoxManagerEvent>(event: U, ...value: TeleBoxManagerEventConfig[U]): boolean;
 }
 
-type MaxTitleBarTeleBox = Pick<TeleBox, "id" | "title" | "readonly" | "zIndex" | "$box">;
+type MaxTitleBarTeleBox = Pick<TeleBox, "id" | "title" | "readonly" | "zIndex" | "$box" | "forceTop" | "forceNormal">;
 interface MaxTitleBarConfig extends DefaultTitleBarConfig {
     darkMode: boolean;
     boxes: MaxTitleBarTeleBox[];
@@ -880,20 +912,33 @@ 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> {
 }
 declare class TeleBoxManager {
-    private boxesStatus$;
-    private lastNotMinimizedBoxesStatus$;
-    private appMenu;
-    private useBoxesStatus;
-    private effectBoxesStatusTimer?;
-    private effectLastNotMinimizedBoxStatusTimer?;
-    constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, useBoxesStatus, }?: TeleBoxManagerConfig);
+    static readonly kind = "TeleBoxManager";
+    protected boxesStatus$: Map<string, TeleBoxState>;
+    protected lastNotMinimizedBoxesStatus$: Map<string, NotMinimizedBoxState>;
+    protected appMenu: AppMenu | undefined;
+    protected useBoxesStatus: boolean;
+    protected effectBoxesStatusTimer?: {
+        skipUpdate: boolean;
+        timer: number | undefined;
+        resolve?: (skipUpdate: boolean) => void;
+    };
+    protected effectLastNotMinimizedBoxStatusTimer?: {
+        skipUpdate: boolean;
+        timer: number | undefined;
+        resolve?: (skipUpdate: boolean) => void;
+    };
+    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;
+    get maxForceTopBox(): TeleBox | undefined;
+    get forceNormalBoxes(): TeleBox | undefined;
     readonly events: TeleBoxManagerEvents;
     protected _sideEffect: SideEffectManager;
     protected root: HTMLElement;
@@ -912,8 +957,8 @@ declare class TeleBoxManager {
     get lastNotMinimizedBoxesStatus(): ReadonlyMap<string, NotMinimizedBoxState>;
     setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate?: boolean): void;
     getBoxesStatus(): Map<string, TeleBoxState>;
-    private effectBoxStatusChange;
-    private effectBoxesStatusTimerFunc;
+    protected effectBoxStatusChange(): void;
+    protected effectBoxesStatusTimerFunc(skipUpdate: boolean): void;
     effectBoxesStatusChange(skipUpdate?: boolean): Promise<void>;
     hasBoxesStatus(): boolean;
     hasMinimizedBox(): boolean;
@@ -924,13 +969,16 @@ declare class TeleBoxManager {
     getLastNotMinimizedBoxStatus(boxId: string): NotMinimizedBoxState | undefined;
     setLastNotMinimizedBoxStatus(boxId: string, lastNotMinimizedBoxStatus?: NotMinimizedBoxState, skipUpdate?: boolean): void;
     setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus: Map<string, NotMinimizedBoxState>, skipUpdate?: boolean): void;
-    private effectLastNotMinimizedBoxStatusChange;
-    private effectLastNotMinimizedBoxStatusFunc;
-    private getUnabledBoxesStatusZIndex;
+    protected effectLastNotMinimizedBoxStatusChange(skipUpdate?: boolean): Promise<void>;
+    protected effectLastNotMinimizedBoxStatusFunc(skipUpdate?: boolean): void;
+    protected getUnabledBoxesStatusZIndex(): number;
     /** Maximized box zIndex range: 100-299 */
     getMaxMaximizedBoxZIndex(): number;
     /** normal box zIndex range: 300-499 */
     getMaxNormalBoxZIndex(): number;
+    getMaxForceTopBoxZIndex(): number;
+    isForceNormal(box: TeleBox): boolean;
+    isForceTop(box: TeleBox): boolean;
     create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
     query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[];
     queryOne(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox | undefined;
@@ -957,7 +1005,7 @@ declare class TeleBoxManager {
     protected updateBox(box: TeleBox, config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
     protected smartPosition(config?: TeleBoxConfig): TeleBoxConfig;
     protected makeBoxTop(box: TeleBox, skipUpdate?: boolean): void;
-    private getMaximizedTopBox;
+    protected getMaximizedTopBox(): MaxTitleBarTeleBox | undefined;
     protected makeMaximizedTopBoxFocus(): void;
     protected getBoxIndex(boxOrID: TeleBox | string): number;
     getBox(boxOrID: TeleBox | string): 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;
 }
@@ -408,7 +411,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  z-index: 1000;
+  z-index: 299;
 }
 .telebox-max-titlebar .telebox-title {
   display: none;