@netless/telebox-insider 1.0.0-alpha.2 → 1.0.0-alpha.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@netless/telebox-insider",
3
- "version": "1.0.0-alpha.2",
3
+ "version": "1.0.0-alpha.3",
4
4
  "private": false,
5
5
  "description": "Window widget for Whiteboard",
6
6
  "license": "MIT",
@@ -107,22 +107,15 @@ export class TeleBoxManager {
107
107
  return () => void 0;
108
108
  }
109
109
  const observer = new ResizeObserver((entries) => {
110
- this._sideEffect.setTimeout(
111
- // debounce
112
- () => {
113
- const rect = entries[0]?.contentRect;
114
- if (rect) {
115
- rootRect$.setValue({
116
- x: rect.x,
117
- y: rect.y,
118
- width: rect.width,
119
- height: rect.height,
120
- });
121
- }
122
- },
123
- 50,
124
- "root-resize-observer"
125
- );
110
+ const rect = entries[0]?.contentRect;
111
+ if (rect) {
112
+ rootRect$.setValue({
113
+ x: rect.x,
114
+ y: rect.y,
115
+ width: rect.width,
116
+ height: rect.height,
117
+ });
118
+ }
126
119
  });
127
120
  observer.observe(root);
128
121
  return () => observer.disconnect();
@@ -207,7 +200,10 @@ export class TeleBoxManager {
207
200
  rootRect$,
208
201
  ratio$: stageRatio$,
209
202
  root$,
210
- highlightStage$,
203
+ highlightStage$: combine(
204
+ [highlightStage$, maximized$],
205
+ ([highlightStage, maximized]) => highlightStage && !maximized
206
+ ),
211
207
  });
212
208
  this._sideEffect.addDisposer(() => teleStage.destroy());
213
209
 
@@ -3,7 +3,7 @@
3
3
  .#{$namespace}-box-stage-container {
4
4
  display: none;
5
5
  position: absolute;
6
- z-index: $base-z-index - 1;
6
+ z-index: $base-z-index + 2000;
7
7
  top: 0;
8
8
  left: 0;
9
9
  width: 100%;