@netless/telebox-insider 0.3.0-beta.6 → 0.3.0-beta.8

package/dist/index.d.ts

@@ -849,7 +849,7 @@ interface AppMenuProps {
 }
 declare class AppMenu {
     private readonly namespace;
-    readonly container: HTMLDivElement;
+    private container;
     private readonly badge;
     private readonly menuView;
     private readonly manager;
@@ -861,6 +861,7 @@ declare class AppMenu {
     private c;
     containerClickHandler: () => void;
     private menuViewClickHandler;
+    setContainer(container: HTMLDivElement): void;
     private createDefaultAppMenu;
     private init;
     updatePrefersColorSchemeHandler: () => void;
@@ -909,7 +910,8 @@ declare class TeleBoxManager {
     getBoxStatus(boxId: string): TeleBoxState | undefined;
     get boxesStatus(): ReadonlyMap<string, TeleBoxState>;
     get lastNotMinimizedBoxesStatus(): ReadonlyMap<string, NotMinimizedBoxState>;
-    setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate?: boolean): Promise<void>;
+    setBoxesStatus(boxesStatus: Map<string, TeleBoxState>, skipUpdate?: boolean): void;
+    getBoxesStatus(): Map<string, TeleBoxState>;
     private effectBoxStatusChange;
     private effectBoxesStatusTimerFunc;
     effectBoxesStatusChange(skipUpdate?: boolean): Promise<void>;
@@ -962,4 +964,5 @@ declare class TeleBoxManager {
     createMinimizedAppMenu(): AppMenu | undefined;
 }
 
-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 };
+export { DefaultTitleBar, TELE_BOX_COLOR_SCHEME, TELE_BOX_DELEGATE_EVENT, TELE_BOX_EVENT, TELE_BOX_MANAGER_EVENT, TELE_BOX_RESIZE_HANDLE, TELE_BOX_STATE, TeleBox, TeleBoxCollector, TeleBoxDragHandleType, TeleBoxManager };
+export type { DefaultTitleBarButton, DefaultTitleBarConfig, NotMinimizedBoxState, ReadonlyTeleBox, TeleBoxCollectorConfig, TeleBoxColorScheme, TeleBoxConfig, TeleBoxCoord, TeleBoxDelegateEvent, TeleBoxDelegateEventConfig, TeleBoxDelegateEvents, TeleBoxEvent, TeleBoxEventConfig, TeleBoxEvents, TeleBoxHandleType, TeleBoxManagerConfig, TeleBoxManagerCreateConfig, TeleBoxManagerEvent, TeleBoxManagerEventConfig, TeleBoxManagerEvents, TeleBoxManagerQueryConfig, TeleBoxManagerUpdateConfig, TeleBoxRect, TeleBoxSize, TeleBoxState, TeleTitleBar, TeleTitleBarConfig, TeleTitleBarEvent };

package/dist/style.css

@@ -81,7 +81,6 @@
   display: flex;
   flex-direction: column;
 }
