/*
 * @Author: your name
 * @Date: 2022-04-11 16:52:44
 * @Description:
 * @FilePath: /zl-large-screen/src/type/LargeScreenElement.ts
 */
import React from "react";
import {ISidebarDetail,ICardStyle,} from "./LargeScreenComponent"
import {ISidebarList} from "./LargeScreenSidebar"

export interface ILargeScreenElementProps {
  structure?: string[];
  sidebarList?: ISidebarList[];
  subMenusList?: ISubListItem[];
  cardList?: ICardListITem[];
  elementEvent?: (type: string, props: object | string) => void;
  sidebarDetail?:ISidebarDetail[];
  cardStyle?:ICardStyle;
  componentLoading?:any;
  title?:string
}
export interface ILargeScreenElementState {
  structure?: string[];
  sidebarList?: ISidebarList[];
  subMenusList?: ISubListItem[];
  cardList?: ICardListITem[];
  elementEvent?: (type: string, props: object | string) => void;
  sidebarDetail?:ISidebarDetail[];
  cardStyle?:ICardStyle;
  componentLoading?:any;
}

export interface IElementMenusProps {
  list: ISidebarList[];

  click?: (item: IElementMenusItem) => void;
}

export interface IElementMenusItem {
  title: string;
  icon: string;
  key: string;
  selected?: boolean;
}
export interface ISubListItem {
  key: string | number;
  label: string;
  selected?: boolean;
  disabled?: boolean;
}

export interface ILargeScreenElementCardsProps {
  structure: string[];
  subList?: ISubListItem[];
  cardList?: ICardListITem[];
  search?: (value: string, type: string) => void;
  subSilderClick?: (item: ISubListItem) => void;
  dragStart?: (e) => void;
  sidebarDetail?:ISidebarDetail[];
  cardStyle?:ICardStyle;
  componentLoading?:any;
  sidebarDetailEvent?:Function;
  doubleClick?:Function;
  sceneEvent?:Function;
  cardMouseDown?:Function;
  // dragEnd?: (item: ICardListITem, xY: { x: number; y: number }) => void;
}

export interface ISearchInputProps {
  change?: (value: string, type: string) => void;
}

export interface ILargeScreenElementSubMenuProps {
  list: ISubListItem[];
  click?: (item: ISubListItem) => void;
}

export interface ICardListITem {
  title: string;
  url: string;
  key: string | number;
  dragStart?: (e) => void;
  titleStyle?:React.CSSProperties
  item?:ICardListITem;
  doubleClick?:Function;
  sceneEvent?:Function;
  cardMouseDown?:Function;
  selected?: boolean;
}

export interface ILargeScreenElementCardListProps {
  list: ICardListITem[];
  dragStart?: (e) => void;
  doubleClick?:Function;
  sceneEvent?:Function;
  cardMouseDown?:Function;
  // dragEnd?: (item: ICardListITem, xY: { x: number; y: number }) => void;
}