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

package/dist/index.d.ts

@@ -282,7 +282,9 @@ declare enum TELE_BOX_EVENT {
     Minimized = "minimized",
     Maximized = "maximized",
     Readonly = "readonly",
-    Destroyed = "destroyed"
+    Destroyed = "destroyed",
+    BoxStatus = "box_status",
+    LastNotMinimizedBoxStatus = "last_not_minimized_box_status"
 }
 declare enum TELE_BOX_DELEGATE_EVENT {
     Close = "close",
@@ -311,6 +313,7 @@ type TeleBoxSize = {
     height: number;
 };
 type TeleBoxState = `${TELE_BOX_STATE}`;
+type NotMinimizedBoxState = `${Exclude<TELE_BOX_STATE, TELE_BOX_STATE.Minimized>}`;
 interface TeleBoxRect {
     readonly x: number;
     readonly y: number;
@@ -374,6 +377,10 @@ interface TeleBoxConfig {
     readonly containerRect?: TeleBoxRect;
     /** Position and dimension of collector */
     readonly collectorRect?: TeleBoxRect;
+    /** Status of boxes. */
+    readonly boxStatus?: TeleBoxState;
+    /** Last not minimized box status. */
+    readonly lastNotMinimizedBoxStatus?: NotMinimizedBoxState;
 }
 type CheckTeleBoxConfig<T extends Record<`${TELE_BOX_EVENT}`, any>> = T;
 type TeleBoxEventConfig = CheckTeleBoxConfig<{
@@ -408,6 +415,14 @@ type TeleBoxEventConfig = CheckTeleBoxConfig<{
     maximized: boolean;
     readonly: boolean;
     destroyed: void;
+    box_status: {
+        id: string;
+        boxStatus: TeleBoxState;
+    };
+    last_not_minimized_box_status: {
+        id: string;
+        lastNotMinimizedBoxStatus?: NotMinimizedBoxState;
+    };
 }>;
 type TeleBoxEvent = keyof TeleBoxEventConfig;
 interface TeleBoxEvents extends EventEmitter<TeleBoxEvent> {
@@ -434,9 +449,11 @@ interface TeleBoxDelegateEvents extends EventEmitter<TeleBoxDelegateEvent> {
 type TeleTitleBarEvent<U = keyof TeleBoxDelegateEventConfig> = U extends keyof TeleBoxDelegateEventConfig ? TeleBoxDelegateEventConfig[U] extends void ? {
     type: U;
     value?: TeleBoxDelegateEventConfig[U];
+    boxId?: string;
 } : {
     type: U;
     value: TeleBoxDelegateEventConfig[U];
+    boxId?: string;
 } : never;
 interface TeleTitleBarConfig {
     readonly?: boolean;
@@ -452,6 +469,7 @@ interface TeleTitleBar {
     setReadonly(readonly: boolean): void;
     render(): HTMLElement;
     destroy(): void;
+    setBoxStatus(boxStatus?: TeleBoxState): void;
 }
 
 type DefaultTitleBarButton = TeleTitleBarEvent & {
@@ -460,15 +478,18 @@ type DefaultTitleBarButton = TeleTitleBarEvent & {
 };
 interface DefaultTitleBarConfig extends TeleTitleBarConfig {
     buttons?: ReadonlyArray<DefaultTitleBarButton>;
+    boxStatus?: TeleBoxState;
 }
 declare class DefaultTitleBar implements TeleTitleBar {
-    constructor({ readonly, title, buttons, onEvent, onDragStart, namespace, state, }?: DefaultTitleBarConfig);
+    protected boxStatus?: TeleBoxState;
+    constructor({ readonly, title, buttons, onEvent, onDragStart, namespace, state, boxStatus, }?: DefaultTitleBarConfig);
     readonly namespace: string;
     $titleBar: HTMLElement | undefined;
     $title: HTMLElement | undefined;
     $dragArea: HTMLElement;
     setTitle(title: string): void;
     setState(state: TeleBoxState): void;
+    setBoxStatus(boxStatus?: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
     render(): HTMLElement;
     renderDragArea(): HTMLElement;
@@ -529,7 +550,7 @@ type ValConfig$1 = {
 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, }?: 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 }?: TeleBoxConfig);
     readonly id: string;
     /** ClassName Prefix. For CSS styling. Default "telebox" */
     readonly namespace: string;
@@ -544,11 +565,18 @@ declare class TeleBox {
     _visualSize$: Val<TeleBoxSize, boolean>;
     _coord$: Val<TeleBoxCoord, boolean>;
     _intrinsicCoord$: Val<TeleBoxCoord, boolean>;
+    _boxStatus$: Val<TeleBoxState | undefined, boolean>;
+    _lastNotMinimizedBoxStatus$: Val<NotMinimizedBoxState | undefined, boolean>;
+    get boxStatus(): TeleBoxState | undefined;
+    set boxStatus(boxStatus: TeleBoxState | undefined);
+    get lastNotMinimizedBoxStatus(): NotMinimizedBoxState | undefined;
     get darkMode(): boolean;
     _state$: Val<TeleBoxState, boolean>;
     get state(): TeleBoxState;
     /** @deprecated use setMaximized and setMinimized instead */
     setState(state: TeleBoxState, skipUpdate?: boolean): this;
+    setBoxStatus(boxStatus: TeleBoxState, skipUpdate?: boolean): this;
+    setLastNotMinimizedBoxStatus(lastNotMinimizedBoxStatus?: NotMinimizedBoxState, skipUpdate?: boolean): this;
     /** Minimum box width relative to container element. 0~1. Default 0. */
     get minWidth(): number;
     /** Minimum box height relative to container element. 0~1. Default 0. */
@@ -718,7 +746,9 @@ declare enum TELE_BOX_MANAGER_EVENT {
     VisualResize = "visual_resize",
     ZIndex = "z_index",
     PrefersColorScheme = "prefers_color_scheme",
-    DarkMode = "dark_mode"
+    DarkMode = "dark_mode",
+    BoxStatus = "box_status",
+    LastNotMinimizedBoxStatus = "last_not_minimized_box_status"
 }
 
 interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme" | "fence" | "containerRect" | "maximized" | "minimized" | "namespace" | "readonly"> {
@@ -727,7 +757,7 @@ interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme"
     /** Where the minimized boxes go. */
     collector?: TeleBoxCollector;
 }
-type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "fixRatio" | "zIndex";
+type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "fixRatio" | "zIndex" | "boxStatus" | "lastNotMinimizedBoxStatus";
 type TeleBoxManagerCreateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer" | "id" | "focus">;
 type TeleBoxManagerQueryConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "id" | "focus">;
 type TeleBoxManagerUpdateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer">;
@@ -748,6 +778,14 @@ type TeleBoxManagerEventConfig = CheckTeleBoxManagerConfig<{
     z_index: [ReadonlyTeleBox];
     prefers_color_scheme: [TeleBoxColorScheme];
     dark_mode: [boolean];
+    box_status: [{
+        id: string;
+        boxStatus?: TeleBoxState;
+    }];
+    last_not_minimized_box_status: [{
+        id: string;
+        boxStatus?: NotMinimizedBoxState;
+    }];
 }>;
 type TeleBoxManagerEvent = keyof TeleBoxManagerEventConfig;
 interface TeleBoxManagerEvents extends EventEmitter<TeleBoxManagerEvent> {
@@ -757,17 +795,27 @@ interface TeleBoxManagerEvents extends EventEmitter<TeleBoxManagerEvent> {
     emit<U extends TeleBoxManagerEvent>(event: U, ...value: TeleBoxManagerEventConfig[U]): boolean;
 }
 
-type MaxTitleBarTeleBox = Pick<TeleBox, "id" | "title" | "readonly">;
+type MaxTitleBarTeleBox = Pick<TeleBox, "id" | "title" | "readonly" | "zIndex" | "$box">;
 interface MaxTitleBarConfig extends DefaultTitleBarConfig {
     darkMode: boolean;
     boxes: MaxTitleBarTeleBox[];
     containerRect: TeleBoxRect;
     focusedBox?: MaxTitleBarTeleBox;
+    boxesStatus?: Map<string, TeleBoxState>;
 }
 declare class MaxTitleBar extends DefaultTitleBar {
+    boxesStatus?: Map<string, TeleBoxState>;
     constructor(config: MaxTitleBarConfig);
+    hasMaximizedBoxInStatus(): boolean;
+    get MaximizedBoxes(): MaxTitleBarTeleBox[];
+    /**
+     * 设置MaxTitleBar的focusedBox
+     * @param box 如果box为空，则全部失去焦点
+     * @returns
+     */
     focusBox(box?: MaxTitleBarTeleBox): void;
     setContainerRect(rect: TeleBoxRect): void;
+    setBoxesStatus(boxesStatus: Map<string, TeleBoxState>): void;
     setBoxes(boxes: MaxTitleBarTeleBox[]): void;
     setState(state: TeleBoxState): void;
     setReadonly(readonly: boolean): void;
@@ -796,6 +844,8 @@ type ValConfig = {
 interface TeleBoxManager extends ValEnhancedResult<ValConfig> {
 }
 declare class TeleBoxManager {
+    private boxesStatus$;
+    private lastNotMinimizedBoxesStatus$;
     constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, }?: TeleBoxManagerConfig);
     get boxes(): ReadonlyArray<TeleBox>;
     get topBox(): TeleBox | undefined;
@@ -804,11 +854,19 @@ declare class TeleBoxManager {
     protected root: HTMLElement;
     readonly namespace: string;
     _darkMode$: Val<boolean, boolean>;
+    _calcCollectorRect: () => TeleBoxRect | undefined;
     get darkMode(): boolean;
     _state$: Val<TeleBoxState, boolean>;
     get state(): TeleBoxState;
     /** @deprecated use setMaximized and setMinimized instead */
     setState(state: TeleBoxState, skipUpdate?: boolean): this;
+    setBoxStatus(boxId: string, boxStatus?: TeleBoxState, skipUpdate?: boolean): void;
+    private setBoxesStatus;
+    hasBoxesStatus(): boolean;
+    hasMinimizedBox(): boolean;
+    setLastNotMinimizedBoxStatus(boxId: string, lastNotMinimizedBoxStatus?: NotMinimizedBoxState, skipUpdate?: boolean): void;
+    private setLastNotMinimizedBoxesStatus;
+    private getAllMinimizedBoxes;
     create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
     query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[];
     queryOne(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox | undefined;
@@ -830,8 +888,12 @@ declare class TeleBoxManager {
     protected updateBox(box: TeleBox, config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
     protected smartPosition(config?: TeleBoxConfig): TeleBoxConfig;
     protected makeBoxTop(box: TeleBox, skipUpdate?: boolean): void;
+    protected makeMaximizedTopBoxFocus(): void;
+    private makeTopBoxEffect;
+    protected makeMaximizedBoxFocus(maximizedBox: MaxTitleBarTeleBox, skipUpdate?: boolean): void;
+    protected makeMaximizedBoxBlur(): void;
     protected getBoxIndex(boxOrID: TeleBox | string): number;
     protected getBox(boxOrID: TeleBox | string): TeleBox | undefined;
 }
 
-export { DefaultTitleBar, type DefaultTitleBarButton, type DefaultTitleBarConfig, type ReadonlyTeleBox, TELE_BOX_COLOR_SCHEME, TELE_BOX_DELEGATE_EVENT, TELE_BOX_EVENT, TELE_BOX_MANAGER_EVENT, TELE_BOX_RESIZE_HANDLE, TELE_BOX_STATE, TeleBox, TeleBoxCollector, type TeleBoxCollectorConfig, type TeleBoxColorScheme, type TeleBoxConfig, type TeleBoxCoord, type TeleBoxDelegateEvent, type TeleBoxDelegateEventConfig, type TeleBoxDelegateEvents, TeleBoxDragHandleType, type TeleBoxEvent, type TeleBoxEventConfig, type TeleBoxEvents, type TeleBoxHandleType, TeleBoxManager, type TeleBoxManagerConfig, type TeleBoxManagerCreateConfig, type TeleBoxManagerEvent, type TeleBoxManagerEventConfig, type TeleBoxManagerEvents, type TeleBoxManagerQueryConfig, type TeleBoxManagerUpdateConfig, type TeleBoxRect, type TeleBoxSize, type TeleBoxState, type TeleTitleBar, type TeleTitleBarConfig, type TeleTitleBarEvent };
+export { DefaultTitleBar, type DefaultTitleBarButton, type DefaultTitleBarConfig, type NotMinimizedBoxState, type ReadonlyTeleBox, TELE_BOX_COLOR_SCHEME, TELE_BOX_DELEGATE_EVENT, TELE_BOX_EVENT, TELE_BOX_MANAGER_EVENT, TELE_BOX_RESIZE_HANDLE, TELE_BOX_STATE, TeleBox, TeleBoxCollector, type TeleBoxCollectorConfig, type TeleBoxColorScheme, type TeleBoxConfig, type TeleBoxCoord, type TeleBoxDelegateEvent, type TeleBoxDelegateEventConfig, type TeleBoxDelegateEvents, TeleBoxDragHandleType, type TeleBoxEvent, type TeleBoxEventConfig, type TeleBoxEvents, type TeleBoxHandleType, TeleBoxManager, type TeleBoxManagerConfig, type TeleBoxManagerCreateConfig, type TeleBoxManagerEvent, type TeleBoxManagerEventConfig, type TeleBoxManagerEvents, type TeleBoxManagerQueryConfig, type TeleBoxManagerUpdateConfig, type TeleBoxRect, type TeleBoxSize, type TeleBoxState, type TeleTitleBar, type TeleTitleBarConfig, type TeleTitleBarEvent };