@focus4/layout
Focus v4, layout module
Last updated 2 months ago by jabx .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @focus4/layout 
SYNC missed versions from official npm registry.

Module Layout

Ce module contient le composant racine d'une application Focus : le Layout. Il contient l'ensemble des composants de base qui doivent se retrouver dans toutes les pages. Par défaut, il ne pose que l'ErrorCenter et le MessageCenter, laissant à l'utilisateur le soin de composer son layout comme il le souhaite. Néanmoins, 3 composants sont quasiment toujours présents : le LayoutContent, le Menu et le Header.

LayoutContent

Le composant LayoutContent doit encadrer le contenu de l'application. Il permet de le positionner correctement par rapport au Menu

Menu

Le composant de Menu permet d'afficher un menu fixe à sur la gauche. Il possède un propriété menus qui contient la liste de ses éléments (MenuItem). Il est possible de faire des sous-menus via la propriété subMenus dans un MenuItem.

La propriété activeRoute du Menu va de pair avec la propriété route des MenuItems : un item vérifiant activeRoute === route sera marqué comme actif.

Header

Le Header se construit à partir de tous ses éléments. Un Header complet se représente comme ceci :

<HeaderScrolling canDeploy={/* ... */}>
    <HeaderTopRow>
        <HeaderBarLeft>{/* ... */}</HeaderBarLeft>
        <HeaderSummary>{/* ... */}</HeaderSummary>
        <HeaderBarRight>{/* ... */}</HeaderBarRight>
    </HeaderTopRow>
    <HeaderContent>{/* ... */}</HeaderContent>
    <HeaderActions primary={/* ... */} secondary={/* ... */} />
</HeaderScrolling>

et libre à vous de le personnaliser à votre convenance en ajoutant ou supprimant des éléments, et on contrôlant sont contenu en fonction de la page courante.

Current Tags

  • 10.0.0-beta.8                                ...           beta (5 months ago)
  • 10.1.0                                ...           latest (2 months ago)
  • 10.0.0-rc.2                                ...           rc (2 months ago)

19 Versions

  • 10.1.0                                ...           2 months ago
  • 10.0.0                                ...           2 months ago
  • 10.0.0-rc.2                                ...           2 months ago
  • 10.0.0-rc.1                                ...           2 months ago
  • 10.0.0-rc.0                                ...           2 months ago
  • 10.0.0-beta.8                                ...           5 months ago
  • 10.0.0-beta.7                                ...           6 months ago
  • 10.0.0-beta.6                                ...           6 months ago
  • 10.0.0-beta.5                                ...           6 months ago
  • 10.0.0-beta.4                                ...           6 months ago
  • 10.0.0-beta.3                                ...           6 months ago
  • 10.0.0-beta.2                                ...           6 months ago
  • 10.0.0-beta.1                                ...           6 months ago
  • 10.0.0-beta.0                                ...           6 months ago
  • 10.0.0-alpha.4                                ...           6 months ago
  • 10.0.0-alpha.3                                ...           6 months ago
  • 10.0.0-alpha.2                                ...           6 months ago
  • 10.0.0-alpha.1                                ...           7 months ago
  • 10.0.0-alpha.0                                ...           7 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 19
Last Day 0
Last Week 0
Last Month 57
Dev Dependencies (0)
None
Dependents (2)

Copyright 2014 - 2017 © taobao.org |