🦄 Beautiful AntdUI

This commit is contained in:
Tom
2025-03-11 16:55:10 +08:00
parent c8cde4d865
commit bc164a1e9a
116 changed files with 1636 additions and 840 deletions

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Alert
@@ -14,9 +14,12 @@ Alert 警告提示 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextTitle** | 标题 | string`?` | `null` |
🌏 **LocalizationTextTitle** | 国际化标题 | string`?` | `null` |
**Radius** | 圆角 | int | 6 |
**BorderWidth** | 边框宽度 | float | 0F |
**Icon** | 样式 | [TType](Enum.md#ttype) | None |
**Loop** | 文本轮播 | bool | false |
**LoopSpeed** 🔴 | 文本轮播速率 | int | 10 |
**LoopSpeed** | 文本轮播速率 | int | 10 |
**LoopInfinite** 🔴 | 轮播文本无尽 | bool | true |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Avatar
@@ -13,23 +13,27 @@ Avatar 头像 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**Back** | 背景颜色 | Color`?` |`null` |
**BackColor** | 背景颜色 | Color`?` |`null` |
**BorderWidth** | 边框宽度 | float | 0F |
**BorderColor** | 边框颜色 | Color | 246, 248, 250 |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Radius** | 圆角 | int | 6 |
**Round** | 圆角样式 | bool | false |
||||
**Image** | 图片 | Image`?` | `null` |
**ImageSvg** 🔴 | 图片SVG | string`?` | `null` |
**ImageSvg** | 图片SVG | string`?` | `null` |
**ImageFit** | 图片布局 | [TFit](Enum.md#tfit) | Cover |
**PlayGIF** 🔴 | 播放GIF | bool | true |
**PlayGIF** | 播放GIF | bool | true |
||||
**Shadow** | 阴影大小 | int | 0 |
**ShadowColor** | 阴影颜色 | Color`?` | `null` |
**ShadowOpacity** | 阴影透明度 | float | 0.3F |
**ShadowOffsetX** | 阴影偏移X | int | 0 |
**ShadowOffsetY** | 阴影偏移Y | int | 0 |
**ShadowOffsetY** | 阴影偏移Y | int | 0 |
||||
**Loading** 🔴 | 加载状态 | bool | false |
**LoadingProgress** 🔴 | 加载进度 `0F-1F` | float | 0F |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Badge
@@ -13,11 +13,15 @@ Badge 徽标数 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoSize** 🔴 | 自动大小 | bool | false |
**AutoSizeMode** 🔴 | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**Fill** | 填充颜色 | Color`?` | `null` |
**State** | 状态 | [TState](Enum.md#tstate) | Default |
**Text** | 文本 | string`?` | `null` |
**TextAlign** 🔴 | 文本位置 | ContentAlignment | MiddleCenter |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
||||
**DotRatio** | 点比例 🔴 | float | 0.4F |
**Gap** | 间隔 🔴 | int | 0 |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Battery
@@ -13,7 +13,7 @@ Battery 电量 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**BackColor** | 背景颜色 | Color`?` | `null` |
@@ -24,4 +24,6 @@ Battery 电量 👚
**ShowText** | 显示 | bool | true |
**FillFully** | 满电颜色 | Color | 0, 210, 121 |
**FillWarn** | 警告电量颜色 | Color | 250, 173, 20 |
**FillDanger** | 危险电量颜色 | Color | 255, 77, 79 |
**FillDanger** | 危险电量颜色 | Color | 255, 77, 79 |
**ValueWarn** 🔴 | 警告电量阈值 | int | 30 |
**ValueDanger** 🔴 | 危险电量阈值 | int | 20 |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Breadcrumb
@@ -40,4 +40,5 @@ Breadcrumb 面包屑 👚
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string | `null` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Button
@@ -13,7 +13,7 @@ Button 按钮 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
@@ -42,12 +42,14 @@ Button 按钮 👚
**RespondRealAreas** | 响应真实区域 | bool | false |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
**AutoEllipsis** | 文本超出自动处理 | bool | false |
**TextMultiLine** | 是否多行 | bool | false |
**TextCenterHasIcon** 🔴 | 文本居中显示(包含图标后) | bool | false |
||||
**IconRatio** | 图标比例 | float | 0.7F |
**IconGap** 🔴 | 图标与文字间距比例 | float | 0.25F |
**IconGap** | 图标与文字间距比例 | float | 0.25F |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**IconHover** | 悬停图标 | Image`?` | `null` |
@@ -56,7 +58,7 @@ Button 按钮 👚
**IconPosition** | 按钮图标组件的位置 | [TAlignMini](Enum.md#talignmini) | Left |
**IconSize** | 图标大小 `不设置为自动大小` | Size | 0 × 0 |
||||
|**切换** 🔴||
|**切换**||
**Toggle** | 选中状态 | bool | false |
**ToggleIcon** | 切换图标 | Image`?` | `null` |
**ToggleIconSvg** | 切换图标SVG | string`?` | `null` |
@@ -70,7 +72,7 @@ Button 按钮 👚
**ToggleBackHover** | 切换悬停背景颜色 | Color`?` | `null` |
**ToggleBackActive** | 切换激活背景颜色 | Color`?` | `null` |
||||
|**加载** 🔴||
|**加载**||
**Loading** | 加载状态 `true屏蔽点击` | bool | false |
**LoadingValue** | 加载进度 `0F-1F` | float | 0.3F |
**LoadingWaveValue** | 水波进度 `0F-1F` | float | 0F |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Calendar
@@ -18,11 +18,11 @@ Calendar 日历 👚
||||
**Full** | 是否撑满 | bool | false |
**ShowChinese** | 显示农历 | bool | false |
**ShowButtonToDay** 🔴 | 显示今天 | bool | true |
**ShowButtonToDay** | 显示今天 | bool | true |
||||
**Value** | 控件当前日期 | DateTime | `DateTime.Now` |
**MinDate** 🔴 | 最小日期 | DateTime`?` | `null` |
**MaxDate** 🔴 | 最大日期 | DateTime`?` | `null` |
**MinDate** | 最小日期 | DateTime`?` | `null` |
**MaxDate** | 最大日期 | DateTime`?` | `null` |
### 日期上的徽标

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Carousel

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Checkbox
@@ -20,8 +20,10 @@ Checkbox 多选框 👚
**Fill** | 填充颜色 | Color`?` | `null` |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** 🔴 | 文本位置 | ContentAlignment | MiddleLeft |
**Checked** | 选中状态 | bool | false |
**AutoCheck** 🔴 | 点击时自动改变选中状态 | bool | true |
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
||||
**RightToLeft** | 反向 | RightToLeft | No |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Collapse
@@ -27,7 +27,7 @@ Collapse 折叠面板 👚
||||
**Items** | 数据 `CollapseItem[]` | [CollapseItem[]](#collapseitem) | [] |
### 事件 🔴
### 事件
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
@@ -38,8 +38,11 @@ Collapse 折叠面板 👚
#### CollapseItem
> 继承于 ScrollableControl
> 继承于 [ScrollableControl](https://github.com/dotnet/winforms/blob/main/src/System.Windows.Forms/System/Windows/Forms/Scrolling/ScrollableControl.cs)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Expand** | 展开 | bool | true |
**Expand** | 展开 | bool | true |
**Full** 🔴 | 是否铺满剩下空间 | bool | false |
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## ColorPicker
@@ -13,11 +13,11 @@ ColorPicker 颜色选择器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
**Mode** 🔴 | 颜色模式 | [TColorMode](Enum.md#tcolormode) | Hex |
**Mode** | 颜色模式 | [TColorMode](Enum.md#tcolormode) | Hex |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**BackColor** | 背景颜色 | Color`?` | `null` |
@@ -36,6 +36,20 @@ ColorPicker 颜色选择器 👚
**JoinRight** | 连接右边 `组合按钮` | bool | false |
||||
**Value** | 颜色的值 | Color | Style.Db.Primary `主题色` |
**DisabledAlpha** 🔴 | 禁用透明度 | bool | false |
**AllowClear** 🔴 | 支持清除 | bool | false |
**ShowClose** 🔴 | 显示关闭按钮 | bool | false |
||||
**Trigger** | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**ClearValue** | 清空值 | void | |
**ClearValue** | 清空值 | void | Color def `默认色` |
### 事件

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## ContextMenuStrip
@@ -17,10 +17,10 @@ ContextMenuStrip 右键菜单
**Font** | 字体 | Font |`null`|
**Radius** | 圆角 | int | 6 |
**TopMost** | 是否置顶 | bool |false|
**CallSleep** 🔴 | 延迟回调 | int |0|
**UFocus** 🔴 | 是否抢占焦点 | bool |false|
**Location** 🔴 | 自定义坐标 | Point`?` |`null`|
**Align** 🔴 | 方向 | [TAlignFrom](Enum.md#talignfrom) | BR |
**CallSleep** | 延迟回调 | int |0|
**UFocus** | 是否抢占焦点 | bool |false|
**Location** | 自定义坐标 | Point`?` |`null`|
**Align** | 方向 | [TAlignFrom](Enum.md#talignfrom) | BR |
**Call** | 点击回调 | Action<ContextMenuStripItem> | `必填` |
### 数据
@@ -29,11 +29,15 @@ ContextMenuStrip 右键菜单
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** | ID | string`?` | `null` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**SubText** | 子文本 | string`?` | `null` |
🌏 **LocalizationSubText** | 国际化子文本 | string`?` | `null` |
**Fore** | 文字颜色 | Color`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**Enabled** 🔴 | 使能 | bool | true |
**Checked** | 选中 | bool | false |
**Sub** | 子项 `IContextMenuStripItem[]` | [IContextMenuStripItem[]](#contextmenustripitem) | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## DatePicker
@@ -16,13 +16,14 @@ DatePicker 日期选择框 👚
**Format** | 格式化 | string | yyyy-MM-dd `HH:mm:ss 可显示时分秒选择框` |
||||
**Value** | 控件当前日期 | DateTime`?` | `null` |
**MinDate** 🔴 | 最小日期 | DateTime`?` | `null` |
**MaxDate** 🔴 | 最大日期 | DateTime`?` | `null` |
**MinDate** | 最小日期 | DateTime`?` | `null` |
**MaxDate** | 最大日期 | DateTime`?` | `null` |
**Presets** | 预置菜单 | object[] | [] |
||||
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**ShowIcon** | 是否显示图标 | bool | true |
**ValueTimeHorizontal** | 时间值水平对齐 | bool | false |
### 日期上的徽标

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Divider

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Drawer
@@ -18,7 +18,39 @@ Drawer 抽屉
**MaskClosable** | 点击蒙层是否允许关闭 | bool | true |
**Padding** | 边距 | int | 24 |
**Align** | 方向 | [TAlignMini](Enum.md#talignmini) | Right |
**Dispose** 🔴 | 是否释放 | bool | true |
**Dispose** | 是否释放 | bool | true |
**Tag** | 用户定义数据 | object`?` | `null` |
**OnLoad** 🔴 | 加载回调 | Action`?` | `null` |
**OnClose** 🔴 | 关闭回调 | Action`?` | `null` |
**OnLoad** | 加载回调 | Action`?` | `null` |
**OnClose** | 关闭回调 | Action`?` | `null` |
**DisplayDelay** 🔴 | 显示延迟 `加入延迟可有效避免与Mask动画抢占` | int | 100 |
***
### UserControl 监控 Load 示例
~~~csharp
public partial class UserControl1 : UserControl, AntdUI.ControlEvent
{
public void LoadCompleted()
{
System.Diagnostics.Debug.WriteLine("Load");
}
protected override void Dispose(bool disposing)
{
base.Dispose(disposing);
System.Diagnostics.Debug.WriteLine("Close");
}
}
~~~
### 堵塞/等待示例
~~~csharp
private async void button1_Click(object sender, EventArgs e)
{
var usercontrol = new UserControl1(form);
await AntdUI.Drawer.wait(form, usercontrol, AntdUI.TAlignMini.Left);
System.Diagnostics.Debug.WriteLine("End" + usercontrol.ToString());
}
~~~

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Dropdown
@@ -17,8 +17,9 @@ Dropdown 选择器 👚
**Trigger** | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**MaxCount** | 列表最多显示条数 | int | 4 |
**DropDownRadius** 🔴 | 下拉圆角 | int`?` | `null` |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**DropDownPadding** 🔴 | 下拉边距 | Size | 12, 5 |
**DropDownPadding** | 下拉边距 | Size | 12, 5 |
**ClickEnd** | 点击到最里层 `无节点才能点击` | bool | false |
||||
**Items** | 数据 [更多样式](../DropdownStyles.md) | object[] | [] |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## TAutoSize
@@ -267,4 +267,16 @@ Tab类型
**None** | 不显示 |
**Button** | 超出按钮 |
**LR** | 左右按钮 |
**LR_Shadow** | 左右按钮+阴影 |
**LR_Shadow** | 左右按钮+阴影 |
***
## TRotate
旋转
名称 | 描述 |
:--|:--|
**None** | 不旋转 |
**Clockwise_90** | 顺时针90° |
**CounterClockwise_90** | 逆时针90° |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## FloatButton
@@ -21,7 +21,7 @@ FloatButton 悬浮按钮
**Size** | 大小 | int | 40 |
**MarginX** | 边距X | int | 24 |
**MarginY** | 边距Y | int | 24 |
**Gap** 🔴 | 间距 | int | 40 |
**Gap** | 间距 | int | 40 |
**Btns** | 按钮列表 | [ConfigBtn[]](#floatbutton.configbtn) | `必填` |
**Call** | 点击回调 | Action<ConfigBtn> | `必填` |
@@ -33,16 +33,26 @@ FloatButton 悬浮按钮
:--|:--|:--|:--|
**Name** | 名称 | string | `null` |
**Text** | 文本 | string`?` | `null` |
**Fore** 🔴 | 文字颜色 | Color`?` | `null` |
**Tooltip** | 气泡的内容 | string`?` | `null` |
**Round** 🔴 | 圆角样式 | bool | true |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Fore** | 文字颜色 | Color`?` | `null` |
**Enabled** | 使能 | bool | true |
**Loading** | 加载 | bool | false |
**LoadingValue** 🔴 | 加载进度 | float | 0.3F |
**Round** | 圆角样式 | bool | true |
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Radius** | 圆角 | int | 6 |
||||
**Icon** | 自定义图标 | Image`?` | `null` |
**IconSvg** | 自定义图标SVG | string`?` | `null` |
**IconSize** 🔴 | 图标大小 `不设置为自动大小` | Size | 0 × 0 |
**IconSize** | 图标大小 `不设置为自动大小` | Size | 0 × 0 |
||||
**Badge** | 徽标文本 | string`?` | `null` |
**BadgeSize** | 徽标字体大小 | float | 9F |
**BadgeBack** | 徽标背景颜色 | Color`?` | `null` |
**BadgeSvg** 🔴 | 徽标SVG | string`?` | `null` |
**BadgeAlign** 🔴 | 徽标方向 | [TAlignFrom](Enum.md#talignfrom) | TR |
**BadgeSize** | 徽标大小 | float | 0.6F |
**BadgeMode** 🔴 | 徽标模式(镂空) | bool | false |
**BadgeOffsetX** 🔴 | 徽标偏移X | float | 0 |
**BadgeOffsetY** 🔴 | 徽标偏移Y | float | 0 |
**BadgeBack** | 徽标背景颜色 | Color`?` | `null` |
||||
**Tooltip** | 气泡的内容 | string`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## FlowPanel

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## GridPanel
@@ -6,11 +6,18 @@ GridPanel 格栅布局 👚
- 默认属性Span
> `;` or `回车` 分割行,`空格` 分割列
> `;` or `回车` 分割行,`空格` 分割列,每行 `:` 前是自定义行高如 30:50% 50%
### 属性
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Span** | 跨度 | string | 50% 50%;50% 50% |
**Gap** | 间距 | int | 0 |
**Gap** | 间距 | int | 0 |
**PauseLayout** | 暂停布局 | bool | false ||
### 扩展属性
名称 | 描述 | 类型 |
:--|:--|:--|
**Index** | 排序 | int |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Input
@@ -13,7 +13,7 @@ Input 输入框 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**BackColor** | 背景颜色 | Color`?` | `null` |
@@ -31,8 +31,8 @@ Input 输入框 👚
||||
**SelectionColor** | 选中颜色 | Color | 102, 0, 127, 255 |
||||
**CaretColor** 🔴 | 光标颜色 | Color`?` | `null` |
**CaretSpeed** 🔴 | 光标速度 | int | 1000 |
**CaretColor** | 光标颜色 | Color`?` | `null` |
**CaretSpeed** | 光标速度 | int | 1000 |
||||
**WaveSize** | 波浪大小 `点击动画` | int | 4 |
**Radius** | 圆角 | int | 6 |
@@ -42,31 +42,36 @@ Input 输入框 👚
**AllowClear** | 支持清除 | bool | false |
**AutoScroll** | 显示滚动条 | bool | false |
**Text** | 文本 | string ||
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**ImeMode** | IME(输入法编辑器)状态 | ImeMode | NoControl |
**EmojiFont** | Emoji字体 | string | Segoe UI Emoj |
**AcceptsTab** | 多行编辑是否允许输入制表符 | bool | false |
**Multiline** | 多行文本 | bool | false |
**LineHeight** | 多行行高 | int | 0 |
**ReadOnly** | 只读 | bool | false |
**PlaceholderText** | 水印文本 | string`?` | `null` |
**PlaceholderColor** 🔴 | 水印颜色 | Color`?` | `null` |
**PlaceholderColorExtend** 🔴 | 水印渐变色 | string`?` | `null` |
🌏 **LocalizationPlaceholderText** | 国际化水印文本 | string`?` | `null` |
**PlaceholderColor** | 水印色 | Color`?` | `null` |
**PlaceholderColorExtend** | 水印渐变色 | string`?` | `null` |
**LostFocusClearSelection** | 焦点离开清空选中 | bool | true |
**HandShortcutKeys** 🔴 | 处理快捷键 | bool | true |
||||
**TextAlign** | 文本对齐方向 | HorizontalAlignment | Left |
**UseSystemPasswordChar** | 使用密码框 | bool | false |
**PasswordChar** | 自定义密码字符 | char | (char)0 |
**PasswordCopy** | 密码可以复制 | bool | false |
**PasswordPaste** 🔴 | 密码可以粘贴 | bool | false |
**PasswordPaste** | 密码可以粘贴 | bool | true |
**MaxLength** | 文本最大长度 | int | 32767 |
||||
**IconRatio** | 图标比例 | float | 0.7F |
**IconGap** 🔴 | 图标与文字间距比例 | float | 0.25F |
**IconGap** | 图标与文字间距比例 | float | 0.25F |
**Prefix** | 前缀 | Image`?` | `null` |
**PrefixFore** 🔴 | 前缀前景色 | Color`?` | `null` |
**PrefixFore** | 前缀前景色 | Color`?` | `null` |
**PrefixSvg** | 前缀SVG | string`?` | `null` |
**PrefixText** | 前缀文本 | string`?` | `null` |
||||
**Suffix** | 后缀 | Image`?` | `null` |
**SuffixFore** 🔴 | 后缀前景色 | Color`?` | `null` |
**SuffixFore** | 后缀前景色 | Color`?` | `null` |
**SuffixSvg** | 后缀SVG | string`?` | `null` |
**SuffixText** | 后缀文本 | string`?` | `null` |
||||
@@ -116,11 +121,11 @@ InputNumber 数字输入框 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Minimum** 🔴 | 最小值 | decimal`?` | `null` |
**Maximum** 🔴 | 最大值 | decimal`?` | `null` |
**Minimum** | 最小值 | decimal`?` | `null` |
**Maximum** | 最大值 | decimal`?` | `null` |
**Value** | 当前值 | decimal | 0 |
||||
**ShowControl** 🔴 | 显示控制器 | bool | true |
**ShowControl** | 显示控制器 | bool | true |
**DecimalPlaces** | 显示的小数点位数 | int | 0 |
**ThousandsSeparator** | 是否显示千分隔符 | bool | false |
**Hexadecimal** | 值是否应以十六进制显示 | bool | false |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Label
@@ -13,23 +13,30 @@ Label 文本 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**ColorExtend** 🔴 | 文字渐变色 | string`?` | `null` |
**ColorExtend** | 文字渐变色 | string`?` | `null` |
||||
**Text** | 文本 | string ||
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleLeft |
**AutoEllipsis** | 文本超出自动处理 | bool | false |
**TextMultiLine** | 是否多行 | bool | true |
||||
**IconRatio** 🔴 | 图标比例 | float | 0.7F |
**Prefix** | 前缀 | string`?` | `null` |
**PrefixSvg** 🔴 | 前缀SVG | string`?` | `null` |
**IconRatio** | 图标比例 | float | 0.7F |
**Prefix** | 前缀文本 | string`?` | `null` |
🌏 **LocalizationPrefix** | 国际化前缀 | string`?` | `null` |
**PrefixSvg** | 前缀SVG | string`?` | `null` |
**PrefixColor** | 前缀颜色 | Color`?` | `null` |
**Suffix** | 后缀文本 | string`?` | `null` |
**SuffixSvg** 🔴 | 后缀SVG | string`?` | `null` |
🌏 **LocalizationSuffix** | 国际化后缀 | string`?` | `null` |
**SuffixSvg** | 后缀SVG | string`?` | `null` |
**SuffixColor** | 后缀颜色 | Color`?` | `null` |
**Highlight** | 缀标完全展示 | bool | true |
**ShowTooltip** 🔴 | 超出文字显示 Tooltip | bool | true |
**ShowTooltip** | 超出文字显示 Tooltip | bool | true |
**Rotate** 🔴 | 旋转 | [TRotate](Enum.md#trotate) | None |
||||
**Shadow** | 阴影大小 | int | 0 |
**ShadowColor** | 阴影颜色 | Color`?` | `null` |

View File

@@ -0,0 +1,19 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## LabelTime
LabelTime 时间文本 👚
> 显示时间文本。
- 默认属性ShowTime
- 默认事件Click
### 属性
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoWidth** 🔴 | 自动宽度 | bool | false |
||||
**ForeColor** | 文字颜色 | Color | |
**ShowTime** | 是否显示秒 | bool | true |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Menu
@@ -22,10 +22,13 @@ Menu 导航菜单 👚
**Round** | 圆角样式 | bool | false |
**Indent** | 常规缩进 `和Tree那样缩进` | bool | false |
**ShowSubBack** | 显示子菜单背景 | bool | false |
**Unique** 🔴 | 只保持一个子菜单的展开 | bool | false |
**Unique** | 只保持一个子菜单的展开 | bool | false |
**Trigger** | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Gap** | 间距 | int | 0 |
**IconRatio** | 图标比例 | float | 1.2F |
||||
**Theme** | 色彩模式 | [TAMode](Enum.md#tamode) | Auto |
**Mode** 🔴 | 菜单类型 | [TMenuMode](Enum.md#tmenumode) | Inline |
**Mode** | 菜单类型 | [TMenuMode](Enum.md#tmenumode) | Inline |
**AutoCollapse** | 自动折叠 | bool | false |
**Collapsed** | 是否折叠 | bool | false |
||||
@@ -47,8 +50,8 @@ Menu 导航菜单 👚
**SelectIndex** | 选中第二层 | void | int i1 `序号1` , int i2 `序号2`, bool focus `设置焦点` = true |
**SelectIndex** | 选中第三次 | void | int i1 `序号1` , int i2 `序号2` , int i3 `序号3`, bool focus `设置焦点` = true |
||||
**Select** 🔴 | 选中菜单 | void | MenuItem item `项`, bool focus `设置焦点` = true |
**Remove** 🔴 | 移除菜单 | void | MenuItem item `项` |
**Select** | 选中菜单 | void | MenuItem item `项`, bool focus `设置焦点` = true |
**Remove** | 移除菜单 | void | MenuItem item `项` |
### 数据
@@ -57,15 +60,20 @@ Menu 导航菜单 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**IconRatio** 🔴 | 图标比例 | float | 1.2F |
**ID** | ID | string`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string | `null` |
**IconActive** | 图标激活 | Image`?` | `null` |
**IconActiveSvg** | 图标激活SVG | string | `null` |
**Text** | 文本 | string | `必填` |
**Font** 🔴 | 自定义字体 | Font`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Font** | 自定义字体 | Font`?` | `null` |
**Visible** | 是否显示 | bool | true |
**Enabled** | 禁用状态 | bool | true |
**Select** | 是否选中 | bool | false |
**Expand** | 展开 | bool | true |
**CanExpand** | 是否可以展开 | bool | `只读` |
**Sub** | 子集合 ♾️ | [MenuItem[]](#menuitem) | [] |
**Tag** | 用户定义数据 | object`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**PARENTITEM** | 父级对象 | [MenuItem](#menuitem)`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Message
@@ -12,17 +12,18 @@ Message 全局提示
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** 🔴 | ID | string`?` | `null` |
**ID** | ID | string`?` | `null` |
**Form** | 所属窗口 | Form | `必填` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Icon** | 图标 | [TType](Enum.md#ttype) | None |
**Font** | 字体 | Font | `null` |
**Radius** | 圆角 | int | 6 |
**AutoClose** | 自动关闭时间(秒)`0等于不关闭` | int | 6 |
**ClickClose** 🔴 | 是否可以点击关闭 | bool | true |
**Align** 🔴 | 方向 | [TAlignFrom](Enum.md#talignfrom) | Top |
**Padding** 🔴 | 边距 | Size | 12, 9 |
**ShowInWindow** 🔴 | 弹出在窗口 | bool | false |
**ClickClose** | 是否可以点击关闭 | bool | true |
**Align** | 方向 | [TAlignFrom](Enum.md#talignfrom) | Top |
**Padding** | 边距 | Size | 12, 9 |
**ShowInWindow** | 弹出在窗口 | bool | false |
**Call** | 加载回调 | Action<Config>`?` | `null` |
#### 方法
@@ -30,6 +31,7 @@ Message 全局提示
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**close_all** | 关闭全部 | void | |
**close_id** | 关闭指定id | void | string id |
> loading业务方法

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Modal
@@ -24,21 +24,22 @@ Modal 对话框
**CloseIcon** | 是否显示关闭图标 | bool | false |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**Padding** 🔴 | 边距 | Size | 24, 20 |
**BtnHeight** 🔴 | 按钮栏高度 | int | 38 |
**Padding** | 边距 | Size | 24, 20 |
**BtnHeight** | 按钮栏高度 | int | 38 |
**CancelText** | 取消按钮文字 | string | "取消" |
**CancelFont** 🔴 | 取消按钮字体 | Font`?` | `null` |
**CancelFont** | 取消按钮字体 | Font`?` | `null` |
**OkText** | 确认按钮文字 | string | "确定" |
**OkType** | 确认按钮类型 | [TTypeMini](Enum.md#ttypemini) | Primary |
**OkFont** 🔴 | 确认按钮字体 | Font`?` | `null` |
**OkFont** | 确认按钮字体 | Font`?` | `null` |
**OnOk** | 确定回调 | `Func<Config, bool>?` | `null` |
||||
**Btns** | 自定义按钮 | [Btn[]](#modal.btn) | `null` |
**OnBtns** | 自定义按钮回调 | Action<[Button](#button)> | `null` |
**OnButtonStyle** | 自定义按钮样式回调 | Action<string, [Button](Button)> | `null` |
||||
**LoadingDisableCancel** 🔴 | 加载时禁用取消按钮 | bool | false |
||||
**OnButtonStyle** 🔴 | 自定义按钮样式回调 | Action<string, [Button](Button)> | `null` |
**LoadingDisableCancel** | 加载时禁用取消按钮 | bool | false |
**Draggable** | 拖拽窗口 | bool | true |
**Close()** | 主动关闭 | void | |
### Modal.Btn
@@ -51,4 +52,24 @@ Modal 对话框
**Type** | 按钮类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Fore** | 文字颜色 | Color`?` | `null` |
**Back** | 背景颜色 | Color`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
***
### UserControl 监控 Load 示例
~~~csharp
public partial class UserControl1 : UserControl, AntdUI.ControlEvent
{
public void LoadCompleted()
{
System.Diagnostics.Debug.WriteLine("Load");
}
protected override void Dispose(bool disposing)
{
base.Dispose(disposing);
System.Diagnostics.Debug.WriteLine("Close");
}
}
~~~

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Notification
@@ -12,32 +12,36 @@ Notification 通知提醒框
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** 🔴 | ID | string`?` | `null` |
**ID** | ID | string`?` | `null` |
**Form** | 所属窗口 | Form | `必填` |
**Icon** | 图标 | [TType](Enum.md#ttype) | None |
**Font** | 字体 | Font`?` | `null` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
|||||
**Title** | 标题 | string | `必填` |
**FontTitle** 🔴 | 标题字体 | Font`?` | `null` |
**FontStyleTitle** 🔴 | 标题字体样式 | FontStyle`?` | `null` |
🌏 **LocalizationTitle** | 国际化标题 | string`?` | `null` |
**FontTitle** | 标题字体 | Font`?` | `null` |
**FontStyleTitle** | 标题字体样式 | FontStyle`?` | `null` |
|||||
**Radius** | 圆角 | int | 10 |
**Align** | 方向 | [TAlignFrom](Enum.md#talignfrom) | Right |
**Padding** 🔴 | 边距 | Size | 24, 20 |
**Padding** | 边距 | Size | 24, 20 |
**AutoClose** | 自动关闭时间(秒)`0等于不关闭` | int | 6 |
**ClickClose** 🔴 | 是否可以点击关闭 | bool | true |
**ClickClose** | 是否可以点击关闭 | bool | true |
**CloseIcon** | 是否显示关闭图标 | bool | false |
**TopMost** | 是否置顶 | bool | false |
**Tag** | 用户定义数据 | object`?` | `null` |
**Link** | 超链接 | [Modal.ConfigLink](#modal.configlink)`?` | `null` |
**ShowInWindow** 🔴 | 弹出在窗口 | bool | false |
**ShowInWindow** | 弹出在窗口 | bool | false |
**OnClose** | 关闭回调 | Action`?` | `null` |
#### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**close_all** | 关闭全部 | void | |
**close_id** | 关闭指定id | void | string id |
### Modal.ConfigLink

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## PageHeader
@@ -15,12 +15,19 @@ PageHeader 页头 👚
:--|:--|:--|:--|
**Mode** | 色彩模式 | [TAMode](Enum.md#tamode) | Auto |
**Loading** | 加载状态 | bool | false |
**BackExtend** | 背景渐变色 | string`?` | `null` |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**SubText** | 副标题 | string`?` | `null` |
🌏 **LocalizationSubText** | 国际化副标题 | string`?` | `null` |
**Description** | 描述文本 | string`?` | `null` |
🌏 **LocalizationDescription** | 国际化描述文本 | string`?` | `null` |
**UseTitleFont** | 使用标题大小 | bool | false |
**UseTextBold** | 标题使用粗体 | bool | true |
**UseSubCenter** 🔴 | 副标题居中 | bool | false |
**UseLeftMargin** 🔴 | 使用左边边距 | bool | true |
**SubFont** | 副标题字体 | Font`Font` | `null` |
||||
**Gap** | 间隔 | int`?` | `null` |
**SubGap** | 副标题与标题间隔 | int | 6 |
@@ -28,11 +35,13 @@ PageHeader 页头 👚
**ShowIcon** | 是否显示图标 | bool | false |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string | `null` |
**IconRatio** | 图标比例 | float`?` | `null` |
||||
**ShowBack** | 是否显示返回按钮 | bool | false |
**ShowButton** | 是否显示标题栏按钮 | bool | false |
**MaximizeBox** | 是否显示最大化按钮 | bool | true |
**MinimizeBox** | 是否显示最小化按钮 | bool | true |
**FullBox** | 是否显示全屏按钮 | bool | false |
**DragMove** | 是否可以拖动位置 | bool | true |
**CloseSize** | 关闭按钮大小 | int | 48 |
||||

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Pagination
@@ -20,18 +20,25 @@ Pagination 分页 👚
**PageTotal** | 总页数 | int | 1 `只读` |
||||
**ShowSizeChanger** | 是否展示 `PageSize` 切换器 | bool | false |
**SizeChangerWidth** 🔴 | `SizeChanger` 宽度 | int | 0 `0 自动宽度` |
**PageSizeOptions** 🔴 | 指定每页可以显示多少条 `下拉选择` | int[]? | null |
**SizeChangerWidth** | `SizeChanger` 宽度 | int | 0 `0 自动宽度` |
**PageSizeOptions** | 指定每页可以显示多少条 `下拉选择` | int[]? | null |
||||
**Fill** | 颜色 | Color`?` | `null` |
||||
**Gap** 🔴 | 间距 | int | 8 |
**Gap** | 间距 | int | 8 |
**Radius** | 圆角 | int | 6 |
**BorderWidth** | 边框宽度 | float | 1F |
||||
**TextDesc** | 主动显示内容 `设置非空后 ShowTotalChanged 失效` | string`?` | `null` |
🌏 **LocalizationTextDesc** | 国际化主动显示内容 | string`?` | `null` |
**RightToLeft** | 反向 | RightToLeft | No |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**InitData** | 初始化 `不触发事件` | void | int Current = 1, int PageSize = 10 |
### 事件
名称 | 描述 | 返回值 | 参数 |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Panel
@@ -20,7 +20,7 @@ Panel 面板 👚
||||
**BorderWidth** | 边框宽度 | float | 0F |
**BorderColor** | 边框颜色 | Color`?` | `null` |
**BorderStyle** 🔴 | 边框样式 | DashStyle | Solid |
**BorderStyle** | 边框样式 | DashStyle | Solid |
||||
**BackgroundImage** | 背景图片 | Image`?` | `null` |
**BackgroundImageLayout** | 背景图片布局 | [TFit](Enum.md#tfit) | Fill |
@@ -29,8 +29,8 @@ Panel 面板 👚
**ShadowColor** | 阴影颜色 | Color`?` | `null` |
**ShadowOpacity** | 阴影透明度 | float | 0.1F |
**ShadowOpacityHover** | 悬停阴影后透明度 | float | 0.3F |
**ShadowOpacityAnimation** 🔴 | 阴影透明度动画使能 | bool | false |
**ShadowOpacityAnimation** | 阴影透明度动画使能 | bool | false |
**ShadowOffsetX** | 阴影偏移X | int | 0 |
**ShadowOffsetY** | 阴影偏移Y | int | 0 |
**ShadowAlign** 🔴 | 阴影方向 | [TAlignMini](Enum.md#talignmini) | None |
**padding** 🔴 | 内边距 | Padding | 0, 0, 0, 0 |
**ShadowAlign** | 阴影方向 | [TAlignMini](Enum.md#talignmini) | None |
**padding** | 内边距 | Padding | 0, 0, 0, 0 |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Popover
@@ -21,6 +21,8 @@ Popover 气泡卡片
**ArrowAlign** | 箭头方向 | [TAlign](Enum.md#talign) | Bottom |
**ArrowSize** | 箭头大小 | int | 8 |
**Offset** | 偏移量 | Rectangle / RectangleF | `null` |
**CustomPoint** 🔴 | 自定义位置 | Rectangle`?` |`null`|
**Focus** 🔴 | 获取焦点 | bool | true |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**OnControlLoad** | 控件显示后回调 | `Action?` | `null` |
@@ -38,4 +40,24 @@ Popover 气泡卡片
**Fore** | 文字颜色 | Color`?` | `null` |
**Font** | 字体 | Font`?` | `null` |
||||
**Call** | 点击回调 `设置后鼠标悬停可点击` | Action | `null` |
**Call** | 点击回调 `设置后鼠标悬停可点击` | Action | `null` |
***
### UserControl 监控 Load 示例
~~~csharp
public partial class UserControl1 : UserControl, AntdUI.ControlEvent
{
public void LoadCompleted()
{
System.Diagnostics.Debug.WriteLine("Load");
}
protected override void Dispose(bool disposing)
{
base.Dispose(disposing);
System.Diagnostics.Debug.WriteLine("Close");
}
}
~~~

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Preview

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Progress
@@ -18,29 +18,31 @@ Progress 进度条 👚
**Fill** | 进度条颜色 | Color`?` | `null` |
||||
**Radius** | 圆角 | int | 0 |
**Shape** 🔴 | 形状 | [TShapeProgress](Enum.md#tshapeprogress) | Round |
**Shape** | 形状 | [TShapeProgress](Enum.md#tshapeprogress) | Round |
**IconRatio** | 图标比例 | float | 0.7F |
**ValueRatio** 🔴 | 进度条比例 | float | 0.4F |
**ValueRatio** | 进度条比例 | float | 0.4F |
||||
**UseSystemText** 🔴 | 使用系统文本 | bool | false |
**ShowTextDot** 🔴 | 显示进度文本小数点位数 | int | 0 |
**UseSystemText** | 使用系统文本 | bool | false |
**ShowTextDot** | 显示进度文本小数点位数 | int | 0 |
**State** | 样式 | [TType](Enum.md#ttype) | None |
**ShowInTaskbar** | 任务栏中显示进度 | bool | false |
||||
**Text** | 文本 | string`?` | `null` |
**TextUnit** 🔴 | 单位文本 | string`?` | % |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextUnit** | 单位文本 | string`?` | % |
🌏 **LocalizationTextUnit** | 国际化单位文本 | string`?` | `null` |
**Value** | 进度条 `0F-1F` | float | 0F |
**Loading** | 加载状态 | bool | false |
**LoadingFull** | 动画铺满 | bool | false |
**Loading** | 加载状态 | bool | false |
**Animation** | 动画时长 | int | 200 |
||||
**Steps** 🔴 | 进度条总共步数 | int | 3 |
**StepSize** 🔴 | 步数大小 | int | 14 |
**StepGap** 🔴 | 步数间隔 | int | 2 |
**Steps** | 进度条总共步数 | int | 3 |
**StepSize** | 步数大小 | int | 14 |
**StepGap** | 步数间隔 | int | 2 |
### 事件
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**ValueFormatChanged** 🔴 | Value格式化时发生 | string | float value `进度` |
**ValueFormatChanged** | Value格式化时发生 | string | float value `进度` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Radio
@@ -20,8 +20,10 @@ Radio 单选框 👚
**Fill** | 填充颜色 | Color`?` | `null` |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** 🔴 | 文本位置 | ContentAlignment | MiddleLeft |
**Checked** | 选中状态 | bool | false |
**AutoCheck** 🔴 | 点击时自动改变选中状态 | bool | true |
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
||||
**RightToLeft** | 反向 | RightToLeft | No |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Rate
@@ -17,12 +17,14 @@ Rate 评分 👚
||||
**Fill** | 颜色 | Color | 250, 219, 20 |
||||
**AllowClear** | 支持清除 | bool | false |
**AllowHalf** | 是否允许半选 | bool | false |
**Count** | Star 总数 | int | 5 |
**Value** | 当前值 | float | 0F |
||||
**Tooltips** | 自定义每项的提示信息 | string[]`?` | `null` |
**Character** | 自定义字符SVG | string`?` | `null` |
🌏 **LocalizationCharacter** | 国际化自定义字符 | string`?` | `null` |
### 事件

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Segmented
@@ -13,9 +13,9 @@ Segmented 分段控制器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** 🔴 | 自动大小 | bool | false |
**AutoSize** | 自动大小 | bool | false |
||||
**Full** | 是否铺满 | bool | false |
**Radius** | 圆角 | int | 6 |
@@ -30,14 +30,14 @@ Segmented 分段控制器 👚
||||
**Gap** | 间距 | int | 0 |
**Vertical** | 是否竖向 | bool | false |
**IconAlign** 🔴 | 图标对齐方向 | [TAlignMini](Enum.md#talignmini) | Top |
**IconRatio** 🔴 | 图标比例 | float`?` | `null` |
**IconGap** 🔴 | 图标与文字间距比例 | float | 0.2F |
**IconAlign** | 图标对齐方向 | [TAlignMini](Enum.md#talignmini) | Top |
**IconRatio** | 图标比例 | float`?` | `null` |
**IconGap** | 图标与文字间距比例 | float | 0.2F |
||||
**BarPosition** 🔴 | 线条位置 | [TAlignMini](Enum.md#talignmini) | None |
**BarSize** 🔴 | 条大小 | float | 3F |
**BarPadding** 🔴 | 条边距 | int | 0 |
**BarRadius** 🔴 | 条圆角 | int | 0 |
**BarPosition** | 线条位置 | [TAlignMini](Enum.md#talignmini) | None |
**BarSize** | 条大小 | float | 3F |
**BarPadding** | 条边距 | int | 0 |
**BarRadius** | 条圆角 | int | 0 |
||||
**Items** | 集合 `SegmentedItem[]` | [SegmentedItem[]](#segmenteditem) | [] |
**SelectIndex** | 选择序号 | int | 0 |
@@ -57,10 +57,22 @@ Segmented 分段控制器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Icon** | 图标S | Image`?` | `null` |
**ID** | ID | string`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**IconActive** | 图标激活 | Image`?` | `null` |
**IconActiveSvg** | 图标激活SVG | string`?` | `null` |
|||||
**Text** | 文本 | string`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Enabled** | 使能 | bool | true |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**Badge** | 徽标文本 | string`?` | `null` |
**BadgeSvg** | 徽标SVG | string`?` | `null` |
**BadgeAlign** | 徽标方向 | [TAlignFrom](Enum.md#talignfrom) | TR |
**BadgeSize** | 徽标大小 | float | 0.6F |
**BadgeMode** | 徽标模式(镂空) | bool | false |
**BadgeOffsetX** | 徽标偏移X | float | 0 |
**BadgeOffsetY** | 徽标偏移Y | float | 0 |
**BadgeBack** | 徽标背景颜色 | Color`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Select
@@ -17,10 +17,12 @@ Select 选择器 👚
**ListAutoWidth** | 是否列表自动宽度 | bool | true |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**MaxCount** | 列表最多显示条数 | int | 4 |
**DropDownRadius** 🔴 | 下拉圆角 | int`?` | `null` |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**DropDownPadding** 🔴 | 下拉边距 | Size | 12, 5 |
**DropDownPadding** | 下拉边距 | Size | 12, 5 |
**ClickEnd** | 点击到最里层 `无节点才能点击` | bool | false |
**ClickSwitchDropdown** 🔴 | 点击切换下拉 | bool | true |
**ClickSwitchDropdown** | 点击切换下拉 | bool | true |
**CloseIcon** 🔴 | 是否显示关闭图标 | bool | false |
||||
**Items** | 数据 [更多样式](../DropdownStyles.md) | object[] | [] |
**SelectedIndex** | 选中序号 | int | -1 |
@@ -33,6 +35,8 @@ Select 选择器 👚
**SelectedIndexChanged** | SelectedIndex 属性值更改时发生 | void | int index `序号` |
**SelectedIndexsChanged** | 多层树结构更改时发生 | void | int x `第几列`, int y `第几行` |
**SelectedValueChanged** | SelectedValue 属性值更改时发生 | void | object? value `数值` |
**FilterChanged** | 控制筛选 Text更改时发生 | IList<object>`?` | string value `搜索内容` |
**ClosedItem** | 关闭某项 时发生 | void | object? value `数值` |
***
@@ -51,15 +55,17 @@ Select 多选器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoHeight** 🔴 | 自动高度 | bool | false |
**Gap** 🔴 | 间距 | int | 2 |
**List** | 是否列表样式 `与Dropdown一样` | bool | false |
**ListAutoWidth** | 是否列表自动宽度 | bool | true |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**MaxCount** | 列表最多显示条数 | int | 4 |
**MaxChoiceCount** | 最大选中数量 | int | 0 |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**DropDownPadding** 🔴 | 下拉边距 | Size | 12, 5 |
**CheckMode** 🔴 | 复选框模式 | bool | false |
**CanDelete** 🔴 | 是否可以删除 | bool | true |
**DropDownPadding** | 下拉边距 | Size | 12, 5 |
**CheckMode** | 复选框模式 | bool | false |
**CanDelete** | 是否可以删除 | bool | true |
||||
**Items** | 数据 [更多样式](../DropdownStyles.md) | object[] | [] |
**SelectedValue** | 选中值 | object[] | |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Signal
@@ -16,6 +16,7 @@ Signal 信号强度 👚
**Value** | 信号强度 | int | 0 `0-5` |
||||
**StyleLine** | 启用线样式 | bool | false |
**Loading** 🔴 | 加载状态 | bool | false |
||||
**Fill** | 填充颜色 | Color`?` | `null` |
**FillFully** | 满格颜色 | Color`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Slider
@@ -16,6 +16,7 @@ Slider 滑动输入条 👚
**Fill** | 颜色 | Color`?` | `null` |
**FillHover** | 悬停颜色 | Color`?` | `null` |
**FillActive** | 激活颜色 | Color`?` | `null` |
**TrackColor** 🔴 | 滑轨颜色 | Color`?` | `null` |
||||
**MinValue** | 最小值 | int | 0 |
**MaxValue** | 最大值 | int | 100 |
@@ -27,9 +28,9 @@ Slider 滑动输入条 👚
**DotSize** | 点大小 | int | 10 |
**DotSizeActive** | 点激活大小 | int | 12 |
||||
**Dots** 🔴 | 是否只能拖拽到刻度上 | bool | false |
**Marks** 🔴 | 刻度标记 `SliderMarkItem[]` | [SliderMarkItem[]](#slidermarkitem) | [] |
**MarkTextGap** 🔴 | 刻度文本间距 | int | 4 |
**Dots** | 是否只能拖拽到刻度上 | bool | false |
**Marks** | 刻度标记 `SliderMarkItem[]` | [SliderMarkItem[]](#slidermarkitem) | [] |
**MarkTextGap** | 刻度文本间距 | int | 4 |
### 事件

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Spin
@@ -14,7 +14,9 @@ Spin 加载中 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Fill** | 颜色 | Color`?` | `null` |
**ForeColor** | 文字颜色 | Color`?` | `null` |
### 方法
@@ -25,34 +27,40 @@ Spin 加载中 👚
**Spin** | 加载中 | void | Action action `需要等待的委托`, Action? end = null `运行结束后的回调` |
**Spin** | 加载中 | void | [Spin.Config](#spin.config) `配置`, Action action `需要等待的委托`, Action? end = null `运行结束后的回调` |
代码示例
```csharp
需要显示加载中的控件.Spin(()=>{
// 耗时代码
sleep(1000);
},()=>{
//加载完成
})
```
```csharp
AntdUI.Spin.open(需要显示加载中的控件, ()=>{
// 耗时代码
sleep(1000);
},()=>{
//加载完成
})
```
![SpinRun](SpinRun.png)
### 配置
#### Spin.Config
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
**Back** | 背景颜色 | Color`?` | `null` |
**Color** | 颜色 | Color`?` | `null` |
**Radius** | 圆角 | int`?` | `null` |
**Fore** | 文本颜色 | Color`?` | `null` |
**Radius** | 圆角 | int`?` | `null` |
**Font** | 字体 | Font`?` | `null` |
**Value** | 进度 | float`?` | `null` |
***
### 代码示例
```csharp
需要显示加载中的控件.Spin(config => {
// 耗时代码
sleep(1000);
},()=>{
//加载完成
});
```
```csharp
AntdUI.Spin.open(需要显示加载中的控件, config => {
// 耗时代码
sleep(1000);
},()=>{
//加载完成
});
```
![SpinRun](SpinRun.png)

View File

@@ -0,0 +1,44 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Splitter
Splitter 分隔面板 👚
> 自由切分指定区域。继承于 [SplitContainer](https://github.com/dotnet/winforms/blob/main/src/System.Windows.Forms/System/Windows/Forms/Layout/Containers/SplitContainer.cs)
- 默认属性Text
- 默认事件SplitterMoved
### 属性
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**SplitterBack** | 滑块背景 | Color`?` | `null` |
**SplitterBackMove** | 滑块移动背景 | Color`?` | `null` |
**ArrowColor** | 箭头颜色 | Color`?` | `null` |
**ArrawColorHover** | 鼠标悬浮箭头颜色 | Color`?` | `null` |
**ArrawBackColor** | 箭头背景色 | Color`?` | `null` |
||||
**SplitterWidth** | 拆分器的粗细 | int | 4 |
**SplitterSize** | 滑块大小 | int | 20 |
**SplitterDistance** | 拆分器与左边缘或上边缘的距离 | int | |
**Panel1MinSize** | 拆分器与 Panel1 的左边缘或上边缘的最小距离 | int | 25 |
**Panel2MinSize** | 拆分器与 Panel2 的右边缘或下边缘的最小距离 | int | 25 |
||||
**CollapsePanel** | 点击后收起的Panel | ADCollapsePanel | None |
**Orientation** | 拆分器是水平的还是垂直的 | Orientation | Vertical |
**SplitPanelState** | 当前折叠状态 | bool | true |
**Lazy** | 延时渲染 | bool | true |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**Collapse** | 折叠 | void | |
**Expand** | 展开 | void | |
### 事件
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**SplitPanelStateChanged** | SplitPanelState 属性值更改时发生 | void | bool value `当前值` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## StackPanel
@@ -13,4 +13,5 @@ StackPanel 堆栈布局 👚
**AutoScroll** | 是否显示滚动条 | bool | false |
**Vertical** | 是否垂直方向 | bool | false |
**ItemSize** | 内容大小 | string`?` | `null` |
**Gap** | 间距 | int | 0 |
**Gap** | 间距 | int | 0 |
**PauseLayout** | 暂停布局 | bool | false ||

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Steps
@@ -18,6 +18,7 @@ Steps 步骤条 👚
**Current** | 指定当前步骤 `从 0 开始记数。在子 Step 元素中,可以通过 status 属性覆盖状态` | int | 0 |
**Status** | 指定当前步骤的状态 | [TStepState](Enum.md#tstepstate) | Process |
**Vertical** | 垂直方向 | bool | false |
**Gap** 🔴 | 间距 | int | 8 |
**Items** | 数据 `StepsItem[]` | [StepsItem[]](#stepsitem) | [] |
||||
**PauseLayout** | 暂停布局 | bool | false |
@@ -35,12 +36,16 @@ Steps 步骤条 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** | ID | string`?` | `null` |
**Name** | 名称 | string`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** 🔴 | 图标SVG | string`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**IconSize** | 图标大小 | int`?` | `null` |
**Visible** | 是否显示 | bool | true |
**Title** | 标题 | string | `必填` |
🌏 **LocalizationTitle** | 国际化标题 | string`?` | `null` |
**SubTitle** | 子标题 | string`?` | `null` |
🌏 **LocalizationSubTitle** | 国际化子标题 | string`?` | `null` |
**Description** | 详情描述 | string`?` | `null` |
🌏 **LocalizationDescription** | 国际化详情描述 | string`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Switch
@@ -13,16 +13,21 @@ Switch 开关 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ForeColor** | 文字颜色 | Color`?` | `null` |
**Fill** | 填充颜色 | Color`?` | `null` |
**FillHover** | 悬停颜色 | Color`?` | `null` |
||||
**Checked** | 选中状态 | bool | false |
**CheckedText** 🔴 | 选中时显示的文本 | string`?` | `null` |
**UnCheckedText** 🔴 | 未选中时显示的文本 | string`?` | `null` |
**AutoCheck** 🔴 | 点击时自动改变选中状态 | bool | true |
**CheckedText** | 选中时显示的文本 | string`?` | `null` |
🌏 **LocalizationCheckedText** | 国际化文本 | string`?` | `null` |
**UnCheckedText** | 未选中时显示的文本 | string`?` | `null` |
🌏 **LocalizationUnCheckedText** | 国际化文本 | string`?` | `null` |
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
||||
**WaveSize** | 波浪大小 `点击动画` | int | 4 |
**Gap** | 按钮与边框间距 | int | 2 |
||||
**Loading** 🔴 | 加载中 | bool | false |
### 事件

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Table
@@ -14,42 +14,50 @@ Table 表格 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Gap** | 间距 | int | 12 |
**Radius** 🔴 | 圆角 | int | 0 |
**CheckSize** | 复选框大小 | int | 16 |
**SwitchSize** 🔴 | 开关大小 | int | 16 |
**TreeButtonSize** 🔴 | 树开关按钮大小 | int | 16 |
**Radius** | 圆角 | int | 0 |
**FixedHeader** | 固定表头 | bool | true |
**VisibleHeader** 🔴 | 显示表头 | bool | true |
**VisibleHeader** | 显示表头 | bool | true |
**Bordered** | 显示列边框 | bool | false |
**RowHeight** 🔴 | 行高 | int`?` | `null` |
**RowHeightHeader** 🔴 | 表头行高 | int`?` | `null` |
**RowHeight** | 行高 | int`?` | `null` |
**RowHeightHeader** | 表头行高 | int`?` | `null` |
||||
**CheckSize** | 复选框大小 | int | 16 |
**SwitchSize** | 开关大小 | int | 16 |
**TreeButtonSize** | 树开关按钮大小 | int | 16 |
**DragHandleSize** | 拖拽手柄大小 | int | 24 |
**DragHandleIconSize** | 拖拽手柄图标大小 | int | 14 |
||||
**EnableHeaderResizing** | 手动调整列头宽度 | bool | false |
**ColumnDragSort** | 列拖拽排序 | bool | false |
**LostFocusClearSelection** | 焦点离开清空选中 | bool | false |
**AutoSizeColumnsMode** 🔴 | 列宽自动调整模式 | [ColumnsMode](Enum.md#columnsmode) | Auto |
**AutoSizeColumnsMode** | 列宽自动调整模式 | [ColumnsMode](Enum.md#columnsmode) | Auto |
||||
**ClipboardCopy** | 行复制 | bool | true |
**EditMode** | 编辑模式 | [TEditMode](Enum.md#teditmode) | None |
**ShowTip** | 省略文字提示 | bool | true |
**DefaultExpand** 🔴 | 默认是否展开 `树` | bool | false |
**HandShortcutKeys** 🔴 | 处理快捷键 | bool | true |
||||
**DefaultExpand** | 默认是否展开 `树` | bool | false |
||||
**Empty** | 是否显示空样式 | bool | true |
**EmptyText** | 数据为空显示文字 | string | No data |
**EmptyImage** | 数据为空显示图片 | Image`?` | `null` |
**EmptyHeader** | 空是否显示表头 | bool | false |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**RowSelectedBg** | 表格行选中背景色 | Color`?` | `null` |
**RowSelectedFore** 🔴 | 表格行选中字色 | Color`?` | `null` |
**BorderColor** 🔴 | 表格边框颜色 | Color`?` | `null` |
**ColumnFont** 🔴 | 表头字体 | Font`?` | `null` |
**ColumnBack** 🔴 | 表头背景色 | Color`?` | `null` |
**ColumnFore** 🔴 | 表头文本色 | Color`?` | `null` |
**RowSelectedFore** | 表格行选中字色 | Color`?` | `null` |
**BorderColor** | 表格边框颜色 | Color`?` | `null` |
**ColumnFont** | 表头字体 | Font`?` | `null` |
**ColumnBack** | 表头背景色 | Color`?` | `null` |
**ColumnFore** | 表头文本色 | Color`?` | `null` |
||||
**SelectedIndex** | 选中行 | int | -1 |
**SelectedIndexs** 🔴 | 选中多行 | int[] | |
**MultipleRows** | 多选行 | bool | false |
||||
**Columns** | 表格列的配置 | [ColumnCollection](#column) | `null` |
**DataSource** | 数据数组 | [object](#datasource)`?` | `支持DataTableClass等` |
**Columns** | 表格列的配置 | [ColumnCollection](TableColumn.md#column) | `null` |
**DataSource** | 数据数组 | [object](TableCell.md#icell)`?` | `支持DataTableClass等` |
### 方法
@@ -59,8 +67,24 @@ Table 表格 👚
**CopyData** | 复制表格数据 | void |int row `行`|
**CopyData** | 复制表格数据 | void |int row `行`, int column `列`|
**EnterEditMode** | 进入编辑模式 | void |int row `行`, int column `列`|
**SortIndex** 🔴 | 获取排序序号 | int[] ||
**SortList** 🔴 | 获取排序数据 | object[] ||
**SortIndex** | 获取排序序号 | int[] ||
**SortList** | 获取排序数据 | object[] ||
**SortColumnsIndex** | 获取表头排序序号 | int[] ||
**SortList** | 获取排序数据 | object[] ||
**ScrollLine** | 滚动到指定行 | void | int i `行`,bool force `是否强制滚动` |
**GetRowEnable** | 获取行使能 | bool | int i `行` |
**SetRowEnable** | 设置行使能 | void | int i `行`, bool value `值`, bool ui `是否刷新ui` |
**ToDataTable** | 导出表格数据 | DataTable`?` ||
**LoadLayout** | 刷新布局 | void ||
**Refresh** | 刷新界面 | void ||
||||
**ExpandAll** | 展开全部 | void ||
**Expand** | 展开或折叠 | void | object record `行元数据`, bool value `折叠值` |
|合并单元格|||
**AddMergedRegion** | 新增合并单元格 | void | CellRange range |
**AddMergedRegion** | 新增多个合并单元格 | void | CellRange[] ranges |
**ContainsMergedRegion** | 判断合并单元格是否存在 | bool | CellRange range |
**ClearMergedRegion** | 清空全部合并单元格 | void ||
### 事件
@@ -77,14 +101,14 @@ Table 表格 👚
**CellEndEdit** | 编辑后发生 | bool `返回true应用编辑` | string value `修改后值`, object? record `原始行`, int rowIndex `行序号`, int columnIndex `列序号` |
||||
**SetRowStyle** | 设置行样式 | [CellStyleInfo?](#cellstyleinfo) | object? record `原始行`, int rowIndex `行序号` |
**SortRows** 🔴 | 行排序时发生 | void | int columnIndex `列序号` |
**SortRows** | 行排序时发生 | void | int columnIndex `列序号` |
> 奇偶交替背景色
```csharp
private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? record, int rowIndex)
private AntdUI.Table.CellStyleInfo? table1_SetRowStyle(object sender, AntdUI.TableSetRowStyleEventArgs e)
{
if (rowIndex % 2 == 0)
if (e.Index % 2 == 0)
{
return new AntdUI.Table.CellStyleInfo
{
@@ -95,193 +119,6 @@ private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? re
}
```
----
### Column
> 多样表头
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
**Title** | 显示文字 | string |✅||
|||||
**Visible** 🔴 | 是否显示 | bool|⛔|true|
**Align** | 对齐方式 | ColumnAlign |⛔|ColumnAlign.Left|
**ColAlign** 🔴 | 表头对齐方式 | ColumnAlign`?` |⛔| `null` |
**Width** | 列宽度 | string`?` |⛔||
**MaxWidth** 🔴 | 列最大宽度 | string`?` |⛔||
|||||
**Fixed** | 列是否固定 | bool |⛔|false|
**Ellipsis** | 超过宽度将自动省略 | bool |⛔|false|
**LineBreak** 🔴 | 自动换行 | bool |⛔|false|
**SortOrder** 🔴 | 启用排序 | bool |⛔|false|
**KeyTree** 🔴 | 树形列 | string`?` |⛔||
#### ColumnCheck
> 复选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
#### ColumnRadio
> 单选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
**Title** | 显示文字 | string |✅||
#### ColumnSwitch
> 开关表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
**Title** | 显示文字 | string |✅||
**Call** | 改变回调 | Func<bool, object?, int, int, bool>`?` |||
----
### DataSource
> 丰富的单元格
#### CellText
> 文字
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**Font** | 字体 | Font`?` ||
||||
**IconRatio** 🔴 | 图标比例 | float | 0.7F |
**Prefix** 🔴 | 前缀 | Image`?` ||
**PrefixSvg** 🔴 | 前缀SVG | string`?` ||
**Suffix** 🔴 | 后缀 | Image`?` ||
**SuffixSvg** 🔴 | 后缀SVG | string`?` ||
||||
**Text** | 文本 | string`?` ||
#### CellBadge
> 徽标
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Fill** | 颜色 | Color`?` ||
||||
**State** | 状态 | [TState](Enum.md#tstate) | Default |
**Text** | 文本 | string`?` |
#### CellTag
> 标签
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |1F|
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellImage
> 图片
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**BorderColor** | 边框颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |0F|
**Radius** | 圆角 | int |6|
||||
**Round** | 圆角样式 | bool |false|
**Size** | 自定义大小 | Size`?` ||
||||
**Image** | 图片 | Image`?` | `null` |
**ImageSvg** | 图片SVG | string`?` | `null` |
**FillSvg** | SVG填充颜色 | Color`?` ||
**ImageFit** | 图片布局 | [TFit](Enum.md#tfit) | Fill |
||||
**Tooltip** 🔴 | 文本提示 | string`?` ||
#### CellButton
> 按钮,继承于 [CellLink](#celllink)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BackHover** | 悬停背景颜色 | Color`?` ||
**BackActive** | 激活背景颜色 | Color`?` ||
||||
**DefaultBack** 🔴 | Default模式背景颜色 | Color`?` ||
**DefaultBorderColor** 🔴 | Default模式边框颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**BorderWidth** | 边框宽度 | float |0F|
||||
**IconRatio** 🔴 | 图标比例 | float | 0.7F |
**Image** 🔴 | 图像 | Image`?` | `null` |
**ImageSvg** 🔴 | 图像SVG | string`?` | `null` |
**ImageHover** 🔴 | 悬停图像 | Image`?` | `null` |
**ImageHoverSvg** 🔴 | 悬停图像SVG | string`?` | `null` |
**ImageHoverAnimation** 🔴 | 悬停图像动画时长 | int | 200 |
||||
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
**Ghost** | 幽灵属性 `使按钮背景透明` | bool |false |
**ShowArrow** | 显示箭头 | bool |false |
**IsLink** | 箭头链接样式 | bool |false |
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellLink
> 按钮
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Id** | ID | string ||
**Enabled** | 启用 | bool |true|
||||
**Text** | 文本 | string`?` ||
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
||||
**Tooltip** 🔴 | 文本提示 | string`?` ||
#### CellProgress
> 进度条
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Back** | 背景颜色 | Color`?` ||
**Fill** | 进度条颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
||||
**Value** | 进度条 `0.0-1.0` | float |0F|
#### CellDivider 🔴
> 分割线
----
### CellStyleInfo
> 自定义行样式
@@ -289,7 +126,7 @@ private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? re
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**BackColor** | 背景颜色 | Color`?` ||
**ForeColor** 🔴 | 文字颜色 | Color`?` ||
**ForeColor** | 文字颜色 | Color`?` ||
----
@@ -300,9 +137,9 @@ private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? re
> 答:使用类继承 `NotifyProperty` OR `INotifyPropertyChanged`,并在`set`时触发 OnPropertyChanged(string `字段名称`)
> **问**:为何插入、删除表格没有触发界面刷新❓
> 答:使用 `BindingList` 或 `AntList` 作为List**并在设置数据时**使用`Binding(AntList<T> list)`来绑定实现监控
> 答:使用 `BindingList` 作为List**并在设置数据时**使用`Binding(BindingList<T> list)`来绑定实现监控
``` csharp
var list = new AntdUI.AntList<我的类>(10);
var list = new BindingList<我的类>(10);
for (int i = 0; i < 10; i++) list.Add(new 我的类(i));
table.Binding(list);
```

View File

@@ -0,0 +1,134 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
[返回 Table](Table.md)
## ICell
> 丰富的单元格
#### CellText
> 文字
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**Font** | 字体 | Font`?` ||
||||
**IconRatio** | 图标比例 | float | 0.7F |
**Prefix** | 前缀 | Image`?` ||
**PrefixSvg** | 前缀SVG | string`?` ||
**Suffix** | 后缀 | Image`?` ||
**SuffixSvg** | 后缀SVG | string`?` ||
||||
**Text** | 文本 | string`?` ||
#### CellBadge
> 徽标
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Fill** | 颜色 | Color`?` ||
||||
**State** | 状态 | [TState](Enum.md#tstate) | Default |
**Text** | 文本 | string`?` |
#### CellTag
> 标签
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |1F|
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellImage
> 图片
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**BorderColor** | 边框颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |0F|
**Radius** | 圆角 | int |6|
||||
**Round** | 圆角样式 | bool |false|
**Size** | 自定义大小 | Size`?` ||
||||
**Image** | 图片 | Image`?` | `null` |
**ImageSvg** | 图片SVG | string`?` | `null` |
**FillSvg** | SVG填充颜色 | Color`?` ||
**ImageFit** | 图片布局 | [TFit](Enum.md#tfit) | Fill |
||||
**Tooltip** | 文本提示 | string`?` ||
#### CellButton
> 按钮,继承于 [CellLink](#celllink)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BackHover** | 悬停背景颜色 | Color`?` ||
**BackActive** | 激活背景颜色 | Color`?` ||
||||
**DefaultBack** | Default模式背景颜色 | Color`?` ||
**DefaultBorderColor** | Default模式边框颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**BorderWidth** | 边框宽度 | float |0F|
||||
**IconRatio** | 图标比例 | float | 0.7F |
**Image** | 图像 | Image`?` | `null` |
**ImageSvg** | 图像SVG | string`?` | `null` |
**ImageHover** | 悬停图像 | Image`?` | `null` |
**ImageHoverSvg** | 悬停图像SVG | string`?` | `null` |
**ImageHoverAnimation** | 悬停图像动画时长 | int | 200 |
||||
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
**Ghost** | 幽灵属性 `使按钮背景透明` | bool |false |
**ShowArrow** | 显示箭头 | bool |false |
**IsLink** | 箭头链接样式 | bool |false |
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellLink
> 按钮
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Id** | ID | string ||
**Enabled** | 启用 | bool |true|
||||
**Text** | 文本 | string`?` ||
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
||||
**Tooltip** | 文本提示 | string`?` ||
#### CellProgress
> 进度条
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Back** | 背景颜色 | Color`?` ||
**Fill** | 进度条颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
||||
**Value** | 进度条 `0.0-1.0` | float |0F|
#### CellDivider
> 分割线

View File

@@ -0,0 +1,73 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
[返回 Table](Table.md)
## Column
> 多样表头
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**Title** | 显示文字 | string ||
🌏 **LocalizationTitle** | 国际化显示文字 | string`?` | `null` |
||||
**Visible** | 是否显示 | bool|true|
**Align** | 对齐方式 | ColumnAlign |ColumnAlign.Left|
**ColAlign** | 表头对齐方式 | ColumnAlign`?` | `null` |
**Width** | 列宽度 | string`?` ||
**MaxWidth** | 列最大宽度 | string`?` ||
||||
**Fixed** | 列是否固定 | bool |false|
**Ellipsis** | 超过宽度将自动省略 | bool |false|
**LineBreak** | 自动换行 | bool |false|
**ColBreak** | 表头自动换行 | bool |false|
**SortOrder** | 启用排序 | bool |false|
**SortMode** | 排序模式 | SortMode |NONE|
**Editable** | 列可编辑 | bool |true|
**DragSort** | 列可拖拽 | bool |true|
**KeyTree** | 树形列 | string`?` ||
||||
**Style** | 列样式 | CellStyleInfo`?` ||
**ColStyle** | 标题列样式 | CellStyleInfo`?` ||
**Render** | 插槽 | Func<object? `当前值`, object `行元数据`, int `行号`, object?>? | 返回格式化后数据 |
#### ColumnCheck
> 复选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
**全选** ||||
**Checked** | 选中状态 | bool | false |
**CheckState** | 选中状态 | CheckState | Unchecked |
||||
**Call** | 复选回调 | Func<bool `改变后check值`, object? `行元数据`, int `行`, int `列`, bool>`?` | 返回最终选中值 |
#### ColumnRadio
> 单选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**Title** | 显示文字 | string ||
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
**Call** | 复选回调 | Func<bool `改变后check值`, object? `行元数据`, int `行`, int `列`, bool>`?` | 返回最终选中值 |
#### ColumnSwitch
> 开关表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**Title** | 显示文字 | string ||
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
**Call** | 复选回调 | Func<bool `改变后check值`, object? `行元数据`, int `行`, int `列`, bool>`?` | 返回最终选中值 |
#### ColumnSort
> 拖拽手柄列。继承于 [Column](#column)

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Tabs
@@ -20,17 +20,17 @@ Tabs 标签页 👚 [beta]
**FillActive** | 激活颜色 | Color`?` | `null` |
||||
**Alignment** | 位置 | TabAlignment |Top|
**Centered** 🔴 | 标签居中展示 | bool | false |
**Centered** | 标签居中展示 | bool | false |
||||
**TypExceed** 🔴 | 超出UI类型 | [TabTypExceed](Enum.md#tabtypexceed) | Button |
**ScrollBack** 🔴 | 滚动条颜色 | Color`?` | `null` |
**ScrollBackHover** 🔴 | 滚动条悬停颜色 | Color`?` | `null` |
**ScrollFore** 🔴 | 滚动条文本颜色 | Color`?` | `null` |
**ScrollForeHover** 🔴 | 滚动条悬停文本颜色 | Color`?` | `null` |
**TypExceed** | 超出UI类型 | [TabTypExceed](Enum.md#tabtypexceed) | Button |
**ScrollBack** | 滚动条颜色 | Color`?` | `null` |
**ScrollBackHover** | 滚动条悬停颜色 | Color`?` | `null` |
**ScrollFore** | 滚动条文本颜色 | Color`?` | `null` |
**ScrollForeHover** | 滚动条悬停文本颜色 | Color`?` | `null` |
||||
**Gap** | 间距 | int | 8 |
**IconRatio** | 图标比例 | float | 0.7F |
**ItemSize** 🔴 | 自定义项大小 | int? | `null` |
**ItemSize** | 自定义项大小 | int? | `null` |
||||
**Type** | 类型 | [TabType](Enum.md#tabtype) | Line |
**Style** | 样式类型 | [IStyle](#istyle) | `非空` |
@@ -45,9 +45,9 @@ Tabs 标签页 👚 [beta]
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**SelectTab** 🔴 | 选中项 | void | string tabPageName |
**SelectTab** 🔴 | 选中项 | void | [TabPage](#tabpage) tabPage |
**SelectTab** 🔴 | 选中项 | void | int index `序号` |
**SelectTab** | 选中项 | void | string tabPageName |
**SelectTab** | 选中项 | void | [TabPage](#tabpage) tabPage |
**SelectTab** | 选中项 | void | int index `序号` |
### 事件
@@ -94,7 +94,7 @@ Tabs 标签页 👚 [beta]
#### TabPage
> 继承于 ScrollableControl
> 继承于 [ScrollableControl](https://github.com/dotnet/winforms/blob/main/src/System.Windows.Forms/System/Windows/Forms/Scrolling/ScrollableControl.cs)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
@@ -109,4 +109,4 @@ Tabs 标签页 👚 [beta]
||||
**Text** | 显示文本 | string ||
**Visible** | 是否显示 | bool | true |
**ReadOnly** 🔴 | 只读 | bool | false |
**ReadOnly** | 只读 | bool | false |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Tag
@@ -13,7 +13,7 @@ Tag 标签页 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
@@ -31,6 +31,7 @@ Tag 标签页 👚
**CloseIcon** | 是否显示关闭图标 | bool | false |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
**AutoEllipsis** | 文本超出自动处理 | bool | false |
**TextMultiLine** | 是否多行 | bool | false |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## TimePicker
@@ -20,6 +20,7 @@ TimePicker 时间选择框 👚
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**ShowIcon** | 是否显示图标 | bool | true |
**ValueTimeHorizontal** | 时间值水平对齐 | bool | false |
### 事件

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Timeline
@@ -15,6 +15,7 @@ Timeline 时间轴 👚
:--|:--|:--|:--|
**ForeColor** | 文字颜色 | Color`?` | `null` |
**FontDescription** | 描述字体 | Font`?` | `null` |
**Gap** | 间距 🔴 | int`?` | `null` |
||||
**Items** | 数据 `TimelineItem[]` | [TimelineItem[]](#timelineitem) | [] |
||||

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Tooltip
@@ -15,11 +15,12 @@ Tooltip 文字提示 👚
:--|:--|:--|:--|
**Font** | 字体 | Color | `系统默认` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
||||
**Radius** | 圆角 | int | 6 |
**ArrowAlign** | 箭头方向 | [TAlign](Enum.md#talign) | None |
**ArrowSize** | 箭头大小 | int | 8 |
**CustomWidth** 🔴 | 设定宽度 | int`?` | `null` |
**CustomWidth** | 设定宽度 | int`?` | `null` |
### 静态方法
@@ -49,4 +50,5 @@ Tooltip 文字提示 👚
**Radius** | 圆角 | int | 6 |
**ArrowAlign** | 箭头方向 | [TAlign](Enum.md#talign) | None |
**ArrowSize** | 箭头大小 | int | 8 |
**Offset** | 偏移量 | Rectangle / RectangleF | `null` |
**CustomWidth** 🔴 | 设定宽度 | int`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Tree
@@ -18,9 +18,10 @@ Tree 树形控件 👚
**BackHover** | 悬停背景颜色 | Color`?` | `null` |
**BackActive** | 激活背景颜色 | Color`?` | `null` |
||||
**Gap** 🔴 | 间距 | int | 8 |
**Gap** | 间距 | int | 8 |
**Radius** | 圆角 | int | 6 |
**Round** | 圆角样式 | bool | false |
**IconRatio** | 图标比例 | float | 1F |
**Checkable** | 节点前添加 Checkbox 复选框 | bool | false |
**CheckStrictly** | Checkable 状态下节点选择完全受控 `父子节点选中状态不再关联` | bool | true |
**BlockNode** | 节点占据一行 | bool | false |
@@ -45,6 +46,10 @@ Tree 树形控件 👚
:--|:--|:--|:--|
**ExpandAll** | 展开全部 | void | bool value `true 展开、false 收起` |
**GetCheckeds** | 获取所有选中项 | List<[TreeItem](#treeitem)> ||
**Select** | 选择指定项 | bool | [TreeItem](#treeitem) item |
**USelect** | 取消全部选择 | void ||
**SetCheckeds** | 全选/全不选 | void ||
**Focus** | 跳转指定项 | bool | [TreeItem](#treeitem) item |
### 数据
@@ -53,13 +58,16 @@ Tree 树形控件 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** | ID | string`?` | `null` |
**Name** | 名称 | string`?` | `null` |
**IconRatio** 🔴 | 图标比例 | float | 1F |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**Text** | 文本 | string | `必填` |
**Fore** 🔴 | 字体颜色 | Color`?` |`null`|
**Back** 🔴 | 背景颜色 | Color`?` |`null`|
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**SubTitle** | 子标题 | string | `null` |
🌏 **LocalizationSubTitle** | 国际化子标题 | string`?` | `null` |
**Fore** | 字体颜色 | Color`?` |`null`|
**Back** | 背景颜色 | Color`?` |`null`|
**Visible** | 是否显示 | bool | true |
**Enabled** | 禁用状态 | bool | true |
**Expand** | 展开 | bool | true |
@@ -67,4 +75,6 @@ Tree 树形控件 👚
**Checked** | 选中状态 | bool | false |
**CheckState** | 选中状态 | CheckState | `Unchecked` |
**Sub** | 子集合 ♾️ | [TreeItem[]](#treeitem) | [] |
**Tag** | 用户定义数据 | object`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**PARENTITEM** | 父级对象 | [TreeItem](#treeitem)`?` | `null` |

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## UploadDragger
@@ -14,6 +14,7 @@ UploadDragger 拖拽上传 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextDesc** | 文本描述 | string`?` | `null` |
**Radius** | 圆角 | int | 8 |
||||
@@ -30,6 +31,17 @@ UploadDragger 拖拽上传 👚
**BorderWidth** | 边框宽度 | float | 1F |
**BorderColor** | 边框颜色 | Color`?` | `null` |
**BorderStyle** | 边框样式 | DashStyle | Solid |
||||
**ClickHand** 🔴 | 点击上传 | bool | true |
**Multiselect** 🔴 | 多个文件 | bool | true |
**Filter** 🔴 | 文件名筛选器字符串 | string`?` | `null` 参考 OpenFileDialog 格式 |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**ManualSelection** | 手动触发选择文件 | void | |
**SetFilter** | 设置常用Filter | void | FilterType filterType `可叠加` |
### 事件

View File

@@ -1,4 +1,4 @@
[Home](../Home.md)・[UpdateLog](../UpdateLog.md)・[Config](../Config.md)・[Theme](../Theme.md)・[SVG](../SVG.md)
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## WindowBar

View File

@@ -1,5 +1,47 @@
[Home](Home.md)・[UpdateLog](UpdateLog.md)・[Config](Config.md)・[Theme](Theme.md)・[SVG](SVG.md)
### `1.9.3` 2025-03-11
- Preview can display text data
- PageHeader IconRatio
- Tabs TabClick Cancel can cancel the jump
- Split Delay Rendering Properties
- Minimum width limit for splitter folding function
- GridPanel adds 'spring'
- ✍️ Button multi line width collision
- ✍️ Modal parent window hiding processing
- ✍️ The layout container is not laid out in controls such as Popover
- ✍️ Select FilterChanged and Thread Call
- ✍️ DPI adaptation to SplitContainer PanelMinSize
- ✍️ PageHeader still works after hiding the three golden keys
- ✍️ PageHeader UseLeftMargin
### `1.9.2` 2025-03-06
- Table StackedHeader Stacked Header
- Table Column DragSort
- Alert LoopInfinite
- Tooltip area collision
- ✍️ FlowPanel controls overlap
- ✍️ Tabs Card exception
- ✍️ Optimize border cropping
- ✍️ Table column Style background cannot follow the horizontal scrollbar
- ✍️ Fold the panel and restore it proportionally
### `1.9.1` 2025-03-04
- Tabs ContainsTabPage
- Drawer wait
- Spliter folding function
- Select property CloseIcon, event ClosedItem
- ControlEvent notifies successful loading in Modal/Drawer/Popover
- ✍️ Complete TextRendering HighQuality Size conversion
- ✍️ Replace KeyPress with VNet CHAR for Input
- ✍️ DatePicker and other controls will fill in Value even if they lose focus after clearing the content
- ✍️ Table editing mode text box height exception
- ✍️ Input Emoji Judgment
- ✍️ Window maximum value secondary enlargement
### `1.9.0` 2025-02-27 🥥
- Table Merge Cells

View File

@@ -14,9 +14,12 @@ Alert 警告提示 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextTitle** | 标题 | string`?` | `null` |
🌏 **LocalizationTextTitle** | 国际化标题 | string`?` | `null` |
**Radius** | 圆角 | int | 6 |
**BorderWidth** | 边框宽度 | float | 0F |
**Icon** | 样式 | [TType](Enum.md#ttype) | None |
**Loop** | 文本轮播 | bool | false |
**LoopSpeed** 🔴 | 文本轮播速率 | int | 10 |
**LoopSpeed** | 文本轮播速率 | int | 10 |
**LoopInfinite** 🔴 | 轮播文本无尽 | bool | true |

View File

@@ -13,23 +13,27 @@ Avatar 头像 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**Back** | 背景颜色 | Color`?` |`null` |
**BackColor** | 背景颜色 | Color`?` |`null` |
**BorderWidth** | 边框宽度 | float | 0F |
**BorderColor** | 边框颜色 | Color | 246, 248, 250 |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Radius** | 圆角 | int | 6 |
**Round** | 圆角样式 | bool | false |
||||
**Image** | 图片 | Image`?` | `null` |
**ImageSvg** 🔴 | 图片SVG | string`?` | `null` |
**ImageSvg** | 图片SVG | string`?` | `null` |
**ImageFit** | 图片布局 | [TFit](Enum.md#tfit) | Cover |
**PlayGIF** 🔴 | 播放GIF | bool | true |
**PlayGIF** | 播放GIF | bool | true |
||||
**Shadow** | 阴影大小 | int | 0 |
**ShadowColor** | 阴影颜色 | Color`?` | `null` |
**ShadowOpacity** | 阴影透明度 | float | 0.3F |
**ShadowOffsetX** | 阴影偏移X | int | 0 |
**ShadowOffsetY** | 阴影偏移Y | int | 0 |
**ShadowOffsetY** | 阴影偏移Y | int | 0 |
||||
**Loading** 🔴 | 加载状态 | bool | false |
**LoadingProgress** 🔴 | 加载进度 `0F-1F` | float | 0F |

View File

@@ -13,11 +13,15 @@ Badge 徽标数 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoSize** 🔴 | 自动大小 | bool | false |
**AutoSizeMode** 🔴 | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**Fill** | 填充颜色 | Color`?` | `null` |
**State** | 状态 | [TState](Enum.md#tstate) | Default |
**Text** | 文本 | string`?` | `null` |
**TextAlign** 🔴 | 文本位置 | ContentAlignment | MiddleCenter |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
||||
**DotRatio** | 点比例 🔴 | float | 0.4F |
**Gap** | 间隔 🔴 | int | 0 |

View File

@@ -13,7 +13,7 @@ Battery 电量 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**BackColor** | 背景颜色 | Color`?` | `null` |
@@ -24,4 +24,6 @@ Battery 电量 👚
**ShowText** | 显示 | bool | true |
**FillFully** | 满电颜色 | Color | 0, 210, 121 |
**FillWarn** | 警告电量颜色 | Color | 250, 173, 20 |
**FillDanger** | 危险电量颜色 | Color | 255, 77, 79 |
**FillDanger** | 危险电量颜色 | Color | 255, 77, 79 |
**ValueWarn** 🔴 | 警告电量阈值 | int | 30 |
**ValueDanger** 🔴 | 危险电量阈值 | int | 20 |

View File

@@ -40,4 +40,5 @@ Breadcrumb 面包屑 👚
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string | `null` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |

View File

@@ -13,7 +13,7 @@ Button 按钮 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
@@ -42,12 +42,14 @@ Button 按钮 👚
**RespondRealAreas** | 响应真实区域 | bool | false |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
**AutoEllipsis** | 文本超出自动处理 | bool | false |
**TextMultiLine** | 是否多行 | bool | false |
**TextCenterHasIcon** 🔴 | 文本居中显示(包含图标后) | bool | false |
||||
**IconRatio** | 图标比例 | float | 0.7F |
**IconGap** 🔴 | 图标与文字间距比例 | float | 0.25F |
**IconGap** | 图标与文字间距比例 | float | 0.25F |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**IconHover** | 悬停图标 | Image`?` | `null` |
@@ -56,7 +58,7 @@ Button 按钮 👚
**IconPosition** | 按钮图标组件的位置 | [TAlignMini](Enum.md#talignmini) | Left |
**IconSize** | 图标大小 `不设置为自动大小` | Size | 0 × 0 |
||||
|**切换** 🔴||
|**切换**||
**Toggle** | 选中状态 | bool | false |
**ToggleIcon** | 切换图标 | Image`?` | `null` |
**ToggleIconSvg** | 切换图标SVG | string`?` | `null` |
@@ -70,7 +72,7 @@ Button 按钮 👚
**ToggleBackHover** | 切换悬停背景颜色 | Color`?` | `null` |
**ToggleBackActive** | 切换激活背景颜色 | Color`?` | `null` |
||||
|**加载** 🔴||
|**加载**||
**Loading** | 加载状态 `true屏蔽点击` | bool | false |
**LoadingValue** | 加载进度 `0F-1F` | float | 0.3F |
**LoadingWaveValue** | 水波进度 `0F-1F` | float | 0F |

View File

@@ -18,11 +18,11 @@ Calendar 日历 👚
||||
**Full** | 是否撑满 | bool | false |
**ShowChinese** | 显示农历 | bool | false |
**ShowButtonToDay** 🔴 | 显示今天 | bool | true |
**ShowButtonToDay** | 显示今天 | bool | true |
||||
**Value** | 控件当前日期 | DateTime | `DateTime.Now` |
**MinDate** 🔴 | 最小日期 | DateTime`?` | `null` |
**MaxDate** 🔴 | 最大日期 | DateTime`?` | `null` |
**MinDate** | 最小日期 | DateTime`?` | `null` |
**MaxDate** | 最大日期 | DateTime`?` | `null` |
### 日期上的徽标

View File

@@ -20,8 +20,10 @@ Checkbox 多选框 👚
**Fill** | 填充颜色 | Color`?` | `null` |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** 🔴 | 文本位置 | ContentAlignment | MiddleLeft |
**Checked** | 选中状态 | bool | false |
**AutoCheck** 🔴 | 点击时自动改变选中状态 | bool | true |
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
||||
**RightToLeft** | 反向 | RightToLeft | No |

View File

@@ -27,7 +27,7 @@ Collapse 折叠面板 👚
||||
**Items** | 数据 `CollapseItem[]` | [CollapseItem[]](#collapseitem) | [] |
### 事件 🔴
### 事件
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
@@ -38,8 +38,11 @@ Collapse 折叠面板 👚
#### CollapseItem
> 继承于 ScrollableControl
> 继承于 [ScrollableControl](https://github.com/dotnet/winforms/blob/main/src/System.Windows.Forms/System/Windows/Forms/Scrolling/ScrollableControl.cs)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Expand** | 展开 | bool | true |
**Expand** | 展开 | bool | true |
**Full** 🔴 | 是否铺满剩下空间 | bool | false |
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |

View File

@@ -13,11 +13,11 @@ ColorPicker 颜色选择器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
**Mode** 🔴 | 颜色模式 | [TColorMode](Enum.md#tcolormode) | Hex |
**Mode** | 颜色模式 | [TColorMode](Enum.md#tcolormode) | Hex |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**BackColor** | 背景颜色 | Color`?` | `null` |
@@ -36,6 +36,20 @@ ColorPicker 颜色选择器 👚
**JoinRight** | 连接右边 `组合按钮` | bool | false |
||||
**Value** | 颜色的值 | Color | Style.Db.Primary `主题色` |
**DisabledAlpha** 🔴 | 禁用透明度 | bool | false |
**AllowClear** 🔴 | 支持清除 | bool | false |
**ShowClose** 🔴 | 显示关闭按钮 | bool | false |
||||
**Trigger** | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**ClearValue** | 清空值 | void | |
**ClearValue** | 清空值 | void | Color def `默认色` |
### 事件

View File

@@ -17,10 +17,10 @@ ContextMenuStrip 右键菜单
**Font** | 字体 | Font |`null`|
**Radius** | 圆角 | int | 6 |
**TopMost** | 是否置顶 | bool |false|
**CallSleep** 🔴 | 延迟回调 | int |0|
**UFocus** 🔴 | 是否抢占焦点 | bool |false|
**Location** 🔴 | 自定义坐标 | Point`?` |`null`|
**Align** 🔴 | 方向 | [TAlignFrom](Enum.md#talignfrom) | BR |
**CallSleep** | 延迟回调 | int |0|
**UFocus** | 是否抢占焦点 | bool |false|
**Location** | 自定义坐标 | Point`?` |`null`|
**Align** | 方向 | [TAlignFrom](Enum.md#talignfrom) | BR |
**Call** | 点击回调 | Action<ContextMenuStripItem> | `必填` |
### 数据
@@ -29,11 +29,15 @@ ContextMenuStrip 右键菜单
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** | ID | string`?` | `null` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**SubText** | 子文本 | string`?` | `null` |
🌏 **LocalizationSubText** | 国际化子文本 | string`?` | `null` |
**Fore** | 文字颜色 | Color`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**Enabled** 🔴 | 使能 | bool | true |
**Checked** | 选中 | bool | false |
**Sub** | 子项 `IContextMenuStripItem[]` | [IContextMenuStripItem[]](#contextmenustripitem) | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |

View File

@@ -16,13 +16,14 @@ DatePicker 日期选择框 👚
**Format** | 格式化 | string | yyyy-MM-dd `HH:mm:ss 可显示时分秒选择框` |
||||
**Value** | 控件当前日期 | DateTime`?` | `null` |
**MinDate** 🔴 | 最小日期 | DateTime`?` | `null` |
**MaxDate** 🔴 | 最大日期 | DateTime`?` | `null` |
**MinDate** | 最小日期 | DateTime`?` | `null` |
**MaxDate** | 最大日期 | DateTime`?` | `null` |
**Presets** | 预置菜单 | object[] | [] |
||||
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**ShowIcon** | 是否显示图标 | bool | true |
**ValueTimeHorizontal** | 时间值水平对齐 | bool | false |
### 日期上的徽标

View File

@@ -18,7 +18,39 @@ Drawer 抽屉
**MaskClosable** | 点击蒙层是否允许关闭 | bool | true |
**Padding** | 边距 | int | 24 |
**Align** | 方向 | [TAlignMini](Enum.md#talignmini) | Right |
**Dispose** 🔴 | 是否释放 | bool | true |
**Dispose** | 是否释放 | bool | true |
**Tag** | 用户定义数据 | object`?` | `null` |
**OnLoad** 🔴 | 加载回调 | Action`?` | `null` |
**OnClose** 🔴 | 关闭回调 | Action`?` | `null` |
**OnLoad** | 加载回调 | Action`?` | `null` |
**OnClose** | 关闭回调 | Action`?` | `null` |
**DisplayDelay** 🔴 | 显示延迟 `加入延迟可有效避免与Mask动画抢占` | int | 100 |
***
### UserControl 监控 Load 示例
~~~csharp
public partial class UserControl1 : UserControl, AntdUI.ControlEvent
{
public void LoadCompleted()
{
System.Diagnostics.Debug.WriteLine("Load");
}
protected override void Dispose(bool disposing)
{
base.Dispose(disposing);
System.Diagnostics.Debug.WriteLine("Close");
}
}
~~~
### 堵塞/等待示例
~~~csharp
private async void button1_Click(object sender, EventArgs e)
{
var usercontrol = new UserControl1(form);
await AntdUI.Drawer.wait(form, usercontrol, AntdUI.TAlignMini.Left);
System.Diagnostics.Debug.WriteLine("End" + usercontrol.ToString());
}
~~~

View File

@@ -17,8 +17,9 @@ Dropdown 选择器 👚
**Trigger** | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**MaxCount** | 列表最多显示条数 | int | 4 |
**DropDownRadius** 🔴 | 下拉圆角 | int`?` | `null` |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**DropDownPadding** 🔴 | 下拉边距 | Size | 12, 5 |
**DropDownPadding** | 下拉边距 | Size | 12, 5 |
**ClickEnd** | 点击到最里层 `无节点才能点击` | bool | false |
||||
**Items** | 数据 [更多样式](../DropdownStyles.md) | object[] | [] |

View File

@@ -267,4 +267,16 @@ Tab类型
**None** | 不显示 |
**Button** | 超出按钮 |
**LR** | 左右按钮 |
**LR_Shadow** | 左右按钮+阴影 |
**LR_Shadow** | 左右按钮+阴影 |
***
## TRotate
旋转
名称 | 描述 |
:--|:--|
**None** | 不旋转 |
**Clockwise_90** | 顺时针90° |
**CounterClockwise_90** | 逆时针90° |

View File

@@ -21,7 +21,7 @@ FloatButton 悬浮按钮
**Size** | 大小 | int | 40 |
**MarginX** | 边距X | int | 24 |
**MarginY** | 边距Y | int | 24 |
**Gap** 🔴 | 间距 | int | 40 |
**Gap** | 间距 | int | 40 |
**Btns** | 按钮列表 | [ConfigBtn[]](#floatbutton.configbtn) | `必填` |
**Call** | 点击回调 | Action<ConfigBtn> | `必填` |
@@ -33,16 +33,26 @@ FloatButton 悬浮按钮
:--|:--|:--|:--|
**Name** | 名称 | string | `null` |
**Text** | 文本 | string`?` | `null` |
**Fore** 🔴 | 文字颜色 | Color`?` | `null` |
**Tooltip** | 气泡的内容 | string`?` | `null` |
**Round** 🔴 | 圆角样式 | bool | true |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Fore** | 文字颜色 | Color`?` | `null` |
**Enabled** | 使能 | bool | true |
**Loading** | 加载 | bool | false |
**LoadingValue** 🔴 | 加载进度 | float | 0.3F |
**Round** | 圆角样式 | bool | true |
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Radius** | 圆角 | int | 6 |
||||
**Icon** | 自定义图标 | Image`?` | `null` |
**IconSvg** | 自定义图标SVG | string`?` | `null` |
**IconSize** 🔴 | 图标大小 `不设置为自动大小` | Size | 0 × 0 |
**IconSize** | 图标大小 `不设置为自动大小` | Size | 0 × 0 |
||||
**Badge** | 徽标文本 | string`?` | `null` |
**BadgeSize** | 徽标字体大小 | float | 9F |
**BadgeBack** | 徽标背景颜色 | Color`?` | `null` |
**BadgeSvg** 🔴 | 徽标SVG | string`?` | `null` |
**BadgeAlign** 🔴 | 徽标方向 | [TAlignFrom](Enum.md#talignfrom) | TR |
**BadgeSize** | 徽标大小 | float | 0.6F |
**BadgeMode** 🔴 | 徽标模式(镂空) | bool | false |
**BadgeOffsetX** 🔴 | 徽标偏移X | float | 0 |
**BadgeOffsetY** 🔴 | 徽标偏移Y | float | 0 |
**BadgeBack** | 徽标背景颜色 | Color`?` | `null` |
||||
**Tooltip** | 气泡的内容 | string`?` | `null` |

View File

@@ -6,11 +6,18 @@ GridPanel 格栅布局 👚
- 默认属性Span
> `;` or `回车` 分割行,`空格` 分割列
> `;` or `回车` 分割行,`空格` 分割列,每行 `:` 前是自定义行高如 30:50% 50%
### 属性
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Span** | 跨度 | string | 50% 50%;50% 50% |
**Gap** | 间距 | int | 0 |
**Gap** | 间距 | int | 0 |
**PauseLayout** | 暂停布局 | bool | false ||
### 扩展属性
名称 | 描述 | 类型 |
:--|:--|:--|
**Index** | 排序 | int |

View File

@@ -13,7 +13,7 @@ Input 输入框 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**BackColor** | 背景颜色 | Color`?` | `null` |
@@ -31,8 +31,8 @@ Input 输入框 👚
||||
**SelectionColor** | 选中颜色 | Color | 102, 0, 127, 255 |
||||
**CaretColor** 🔴 | 光标颜色 | Color`?` | `null` |
**CaretSpeed** 🔴 | 光标速度 | int | 1000 |
**CaretColor** | 光标颜色 | Color`?` | `null` |
**CaretSpeed** | 光标速度 | int | 1000 |
||||
**WaveSize** | 波浪大小 `点击动画` | int | 4 |
**Radius** | 圆角 | int | 6 |
@@ -42,31 +42,36 @@ Input 输入框 👚
**AllowClear** | 支持清除 | bool | false |
**AutoScroll** | 显示滚动条 | bool | false |
**Text** | 文本 | string ||
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**ImeMode** | IME(输入法编辑器)状态 | ImeMode | NoControl |
**EmojiFont** | Emoji字体 | string | Segoe UI Emoj |
**AcceptsTab** | 多行编辑是否允许输入制表符 | bool | false |
**Multiline** | 多行文本 | bool | false |
**LineHeight** | 多行行高 | int | 0 |
**ReadOnly** | 只读 | bool | false |
**PlaceholderText** | 水印文本 | string`?` | `null` |
**PlaceholderColor** 🔴 | 水印颜色 | Color`?` | `null` |
**PlaceholderColorExtend** 🔴 | 水印渐变色 | string`?` | `null` |
🌏 **LocalizationPlaceholderText** | 国际化水印文本 | string`?` | `null` |
**PlaceholderColor** | 水印色 | Color`?` | `null` |
**PlaceholderColorExtend** | 水印渐变色 | string`?` | `null` |
**LostFocusClearSelection** | 焦点离开清空选中 | bool | true |
**HandShortcutKeys** 🔴 | 处理快捷键 | bool | true |
||||
**TextAlign** | 文本对齐方向 | HorizontalAlignment | Left |
**UseSystemPasswordChar** | 使用密码框 | bool | false |
**PasswordChar** | 自定义密码字符 | char | (char)0 |
**PasswordCopy** | 密码可以复制 | bool | false |
**PasswordPaste** 🔴 | 密码可以粘贴 | bool | false |
**PasswordPaste** | 密码可以粘贴 | bool | true |
**MaxLength** | 文本最大长度 | int | 32767 |
||||
**IconRatio** | 图标比例 | float | 0.7F |
**IconGap** 🔴 | 图标与文字间距比例 | float | 0.25F |
**IconGap** | 图标与文字间距比例 | float | 0.25F |
**Prefix** | 前缀 | Image`?` | `null` |
**PrefixFore** 🔴 | 前缀前景色 | Color`?` | `null` |
**PrefixFore** | 前缀前景色 | Color`?` | `null` |
**PrefixSvg** | 前缀SVG | string`?` | `null` |
**PrefixText** | 前缀文本 | string`?` | `null` |
||||
**Suffix** | 后缀 | Image`?` | `null` |
**SuffixFore** 🔴 | 后缀前景色 | Color`?` | `null` |
**SuffixFore** | 后缀前景色 | Color`?` | `null` |
**SuffixSvg** | 后缀SVG | string`?` | `null` |
**SuffixText** | 后缀文本 | string`?` | `null` |
||||
@@ -116,11 +121,11 @@ InputNumber 数字输入框 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Minimum** 🔴 | 最小值 | decimal`?` | `null` |
**Maximum** 🔴 | 最大值 | decimal`?` | `null` |
**Minimum** | 最小值 | decimal`?` | `null` |
**Maximum** | 最大值 | decimal`?` | `null` |
**Value** | 当前值 | decimal | 0 |
||||
**ShowControl** 🔴 | 显示控制器 | bool | true |
**ShowControl** | 显示控制器 | bool | true |
**DecimalPlaces** | 显示的小数点位数 | int | 0 |
**ThousandsSeparator** | 是否显示千分隔符 | bool | false |
**Hexadecimal** | 值是否应以十六进制显示 | bool | false |

View File

@@ -13,23 +13,30 @@ Label 文本 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoSize** | 自动大小 | bool | false |
**AutoSizeMode** | 自动大小模式 | [TAutoSize](Enum.md#tautosize) | None |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**ColorExtend** 🔴 | 文字渐变色 | string`?` | `null` |
**ColorExtend** | 文字渐变色 | string`?` | `null` |
||||
**Text** | 文本 | string ||
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** | 文本位置 | ContentAlignment | MiddleLeft |
**AutoEllipsis** | 文本超出自动处理 | bool | false |
**TextMultiLine** | 是否多行 | bool | true |
||||
**IconRatio** 🔴 | 图标比例 | float | 0.7F |
**Prefix** | 前缀 | string`?` | `null` |
**PrefixSvg** 🔴 | 前缀SVG | string`?` | `null` |
**IconRatio** | 图标比例 | float | 0.7F |
**Prefix** | 前缀文本 | string`?` | `null` |
🌏 **LocalizationPrefix** | 国际化前缀 | string`?` | `null` |
**PrefixSvg** | 前缀SVG | string`?` | `null` |
**PrefixColor** | 前缀颜色 | Color`?` | `null` |
**Suffix** | 后缀文本 | string`?` | `null` |
**SuffixSvg** 🔴 | 后缀SVG | string`?` | `null` |
🌏 **LocalizationSuffix** | 国际化后缀 | string`?` | `null` |
**SuffixSvg** | 后缀SVG | string`?` | `null` |
**SuffixColor** | 后缀颜色 | Color`?` | `null` |
**Highlight** | 缀标完全展示 | bool | true |
**ShowTooltip** 🔴 | 超出文字显示 Tooltip | bool | true |
**ShowTooltip** | 超出文字显示 Tooltip | bool | true |
**Rotate** 🔴 | 旋转 | [TRotate](Enum.md#trotate) | None |
||||
**Shadow** | 阴影大小 | int | 0 |
**ShadowColor** | 阴影颜色 | Color`?` | `null` |

View File

@@ -13,5 +13,7 @@ LabelTime 时间文本 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoWidth** 🔴 | 自动宽度 | bool | false |
||||
**ForeColor** | 文字颜色 | Color | |
**ShowTime** | 是否显示秒 | bool | true |

View File

@@ -22,11 +22,13 @@ Menu 导航菜单 👚
**Round** | 圆角样式 | bool | false |
**Indent** | 常规缩进 `和Tree那样缩进` | bool | false |
**ShowSubBack** | 显示子菜单背景 | bool | false |
**Unique** 🔴 | 只保持一个子菜单的展开 | bool | false |
**Trigger** 🔴 | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Unique** | 只保持一个子菜单的展开 | bool | false |
**Trigger** | 触发下拉的行为 | [Trigger](Enum.md#trigger) | Click |
**Gap** | 间距 | int | 0 |
**IconRatio** | 图标比例 | float | 1.2F |
||||
**Theme** | 色彩模式 | [TAMode](Enum.md#tamode) | Auto |
**Mode** 🔴 | 菜单类型 | [TMenuMode](Enum.md#tmenumode) | Inline |
**Mode** | 菜单类型 | [TMenuMode](Enum.md#tmenumode) | Inline |
**AutoCollapse** | 自动折叠 | bool | false |
**Collapsed** | 是否折叠 | bool | false |
||||
@@ -48,8 +50,8 @@ Menu 导航菜单 👚
**SelectIndex** | 选中第二层 | void | int i1 `序号1` , int i2 `序号2`, bool focus `设置焦点` = true |
**SelectIndex** | 选中第三次 | void | int i1 `序号1` , int i2 `序号2` , int i3 `序号3`, bool focus `设置焦点` = true |
||||
**Select** 🔴 | 选中菜单 | void | MenuItem item `项`, bool focus `设置焦点` = true |
**Remove** 🔴 | 移除菜单 | void | MenuItem item `项` |
**Select** | 选中菜单 | void | MenuItem item `项`, bool focus `设置焦点` = true |
**Remove** | 移除菜单 | void | MenuItem item `项` |
### 数据
@@ -58,15 +60,20 @@ Menu 导航菜单 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**IconRatio** 🔴 | 图标比例 | float | 1.2F |
**ID** | ID | string`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string | `null` |
**IconActive** | 图标激活 | Image`?` | `null` |
**IconActiveSvg** | 图标激活SVG | string | `null` |
**Text** | 文本 | string | `必填` |
**Font** 🔴 | 自定义字体 | Font`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Font** | 自定义字体 | Font`?` | `null` |
**Visible** | 是否显示 | bool | true |
**Enabled** | 禁用状态 | bool | true |
**Select** | 是否选中 | bool | false |
**Expand** | 展开 | bool | true |
**CanExpand** | 是否可以展开 | bool | `只读` |
**Sub** | 子集合 ♾️ | [MenuItem[]](#menuitem) | [] |
**Tag** | 用户定义数据 | object`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**PARENTITEM** | 父级对象 | [MenuItem](#menuitem)`?` | `null` |

View File

@@ -12,17 +12,18 @@ Message 全局提示
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** 🔴 | ID | string`?` | `null` |
**ID** | ID | string`?` | `null` |
**Form** | 所属窗口 | Form | `必填` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Icon** | 图标 | [TType](Enum.md#ttype) | None |
**Font** | 字体 | Font | `null` |
**Radius** | 圆角 | int | 6 |
**AutoClose** | 自动关闭时间(秒)`0等于不关闭` | int | 6 |
**ClickClose** 🔴 | 是否可以点击关闭 | bool | true |
**Align** 🔴 | 方向 | [TAlignFrom](Enum.md#talignfrom) | Top |
**Padding** 🔴 | 边距 | Size | 12, 9 |
**ShowInWindow** 🔴 | 弹出在窗口 | bool | false |
**ClickClose** | 是否可以点击关闭 | bool | true |
**Align** | 方向 | [TAlignFrom](Enum.md#talignfrom) | Top |
**Padding** | 边距 | Size | 12, 9 |
**ShowInWindow** | 弹出在窗口 | bool | false |
**Call** | 加载回调 | Action<Config>`?` | `null` |
#### 方法
@@ -30,6 +31,7 @@ Message 全局提示
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**close_all** | 关闭全部 | void | |
**close_id** | 关闭指定id | void | string id |
> loading业务方法

View File

@@ -24,21 +24,22 @@ Modal 对话框
**CloseIcon** | 是否显示关闭图标 | bool | false |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**Padding** 🔴 | 边距 | Size | 24, 20 |
**BtnHeight** 🔴 | 按钮栏高度 | int | 38 |
**Padding** | 边距 | Size | 24, 20 |
**BtnHeight** | 按钮栏高度 | int | 38 |
**CancelText** | 取消按钮文字 | string | "取消" |
**CancelFont** 🔴 | 取消按钮字体 | Font`?` | `null` |
**CancelFont** | 取消按钮字体 | Font`?` | `null` |
**OkText** | 确认按钮文字 | string | "确定" |
**OkType** | 确认按钮类型 | [TTypeMini](Enum.md#ttypemini) | Primary |
**OkFont** 🔴 | 确认按钮字体 | Font`?` | `null` |
**OkFont** | 确认按钮字体 | Font`?` | `null` |
**OnOk** | 确定回调 | `Func<Config, bool>?` | `null` |
||||
**Btns** | 自定义按钮 | [Btn[]](#modal.btn) | `null` |
**OnBtns** | 自定义按钮回调 | Action<[Button](#button)> | `null` |
**OnButtonStyle** | 自定义按钮样式回调 | Action<string, [Button](Button)> | `null` |
||||
**LoadingDisableCancel** 🔴 | 加载时禁用取消按钮 | bool | false |
||||
**OnButtonStyle** 🔴 | 自定义按钮样式回调 | Action<string, [Button](Button)> | `null` |
**LoadingDisableCancel** | 加载时禁用取消按钮 | bool | false |
**Draggable** | 拖拽窗口 | bool | true |
**Close()** | 主动关闭 | void | |
### Modal.Btn
@@ -51,4 +52,24 @@ Modal 对话框
**Type** | 按钮类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Fore** | 文字颜色 | Color`?` | `null` |
**Back** | 背景颜色 | Color`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
***
### UserControl 监控 Load 示例
~~~csharp
public partial class UserControl1 : UserControl, AntdUI.ControlEvent
{
public void LoadCompleted()
{
System.Diagnostics.Debug.WriteLine("Load");
}
protected override void Dispose(bool disposing)
{
base.Dispose(disposing);
System.Diagnostics.Debug.WriteLine("Close");
}
}
~~~

View File

@@ -12,32 +12,36 @@ Notification 通知提醒框
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** 🔴 | ID | string`?` | `null` |
**ID** | ID | string`?` | `null` |
**Form** | 所属窗口 | Form | `必填` |
**Icon** | 图标 | [TType](Enum.md#ttype) | None |
**Font** | 字体 | Font`?` | `null` |
**Text** | 文本 | string | `必填` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
|||||
**Title** | 标题 | string | `必填` |
**FontTitle** 🔴 | 标题字体 | Font`?` | `null` |
**FontStyleTitle** 🔴 | 标题字体样式 | FontStyle`?` | `null` |
🌏 **LocalizationTitle** | 国际化标题 | string`?` | `null` |
**FontTitle** | 标题字体 | Font`?` | `null` |
**FontStyleTitle** | 标题字体样式 | FontStyle`?` | `null` |
|||||
**Radius** | 圆角 | int | 10 |
**Align** | 方向 | [TAlignFrom](Enum.md#talignfrom) | Right |
**Padding** 🔴 | 边距 | Size | 24, 20 |
**Padding** | 边距 | Size | 24, 20 |
**AutoClose** | 自动关闭时间(秒)`0等于不关闭` | int | 6 |
**ClickClose** 🔴 | 是否可以点击关闭 | bool | true |
**ClickClose** | 是否可以点击关闭 | bool | true |
**CloseIcon** | 是否显示关闭图标 | bool | false |
**TopMost** | 是否置顶 | bool | false |
**Tag** | 用户定义数据 | object`?` | `null` |
**Link** | 超链接 | [Modal.ConfigLink](#modal.configlink)`?` | `null` |
**ShowInWindow** 🔴 | 弹出在窗口 | bool | false |
**ShowInWindow** | 弹出在窗口 | bool | false |
**OnClose** | 关闭回调 | Action`?` | `null` |
#### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**close_all** | 关闭全部 | void | |
**close_id** | 关闭指定id | void | string id |
### Modal.ConfigLink

View File

@@ -15,12 +15,19 @@ PageHeader 页头 👚
:--|:--|:--|:--|
**Mode** | 色彩模式 | [TAMode](Enum.md#tamode) | Auto |
**Loading** | 加载状态 | bool | false |
**BackExtend** | 背景渐变色 | string`?` | `null` |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**SubText** | 副标题 | string`?` | `null` |
🌏 **LocalizationSubText** | 国际化副标题 | string`?` | `null` |
**Description** | 描述文本 | string`?` | `null` |
🌏 **LocalizationDescription** | 国际化描述文本 | string`?` | `null` |
**UseTitleFont** | 使用标题大小 | bool | false |
**UseTextBold** | 标题使用粗体 | bool | true |
**UseSubCenter** 🔴 | 副标题居中 | bool | false |
**UseLeftMargin** 🔴 | 使用左边边距 | bool | true |
**SubFont** | 副标题字体 | Font`Font` | `null` |
||||
**Gap** | 间隔 | int`?` | `null` |
**SubGap** | 副标题与标题间隔 | int | 6 |
@@ -28,11 +35,13 @@ PageHeader 页头 👚
**ShowIcon** | 是否显示图标 | bool | false |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string | `null` |
**IconRatio** | 图标比例 | float`?` | `null` |
||||
**ShowBack** | 是否显示返回按钮 | bool | false |
**ShowButton** | 是否显示标题栏按钮 | bool | false |
**MaximizeBox** | 是否显示最大化按钮 | bool | true |
**MinimizeBox** | 是否显示最小化按钮 | bool | true |
**FullBox** | 是否显示全屏按钮 | bool | false |
**DragMove** | 是否可以拖动位置 | bool | true |
**CloseSize** | 关闭按钮大小 | int | 48 |
||||

View File

@@ -20,18 +20,25 @@ Pagination 分页 👚
**PageTotal** | 总页数 | int | 1 `只读` |
||||
**ShowSizeChanger** | 是否展示 `PageSize` 切换器 | bool | false |
**SizeChangerWidth** 🔴 | `SizeChanger` 宽度 | int | 0 `0 自动宽度` |
**PageSizeOptions** 🔴 | 指定每页可以显示多少条 `下拉选择` | int[]? | null |
**SizeChangerWidth** | `SizeChanger` 宽度 | int | 0 `0 自动宽度` |
**PageSizeOptions** | 指定每页可以显示多少条 `下拉选择` | int[]? | null |
||||
**Fill** | 颜色 | Color`?` | `null` |
||||
**Gap** 🔴 | 间距 | int | 8 |
**Gap** | 间距 | int | 8 |
**Radius** | 圆角 | int | 6 |
**BorderWidth** | 边框宽度 | float | 1F |
||||
**TextDesc** | 主动显示内容 `设置非空后 ShowTotalChanged 失效` | string`?` | `null` |
🌏 **LocalizationTextDesc** | 国际化主动显示内容 | string`?` | `null` |
**RightToLeft** | 反向 | RightToLeft | No |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**InitData** | 初始化 `不触发事件` | void | int Current = 1, int PageSize = 10 |
### 事件
名称 | 描述 | 返回值 | 参数 |

View File

@@ -20,7 +20,7 @@ Panel 面板 👚
||||
**BorderWidth** | 边框宽度 | float | 0F |
**BorderColor** | 边框颜色 | Color`?` | `null` |
**BorderStyle** 🔴 | 边框样式 | DashStyle | Solid |
**BorderStyle** | 边框样式 | DashStyle | Solid |
||||
**BackgroundImage** | 背景图片 | Image`?` | `null` |
**BackgroundImageLayout** | 背景图片布局 | [TFit](Enum.md#tfit) | Fill |
@@ -29,8 +29,8 @@ Panel 面板 👚
**ShadowColor** | 阴影颜色 | Color`?` | `null` |
**ShadowOpacity** | 阴影透明度 | float | 0.1F |
**ShadowOpacityHover** | 悬停阴影后透明度 | float | 0.3F |
**ShadowOpacityAnimation** 🔴 | 阴影透明度动画使能 | bool | false |
**ShadowOpacityAnimation** | 阴影透明度动画使能 | bool | false |
**ShadowOffsetX** | 阴影偏移X | int | 0 |
**ShadowOffsetY** | 阴影偏移Y | int | 0 |
**ShadowAlign** 🔴 | 阴影方向 | [TAlignMini](Enum.md#talignmini) | None |
**padding** 🔴 | 内边距 | Padding | 0, 0, 0, 0 |
**ShadowAlign** | 阴影方向 | [TAlignMini](Enum.md#talignmini) | None |
**padding** | 内边距 | Padding | 0, 0, 0, 0 |

View File

@@ -21,6 +21,8 @@ Popover 气泡卡片
**ArrowAlign** | 箭头方向 | [TAlign](Enum.md#talign) | Bottom |
**ArrowSize** | 箭头大小 | int | 8 |
**Offset** | 偏移量 | Rectangle / RectangleF | `null` |
**CustomPoint** 🔴 | 自定义位置 | Rectangle`?` |`null`|
**Focus** 🔴 | 获取焦点 | bool | true |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**OnControlLoad** | 控件显示后回调 | `Action?` | `null` |
@@ -38,4 +40,24 @@ Popover 气泡卡片
**Fore** | 文字颜色 | Color`?` | `null` |
**Font** | 字体 | Font`?` | `null` |
||||
**Call** | 点击回调 `设置后鼠标悬停可点击` | Action | `null` |
**Call** | 点击回调 `设置后鼠标悬停可点击` | Action | `null` |
***
### UserControl 监控 Load 示例
~~~csharp
public partial class UserControl1 : UserControl, AntdUI.ControlEvent
{
public void LoadCompleted()
{
System.Diagnostics.Debug.WriteLine("Load");
}
protected override void Dispose(bool disposing)
{
base.Dispose(disposing);
System.Diagnostics.Debug.WriteLine("Close");
}
}
~~~

View File

@@ -18,29 +18,31 @@ Progress 进度条 👚
**Fill** | 进度条颜色 | Color`?` | `null` |
||||
**Radius** | 圆角 | int | 0 |
**Shape** 🔴 | 形状 | [TShapeProgress](Enum.md#tshapeprogress) | Round |
**Shape** | 形状 | [TShapeProgress](Enum.md#tshapeprogress) | Round |
**IconRatio** | 图标比例 | float | 0.7F |
**ValueRatio** 🔴 | 进度条比例 | float | 0.4F |
**ValueRatio** | 进度条比例 | float | 0.4F |
||||
**UseSystemText** 🔴 | 使用系统文本 | bool | false |
**ShowTextDot** 🔴 | 显示进度文本小数点位数 | int | 0 |
**UseSystemText** | 使用系统文本 | bool | false |
**ShowTextDot** | 显示进度文本小数点位数 | int | 0 |
**State** | 样式 | [TType](Enum.md#ttype) | None |
**ShowInTaskbar** | 任务栏中显示进度 | bool | false |
||||
**Text** | 文本 | string`?` | `null` |
**TextUnit** 🔴 | 单位文本 | string`?` | % |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextUnit** | 单位文本 | string`?` | % |
🌏 **LocalizationTextUnit** | 国际化单位文本 | string`?` | `null` |
**Value** | 进度条 `0F-1F` | float | 0F |
**Loading** | 加载状态 | bool | false |
**LoadingFull** | 动画铺满 | bool | false |
**Loading** | 加载状态 | bool | false |
**Animation** | 动画时长 | int | 200 |
||||
**Steps** 🔴 | 进度条总共步数 | int | 3 |
**StepSize** 🔴 | 步数大小 | int | 14 |
**StepGap** 🔴 | 步数间隔 | int | 2 |
**Steps** | 进度条总共步数 | int | 3 |
**StepSize** | 步数大小 | int | 14 |
**StepGap** | 步数间隔 | int | 2 |
### 事件
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**ValueFormatChanged** 🔴 | Value格式化时发生 | string | float value `进度` |
**ValueFormatChanged** | Value格式化时发生 | string | float value `进度` |

View File

@@ -20,8 +20,10 @@ Radio 单选框 👚
**Fill** | 填充颜色 | Color`?` | `null` |
||||
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**TextAlign** 🔴 | 文本位置 | ContentAlignment | MiddleLeft |
**Checked** | 选中状态 | bool | false |
**AutoCheck** 🔴 | 点击时自动改变选中状态 | bool | true |
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
||||
**RightToLeft** | 反向 | RightToLeft | No |

View File

@@ -17,12 +17,14 @@ Rate 评分 👚
||||
**Fill** | 颜色 | Color | 250, 219, 20 |
||||
**AllowClear** | 支持清除 | bool | false |
**AllowHalf** | 是否允许半选 | bool | false |
**Count** | Star 总数 | int | 5 |
**Value** | 当前值 | float | 0F |
||||
**Tooltips** | 自定义每项的提示信息 | string[]`?` | `null` |
**Character** | 自定义字符SVG | string`?` | `null` |
🌏 **LocalizationCharacter** | 国际化自定义字符 | string`?` | `null` |
### 事件

View File

@@ -13,9 +13,9 @@ Segmented 分段控制器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**OriginalBackColor** 🔴 | 原装背景颜色 | Color | Transparent |
**OriginalBackColor** | 原装背景颜色 | Color | Transparent |
||||
**AutoSize** 🔴 | 自动大小 | bool | false |
**AutoSize** | 自动大小 | bool | false |
||||
**Full** | 是否铺满 | bool | false |
**Radius** | 圆角 | int | 6 |
@@ -30,14 +30,14 @@ Segmented 分段控制器 👚
||||
**Gap** | 间距 | int | 0 |
**Vertical** | 是否竖向 | bool | false |
**IconAlign** 🔴 | 图标对齐方向 | [TAlignMini](Enum.md#talignmini) | Top |
**IconRatio** 🔴 | 图标比例 | float`?` | `null` |
**IconGap** 🔴 | 图标与文字间距比例 | float | 0.2F |
**IconAlign** | 图标对齐方向 | [TAlignMini](Enum.md#talignmini) | Top |
**IconRatio** | 图标比例 | float`?` | `null` |
**IconGap** | 图标与文字间距比例 | float | 0.2F |
||||
**BarPosition** 🔴 | 线条位置 | [TAlignMini](Enum.md#talignmini) | None |
**BarSize** 🔴 | 条大小 | float | 3F |
**BarPadding** 🔴 | 条边距 | int | 0 |
**BarRadius** 🔴 | 条圆角 | int | 0 |
**BarPosition** | 线条位置 | [TAlignMini](Enum.md#talignmini) | None |
**BarSize** | 条大小 | float | 3F |
**BarPadding** | 条边距 | int | 0 |
**BarRadius** | 条圆角 | int | 0 |
||||
**Items** | 集合 `SegmentedItem[]` | [SegmentedItem[]](#segmenteditem) | [] |
**SelectIndex** | 选择序号 | int | 0 |
@@ -57,10 +57,22 @@ Segmented 分段控制器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Icon** | 图标S | Image`?` | `null` |
**ID** | ID | string`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**IconActive** | 图标激活 | Image`?` | `null` |
**IconActiveSvg** | 图标激活SVG | string`?` | `null` |
|||||
**Text** | 文本 | string`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Enabled** | 使能 | bool | true |
**Tag** | 用户定义数据 | object`?` | `null` |
||||
**Badge** | 徽标文本 | string`?` | `null` |
**BadgeSvg** | 徽标SVG | string`?` | `null` |
**BadgeAlign** | 徽标方向 | [TAlignFrom](Enum.md#talignfrom) | TR |
**BadgeSize** | 徽标大小 | float | 0.6F |
**BadgeMode** | 徽标模式(镂空) | bool | false |
**BadgeOffsetX** | 徽标偏移X | float | 0 |
**BadgeOffsetY** | 徽标偏移Y | float | 0 |
**BadgeBack** | 徽标背景颜色 | Color`?` | `null` |

View File

@@ -17,10 +17,12 @@ Select 选择器 👚
**ListAutoWidth** | 是否列表自动宽度 | bool | true |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**MaxCount** | 列表最多显示条数 | int | 4 |
**DropDownRadius** 🔴 | 下拉圆角 | int`?` | `null` |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**DropDownPadding** 🔴 | 下拉边距 | Size | 12, 5 |
**DropDownPadding** | 下拉边距 | Size | 12, 5 |
**ClickEnd** | 点击到最里层 `无节点才能点击` | bool | false |
**ClickSwitchDropdown** 🔴 | 点击切换下拉 | bool | true |
**ClickSwitchDropdown** | 点击切换下拉 | bool | true |
**CloseIcon** 🔴 | 是否显示关闭图标 | bool | false |
||||
**Items** | 数据 [更多样式](../DropdownStyles.md) | object[] | [] |
**SelectedIndex** | 选中序号 | int | -1 |
@@ -33,6 +35,8 @@ Select 选择器 👚
**SelectedIndexChanged** | SelectedIndex 属性值更改时发生 | void | int index `序号` |
**SelectedIndexsChanged** | 多层树结构更改时发生 | void | int x `第几列`, int y `第几行` |
**SelectedValueChanged** | SelectedValue 属性值更改时发生 | void | object? value `数值` |
**FilterChanged** | 控制筛选 Text更改时发生 | IList<object>`?` | string value `搜索内容` |
**ClosedItem** | 关闭某项 时发生 | void | object? value `数值` |
***
@@ -51,15 +55,17 @@ Select 多选器 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**AutoHeight** 🔴 | 自动高度 | bool | false |
**Gap** 🔴 | 间距 | int | 2 |
**List** | 是否列表样式 `与Dropdown一样` | bool | false |
**ListAutoWidth** | 是否列表自动宽度 | bool | true |
**Placement** | 菜单弹出位置 | [TAlignFrom](Enum.md#talignfrom) | BL |
**MaxCount** | 列表最多显示条数 | int | 4 |
**MaxChoiceCount** | 最大选中数量 | int | 0 |
**DropDownArrow** | 下拉箭头是否显示 | bool | false |
**DropDownPadding** 🔴 | 下拉边距 | Size | 12, 5 |
**CheckMode** 🔴 | 复选框模式 | bool | false |
**CanDelete** 🔴 | 是否可以删除 | bool | true |
**DropDownPadding** | 下拉边距 | Size | 12, 5 |
**CheckMode** | 复选框模式 | bool | false |
**CanDelete** | 是否可以删除 | bool | true |
||||
**Items** | 数据 [更多样式](../DropdownStyles.md) | object[] | [] |
**SelectedValue** | 选中值 | object[] | |

View File

@@ -16,6 +16,7 @@ Signal 信号强度 👚
**Value** | 信号强度 | int | 0 `0-5` |
||||
**StyleLine** | 启用线样式 | bool | false |
**Loading** 🔴 | 加载状态 | bool | false |
||||
**Fill** | 填充颜色 | Color`?` | `null` |
**FillFully** | 满格颜色 | Color`?` | `null` |

View File

@@ -16,6 +16,7 @@ Slider 滑动输入条 👚
**Fill** | 颜色 | Color`?` | `null` |
**FillHover** | 悬停颜色 | Color`?` | `null` |
**FillActive** | 激活颜色 | Color`?` | `null` |
**TrackColor** 🔴 | 滑轨颜色 | Color`?` | `null` |
||||
**MinValue** | 最小值 | int | 0 |
**MaxValue** | 最大值 | int | 100 |
@@ -27,9 +28,9 @@ Slider 滑动输入条 👚
**DotSize** | 点大小 | int | 10 |
**DotSizeActive** | 点激活大小 | int | 12 |
||||
**Dots** 🔴 | 是否只能拖拽到刻度上 | bool | false |
**Marks** 🔴 | 刻度标记 `SliderMarkItem[]` | [SliderMarkItem[]](#slidermarkitem) | [] |
**MarkTextGap** 🔴 | 刻度文本间距 | int | 4 |
**Dots** | 是否只能拖拽到刻度上 | bool | false |
**Marks** | 刻度标记 `SliderMarkItem[]` | [SliderMarkItem[]](#slidermarkitem) | [] |
**MarkTextGap** | 刻度文本间距 | int | 4 |
### 事件

View File

@@ -14,7 +14,9 @@ Spin 加载中 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
🌏 **LocalizationText** | 国际化文本 | string`?` | `null` |
**Fill** | 颜色 | Color`?` | `null` |
**ForeColor** | 文字颜色 | Color`?` | `null` |
### 方法
@@ -25,34 +27,40 @@ Spin 加载中 👚
**Spin** | 加载中 | void | Action action `需要等待的委托`, Action? end = null `运行结束后的回调` |
**Spin** | 加载中 | void | [Spin.Config](#spin.config) `配置`, Action action `需要等待的委托`, Action? end = null `运行结束后的回调` |
代码示例
```csharp
需要显示加载中的控件.Spin(()=>{
// 耗时代码
sleep(1000);
},()=>{
//加载完成
})
```
```csharp
AntdUI.Spin.open(需要显示加载中的控件, ()=>{
// 耗时代码
sleep(1000);
},()=>{
//加载完成
})
```
![SpinRun](SpinRun.png)
### 配置
#### Spin.Config
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Text** | 文本 | string`?` | `null` |
**Back** | 背景颜色 | Color`?` | `null` |
**Color** | 颜色 | Color`?` | `null` |
**Radius** | 圆角 | int`?` | `null` |
**Fore** | 文本颜色 | Color`?` | `null` |
**Radius** | 圆角 | int`?` | `null` |
**Font** | 字体 | Font`?` | `null` |
**Value** | 进度 | float`?` | `null` |
***
### 代码示例
```csharp
需要显示加载中的控件.Spin(config => {
// 耗时代码
sleep(1000);
},()=>{
//加载完成
});
```
```csharp
AntdUI.Spin.open(需要显示加载中的控件, config => {
// 耗时代码
sleep(1000);
},()=>{
//加载完成
});
```
![SpinRun](SpinRun.png)

View File

@@ -0,0 +1,44 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
## Splitter
Splitter 分隔面板 👚
> 自由切分指定区域。继承于 [SplitContainer](https://github.com/dotnet/winforms/blob/main/src/System.Windows.Forms/System/Windows/Forms/Layout/Containers/SplitContainer.cs)
- 默认属性Text
- 默认事件SplitterMoved
### 属性
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**SplitterBack** | 滑块背景 | Color`?` | `null` |
**SplitterBackMove** | 滑块移动背景 | Color`?` | `null` |
**ArrowColor** | 箭头颜色 | Color`?` | `null` |
**ArrawColorHover** | 鼠标悬浮箭头颜色 | Color`?` | `null` |
**ArrawBackColor** | 箭头背景色 | Color`?` | `null` |
||||
**SplitterWidth** | 拆分器的粗细 | int | 4 |
**SplitterSize** | 滑块大小 | int | 20 |
**SplitterDistance** | 拆分器与左边缘或上边缘的距离 | int | |
**Panel1MinSize** | 拆分器与 Panel1 的左边缘或上边缘的最小距离 | int | 25 |
**Panel2MinSize** | 拆分器与 Panel2 的右边缘或下边缘的最小距离 | int | 25 |
||||
**CollapsePanel** | 点击后收起的Panel | ADCollapsePanel | None |
**Orientation** | 拆分器是水平的还是垂直的 | Orientation | Vertical |
**SplitPanelState** | 当前折叠状态 | bool | true |
**Lazy** | 延时渲染 | bool | true |
### 方法
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**Collapse** | 折叠 | void | |
**Expand** | 展开 | void | |
### 事件
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**SplitPanelStateChanged** | SplitPanelState 属性值更改时发生 | void | bool value `当前值` |

View File

@@ -13,4 +13,5 @@ StackPanel 堆栈布局 👚
**AutoScroll** | 是否显示滚动条 | bool | false |
**Vertical** | 是否垂直方向 | bool | false |
**ItemSize** | 内容大小 | string`?` | `null` |
**Gap** | 间距 | int | 0 |
**Gap** | 间距 | int | 0 |
**PauseLayout** | 暂停布局 | bool | false ||

View File

@@ -18,6 +18,7 @@ Steps 步骤条 👚
**Current** | 指定当前步骤 `从 0 开始记数。在子 Step 元素中,可以通过 status 属性覆盖状态` | int | 0 |
**Status** | 指定当前步骤的状态 | [TStepState](Enum.md#tstepstate) | Process |
**Vertical** | 垂直方向 | bool | false |
**Gap** 🔴 | 间距 | int | 8 |
**Items** | 数据 `StepsItem[]` | [StepsItem[]](#stepsitem) | [] |
||||
**PauseLayout** | 暂停布局 | bool | false |
@@ -35,12 +36,16 @@ Steps 步骤条 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ID** | ID | string`?` | `null` |
**Name** | 名称 | string`?` | `null` |
**Icon** | 图标 | Image`?` | `null` |
**IconSvg** 🔴 | 图标SVG | string`?` | `null` |
**IconSvg** | 图标SVG | string`?` | `null` |
**IconSize** | 图标大小 | int`?` | `null` |
**Visible** | 是否显示 | bool | true |
**Title** | 标题 | string | `必填` |
🌏 **LocalizationTitle** | 国际化标题 | string`?` | `null` |
**SubTitle** | 子标题 | string`?` | `null` |
🌏 **LocalizationSubTitle** | 国际化子标题 | string`?` | `null` |
**Description** | 详情描述 | string`?` | `null` |
🌏 **LocalizationDescription** | 国际化详情描述 | string`?` | `null` |
**Tag** | 用户定义数据 | object`?` | `null` |

View File

@@ -13,16 +13,21 @@ Switch 开关 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**ForeColor** | 文字颜色 | Color`?` | `null` |
**Fill** | 填充颜色 | Color`?` | `null` |
**FillHover** | 悬停颜色 | Color`?` | `null` |
||||
**Checked** | 选中状态 | bool | false |
**CheckedText** 🔴 | 选中时显示的文本 | string`?` | `null` |
**UnCheckedText** 🔴 | 未选中时显示的文本 | string`?` | `null` |
**AutoCheck** 🔴 | 点击时自动改变选中状态 | bool | true |
**CheckedText** | 选中时显示的文本 | string`?` | `null` |
🌏 **LocalizationCheckedText** | 国际化文本 | string`?` | `null` |
**UnCheckedText** | 未选中时显示的文本 | string`?` | `null` |
🌏 **LocalizationUnCheckedText** | 国际化文本 | string`?` | `null` |
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
||||
**WaveSize** | 波浪大小 `点击动画` | int | 4 |
**Gap** | 按钮与边框间距 | int | 2 |
||||
**Loading** 🔴 | 加载中 | bool | false |
### 事件

View File

@@ -14,42 +14,50 @@ Table 表格 👚
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Gap** | 间距 | int | 12 |
**Radius** 🔴 | 圆角 | int | 0 |
**CheckSize** | 复选框大小 | int | 16 |
**SwitchSize** 🔴 | 开关大小 | int | 16 |
**TreeButtonSize** 🔴 | 树开关按钮大小 | int | 16 |
**Radius** | 圆角 | int | 0 |
**FixedHeader** | 固定表头 | bool | true |
**VisibleHeader** 🔴 | 显示表头 | bool | true |
**VisibleHeader** | 显示表头 | bool | true |
**Bordered** | 显示列边框 | bool | false |
**RowHeight** 🔴 | 行高 | int`?` | `null` |
**RowHeightHeader** 🔴 | 表头行高 | int`?` | `null` |
**RowHeight** | 行高 | int`?` | `null` |
**RowHeightHeader** | 表头行高 | int`?` | `null` |
||||
**CheckSize** | 复选框大小 | int | 16 |
**SwitchSize** | 开关大小 | int | 16 |
**TreeButtonSize** | 树开关按钮大小 | int | 16 |
**DragHandleSize** | 拖拽手柄大小 | int | 24 |
**DragHandleIconSize** | 拖拽手柄图标大小 | int | 14 |
||||
**EnableHeaderResizing** | 手动调整列头宽度 | bool | false |
**ColumnDragSort** | 列拖拽排序 | bool | false |
**LostFocusClearSelection** | 焦点离开清空选中 | bool | false |
**AutoSizeColumnsMode** 🔴 | 列宽自动调整模式 | [ColumnsMode](Enum.md#columnsmode) | Auto |
**AutoSizeColumnsMode** | 列宽自动调整模式 | [ColumnsMode](Enum.md#columnsmode) | Auto |
||||
**ClipboardCopy** | 行复制 | bool | true |
**EditMode** | 编辑模式 | [TEditMode](Enum.md#teditmode) | None |
**ShowTip** | 省略文字提示 | bool | true |
**DefaultExpand** 🔴 | 默认是否展开 `树` | bool | false |
**HandShortcutKeys** 🔴 | 处理快捷键 | bool | true |
||||
**DefaultExpand** | 默认是否展开 `树` | bool | false |
||||
**Empty** | 是否显示空样式 | bool | true |
**EmptyText** | 数据为空显示文字 | string | No data |
**EmptyImage** | 数据为空显示图片 | Image`?` | `null` |
**EmptyHeader** | 空是否显示表头 | bool | false |
||||
**ForeColor** | 文字颜色 | Color`?` | `null` |
**RowSelectedBg** | 表格行选中背景色 | Color`?` | `null` |
**RowSelectedFore** 🔴 | 表格行选中字色 | Color`?` | `null` |
**BorderColor** 🔴 | 表格边框颜色 | Color`?` | `null` |
**ColumnFont** 🔴 | 表头字体 | Font`?` | `null` |
**ColumnBack** 🔴 | 表头背景色 | Color`?` | `null` |
**ColumnFore** 🔴 | 表头文本色 | Color`?` | `null` |
**RowSelectedFore** | 表格行选中字色 | Color`?` | `null` |
**BorderColor** | 表格边框颜色 | Color`?` | `null` |
**ColumnFont** | 表头字体 | Font`?` | `null` |
**ColumnBack** | 表头背景色 | Color`?` | `null` |
**ColumnFore** | 表头文本色 | Color`?` | `null` |
||||
**SelectedIndex** | 选中行 | int | -1 |
**SelectedIndexs** 🔴 | 选中多行 | int[] | |
**MultipleRows** | 多选行 | bool | false |
||||
**Columns** | 表格列的配置 | [ColumnCollection](#column) | `null` |
**DataSource** | 数据数组 | [object](#datasource)`?` | `支持DataTableClass等` |
**Columns** | 表格列的配置 | [ColumnCollection](TableColumn.md#column) | `null` |
**DataSource** | 数据数组 | [object](TableCell.md#icell)`?` | `支持DataTableClass等` |
### 方法
@@ -59,8 +67,24 @@ Table 表格 👚
**CopyData** | 复制表格数据 | void |int row `行`|
**CopyData** | 复制表格数据 | void |int row `行`, int column `列`|
**EnterEditMode** | 进入编辑模式 | void |int row `行`, int column `列`|
**SortIndex** 🔴 | 获取排序序号 | int[] ||
**SortList** 🔴 | 获取排序数据 | object[] ||
**SortIndex** | 获取排序序号 | int[] ||
**SortList** | 获取排序数据 | object[] ||
**SortColumnsIndex** | 获取表头排序序号 | int[] ||
**SortList** | 获取排序数据 | object[] ||
**ScrollLine** | 滚动到指定行 | void | int i `行`,bool force `是否强制滚动` |
**GetRowEnable** | 获取行使能 | bool | int i `行` |
**SetRowEnable** | 设置行使能 | void | int i `行`, bool value `值`, bool ui `是否刷新ui` |
**ToDataTable** | 导出表格数据 | DataTable`?` ||
**LoadLayout** | 刷新布局 | void ||
**Refresh** | 刷新界面 | void ||
||||
**ExpandAll** | 展开全部 | void ||
**Expand** | 展开或折叠 | void | object record `行元数据`, bool value `折叠值` |
|合并单元格|||
**AddMergedRegion** | 新增合并单元格 | void | CellRange range |
**AddMergedRegion** | 新增多个合并单元格 | void | CellRange[] ranges |
**ContainsMergedRegion** | 判断合并单元格是否存在 | bool | CellRange range |
**ClearMergedRegion** | 清空全部合并单元格 | void ||
### 事件
@@ -77,14 +101,14 @@ Table 表格 👚
**CellEndEdit** | 编辑后发生 | bool `返回true应用编辑` | string value `修改后值`, object? record `原始行`, int rowIndex `行序号`, int columnIndex `列序号` |
||||
**SetRowStyle** | 设置行样式 | [CellStyleInfo?](#cellstyleinfo) | object? record `原始行`, int rowIndex `行序号` |
**SortRows** 🔴 | 行排序时发生 | void | int columnIndex `列序号` |
**SortRows** | 行排序时发生 | void | int columnIndex `列序号` |
> 奇偶交替背景色
```csharp
private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? record, int rowIndex)
private AntdUI.Table.CellStyleInfo? table1_SetRowStyle(object sender, AntdUI.TableSetRowStyleEventArgs e)
{
if (rowIndex % 2 == 0)
if (e.Index % 2 == 0)
{
return new AntdUI.Table.CellStyleInfo
{
@@ -95,193 +119,6 @@ private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? re
}
```
----
### Column
> 多样表头
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
**Title** | 显示文字 | string |✅||
|||||
**Visible** 🔴 | 是否显示 | bool|⛔|true|
**Align** | 对齐方式 | ColumnAlign |⛔|ColumnAlign.Left|
**ColAlign** 🔴 | 表头对齐方式 | ColumnAlign`?` |⛔| `null` |
**Width** | 列宽度 | string`?` |⛔||
**MaxWidth** 🔴 | 列最大宽度 | string`?` |⛔||
|||||
**Fixed** | 列是否固定 | bool |⛔|false|
**Ellipsis** | 超过宽度将自动省略 | bool |⛔|false|
**LineBreak** 🔴 | 自动换行 | bool |⛔|false|
**SortOrder** 🔴 | 启用排序 | bool |⛔|false|
**KeyTree** 🔴 | 树形列 | string`?` |⛔||
#### ColumnCheck
> 复选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
#### ColumnRadio
> 单选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
**Title** | 显示文字 | string |✅||
#### ColumnSwitch
> 开关表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 必填 | 默认值 |
:--|:--|:--|:--:|:--|
**Key** | 绑定名称 | string |✅||
**Title** | 显示文字 | string |✅||
**Call** | 改变回调 | Func<bool, object?, int, int, bool>`?` |||
----
### DataSource
> 丰富的单元格
#### CellText
> 文字
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**Font** | 字体 | Font`?` ||
||||
**IconRatio** 🔴 | 图标比例 | float | 0.7F |
**Prefix** 🔴 | 前缀 | Image`?` ||
**PrefixSvg** 🔴 | 前缀SVG | string`?` ||
**Suffix** 🔴 | 后缀 | Image`?` ||
**SuffixSvg** 🔴 | 后缀SVG | string`?` ||
||||
**Text** | 文本 | string`?` ||
#### CellBadge
> 徽标
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Fill** | 颜色 | Color`?` ||
||||
**State** | 状态 | [TState](Enum.md#tstate) | Default |
**Text** | 文本 | string`?` |
#### CellTag
> 标签
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |1F|
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellImage
> 图片
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**BorderColor** | 边框颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |0F|
**Radius** | 圆角 | int |6|
||||
**Round** | 圆角样式 | bool |false|
**Size** | 自定义大小 | Size`?` ||
||||
**Image** | 图片 | Image`?` | `null` |
**ImageSvg** | 图片SVG | string`?` | `null` |
**FillSvg** | SVG填充颜色 | Color`?` ||
**ImageFit** | 图片布局 | [TFit](Enum.md#tfit) | Fill |
||||
**Tooltip** 🔴 | 文本提示 | string`?` ||
#### CellButton
> 按钮,继承于 [CellLink](#celllink)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BackHover** | 悬停背景颜色 | Color`?` ||
**BackActive** | 激活背景颜色 | Color`?` ||
||||
**DefaultBack** 🔴 | Default模式背景颜色 | Color`?` ||
**DefaultBorderColor** 🔴 | Default模式边框颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**BorderWidth** | 边框宽度 | float |0F|
||||
**IconRatio** 🔴 | 图标比例 | float | 0.7F |
**Image** 🔴 | 图像 | Image`?` | `null` |
**ImageSvg** 🔴 | 图像SVG | string`?` | `null` |
**ImageHover** 🔴 | 悬停图像 | Image`?` | `null` |
**ImageHoverSvg** 🔴 | 悬停图像SVG | string`?` | `null` |
**ImageHoverAnimation** 🔴 | 悬停图像动画时长 | int | 200 |
||||
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
**Ghost** | 幽灵属性 `使按钮背景透明` | bool |false |
**ShowArrow** | 显示箭头 | bool |false |
**IsLink** | 箭头链接样式 | bool |false |
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellLink
> 按钮
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Id** | ID | string ||
**Enabled** | 启用 | bool |true|
||||
**Text** | 文本 | string`?` ||
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
||||
**Tooltip** 🔴 | 文本提示 | string`?` ||
#### CellProgress
> 进度条
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Back** | 背景颜色 | Color`?` ||
**Fill** | 进度条颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
||||
**Value** | 进度条 `0.0-1.0` | float |0F|
#### CellDivider 🔴
> 分割线
----
### CellStyleInfo
> 自定义行样式
@@ -289,7 +126,7 @@ private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? re
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**BackColor** | 背景颜色 | Color`?` ||
**ForeColor** 🔴 | 文字颜色 | Color`?` ||
**ForeColor** | 文字颜色 | Color`?` ||
----
@@ -300,9 +137,9 @@ private AntdUI.Table.CellStyleInfo? Table1_SetRowStyle(object sender, object? re
> 答:使用类继承 `NotifyProperty` OR `INotifyPropertyChanged`,并在`set`时触发 OnPropertyChanged(string `字段名称`)
> **问**:为何插入、删除表格没有触发界面刷新❓
> 答:使用 `BindingList` 或 `AntList` 作为List**并在设置数据时**使用`Binding(AntList<T> list)`来绑定实现监控
> 答:使用 `BindingList` 作为List**并在设置数据时**使用`Binding(BindingList<T> list)`来绑定实现监控
``` csharp
var list = new AntdUI.AntList<我的类>(10);
var list = new BindingList<我的类>(10);
for (int i = 0; i < 10; i++) list.Add(new 我的类(i));
table.Binding(list);
```

View File

@@ -0,0 +1,134 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
[返回 Table](Table.md)
## ICell
> 丰富的单元格
#### CellText
> 文字
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**Font** | 字体 | Font`?` ||
||||
**IconRatio** | 图标比例 | float | 0.7F |
**Prefix** | 前缀 | Image`?` ||
**PrefixSvg** | 前缀SVG | string`?` ||
**Suffix** | 后缀 | Image`?` ||
**SuffixSvg** | 后缀SVG | string`?` ||
||||
**Text** | 文本 | string`?` ||
#### CellBadge
> 徽标
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Fill** | 颜色 | Color`?` ||
||||
**State** | 状态 | [TState](Enum.md#tstate) | Default |
**Text** | 文本 | string`?` |
#### CellTag
> 标签
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |1F|
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellImage
> 图片
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**BorderColor** | 边框颜色 | Color`?` ||
**BorderWidth** | 边框宽度 | float |0F|
**Radius** | 圆角 | int |6|
||||
**Round** | 圆角样式 | bool |false|
**Size** | 自定义大小 | Size`?` ||
||||
**Image** | 图片 | Image`?` | `null` |
**ImageSvg** | 图片SVG | string`?` | `null` |
**FillSvg** | SVG填充颜色 | Color`?` ||
**ImageFit** | 图片布局 | [TFit](Enum.md#tfit) | Fill |
||||
**Tooltip** | 文本提示 | string`?` ||
#### CellButton
> 按钮,继承于 [CellLink](#celllink)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Fore** | 字体颜色 | Color`?` ||
**Back** | 背景颜色 | Color`?` ||
**BackHover** | 悬停背景颜色 | Color`?` ||
**BackActive** | 激活背景颜色 | Color`?` ||
||||
**DefaultBack** | Default模式背景颜色 | Color`?` ||
**DefaultBorderColor** | Default模式边框颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**BorderWidth** | 边框宽度 | float |0F|
||||
**IconRatio** | 图标比例 | float | 0.7F |
**Image** | 图像 | Image`?` | `null` |
**ImageSvg** | 图像SVG | string`?` | `null` |
**ImageHover** | 悬停图像 | Image`?` | `null` |
**ImageHoverSvg** | 悬停图像SVG | string`?` | `null` |
**ImageHoverAnimation** | 悬停图像动画时长 | int | 200 |
||||
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
**Ghost** | 幽灵属性 `使按钮背景透明` | bool |false |
**ShowArrow** | 显示箭头 | bool |false |
**IsLink** | 箭头链接样式 | bool |false |
||||
**Type** | 类型 | [TTypeMini](Enum.md#ttypemini) | Default |
**Text** | 文本 | string`?` ||
#### CellLink
> 按钮
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Id** | ID | string ||
**Enabled** | 启用 | bool |true|
||||
**Text** | 文本 | string`?` ||
**TextAlign** | 文本位置 | ContentAlignment | MiddleCenter |
||||
**Tooltip** | 文本提示 | string`?` ||
#### CellProgress
> 进度条
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Back** | 背景颜色 | Color`?` ||
**Fill** | 进度条颜色 | Color`?` ||
||||
**Radius** | 圆角 | int |6|
**Shape** | 形状 | [TShape](Enum.md#tshape) | Default |
||||
**Value** | 进度条 `0.0-1.0` | float |0F|
#### CellDivider
> 分割线

View File

@@ -0,0 +1,73 @@
[首页](../Home.md)・[更新日志](../UpdateLog.md)・[配置](../Config.md)・[主题](../Theme.md)・[SVG](../SVG.md)
[返回 Table](Table.md)
## Column
> 多样表头
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**Title** | 显示文字 | string ||
🌏 **LocalizationTitle** | 国际化显示文字 | string`?` | `null` |
||||
**Visible** | 是否显示 | bool|true|
**Align** | 对齐方式 | ColumnAlign |ColumnAlign.Left|
**ColAlign** | 表头对齐方式 | ColumnAlign`?` | `null` |
**Width** | 列宽度 | string`?` ||
**MaxWidth** | 列最大宽度 | string`?` ||
||||
**Fixed** | 列是否固定 | bool |false|
**Ellipsis** | 超过宽度将自动省略 | bool |false|
**LineBreak** | 自动换行 | bool |false|
**ColBreak** | 表头自动换行 | bool |false|
**SortOrder** | 启用排序 | bool |false|
**SortMode** | 排序模式 | SortMode |NONE|
**Editable** | 列可编辑 | bool |true|
**DragSort** | 列可拖拽 | bool |true|
**KeyTree** | 树形列 | string`?` ||
||||
**Style** | 列样式 | CellStyleInfo`?` ||
**ColStyle** | 标题列样式 | CellStyleInfo`?` ||
**Render** | 插槽 | Func<object? `当前值`, object `行元数据`, int `行号`, object?>? | 返回格式化后数据 |
#### ColumnCheck
> 复选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
**全选** ||||
**Checked** | 选中状态 | bool | false |
**CheckState** | 选中状态 | CheckState | Unchecked |
||||
**Call** | 复选回调 | Func<bool `改变后check值`, object? `行元数据`, int `行`, int `列`, bool>`?` | 返回最终选中值 |
#### ColumnRadio
> 单选框表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**Title** | 显示文字 | string ||
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
**Call** | 复选回调 | Func<bool `改变后check值`, object? `行元数据`, int `行`, int `列`, bool>`?` | 返回最终选中值 |
#### ColumnSwitch
> 开关表头。继承于 [Column](#column)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
**Key** | 绑定名称 | string ||
**Title** | 显示文字 | string ||
**AutoCheck** | 点击时自动改变选中状态 | bool | true |
**Call** | 复选回调 | Func<bool `改变后check值`, object? `行元数据`, int `行`, int `列`, bool>`?` | 返回最终选中值 |
#### ColumnSort
> 拖拽手柄列。继承于 [Column](#column)

View File

@@ -20,17 +20,17 @@ Tabs 标签页 👚 [beta]
**FillActive** | 激活颜色 | Color`?` | `null` |
||||
**Alignment** | 位置 | TabAlignment |Top|
**Centered** 🔴 | 标签居中展示 | bool | false |
**Centered** | 标签居中展示 | bool | false |
||||
**TypExceed** 🔴 | 超出UI类型 | [TabTypExceed](Enum.md#tabtypexceed) | Button |
**ScrollBack** 🔴 | 滚动条颜色 | Color`?` | `null` |
**ScrollBackHover** 🔴 | 滚动条悬停颜色 | Color`?` | `null` |
**ScrollFore** 🔴 | 滚动条文本颜色 | Color`?` | `null` |
**ScrollForeHover** 🔴 | 滚动条悬停文本颜色 | Color`?` | `null` |
**TypExceed** | 超出UI类型 | [TabTypExceed](Enum.md#tabtypexceed) | Button |
**ScrollBack** | 滚动条颜色 | Color`?` | `null` |
**ScrollBackHover** | 滚动条悬停颜色 | Color`?` | `null` |
**ScrollFore** | 滚动条文本颜色 | Color`?` | `null` |
**ScrollForeHover** | 滚动条悬停文本颜色 | Color`?` | `null` |
||||
**Gap** | 间距 | int | 8 |
**IconRatio** | 图标比例 | float | 0.7F |
**ItemSize** 🔴 | 自定义项大小 | int? | `null` |
**ItemSize** | 自定义项大小 | int? | `null` |
||||
**Type** | 类型 | [TabType](Enum.md#tabtype) | Line |
**Style** | 样式类型 | [IStyle](#istyle) | `非空` |
@@ -45,9 +45,9 @@ Tabs 标签页 👚 [beta]
名称 | 描述 | 返回值 | 参数 |
:--|:--|:--|:--|
**SelectTab** 🔴 | 选中项 | void | string tabPageName |
**SelectTab** 🔴 | 选中项 | void | [TabPage](#tabpage) tabPage |
**SelectTab** 🔴 | 选中项 | void | int index `序号` |
**SelectTab** | 选中项 | void | string tabPageName |
**SelectTab** | 选中项 | void | [TabPage](#tabpage) tabPage |
**SelectTab** | 选中项 | void | int index `序号` |
### 事件
@@ -94,7 +94,7 @@ Tabs 标签页 👚 [beta]
#### TabPage
> 继承于 ScrollableControl
> 继承于 [ScrollableControl](https://github.com/dotnet/winforms/blob/main/src/System.Windows.Forms/System/Windows/Forms/Scrolling/ScrollableControl.cs)
名称 | 描述 | 类型 | 默认值 |
:--|:--|:--|:--|
@@ -109,4 +109,4 @@ Tabs 标签页 👚 [beta]
||||
**Text** | 显示文本 | string ||
**Visible** | 是否显示 | bool | true |
**ReadOnly** 🔴 | 只读 | bool | false |
**ReadOnly** | 只读 | bool | false |

Some files were not shown because too many files have changed in this diff Show More