@netless/telebox-insider 0.2.28 → 0.2.30
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 +837 -6
- package/dist/telebox-insider.cjs.js +0 -150
- package/dist/telebox-insider.cjs.js.map +1 -1
- package/dist/telebox-insider.es.js +1 -146
- package/dist/telebox-insider.es.js.map +1 -1
- package/package.json +77 -78
- package/src/index.ts +1 -1
- package/dist/TeleBox/constants.d.ts +0 -44
- package/dist/TeleBox/index.d.ts +0 -171
- package/dist/TeleBox/typings.d.ts +0 -133
- package/dist/TeleBoxCollector/TeleBoxCollector.stories.d.ts +0 -5
- package/dist/TeleBoxCollector/index.d.ts +0 -39
- package/dist/TeleBoxManager/MaxTitleBar/MaxTitleBar.stories.d.ts +0 -7
- package/dist/TeleBoxManager/MaxTitleBar/MaxTitleBarReact.d.ts +0 -4
- package/dist/TeleBoxManager/MaxTitleBar/index.d.ts +0 -29
- package/dist/TeleBoxManager/constants.d.ts +0 -17
- package/dist/TeleBoxManager/index.d.ts +0 -60
- package/dist/TeleBoxManager/typings.d.ts +0 -42
- package/dist/TeleBoxReact/TeleBox.stories.d.ts +0 -9
- package/dist/TeleBoxReact/index.d.ts +0 -17
- package/dist/TeleBoxReact/utils.d.ts +0 -2
- package/dist/TeleTitleBar/DefaultTitleBar/DefaultTitleBar.stories.d.ts +0 -4
- package/dist/TeleTitleBar/DefaultTitleBar/index.d.ts +0 -46
- package/dist/TeleTitleBar/index.d.ts +0 -2
- package/dist/TeleTitleBar/typings.d.ts +0 -23
- package/dist/typings.d.ts +0 -3
- package/dist/utils.d.ts +0 -9
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import type { TeleBoxConfig, TeleBoxRect, TeleBoxState } from "../TeleBox/typings";
|
|
2
|
-
import { TeleBoxCollector } from "../TeleBoxCollector";
|
|
3
|
-
import { ReadonlyTeleBox, TeleBox } from "../TeleBox";
|
|
4
|
-
import type { TeleBoxManagerConfig, TeleBoxManagerCreateConfig, TeleBoxManagerEvents, TeleBoxManagerQueryConfig, TeleBoxManagerUpdateConfig } from "./typings";
|
|
5
|
-
import { MaxTitleBar } from "./MaxTitleBar";
|
|
6
|
-
import { TeleBoxColorScheme } from "..";
|
|
7
|
-
import { SideEffectManager } from "side-effect-manager";
|
|
8
|
-
import { Val, ValEnhancedResult } from "value-enhancer";
|
|
9
|
-
export * from "./typings";
|
|
10
|
-
export * from "./constants";
|
|
11
|
-
declare type ValConfig = {
|
|
12
|
-
prefersColorScheme: Val<TeleBoxColorScheme, boolean>;
|
|
13
|
-
containerRect: Val<TeleBoxRect, boolean>;
|
|
14
|
-
collector: Val<TeleBoxCollector | null>;
|
|
15
|
-
collectorRect: Val<TeleBoxRect | undefined>;
|
|
16
|
-
readonly: Val<boolean, boolean>;
|
|
17
|
-
minimized: Val<boolean, boolean>;
|
|
18
|
-
maximized: Val<boolean, boolean>;
|
|
19
|
-
fence: Val<boolean, boolean>;
|
|
20
|
-
};
|
|
21
|
-
export interface TeleBoxManager extends ValEnhancedResult<ValConfig> {
|
|
22
|
-
}
|
|
23
|
-
export declare class TeleBoxManager {
|
|
24
|
-
constructor({ root, prefersColorScheme, minimized, maximized, fence, containerRect, collector, namespace, readonly, }?: TeleBoxManagerConfig);
|
|
25
|
-
get boxes(): ReadonlyArray<TeleBox>;
|
|
26
|
-
get topBox(): TeleBox | undefined;
|
|
27
|
-
readonly events: TeleBoxManagerEvents;
|
|
28
|
-
protected _sideEffect: SideEffectManager;
|
|
29
|
-
protected root: HTMLElement;
|
|
30
|
-
readonly namespace: string;
|
|
31
|
-
_darkMode$: Val<boolean, boolean>;
|
|
32
|
-
get darkMode(): boolean;
|
|
33
|
-
_state$: Val<TeleBoxState, boolean>;
|
|
34
|
-
get state(): TeleBoxState;
|
|
35
|
-
/** @deprecated use setMaximized and setMinimized instead */
|
|
36
|
-
setState(state: TeleBoxState, skipUpdate?: boolean): this;
|
|
37
|
-
create(config?: TeleBoxManagerCreateConfig, smartPosition?: boolean): ReadonlyTeleBox;
|
|
38
|
-
query(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox[];
|
|
39
|
-
queryOne(config?: TeleBoxManagerQueryConfig): ReadonlyTeleBox | undefined;
|
|
40
|
-
update(boxID: string, config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
|
|
41
|
-
updateAll(config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
|
|
42
|
-
remove(boxOrID: string | TeleBox, skipUpdate?: boolean): ReadonlyTeleBox | undefined;
|
|
43
|
-
removeTopBox(): ReadonlyTeleBox | undefined;
|
|
44
|
-
removeAll(skipUpdate?: boolean): ReadonlyTeleBox[];
|
|
45
|
-
destroy(skipUpdate?: boolean): void;
|
|
46
|
-
wrapClassName(className: string): string;
|
|
47
|
-
focusBox(boxOrID: string | TeleBox, skipUpdate?: boolean): void;
|
|
48
|
-
focusTopBox(): void;
|
|
49
|
-
blurBox(boxOrID: string | TeleBox, skipUpdate?: boolean): void;
|
|
50
|
-
blurAll(skipUpdate?: boolean): void;
|
|
51
|
-
protected maxTitleBar: MaxTitleBar;
|
|
52
|
-
protected boxes$: Val<TeleBox[]>;
|
|
53
|
-
protected topBox$: Val<TeleBox | undefined>;
|
|
54
|
-
protected teleBoxMatcher(config: TeleBoxManagerQueryConfig): (box: TeleBox) => boolean;
|
|
55
|
-
protected updateBox(box: TeleBox, config: TeleBoxManagerUpdateConfig, skipUpdate?: boolean): void;
|
|
56
|
-
protected smartPosition(config?: TeleBoxConfig): TeleBoxConfig;
|
|
57
|
-
protected makeBoxTop(box: TeleBox, skipUpdate?: boolean): void;
|
|
58
|
-
protected getBoxIndex(boxOrID: TeleBox | string): number;
|
|
59
|
-
protected getBox(boxOrID: TeleBox | string): TeleBox | undefined;
|
|
60
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import type EventEmitter from "eventemitter3";
|
|
2
|
-
import { TeleBoxColorScheme } from "..";
|
|
3
|
-
import type { ReadonlyTeleBox, TeleBoxState } from "../TeleBox";
|
|
4
|
-
import type { TeleBoxConfig } from "../TeleBox/typings";
|
|
5
|
-
import type { TeleBoxCollector } from "../TeleBoxCollector";
|
|
6
|
-
import type { TELE_BOX_MANAGER_EVENT } from "./constants";
|
|
7
|
-
export interface TeleBoxManagerConfig extends Pick<TeleBoxConfig, "prefersColorScheme" | "fence" | "containerRect" | "maximized" | "minimized" | "namespace" | "readonly"> {
|
|
8
|
-
/** Element to mount boxes. */
|
|
9
|
-
root?: HTMLElement;
|
|
10
|
-
/** Where the minimized boxes go. */
|
|
11
|
-
collector?: TeleBoxCollector;
|
|
12
|
-
}
|
|
13
|
-
declare type TeleBoxManagerBoxConfigBaseProps = "title" | "visible" | "width" | "height" | "minWidth" | "minHeight" | "x" | "y" | "resizable" | "draggable" | "fixRatio" | "zIndex";
|
|
14
|
-
export declare type TeleBoxManagerCreateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer" | "id" | "focus">;
|
|
15
|
-
export declare type TeleBoxManagerQueryConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "id" | "focus">;
|
|
16
|
-
export declare type TeleBoxManagerUpdateConfig = Pick<TeleBoxConfig, TeleBoxManagerBoxConfigBaseProps | "content" | "footer">;
|
|
17
|
-
declare type CheckTeleBoxManagerConfig<T extends Record<`${TELE_BOX_MANAGER_EVENT}`, any>> = T;
|
|
18
|
-
export declare type TeleBoxManagerEventConfig = CheckTeleBoxManagerConfig<{
|
|
19
|
-
focused: [ReadonlyTeleBox | undefined];
|
|
20
|
-
blurred: [ReadonlyTeleBox | undefined];
|
|
21
|
-
created: [ReadonlyTeleBox];
|
|
22
|
-
removed: [ReadonlyTeleBox[]];
|
|
23
|
-
state: [TeleBoxState];
|
|
24
|
-
maximized: [boolean];
|
|
25
|
-
minimized: [boolean];
|
|
26
|
-
move: [ReadonlyTeleBox];
|
|
27
|
-
resize: [ReadonlyTeleBox];
|
|
28
|
-
intrinsic_move: [ReadonlyTeleBox];
|
|
29
|
-
intrinsic_resize: [ReadonlyTeleBox];
|
|
30
|
-
visual_resize: [ReadonlyTeleBox];
|
|
31
|
-
z_index: [ReadonlyTeleBox];
|
|
32
|
-
prefers_color_scheme: [TeleBoxColorScheme];
|
|
33
|
-
dark_mode: [boolean];
|
|
34
|
-
}>;
|
|
35
|
-
export declare type TeleBoxManagerEvent = keyof TeleBoxManagerEventConfig;
|
|
36
|
-
export interface TeleBoxManagerEvents extends EventEmitter<TeleBoxManagerEvent> {
|
|
37
|
-
on<U extends TeleBoxManagerEvent>(event: U, listener: (...value: TeleBoxManagerEventConfig[U]) => void): this;
|
|
38
|
-
once<U extends TeleBoxManagerEvent>(event: U, listener: (...value: TeleBoxManagerEventConfig[U]) => void): this;
|
|
39
|
-
addListener<U extends TeleBoxManagerEvent>(event: U, listener: (...value: TeleBoxManagerEventConfig[U]) => void): this;
|
|
40
|
-
emit<U extends TeleBoxManagerEvent>(event: U, ...value: TeleBoxManagerEventConfig[U]): boolean;
|
|
41
|
-
}
|
|
42
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, Story } from "@storybook/react";
|
|
2
|
-
import { TeleBoxReactProps } from ".";
|
|
3
|
-
declare const storyMeta: Meta<TeleBoxReactProps>;
|
|
4
|
-
export default storyMeta;
|
|
5
|
-
export declare const Overview: Story<TeleBoxReactProps>;
|
|
6
|
-
export declare const Resizable: Story<TeleBoxReactProps>;
|
|
7
|
-
export declare const Draggable: Story<TeleBoxReactProps>;
|
|
8
|
-
export declare const FixRatio: Story<TeleBoxReactProps>;
|
|
9
|
-
export declare const Readonly: Story<TeleBoxReactProps>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FC } from "react";
|
|
2
|
-
import { TeleBoxConfig, TeleBoxState } from "../TeleBox/typings";
|
|
3
|
-
export declare type TeleBoxReactProps = TeleBoxConfig & {
|
|
4
|
-
onResize?: (event: {
|
|
5
|
-
width: number;
|
|
6
|
-
height: number;
|
|
7
|
-
}) => void;
|
|
8
|
-
onMove?: (event: {
|
|
9
|
-
x: number;
|
|
10
|
-
y: number;
|
|
11
|
-
}) => void;
|
|
12
|
-
onClose?: () => void;
|
|
13
|
-
onFocus?: () => void;
|
|
14
|
-
onBlur?: () => void;
|
|
15
|
-
onStateChanged?: (state: TeleBoxState) => void;
|
|
16
|
-
};
|
|
17
|
-
export declare const TeleBoxReact: FC<TeleBoxReactProps>;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import "./style.scss";
|
|
2
|
-
import { SideEffectManager } from "side-effect-manager";
|
|
3
|
-
import type { TeleBoxState } from "../../TeleBox/typings";
|
|
4
|
-
import type { TeleTitleBar, TeleTitleBarConfig, TeleTitleBarEvent } from "../typings";
|
|
5
|
-
export declare type DefaultTitleBarButton = TeleTitleBarEvent & {
|
|
6
|
-
readonly iconClassName: string;
|
|
7
|
-
readonly isActive?: (state: TeleBoxState) => boolean;
|
|
8
|
-
};
|
|
9
|
-
export interface DefaultTitleBarConfig extends TeleTitleBarConfig {
|
|
10
|
-
buttons?: ReadonlyArray<DefaultTitleBarButton>;
|
|
11
|
-
}
|
|
12
|
-
export declare class DefaultTitleBar implements TeleTitleBar {
|
|
13
|
-
constructor({ readonly, title, buttons, onEvent, onDragStart, namespace, state, }?: DefaultTitleBarConfig);
|
|
14
|
-
readonly namespace: string;
|
|
15
|
-
$titleBar: HTMLElement | undefined;
|
|
16
|
-
$title: HTMLElement | undefined;
|
|
17
|
-
$dragArea: HTMLElement;
|
|
18
|
-
setTitle(title: string): void;
|
|
19
|
-
setState(state: TeleBoxState): void;
|
|
20
|
-
setReadonly(readonly: boolean): void;
|
|
21
|
-
render(): HTMLElement;
|
|
22
|
-
renderDragArea(): HTMLElement;
|
|
23
|
-
dragHandle(): HTMLElement | undefined;
|
|
24
|
-
wrapClassName(className: string): string;
|
|
25
|
-
destroy(): void;
|
|
26
|
-
onEvent?: TeleTitleBarConfig["onEvent"];
|
|
27
|
-
onDragStart?: TeleTitleBarConfig["onDragStart"];
|
|
28
|
-
protected readonly: boolean;
|
|
29
|
-
protected title?: string;
|
|
30
|
-
protected buttons: ReadonlyArray<DefaultTitleBarButton>;
|
|
31
|
-
protected state: TeleBoxState;
|
|
32
|
-
protected $btns: HTMLButtonElement[];
|
|
33
|
-
protected sideEffect: SideEffectManager;
|
|
34
|
-
protected lastTitleBarClick: {
|
|
35
|
-
timestamp: number;
|
|
36
|
-
clientX: number;
|
|
37
|
-
clientY: number;
|
|
38
|
-
};
|
|
39
|
-
protected handleTitleBarClick: (ev: MouseEvent) => void;
|
|
40
|
-
protected lastTitleBarTouch: {
|
|
41
|
-
timestamp: number;
|
|
42
|
-
clientX: number;
|
|
43
|
-
clientY: number;
|
|
44
|
-
};
|
|
45
|
-
protected handleTitleBarTouch: (ev: TouchEvent) => void;
|
|
46
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { TeleBoxDelegateEventConfig, TeleBoxState } from "../TeleBox";
|
|
2
|
-
export declare type TeleTitleBarEvent<U = keyof TeleBoxDelegateEventConfig> = U extends keyof TeleBoxDelegateEventConfig ? TeleBoxDelegateEventConfig[U] extends void ? {
|
|
3
|
-
type: U;
|
|
4
|
-
value?: TeleBoxDelegateEventConfig[U];
|
|
5
|
-
} : {
|
|
6
|
-
type: U;
|
|
7
|
-
value: TeleBoxDelegateEventConfig[U];
|
|
8
|
-
} : never;
|
|
9
|
-
export interface TeleTitleBarConfig {
|
|
10
|
-
readonly?: boolean;
|
|
11
|
-
title?: string;
|
|
12
|
-
state?: TeleBoxState;
|
|
13
|
-
namespace?: string;
|
|
14
|
-
onEvent?: (event: TeleTitleBarEvent) => void;
|
|
15
|
-
onDragStart?: (event: MouseEvent | TouchEvent) => void;
|
|
16
|
-
}
|
|
17
|
-
export interface TeleTitleBar {
|
|
18
|
-
setTitle(title: string): void;
|
|
19
|
-
setState(state: TeleBoxState): void;
|
|
20
|
-
setReadonly(readonly: boolean): void;
|
|
21
|
-
render(): HTMLElement;
|
|
22
|
-
destroy(): void;
|
|
23
|
-
}
|
package/dist/typings.d.ts
DELETED
package/dist/utils.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare function clamp(value: number, min: number, max: number): number;
|
|
2
|
-
export declare function preventEvent(ev: Event): void;
|
|
3
|
-
export declare function flattenEvent(ev: MouseEvent | TouchEvent): MouseEvent | Touch;
|
|
4
|
-
export declare function genUniqueKey(): string;
|
|
5
|
-
export declare function getRandomInt(min: number, max: number): number;
|
|
6
|
-
export declare function getBoxDefaultName(): string;
|
|
7
|
-
export declare function identity<TValue>(value: TValue): TValue;
|
|
8
|
-
export declare function isTruthy<TValue>(value: TValue): boolean;
|
|
9
|
-
export declare function isFalsy<TValue>(value: TValue): boolean;
|