@netless/telebox-insider 1.0.0-alpha.31 → 1.0.0-alpha.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/telebox-insider",
-  "version": "1.0.0-alpha.31",
+  "version": "1.0.0-alpha.32",
   "private": false,
   "description": "Window widget for Whiteboard",
   "license": "MIT",

package/src/TeleBox/index.ts

@@ -52,6 +52,9 @@ type ValConfig = {
     resizable: Val<RequiredTeleBoxConfig["resizable"], boolean>;
     draggable: Val<RequiredTeleBoxConfig["draggable"], boolean>;
     boxRatio: Val<RequiredTeleBoxConfig["boxRatio"], boolean>;
+    boxMinimized: Val<boolean | null, boolean>;
+    boxMaximized: Val<boolean | null, boolean>;
+    boxReadonly: Val<boolean | null, boolean>;
     stageRatio: Val<RequiredTeleBoxConfig["stageRatio"], boolean>;
     stageStyle: Val<RequiredTeleBoxConfig["stageStyle"], boolean>;
     bodyStyle: Val<RequiredTeleBoxConfig["bodyStyle"], boolean>;
@@ -60,10 +63,10 @@ type ValConfig = {
 type PropsValConfig = {
     darkMode: RequiredTeleBoxConfig["darkMode$"];
     fence: RequiredTeleBoxConfig["fence$"];
-    minimized: RequiredTeleBoxConfig["minimized$"];
-    maximized: RequiredTeleBoxConfig["maximized$"];
-    readonly: RequiredTeleBoxConfig["readonly$"];
     rootRect: RequiredTeleBoxConfig["rootRect$"];
+    managerMinimized: RequiredTeleBoxConfig["managerMinimized$"];
+    managerMaximized: RequiredTeleBoxConfig["managerMaximized$"];
+    managerReadonly: RequiredTeleBoxConfig["managerReadonly$"];
     managerStageRect: RequiredTeleBoxConfig["managerStageRect$"];
     managerStageRatio: RequiredTeleBoxConfig["managerStageRatio$"];
     defaultBoxStageStyle: RequiredTeleBoxConfig["defaultBoxStageStyle$"];
@@ -74,7 +77,9 @@ type PropsValConfig = {
 type MyReadonlyValConfig = {
     zIndex: Val<RequiredTeleBoxConfig["zIndex"], boolean>;
     focus: Val<RequiredTeleBoxConfig["focus"], boolean>;
-
+    minimized: ReadonlyVal<boolean, boolean>;
+    maximized: ReadonlyVal<boolean, boolean>;
+    readonly: ReadonlyVal<boolean, boolean>;
     minSize: Val<TeleBoxSize, boolean>;
     intrinsicSize: Val<TeleBoxSize, boolean>;
     intrinsicCoord: Val<TeleBoxCoord, boolean>;
@@ -122,11 +127,11 @@ export class TeleBox {
         stageStyle = null,
         darkMode$,
         fence$,
-        minimized$,
-        maximized$,
-        readonly$,
         root,
         rootRect$,
+        managerMinimized$,
+        managerMaximized$,
+        managerReadonly$,
         managerStageRect$,
         managerStageRatio$,
         defaultBoxBodyStyle$,
@@ -150,6 +155,25 @@ export class TeleBox {
         const zIndex$ = new Val(zIndex);
         const focus$ = new Val(focus);
 
+        const boxMaximized$ = new Val<boolean | null>(null);
+        const boxMinimized$ = new Val<boolean | null>(null);
+        const boxReadonly$ = new Val<boolean | null>(null);
+
+        const maximized$ = combine(
+            [boxMaximized$, managerMaximized$],
+            ([boxMaximized, managerMaximized]) =>
+                boxMaximized ?? managerMaximized
+        );
+        const minimized$ = combine(
+            [boxMinimized$, managerMinimized$],
+            ([boxMinimized, managerMinimized]) =>
+                boxMinimized ?? managerMinimized
+        );
+        const readonly$ = combine(
+            [boxReadonly$, managerReadonly$],
+            ([boxReadonly, managerReadonly]) => boxReadonly ?? managerReadonly
+        );
+
         const state$ = combine(
             [minimized$, maximized$],
             ([minimized, maximized]): TeleBoxState =>
@@ -236,10 +260,10 @@ export class TeleBox {
         const propsValConfig: PropsValConfig = {
             darkMode: darkMode$,
             fence: fence$,
-            minimized: minimized$,
-            maximized: maximized$,
-            readonly: readonly$,
             rootRect: rootRect$,
+            managerMinimized: managerMinimized$,
+            managerMaximized: managerMaximized$,
+            managerReadonly: managerReadonly$,
             managerStageRect: managerStageRect$,
             managerStageRatio: managerStageRatio$,
             defaultBoxBodyStyle: defaultBoxBodyStyle$,
@@ -262,6 +286,9 @@ export class TeleBox {
             pxIntrinsicCoord: pxIntrinsicCoord$,
             bodyRect: bodyRect$,
             stageRect: stageRect$,
+            minimized: minimized$,
+            maximized: maximized$,
+            readonly: readonly$,
         };
 
         withReadonlyValueEnhancer(this, myReadonlyValConfig, valManager);
@@ -272,6 +299,9 @@ export class TeleBox {
             resizable: resizable$,
             draggable: draggable$,
             boxRatio: boxRatio$,
+            boxMinimized: boxMinimized$,
+            boxMaximized: boxMaximized$,
+            boxReadonly: boxReadonly$,
             stageRatio: stageRatio$,
             bodyStyle: bodyStyle$,
             stageStyle: stageStyle$,

package/src/TeleBox/typings.ts

@@ -82,16 +82,16 @@ export interface TeleBoxConfig {
     readonly darkMode$: ReadonlyVal<boolean, boolean>;
     /** Restrict box to always be within the stage area. Default false. */
     readonly fence$: ReadonlyVal<boolean, boolean>;
-    /** Maximize box. Default false. */
-    readonly maximized$: ReadonlyVal<boolean, boolean>;
-    /** Minimize box. Overwrites maximized state. Default false. */
-    readonly minimized$: ReadonlyVal<boolean, boolean>;
-    /** Is box readonly */
-    readonly readonly$: ReadonlyVal<boolean, boolean>;
     /** Root element to mount boxes */
     readonly root: HTMLElement;
     /** Position and dimension of root element */
     readonly rootRect$: ReadonlyVal<TeleBoxRect>;
+    /** Maximize state from manager. Default false. */
+    readonly managerMaximized$: ReadonlyVal<boolean, boolean>;
+    /** Minimize state from manager. Overwrites maximized state. Default false. */
+    readonly managerMinimized$: ReadonlyVal<boolean, boolean>;
+    /** Manager readonly state. */
+    readonly managerReadonly$: ReadonlyVal<boolean, boolean>;
     /** Position and dimension of stage area */
     readonly managerStageRect$: ReadonlyVal<TeleBoxRect>;
     /** Stage area height/with ratio. No ratio if <= 0. */

package/src/TeleBoxManager/index.ts

@@ -484,13 +484,13 @@ export class TeleBoxManager {
             namespace: this.namespace,
             root: this.$stage,
             darkMode$: this._darkMode$,
-            maximized$: this._maximized$,
-            minimized$: this._minimized$,
             fence$: this._fence$,
             rootRect$: this._rootRect$,
             managerStageRect$: this._stageRect$,
             managerStageRatio$: this._stageRatio$,
-            readonly$: this._readonly$,
+            managerMaximized$: this._maximized$,
+            managerMinimized$: this._minimized$,
+            managerReadonly$: this._readonly$,
             collectorRect$: this.collector._rect$,
             defaultBoxBodyStyle$: this._defaultBoxBodyStyle$,
             defaultBoxStageStyle$: this._defaultBoxStageStyle$,