ant-design-blazor/components/layout/Sider.razor

@namespace AntDesign
@inherits AntDomComponentBase

<aside class="@ClassMapper.Class" style="@SiderStyles @Style">
    @if (_showTrigger && CollapsedWidth == 0)
    {
        <span class="ant-layout-sider-zero-width-trigger ant-layout-sider-zero-width-trigger-left"
              @onclick="ToggleCollapsed">
            <Icon Type="bars" />
        </span>
    }
    <CascadingValue Value="this" IsFixed="@true">
        <div class="ant-layout-sider-children">
            @ChildContent
        </div>
    </CascadingValue>
    @if (Collapsible && !NoTrigger)
    {
        <div class="ant-layout-sider-trigger" style="width: @($"{ComputedWidth}px")" @onclick="ToggleCollapsed">
            @Trigger
        </div>
    }
</aside>
refactor: change namespcae to AntDesign 2020-05-29 00:33:49 +08:00			`@namespace AntDesign`
docs: add some of layout demos (#138) * feat: add layout demo * feat: add some of layout demos 2020-05-22 00:05:26 +08:00			`@inherits AntDomComponentBase`

refactor: layout and mock-browser (#184) 2020-06-03 23:11:02 +08:00			`<aside class="@ClassMapper.Class" style="@SiderStyles @Style">`
fix(module: layout): missing trigger when sider open from zero-width mode (#1007) 2021-01-20 18:23:48 +08:00			`@if (_showTrigger && CollapsedWidth == 0)`
refactor: layout and mock-browser (#184) 2020-06-03 23:11:02 +08:00			`{`
			`<span class="ant-layout-sider-zero-width-trigger ant-layout-sider-zero-width-trigger-left"`
			`@onclick="ToggleCollapsed">`
feat: add more demos (#197) ...for affix,back-top,breadcrumb,card,divider,typogragpy and timeline Co-authored-by: ElderJames <shunjiey@hotmail.com> 2020-06-07 19:41:00 +08:00			`<Icon Type="bars" />`
refactor: layout and mock-browser (#184) 2020-06-03 23:11:02 +08:00			`</span>`
			`}`
feat(module: overlay): OverlayTrigger not bound to a div (#937) * feat(module:overlay): OverlayTrigger not bound to a div * feat(module:overlay): OverlayTrigger not bound to a div * feat(module:overlay): Logic transfer to single Overlay * feat(module:overlay): remove obsolete duplication * feat(module:Tooltip): Add for unbounded oncontextmenu event handler * feat(module:tooltip): unbound js event listeners remove * docs(module:tooltip): unbound explanation * fix(module:button): attach Ref to top level html element @ref * feat(module:dropdown&tooltip&popconfirm&popover): Overlay not bound to a div * docs(module:dropdown&tooltip&popconfirm&popover): unbound explanation * feat(module:OverlayTrigger): common logic relocation * feat(module:overlaytrigger): Overlay not bound to a div * feat(module:DatePicker): Overlay not bound to a div * feat(module:select): Overlay not boud to div * fix(module:select): onclickarrow event relocation * fix(module:select): rename Show to OnArrowClick * feat(module:avatar): Overlay not bound to a div * docs(module:avatar): demo switch to unbound version * feat(module:autocomplete): partial OverlayTrigger not bound to a div * feat(module:slider): tooltip * docs(module:slider): tooltip * fix(module:overlay): add SetVisible method * feat: set Ref where missing, performance components register Ref when missing IsFixed flag for CascadeValue changed hard-code sequence numbers when using RenderTreeBuilder Rate component use Tooltip Unbound version Tabs test fix * fix: revert changes (accidental) * feat(module:upload): tooltip with unbound usage * feat(module:table): column use of unbound tooltip * feat(module:autocomplete):overlay unbound from div * fix(module:upload): missing div restore Co-authored-by: James Yeung <shunjiey@hotmail.com> 2021-01-21 17:20:10 +08:00			`<CascadingValue Value="this" IsFixed="@true">`
docs: add some of layout demos (#138) * feat: add layout demo * feat: add some of layout demos 2020-05-22 00:05:26 +08:00			`<div class="ant-layout-sider-children">`
			`@ChildContent`
			`</div>`
refactor: layout and mock-browser (#184) 2020-06-03 23:11:02 +08:00			`</CascadingValue>`
fix: menu title padding and layout demo (#186) 2020-06-04 14:48:13 +08:00			`@if (Collapsible && !NoTrigger)`
refactor: layout and mock-browser (#184) 2020-06-03 23:11:02 +08:00			`{`
fix(module: sider): can't collapse in demo (#513) 2020-08-18 18:05:44 +08:00			`<div class="ant-layout-sider-trigger" style="width: @($"{ComputedWidth}px")" @onclick="ToggleCollapsed">`
refactor: layout and mock-browser (#184) 2020-06-03 23:11:02 +08:00			`@Trigger`
			`</div>`
			`}`
			`</aside>`