interface EProps {
  /**
   *高度
   */
  mkHeight?: 'full' | 'fullScreen' | 'none' | 'inherit'
  /**
   *最大高度
   */
  mkMaxHeight?: 'full' | 'fullScreen' | 'none' | 'inherit'
  /**
   *最大宽度
   */
  mkMaxWidth?: 'full' | 'fullScreen' | 'none' | 'inherit'
  /**
   *最小高度
   */
  mkMinHeight?: 'full' | 'fullScreen' | 'none' | 'inherit'
  /**
   *最小宽度
   */
  mkMinWidth?: 'full' | 'fullScreen' | 'none' | 'inherit'
  /**
   *宽度
   */
  mkWidth?: 'full' | 'fullScreen' | 'none' | 'inherit'
}

interface Props extends SProps, EProps {}

interface SProps {
  /**
   *水平外边距(数值)
   */
  marginH?: number | string
  /**
   *垂直外边距
   */
  marginV?: number | string
  /**
   *Bar高度
   */
  mkBarHeight?: Level
  /**
   *子元素底边距
   */
  mkChildMarginBottom?: Level
  /**
   *子元素左边距
   */
  mkChildMarginLeft?: Level
  /**
   *子元素右边距
   */
  mkChildMarginRight?: Level
  /**
   *子元素顶边距
   */
  mkChildMarginTop?: Level
  /**
   *容器高度
   */
  mkContainerHeight?: Level
  /**
   *容器宽度
   */
  mkContainerWidth?: Level
  /**
   *内容区宽度
   */
  mkContentWidth?: Level | 'nav'
  /**
   *元素高度
   */
  mkElementHeight?: Level
  /**
   *元素宽度
   */
  mkElementWidth?: Level
  /**
   *外边距
   */
  mkMargin?: SpaceKeys
  /**
   *底部外边距
   */
  mkMarginBottom?: SpaceKeys
  /**
   *泳道外边距
   */
  mkMarginGutter?: Level
  /**
   *泳道底部外边距
   */
  mkMarginGutterBottom?: Level
  /**
   *泳道水平外边距
   */
  mkMarginGutterH?: Level
  /**
   *泳道左边外边距
   */
  mkMarginGutterLeft?: Level
  /**
   *泳道右边外边距
   */
  mkMarginGutterRight?: Level
  /**
   *泳道顶部外边距
   */
  mkMarginGutterTop?: Level
  /**
   *泳道垂直外边距
   */
  mkMarginGutterV?: Level
  /**
   *水平外边距
   */
  mkMarginH?: SpaceKeys
  /**
   *左边外边距
   */
  mkMarginLeft?: SpaceKeys
  /**
   *右边外边距
   */
  mkMarginRight?: SpaceKeys
  /**
   *顶部外边距
   */
  mkMarginTop?: SpaceKeys
  /**
   *垂直外边距
   */
  mkMarginV?: SpaceKeys
  /**
   *内边距
   */
  mkPadding?: SpaceKeys
  /**
   *底部内边距
   */
  mkPaddingBottom?: SpaceKeys
  /**
   *泳道内边距
   */
  mkPaddingGutter?: Level
  /**
   *泳道底部内边距
   */
  mkPaddingGutterBottom?: Level
  /**
   *泳道水平内边距
   */
  mkPaddingGutterH?: Level
  /**
   *泳道左边内边距
   */
  mkPaddingGutterLeft?: Level
  /**
   *泳道右边内边距
   */
  mkPaddingGutterRight?: Level
  /**
   *泳道顶部内边距
   */
  mkPaddingGutterTop?: Level
  /**
   *泳道垂直内边距
   */
  mkPaddingGutterV?: Level
  /**
   *水平内边距
   */
  mkPaddingH?: SpaceKeys
  /**
   *左边内边距
   */
  mkPaddingLeft?: SpaceKeys
  /**
   *右边内边距
   */
  mkPaddingRight?: SpaceKeys
  /**
   *顶部内边距
   */
  mkPaddingTop?: SpaceKeys
  /**
   *垂直内边距
   */
  mkPaddingV?: SpaceKeys
  /**
   *正方形长度
   */
  mkSquare?: 'full' | 'fullScreen' | number
  /**
   *文本框高度
   */
  mkTextFieldHeight?: Level
  /**
   *水平内边距
   */
  paddingH?: number | string
  /**
   *垂直内边距
   */
  paddingV?: number | string
}

type Box = {
  contentWidth: ContentWith
  space: LevelNode & { mini: number; smallX: number; mediumX: number }
  gutter: LevelNode
  container: LevelNode
  element: LevelNode
  textfield: LevelNode
  barHeight: LevelNode
}

type ContentWith = LevelNode & {
  nav: number
}

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

type SpaceKeys = keyof Box['space']

export type Theme = {
  box: Box
}

export const lens: { boxLens: Lens<Theme, Box>; boxGutterLens: Lens<Theme, LevelNode>; boxSpaceLens: Lens<Theme, LevelNode & { mini: number; smallX: number; mediumX: number; }>; boxContentWidthLens: Lens<Theme, ContentWith>; boxElementWidthLens: Lens<Theme, LevelNode>; boxContainerLens: Lens<Theme, LevelNode>; boxBarHeightLens: Lens<Theme, LevelNode>; } = ...

export const ruleModule: any = ...

export const theme: Theme = ...

export const mapProps = <T>(name: keyof T) => <P>({ value }: { value: P }) => ...