npm i x-workspace
|
pnpm add x-workspace
|
yarn add x-workspace
|
webview source
```tsx
/** @jsxImportSource sigl */
import $ from 'sigl'
import { Rect } from 'sigl'
import { ContextMenuOption, WorkspaceElement, WorkspaceWindowElement } from 'x-workspace'
interface WindowItemElement extends $.Element
hello this is a window)
}
}
interface SceneElement extends $.Element
PopupElement
<T>(ctx) =>
},
"transition">> context ContextClass<PopupElement & JsxContext<PopupElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onmounted EventHandler<PopupElement, CustomEvent<any>>
onunmounted EventHandler<PopupElement, CustomEvent<any>>
created(ctx) Context<PopupElement & JsxContext<PopupElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<PopupElement & JsxContext<PopupElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
SurfaceElement
<T>(ctx) =>
},
"transition">> centerView context ContextClass<SurfaceElement & JsxContext<SurfaceElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> cursorState State<SurfaceElement, {
},
"copy" | "default" | "grabbing" | "ew-resize" | "ns-resize" | "nwse-resize"> & EventMethods<SurfaceElement, {}> & InlineEventMap<SurfaceElement, {
}>
onconnectend EventHandler<SurfaceElement, CustomEvent<any>>
onconnectstart EventHandler<SurfaceElement, CustomEvent<any>>
onmounted EventHandler<SurfaceElement, CustomEvent<any>>
onstatechange EventHandler<SurfaceElement, CustomEvent<any>>
onsurfacemoveitemmove EventHandler<SurfaceElement, CustomEvent<SurfaceMoveDetail>>
onsurfacemoveitemmoveend EventHandler<SurfaceElement, CustomEvent<SurfaceMoveDetail>>
onsurfacemoveitemmovestart EventHandler<SurfaceElement, CustomEvent<SurfaceMoveDetail>>
onsurfaceresizeitemresize EventHandler<SurfaceElement, CustomEvent<SurfaceResizeDetail>>
onsurfaceresizeitemresizeend EventHandler<SurfaceElement, CustomEvent<SurfaceResizeDetail>>
onsurfaceresizeitemresizestart EventHandler<SurfaceElement, CustomEvent<SurfaceResizeDetail>>
onsurfaceselecting EventHandler<SurfaceElement, CustomEvent<{
}>>
onunmounted EventHandler<SurfaceElement, CustomEvent<any>>
state State<SurfaceElement, {
},
"surfaceselecting" | "surfaceidle" | "surfaceoverlay" | "surfacecenteringitem" | "surfacecenteringview" | "surfaceconnecting" | "surfacefullsize" | "surfaceminimappanning" | "surfacepanning" | "surfacepinching" | "surfacewheeling"> & EventMethods<SurfaceElement, {}> & InlineEventMap<SurfaceElement, {
}>
transition Transition<States, "surfaceselecting" | "surfaceidle" | "surfaceoverlay" | "surfacecenteringitem" | "surfacecenteringview" | "surfaceconnecting" | "surfacefullsize" | "surfaceminimappanning" | "surfacepanning" | "surfacepinching" | "surfacewheeling">
created(ctx) Context<SurfaceElement & JsxContext<SurfaceElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<SurfaceElement & JsxContext<SurfaceElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
SurfaceGridElement
<T>(ctx) =>
},
"transition">> context ContextClass<SurfaceGridElement & JsxContext<SurfaceGridElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onmounted EventHandler<SurfaceGridElement, CustomEvent<any>>
onunmounted EventHandler<SurfaceGridElement, CustomEvent<any>>
created(ctx) Context<SurfaceGridElement & JsxContext<SurfaceGridElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<SurfaceGridElement & JsxContext<SurfaceGridElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
SurfaceItemElement
<T>(ctx) =>
},
"transition">> context ContextClass<SurfaceItemElement & JsxContext<SurfaceItemElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onmounted EventHandler<SurfaceItemElement, CustomEvent<any>>
onunmounted EventHandler<SurfaceItemElement, CustomEvent<any>>
created(ctx) Context<SurfaceItemElement & JsxContext<SurfaceItemElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<SurfaceItemElement & JsxContext<SurfaceItemElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
SurfaceMinimapElement Context<SurfaceMinimapElement & JsxContext<SurfaceMinimapElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> context ContextClass<SurfaceMinimapElement & JsxContext<SurfaceMinimapElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onmounted EventHandler<SurfaceMinimapElement, CustomEvent<any>>
onunmounted EventHandler<SurfaceMinimapElement, CustomEvent<any>>
created(ctx) Context<SurfaceMinimapElement & JsxContext<SurfaceMinimapElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<SurfaceMinimapElement & JsxContext<SurfaceMinimapElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
SurfaceMoveElement
<T>(ctx) =>
},
"transition">> context ContextClass<SurfaceMoveElement & JsxContext<SurfaceMoveElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onmounted EventHandler<SurfaceMoveElement, CustomEvent<any>>
onsurfacemoveitemmove EventHandler<SurfaceMoveElement, CustomEvent<SurfaceMoveDetail>>
onsurfacemoveitemmoveend EventHandler<SurfaceMoveElement, CustomEvent<SurfaceMoveDetail>>
onsurfacemoveitemmovestart EventHandler<SurfaceMoveElement, CustomEvent<SurfaceMoveDetail>>
onunmounted EventHandler<SurfaceMoveElement, CustomEvent<any>>
state State<SurfaceMoveElement, {
},
"surfacemoveitemmove" | "surfacemoveidle"> & EventMethods<SurfaceMoveElement, {}> & InlineEventMap<SurfaceMoveElement, {
}>
created(ctx) Context<SurfaceMoveElement & JsxContext<SurfaceMoveElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<SurfaceMoveElement & JsxContext<SurfaceMoveElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
SurfaceResizeElement Context<SurfaceResizeElement & JsxContext<SurfaceResizeElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> context ContextClass<SurfaceResizeElement & JsxContext<SurfaceResizeElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onmounted EventHandler<SurfaceResizeElement, CustomEvent<any>>
onsurfaceresizeitemresize EventHandler<SurfaceResizeElement, CustomEvent<SurfaceResizeDetail>>
onsurfaceresizeitemresizeend EventHandler<SurfaceResizeElement, CustomEvent<SurfaceResizeDetail>>
onsurfaceresizeitemresizestart EventHandler<SurfaceResizeElement, CustomEvent<SurfaceResizeDetail>>
onunmounted EventHandler<SurfaceResizeElement, CustomEvent<any>>
state State<SurfaceResizeElement, {
},
"surfaceresizeitemresize" | "surfaceresizeidle"> & EventMethods<SurfaceResizeElement, {}> & InlineEventMap<SurfaceResizeElement, {
}>
created(ctx) Context<SurfaceResizeElement & JsxContext<SurfaceResizeElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<SurfaceResizeElement & JsxContext<SurfaceResizeElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
WorkspaceElement
<T>(ctx) =>
},
"transition">> context ContextClass<WorkspaceElement & JsxContext<WorkspaceElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onContextMenu (Options) =>
onmounted EventHandler<WorkspaceElement, CustomEvent<any>>
onunmounted EventHandler<WorkspaceElement, CustomEvent<any>>
created(ctx) Context<WorkspaceElement & JsxContext<WorkspaceElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<WorkspaceElement & JsxContext<WorkspaceElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
WorkspaceWindowElement Context<WorkspaceWindowElement & JsxContext<WorkspaceWindowElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> context ContextClass<WorkspaceWindowElement & JsxContext<WorkspaceWindowElement> & Omit<{
<T>(ctor) =>
<T>(ctx) =>
},
"transition">> onContextMenu (Options) =>
onmounted EventHandler<WorkspaceWindowElement, CustomEvent<any>>
onunmounted EventHandler<WorkspaceWindowElement, CustomEvent<any>>
created(ctx) Context<WorkspaceWindowElement & JsxContext<WorkspaceWindowElement> & Omit<{ <T>(ctor) => #
ctx CleanClass<T>
<T>(ctx) =>
},
"transition">> created(ctx) =>
mounted($) Context<WorkspaceWindowElement & JsxContext<WorkspaceWindowElement> & Omit<{ <T>(ctor) => #
$ CleanClass<T>
<T>(ctx) =>
},
"transition">> mounted($) =>
on(name)
on<K>(name) =>
ContextMenuOption({ action, children, disabled, keyboard }) =>
WorkspaceWindowControl({ action, children, title }) =>
onContextMenu(ContextMenuProps) onContextMenu(ContextMenuProps) =>