@netless/telebox-insider 0.3.0-beta.2 → 0.3.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -5
- package/dist/telebox-insider.cjs.js +25 -12
- package/dist/telebox-insider.cjs.js.map +1 -1
- package/dist/telebox-insider.es.js +25 -12
- package/dist/telebox-insider.es.js.map +1 -1
- package/package.json +1 -1
- package/src/TeleBoxManager/MaxTitleBar/index.ts +18 -13
- package/src/TeleBoxManager/index.ts +13 -5
package/dist/index.d.ts
CHANGED
|
@@ -801,10 +801,10 @@ interface MaxTitleBarConfig extends DefaultTitleBarConfig {
|
|
|
801
801
|
boxes: MaxTitleBarTeleBox[];
|
|
802
802
|
containerRect: TeleBoxRect;
|
|
803
803
|
focusedBox?: MaxTitleBarTeleBox;
|
|
804
|
-
|
|
804
|
+
getBoxesStatus?: () => Map<string, TeleBoxState>;
|
|
805
805
|
}
|
|
806
806
|
declare class MaxTitleBar extends DefaultTitleBar {
|
|
807
|
-
|
|
807
|
+
getBoxesStatus?: MaxTitleBarConfig["getBoxesStatus"];
|
|
808
808
|
constructor(config: MaxTitleBarConfig);
|
|
809
809
|
hasMaximizedBoxInStatus(): boolean;
|
|
810
810
|
get MaximizedBoxes(): MaxTitleBarTeleBox[];
|
|
@@ -815,7 +815,7 @@ declare class MaxTitleBar extends DefaultTitleBar {
|
|
|
815
815
|
*/
|
|
816
816
|
focusBox(box?: MaxTitleBarTeleBox): void;
|
|
817
817
|
setContainerRect(rect: TeleBoxRect): void;
|
|
818
|
-
|
|
818
|
+
updateBoxesStatus(): void;
|
|
819
819
|
setBoxes(boxes: MaxTitleBarTeleBox[]): void;
|
|
820
820
|
setState(state: TeleBoxState): void;
|
|
821
821
|
setReadonly(readonly: boolean): void;
|
|
@@ -861,11 +861,11 @@ declare class TeleBoxManager {
|
|
|
861
861
|
/** @deprecated use setMaximized and setMinimized instead */
|
|
862
862
|
setState(state: TeleBoxState, skipUpdate?: boolean): this;
|
|
863
863
|
setBoxStatus(boxId: string, boxStatus?: TeleBoxState, skipUpdate?: boolean): void;
|
|
864
|
-
|
|
864
|
+
setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate?: boolean): void;
|
|
865
865
|
hasBoxesStatus(): boolean;
|
|
866
866
|
hasMinimizedBox(): boolean;
|
|
867
867
|
setLastNotMinimizedBoxStatus(boxId: string, lastNotMinimizedBoxStatus?: NotMinimizedBoxState, skipUpdate?: boolean): void;
|
|
868
|
-
|
|
868
|
+
setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus: Map<string, NotMinimizedBoxState>, skipUpdate?: boolean): void;
|
|
869
869
|
private getAllMinimizedBoxes;
|
|
870
870
|
create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
|
|
871
871
|
query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[];
|
|
@@ -2419,20 +2419,26 @@ class MaxTitleBar extends DefaultTitleBar {
|
|
|
2419
2419
|
this.focusedBox = config.focusedBox;
|
|
2420
2420
|
this.containerRect = config.containerRect;
|
|
2421
2421
|
this.darkMode = config.darkMode;
|
|
2422
|
-
this.
|
|
2422
|
+
this.getBoxesStatus = config.getBoxesStatus;
|
|
2423
2423
|
}
|
|
2424
2424
|
hasMaximizedBoxInStatus() {
|
|
2425
|
-
if (
|
|
2426
|
-
|
|
2425
|
+
if (this.getBoxesStatus) {
|
|
2426
|
+
const boxesStatus = this.getBoxesStatus();
|
|
2427
|
+
if (boxesStatus.size) {
|
|
2428
|
+
const hasMaximizedBox = [...boxesStatus.values()].find((state) => state === exports.TELE_BOX_STATE.Maximized);
|
|
2429
|
+
return !!hasMaximizedBox;
|
|
2430
|
+
}
|
|
2427
2431
|
}
|
|
2428
|
-
|
|
2429
|
-
return !!hasMaximizedBox;
|
|
2432
|
+
return false;
|
|
2430
2433
|
}
|
|
2431
2434
|
get MaximizedBoxes() {
|
|
2432
|
-
if (
|
|
2433
|
-
|
|
2435
|
+
if (this.getBoxesStatus) {
|
|
2436
|
+
const boxesStatus = this.getBoxesStatus();
|
|
2437
|
+
if (boxesStatus) {
|
|
2438
|
+
return this.boxes.filter((box) => boxesStatus && boxesStatus.get(box.id) === exports.TELE_BOX_STATE.Maximized);
|
|
2439
|
+
}
|
|
2434
2440
|
}
|
|
2435
|
-
return
|
|
2441
|
+
return [];
|
|
2436
2442
|
}
|
|
2437
2443
|
focusBox(box) {
|
|
2438
2444
|
var _a, _b;
|
|
@@ -2477,8 +2483,7 @@ class MaxTitleBar extends DefaultTitleBar {
|
|
|
2477
2483
|
this.$titleBar.style.width = width + "px";
|
|
2478
2484
|
}
|
|
2479
2485
|
}
|
|
2480
|
-
|
|
2481
|
-
this.boxesStatus = boxesStatus;
|
|
2486
|
+
updateBoxesStatus() {
|
|
2482
2487
|
if (this.hasMaximizedBoxInStatus()) {
|
|
2483
2488
|
this.setBoxStatus(exports.TELE_BOX_STATE.Maximized);
|
|
2484
2489
|
}
|
|
@@ -2771,7 +2776,9 @@ class TeleBoxManager {
|
|
|
2771
2776
|
state: state$.value,
|
|
2772
2777
|
boxes: this.boxes$.value,
|
|
2773
2778
|
containerRect: containerRect$.value,
|
|
2774
|
-
|
|
2779
|
+
getBoxesStatus: () => {
|
|
2780
|
+
return this.boxesStatus$;
|
|
2781
|
+
},
|
|
2775
2782
|
onEvent: (event) => {
|
|
2776
2783
|
var _a, _b, _c;
|
|
2777
2784
|
switch (event.type) {
|
|
@@ -2880,6 +2887,7 @@ class TeleBoxManager {
|
|
|
2880
2887
|
}
|
|
2881
2888
|
setBoxesStatus(boxesStatus, skipUpdate = false) {
|
|
2882
2889
|
var _a, _b, _c, _d;
|
|
2890
|
+
this.boxesStatus$ = boxesStatus;
|
|
2883
2891
|
let topBox;
|
|
2884
2892
|
const topBoxId = (_a = this.topBox) == null ? void 0 : _a.id;
|
|
2885
2893
|
let hasMinimizedBox = false;
|
|
@@ -2910,7 +2918,7 @@ class TeleBoxManager {
|
|
|
2910
2918
|
this.focusTopBox();
|
|
2911
2919
|
}
|
|
2912
2920
|
if (this.maxTitleBar) {
|
|
2913
|
-
this.maxTitleBar.
|
|
2921
|
+
this.maxTitleBar.updateBoxesStatus();
|
|
2914
2922
|
}
|
|
2915
2923
|
}
|
|
2916
2924
|
hasBoxesStatus() {
|
|
@@ -2932,6 +2940,7 @@ class TeleBoxManager {
|
|
|
2932
2940
|
}
|
|
2933
2941
|
}
|
|
2934
2942
|
setLastNotMinimizedBoxesStatus(lastNotMinimizedBoxesStatus, skipUpdate = false) {
|
|
2943
|
+
this.lastNotMinimizedBoxesStatus$ = lastNotMinimizedBoxesStatus;
|
|
2935
2944
|
this.boxes.forEach((box) => {
|
|
2936
2945
|
const boxStatus = lastNotMinimizedBoxesStatus.get(box.id);
|
|
2937
2946
|
if (boxStatus) {
|
|
@@ -3072,6 +3081,10 @@ class TeleBoxManager {
|
|
|
3072
3081
|
const deletedBoxes = boxes.splice(index2, 1);
|
|
3073
3082
|
this.boxes$.setValue(boxes);
|
|
3074
3083
|
deletedBoxes.forEach((box2) => box2.destroy());
|
|
3084
|
+
if (box) {
|
|
3085
|
+
this.boxesStatus$.delete(box.id);
|
|
3086
|
+
this.lastNotMinimizedBoxesStatus$.delete(box.id);
|
|
3087
|
+
}
|
|
3075
3088
|
if (!skipUpdate) {
|
|
3076
3089
|
if (this.boxes.length <= 0) {
|
|
3077
3090
|
this.setMaximized(false);
|