-
 .telebox-footer-wrap::before {
   content: "";
   display: block;
@@ -236,7 +235,6 @@
 .telebox-color-scheme-dark {
   color-scheme: dark;
 }
-
 .telebox-color-scheme-dark .telebox-box-main {
   color: #e9e9e9;
   background: #212126;
@@ -313,7 +311,6 @@
   background: transparent;
   cursor: pointer;
 }
-
 .telebox-titlebar-btn ~ .telebox-titlebar-btn {
   margin-left: 10px;
 }
@@ -334,7 +331,6 @@
 .telebox-titlebar-icon-maximize {
   background: center/cover no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjh2MjhIMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjYSIgLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPGcgZmlsbD0iI0E3QTdDQSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIj4KICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgIGQ9Ik0yMC40ODEgMTcuMWgxLjJ2NC41ODFIMTcuMXYtMS4yaDMuMzgxVjE3LjF6bS0xNC4xOTA1LS4wMDloMS4ydjMuMzgxaDMuMzgwOXYxLjJoLTQuNTgxdi00LjU4MXpNMTcuMSA2LjE5MDVoNC41ODF2NC41ODA5aC0xLjJ2LTMuMzgxSDE3LjF2LTEuMnptLTEwLjcwMDguMTA4N2g0Ljc5ODV2MS4ySDcuNTk5MnYzLjU5ODVoLTEuMlY2LjI5OTJ6IiAvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
 }
-
 .telebox-titlebar-icon-maximize.is-active {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjggMjgiPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjZ2MjZIMHoiIC8+CiAgICAgICAgPHBhdGggaWQ9ImMiIGQ9Ik0yNi44NjkgMEwyOCAxLjEzMVYyNi44N0wyNi44NjkgMjhIMS4xM0wwIDI2Ljg3VjEuMTMxTDEuMTMgMHoiIC8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNhIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tNC42NDI5LTQuNjQyOWgzNS4yODU4djM1LjI4NThILTQuNjQyOXoiIG1hc2s9InVybCgjYikiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjIiAvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTcuNTE2OCAxNEwxNC0xNy41MTY4IDQ1LjUxNjggMTQgMTQgNDUuNTE2OHoiIG1hc2s9InVybCgjZCkiIC8+CiAgICAgICAgPC9nPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI0E3QTdDQSIgc3Ryb2tlLXdpZHRoPSIxLjIiCiAgICAgICAgICAgIGQ9Ik0xMC4wODg2IDIxLjQ4NjV2LTMuNjk2Nkg2LjM5Mk0yMS4zODU1IDEwLjE4OTVoLTMuNjk2NlY2LjQ5M00yMS40MDIgMTcuNzk4M2gtMy42OTY2djMuNjk2Nk0xMC4yNTAzIDYuMTQ5OHYzLjg5ODVINi4zNTE3IiAvPgogICAgPC9nPgo8L3N2Zz4K");
 }
@@ -346,11 +342,9 @@
 .telebox-color-scheme-dark {
   color-scheme: dark;
 }
-
 .telebox-color-scheme-dark .telebox-title {
   color: #e9e9e9;
 }
-
 .telebox-color-scheme-dark .telebox-titlebar {
   color: #e9e9e9;
   background: #43434d;
@@ -394,7 +388,6 @@
 .telebox-color-scheme-dark {
   color-scheme: dark;
 }
-
 .telebox-color-scheme-dark.telebox-collector {
   background-color: #43434d;
 }
@@ -426,9 +419,11 @@
 .telebox-max-titlebar.telebox-max-titlebar-single-title .telebox-title {
   display: block;
 }
+
 .telebox-max-titlebar-maximized {
   display: flex;
 }
+
 .telebox-titles {
   height: 100%;
   margin: 0;
@@ -456,10 +451,10 @@
   background-color: rgba(238, 238, 247, 0.8);
 }
 .telebox-titles::-webkit-scrollbar-thumb:hover {
-  background-color: #eeeef7;
+  background-color: rgb(238, 238, 247);
 }
 .telebox-titles::-webkit-scrollbar-thumb:active {
-  background-color: #eeeef7;
+  background-color: rgb(238, 238, 247);
 }
 .telebox-titles::-webkit-scrollbar-thumb:vertical {
   min-height: 50px;
@@ -467,6 +462,7 @@
 .telebox-titles::-webkit-scrollbar-thumb:horizontal {
   min-width: 50px;
 }
+
 .telebox-titles-content {
   height: 100%;
   display: flex;
@@ -474,6 +470,7 @@
   align-items: center;
   padding: 0;
 }
+
 .telebox-titles-tab {
   height: 100%;
   overflow: hidden;
@@ -494,12 +491,15 @@
   cursor: pointer;
   user-select: none;
 }
+
 .telebox-titles-tab-focus {
   color: #357bf6;
 }
+
 .telebox-readonly .telebox-titles-tab {
   cursor: not-allowed;
 }
+
 .telebox-color-scheme-dark {
   color-scheme: dark;
 }
@@ -545,7 +545,7 @@
   flex-flow: column nowrap;
   align-items: center;
   justify-content: flex-end;
-  box-shadow: 0 2px 6px #2f419226;
+  box-shadow: 0 2px 6px rgba(47, 65, 146, 0.1490196078);
   border-radius: 4px;
   padding: 3px 0;
   background-color: #fff;