declare namespace nasl.ui {
  export class ViewComponent {
    _if?: nasl.core.Boolean;
  }

  export class ViewComponentOptions {
    _name?: any;
    _if?: nasl.core.Boolean;
    _auth?: any;
    _tooltip?: any;
    _ellipsisTitle?: any;
    _color?: any;
    _backgroundColor?: any;
    _backgroundImage?: any;
    // 来自cssVariables.yaml
    _TableViewHeadItemColor?: any;
    _TableViewThBackgroundColor?: any;
    _TableViewThBackgroundImage?: any;
    _TableViewThBackgroundSize?: any;
    _TableViewThBackgroundRepeat?: any;
    _TableViewThBackgroundPosition?: any;
    _TableViewTdColor?: any;
    _TableViewTdBackgroundColor?: any;
    _TableViewTdBackgroundImage?: any;
    _TableViewTdBackgroundSize?: any;
    _TableViewTdBackgroundRepeat?: any;
    _TableViewTdBackgroundPosition?: any;
    _ModalDialogBackgroundColor?: any;
    _ModalDialogBackgroundImage?: any;
    _ModalDialogBackgroundSize?: any;
    _ModalDialogBackgroundRepeat?: any;
    _ModalDialogBackgroundPosition?: any;

    destination?: any;
    externalDestination?: any;
    download?: any;
    href?: any;
    rules?: any;
    url?: any;
    roles?: any;
    // 数据源依赖监听
    dataSourceWatch?: any;

    slotDefault?: () => Array<ViewComponent>;

    // FIXME 影响了setProp的属性校验，需要去掉
    // [prop: string]: any;
  }

  class LRoot extends ViewComponent {
    constructor(options?: Partial<LRootOptions>);
  }
  class LRootOptions extends ViewComponentOptions {
    content: nasl.core.Decimal;
    max: nasl.core.Decimal;
    dot: nasl.core.Boolean;
    slotDefault: () => Array<ViewComponent>;
  }

  class LDashboard extends ViewComponent {
    constructor(options?: Partial<LDashboardOptions>);
  }
  class LDashboardOptions extends ViewComponentOptions {
    slotDefault: () => Array<ViewComponent>;
    slotSide: () => Array<ViewComponent>;
    slotHead: () => Array<ViewComponent>;
  }

  class BaseDomEl extends ViewComponent {
    constructor(options?: Partial<BaseDomElOptions>)
  }

  class BaseDomElOptions extends ViewComponentOptions {
    slotDefault: () => Array<ViewComponent>;
    onClick: (event: any) => any;

    onSuccess: (event: any) => any;
    width: any;
    src: any;
  }

  export class Div extends BaseDomEl { }
  export class Span extends BaseDomEl { }
  export class H1 extends BaseDomEl { }
  export class H2 extends BaseDomEl { }
  export class H3 extends BaseDomEl { }
  export class H4 extends BaseDomEl { }
  export class H5 extends BaseDomEl { }
  export class Img extends BaseDomEl { }
  export class Br extends BaseDomEl { }
  export class A extends BaseDomEl { }

  export class Template extends ViewComponent {
    constructor(options?: Partial<TemplateOptions>)
  }

  class TemplateOptions extends ViewComponentOptions {
    slotDefault: () => Array<ViewComponent>;
  }

  export type GetItemTypeFromDataSource<T> = T extends { list: nasl.collection.List<infer U> } | nasl.collection.List<infer U> | ((...args: any) => { list: nasl.collection.List<infer U> } | nasl.collection.List<infer U>) ? U : never;

  type SlotType<T extends (...args: any[]) => Array<any>> = (type: ReturnType<T>, ...args: Parameters<T>) => ReturnType<T>;
}