{"meta":"Support IE10+
\nGuide
\nShell is the infrastructure framework of the whole application. It embodies the structure of the application and the basic capabilities of the application, so that users can complete all their operations under the same framework.
\n何时使用
\n\n- Shell should be configured according to the actual business requirements.
\n- The same application uses a unified Shell framework to avoid confusion.
\n
\n<Shell>\n <Shell.Branding />\n <Shell.Navigation />\n <Shell.Action />\n\n <Shell.MultiTask />\n <Shell.LocalNavigation />\n\n <Shell.AppBar />\n <Shell.Content />\n <Shell.Footer />\n\n <Shell.Ancillary />\n <Shell.ToolDock>\n <Shell.ToolDockItem />\n </Shell.ToolDock>\n</Shell>\n
\n<Shell.Content /> uses css-grid, others are display: flex
\n","api":"API
\nShell
\n\n\n\n| Param | \nDescription | \nType | \nDefault Value | \nRequired | \n
\n\n\n\n| device | \nPreset screen width, which determines whether Navigation LocalNavigation Ancillary take space or not | \n'tablet' | 'desktop' | 'phone' | \n'desktop' | \n | \n
\n\n| type | \nType of Shell | \n'light' | 'dark' | 'brand' | \n'light' | \n | \n
\n\n| fixedHeader | \nFixed header or not. Doesn't work under IE11 | \nboolean | \nfalse | \n | \n
\n\n
\nShell.Navigation
\n\n\n\n| Param | \nDescription | \nType | \nDefault Value | \nRequired | \n
\n\n\n\n| direction | \nHeader or asider | \n'hoz' | 'ver' | \n'hoz' | \n | \n
\n\n| collapse | \nCollapse or not | \nboolean | \nfalse | \n | \n
\n\n| align | \nArrangement of Navigation when direction is hoz | \n'left' | 'right' | 'center' | \n'right' | \n | \n
\n\n| onCollapseChange | \nThis will be triggered when collapse changed by inner icon | \n(collapse?: boolean) => void | \nfunc.noop | \n | \n
\n\n| trigger | \nTrigger of Shell.Navigation, it placed on top and left of the page, you can set null to remove it | \nReactNode | \n- | \n | \n
\n\n| fixed | \nFixed or not, only worked when Shell fixedHeader is true | \nboolean | \nfalse | \n | \n
\n\n
\nShell.LocalNavigation
\n\n\n\n| Param | \nDescription | \nType | \nDefault Value | \nRequired | \n
\n\n\n\n| collapse | \nCollapse or not | \nboolean | \nfalse | \n | \n
\n\n| onCollapseChange | \nThis will be triggered when collapse changed by inner icon | \n(collapse?: boolean) => void | \nfunc.noop | \n | \n
\n\n
\nShell.ToolDock
\n\n\n\n| Param | \nDescription | \nType | \nDefault Value | \nRequired | \n
\n\n\n\n| collapse | \nCollapse or not | \nboolean | \nfalse | \n | \n
\n\n| onCollapseChange | \nThis will be triggered when collapse changed by inner icon | \n(collapse?: boolean) => void | \nfunc.noop | \n | \n
\n\n| fixed | \nFixed or not, only worked when Shell fixedHeader is true | \nboolean | \nfalse | \n | \n
\n\n
\nShell.Ancillary
\n\n\n\n| Param | \nDescription | \nType | \nDefault Value | \nRequired | \n
\n\n\n\n| collapse | \nCollapse or not | \nboolean | \nfalse | \n | \n
\n\n| onCollapseChange | \nThis will be triggered when collapse changed by inner icon | \n(collapse?: boolean) => void | \nfunc.noop | \n | \n
\n\n
\n"}