interface EProps {
  /**
   *绝对位置布局
   */
  mkAbsolute?: 'left' | 'right' | 'top' | 'bottom' | 'full'
  /**
   *块级布局
   */
  mkBlock?: 'center'
  /**
   *固定位置布局
   */
  mkFixed?: 'left' | 'right' | 'top' | 'bottom' | 'full'
  /**
   *FLEX布局
   */
  mkFlex?:
    | 'center'
    | 'column'
    | 'columnCenter'
    | 'row'
    | 'rowCenter'
    | 'rowReverse'
    | 'rowReverseCenter'
    | 'columnReverse'
    | 'columnReverseCenter'
    | 'rowAuto'
    | 'rowAutoCenter'
  /**
   *背景图片布局
   */
  mkImage?: 'center' | 'fullHeight' | 'fullWidth'
  /**
   *内联FLEX布局
   */
  mkInlineFlex?:
    | 'center'
    | 'column'
    | 'columnCenter'
    | 'row'
    | 'rowCenter'
    | 'rowReverse'
    | 'rowReverseCenter'
    | 'columnReverse'
    | 'columnReverseCenter'
    | 'rowAuto'
    | 'rowAutoCenter'
  /**
   *滚动条
   */
  mkScrollBar?: 'horizontal' | 'vertical' | 'both' | 'none'
  /**
   *Sticky layout
   */
  mkSticky?: 'left' | 'right' | 'top' | 'bottom' | 'full'
  /**
   *可视
   */
  mkVisible?: 'hidden' | 'none' | 'elementInvisible' | 'hiddenWidth' | 'hiddenHeight' | 'visibleHeight' | 'visible'
}

interface Props extends SProps, EProps {}

interface SProps {
  /**
   *在绝对位置中居中
   */
  mkAbsoluteCenter?: {
    width: number
    height: number
  }
  /**
   *在绝对位置顶右
   */
  mkAbsoluteTopRight?: {
    width: number
    height: number
  }
  /**
   *Z轴数值
   */
  mkZIndex?:
    | 'moon'
    | 'tooltip'
    | 'alertDesktop'
    | 'popup'
    | 'modal'
    | 'overlay'
    | 'dropdown'
    | 'alertMobile'
    | 'appBar'
    | 'nav'
    | 'bar'
    | 'base'
}

export type Rule = ExtendRule<ParentRule, SProps, EProps, Theme>

export type Theme = {
  zIndex: {
    moon: number
    tooltip: number
    alertDesktop: number
    popup: number
    modal: number
    overlay: number
    dropdown: number
    alertMobile: number
    appBar: number
    nav: number
    bar: number
    base: number
  }
}

export const ruleModule: any = ...

export const theme: Theme = ...