基础抽屉，点击触发按钮抽屉从右滑出，点击遮罩区关闭

在抽屉中使用表单。

需要快速预览对象概要时使用，点击遮罩区关闭。

渲染在当前 dom 里。自定义容器。

Drawer 的事件处理

对于 Drawer 组件:

1. OnOpen: 在打开前执行，并可以通过参数的 Cancel 属性取消打开操作。
2. OnClose: 在关闭前执行，你需要通过它来控制 Drawer 组件的 Visible 属性。

对于 DrawerService:

1. DrawerRef.OnOpen: 在打开前执行，内部是在 Drawe.OnOpen 事件中调用该方法
2. DrawerRef.OnClosing: 在关闭前执行
3. DrawerRef.OnClosed: 在关闭后执行。

自定义位置，点击触发按钮抽屉从相应的位置滑出，点击遮罩区关闭

设置X或Y方向偏移。

在抽屉内打开新的抽屉，用以解决多分支任务的复杂状况。

Drawer 的 service 用法，示例中演示了用户自定义模板、自定义component。

模板代码：DrawerTemplateDemo.razor

@namespace AntDesign
@inherits FeedbackComponent<string, string>

<div>
    value: <Input @bind-Value="value" />
    <br/>
    <br/>
    <Button Type="primary" OnClick="OnClose">Confirm</Button>
</div>

@code{

    string value;

    protected override void OnInitialized()
    {
        value = base.Options;
        base.OnInitialized();
    }

    async void OnClose()
    {
        DrawerRef<string> drawerRef = base.FeedbackRef as DrawerRef<string>;
        await drawerRef!.CloseAsync(value);
    }
}

在Drawer中使用具有下拉或弹出功能的组件。