import { Mapping, KVU } from 'ts-toolset';

/** 布局样式实体 */
export interface ILayoutStyleEntity {
    /** 布局 */
    display: string,
    alignItems: string,
    justifyContent: string,

    /** 界面 */
    overflow: string,
    width: string,
    maxWidth: string,
    minWidth: string,
    height: string,
    maxHeight: string,
    minHeight: string,
    position: string,
    top: string,
    right: string,
    bottom: string,
    left: string,
    zIndex: string,
    float: string,
    clear: string,
    opacity: string,

    /** 外边距 */
    margin: string,
    marginTop: string,
    marginRight: string,
    marginBottom: string,
    marginLeft: string,

    /** 内边距 */
    padding: string,
    paddingTop: string,
    paddingRight: string,
    paddingBottom: string,
    paddingLeft: string,
}

/** 字体样式实体 */
export interface IFontStyleEntity {
    family: string,
    size: string,
    weight: string,
    lineHeight: string,
    color: string,
    letterSpacing: string,
    align: string,
    decoration: string,
}

/** 背景样式实体 */
export interface IBackgroundStyleEntity {
    backgroundColor: string,
    image: string
}

/** 边框样式实体 */
export interface IBorderEntity {
    style: string,
    borderTopStyle: string,
    borderRightStyle: string,
    borderBottomStyle: string,
    borderLeftStyle: string,

    color: string,
    borderTopColor: string,
    borderRightColor: string,
    borderBottomColor: string,
    borderLeftColor: string,

    width: string,
    borderTopWidth: string,
    borderRightWidth: string,
    borderBottomWidth: string,
    borderLeftWidth: string,

    radius: string,
    borderTopRadius: string,
    borderRightRadius: string,
    borderBottomRadius: string,
    borderLeftRadiush: string,
}

/** 阴影样式实体 */
export interface IBoxShowEntity {
    boxShadow: string,
    textShadow: string
}

/** 样式对象实体 */
export type IStyleEntity = Mapping<KVU<Partial<ILayoutStyleEntity & IFontStyleEntity & IBackgroundStyleEntity & IBorderEntity & IBoxShowEntity>>>;