test/ant-design-blazor
1
0
Fork 0
mirror of https://gitee.com/ant-design-blazor/ant-design-blazor.git synced 2024-12-01 19:48:17 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

feat(module: cascader): add placement parameter (#4046)

Browse Source 
* feat(module: cascader): add placement parameter

* update doc
This commit is contained in:
James Yeung 2024-07-31 22:21:40 +08:00 committed by GitHub
parent 53970f46b5
commit b18c72308a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/cascader/Cascader.razor
View File

@ -7,6 +7,7 @@
OnMaskClick="CascaderOnBlur"
Trigger="new Trigger[] { }"
BoundaryAdjustMode="@BoundaryAdjustMode"
Placement="@Placement"
PopupContainerSelector="@PopupContainerSelector"
OverlayEnterCls="ant-slide-up-enter ant-slide-up-enter-active ant-slide-up"
OverlayLeaveCls="ant-slide-up-leave ant-slide-up-leave-active ant-slide-up">

3
components/cascader/Cascader.razor.cs
View File

@ -62,6 +62,9 @@ namespace AntDesign
}
}
[Parameter]
public Placement Placement { get; set; }
private List<CascaderNode> _nodelist = new List<CascaderNode>();
private List<CascaderNode> _selectedNodes = new List<CascaderNode>();
private List<CascaderNode> _hoverSelectedNodes = new List<CascaderNode>();

3
site/AntDesign.Docs/Demos/Components/Cascader/doc/index.en-US.md
View File

@ -21,13 +21,14 @@ Cascader
| 参数 | 说明 | 类型 | 默认值 |
| -------------------- | ---------------------------------------------------- | --------------------- | --------- |
| AllowClear | whether allow clear | bool | true |
| BoundaryAdjustMode | `Dropdown` adjustment strategy (when for example browser resize is happening) | TriggerBoundaryAdjustMode | TriggerBoundaryAdjustMode.InView |
| BoundaryAdjustMode | `Dropdown` adjustment strategy (when for example browser resize is happening) | TriggerBoundaryAdjustMode | TriggerBoundaryAdjustMode.InView |
| ChangeOnSelect | change value on each selection if set to true, see above demo for details | bool | false |
| Style | additional css class | string | - |
| DefaultValue | initial selected value | string | - |
| ExpandTrigger | expand current item when click or hover, one of 'click' 'hover' | string | 'click' |
| Options | data options of cascade | IList<AntCheckbox> | - |
| Placeholder | input placeholder | string | 'Please Select' |
| Placement | Use preset popup align config from builtinPlacements. | `BottomLeft` \| `BottomRight` \| `TopLeft` \| `TopRight` | - |
| Size | input size, one of 'large','middle' 'small' | string | 无 |
| OnChange | callback when finishing cascader select (List<CascaderNode>, string, string) => void | - | - |

3
site/AntDesign.Docs/Demos/Components/Cascader/doc/index.zh-CN.md
View File

@ -22,13 +22,14 @@ Cascader
| 参数 | 说明 | 类型 | 默认值 |
| -------------------- | ---------------------------------------------------- | --------------------- | --------- |
| AllowClear | 是否支持清除 | bool | true |
| BoundaryAdjustMode | `Dropdown` adjustment strategy (when for example browser resize is happening) | TriggerBoundaryAdjustMode | TriggerBoundaryAdjustMode.InView |
| BoundaryAdjustMode | 边界自动调整的模式，默认在可视范围调整 | TriggerBoundaryAdjustMode | TriggerBoundaryAdjustMode.InView |
| ChangeOnSelect | 当此项为 true 时，点选每级菜单选项值都会发生变化 | bool | false |
| Style | 自定义类名 | string | - |
| DefaultValue | 默认的选中项 | string | - |
| ExpandTrigger | 次级菜单的展开方式，可选 'click' 和 'hover' | string | 'click' |
| Options | 可选项数据源 | IList<AntCheckbox> | - |
| Placeholder | 输入框占位文本 | string | '请选择' |
| Placement | 浮层预设位置 | `BottomLeft` \| `BottomRight` \| `TopLeft` \| `TopRight` | - |
| Size | 输入框大小，可选 'large','middle' 'small' | string | 无 |
| OnChange | 选择完成后的回调 (List<CascaderNode>, string, string) => void | - | - |