sunshine-layx/types/index.d.ts

A magical window.

import UIWindow from "../src/controls/UIWindow";
import UIComponent from "../src/basic/models/UIComponent";
import * as Enums from "../src/basic/enums";

export type JsonObject = {
    constructor: Object;
    [key: string]: any;
};

export type CSSStyleObject = CSSStyleDeclaration & { [key: string]: string | null };

export type WindowCoord = number[];

export type BorderOption = {
    width?: number;
    color?: string;
    style?: string;
    radius?: number;
} & JsonObject;

export type ParcloseOption = {
    opacity?: number;
} & JsonObject;

export type ContextMenuButtonOption = {
    id: string;
    label: string;
    handler?: (ev: MouseEvent, window: UIWindow) => void;
    items?: Array<ContextMenuButtonOption> | false
} & JsonObject;

export type ActionButtonOption = {
    id: string;
    label: string;
    handler?: (ev: MouseEvent, window: UIWindow) => void;
} & JsonObject;

export type ResizeOption = {
    left?: boolean;
    right?: boolean;
    top?: boolean;
    bottom?: boolean;
    leftTop?: boolean;
    rightTop?: boolean;
    leftBottom?: boolean;
    rightBottom?: boolean;
} & JsonObject;

export type DragMoveOption = {
    vertical?: boolean;
    horizontal?: boolean;
    breakLeft?: boolean;
    breakRight?: boolean;
    breakTop?: boolean;
    breakBottom?: boolean;
} & JsonObject;

export type ActionBarOption = {
    enable?: boolean;
    items?: Array<ActionButtonOption> | boolean;
} & JsonObject;

export type TabBarOption = {

} & JsonObject;

export type TitleBarOption = {
    icon?: string | boolean;
    title?: string;
    useSubTitle?: boolean;
} & JsonObject;

export type ToolBarOption = {
    height?: number;
    drag?: DragMoveOption | boolean;
    titleBar?: TitleBarOption | boolean;
    tabBar?: TabBarOption | boolean;
    actionBar?: ActionBarOption | boolean;
    background?: string | boolean;
} & JsonObject;

export type ContentOption = {
    type?: Enums.WindowContentType;
    value?: string | Element
};

export type StatuBarOption = {
    height?: number;
    background?: string | boolean;
    content?: string | Element;
} & JsonObject;

export type WindowOption = {
    id: string;
    mode?: Enums.WindowMode;
    width?: number;
    height?: number;
    maxWidth?: number;
    maxHeight?: number;
    minWidth?: number;
    minHeight?: number;
    background?: string | boolean;
    shadow?: string | boolean;
    parclose?: number | boolean;
    border?: BorderOption | string | boolean;
    offset?: Enums.WindowOffset | WindowCoord;
    animate?: Enums.WindowAnimate | boolean;
    resizeBar?: ResizeOption | boolean;
    toolBar?: ToolBarOption | boolean;
    contextMenu?: Array<ContextMenuButtonOption> | false;
    topMenu?: Array<ContextMenuButtonOption> | false;
    content?: ContentOption;
    statuBar?: StatuBarOption | boolean;
    storeStatus?: boolean;
} & JsonObject;

export type Component = {
    constructor: UIComponent | Array<UIComponent>;
    [key: string]: UIComponent | Array<UIComponent>;
} & JsonObject;

export type NoticeOption = {
    type?: Enums.NoticeType;
    title?: string;
    message: string;
    timeout?: number;
} & JsonObject;

export type StoreStatus = {
    width: number;
    height: number;
    top: number;
    left: number;
} & JsonObject;


export type ConfigOptions = {};