我们非常自豪地宣布，面向.NET和Visual Studio开发人员的获奖软件开发平台DevExpress Universal v23.2发布啦。v23.2拥有众多新产品和数十种极具影响力的功能，可以让您无限制、无折衷地构建自己的最佳产品。无论是桌面、网络还是移动世界，DevExpress Universal 都能让您提供直观的解决方案，全面应对各种使用场景。
探索我们的最新功能（v23.2）（本文解析内容标记：******）
常规功能
支持 .NET 8
非 Windows 开发
用户界面本地化
支持 NuGet v3
剪贴板访问策略
Windows 桌面控件
WinForms
WPF
VCL
WEB 控件
Angular、React、Vue、jQuery ******
Blazor
ASP.NET Core
企业和服务器工具
报告
商业智能仪表板
办公文件 API
移动组件
.net maui（免费）
框架与生产力
XAF - 跨平台 .NET 应用程序用户界面
.NET 应用程序安全与 Web API（免费）
CodeRush (免费)
------------------------------------------------------------------------------------------------------------------
DevExtreme JavaScript 组件 v23.2
外观
日程安排
日历
标签与标签面板
表单与编辑器
可访问性
性能
演示与 TypeScript
外观和感觉
全新 Fluent 主题
DevExtreme v23.2 预装了全新的 Microsoft Fluent 网页主题。
该主题具有以下功能：
支持对比色的无障碍组件。
两种配色方案： 经典和 SaaS。
两种尺寸模式： 标准和紧凑
新图标包。
主题生成器增强功能
我们对 DevExtreme 主题生成器工具进行了大量改进。增强功能包括：
整合了新的 Fluent 主题。
扩展了高级主题生成器设置，以纳入 Button 和 ButtonGroup 的所有可能状态。
为编辑器添加了一组新变量。
材质主题增强功能
此版本包括对 Material 主题的以下更改：
为了解决与可访问性相关的问题，按钮组件的禁用状态现在包括对比度更高的颜色组合。
我们更新了 ButtonGroup 组件的外观，以确保与 Google 的 Material Design 指南保持一致。
不同的文本编辑器（类型）框现在高度相同。由于采用了对比度更高的颜色组合，标签和占位符元素的内容也可以访问了。
DevExtreme Accordion 组件中引入了多项更改。旋转图标使用了对比度更高的颜色组合。该组件的整体风格与谷歌材料设计指南中的风格更加一致。
为避免帮助文本与附近的项目重叠，验证信息现在使用了对比度更高的背景。
我们更改了两个图标，以使整体图标集保持一致。
我们更改了滑块的工具提示，使其更符合 Material 指南。
列表组件也更符合 Material 准则（无强调色）。
我们对表单进行了改进，以避免组间垂直项目错位。
我们的 PivotFieldChooser 包含完整的 DevExtreme 字体图标（在以前的版本中，图标基于 SVG）。
日程安排
支持工作轮班
在 v23.2，DevExtreme 计划表引入了偏移显示选项，允许您配置企业工作日偏移，并适应工作班次变化、时区和其他相关使用场景。
日历
离散日的多重选择
新的日历选择模式（Calendar selectionMode）选项提供三种模式：单选、多选或范围选择。
单个（single） - 选择单个日期。
多个（multiple） - 选择多个日期。
范围（range）- 选择范围内的第一个和最后一个日期。
您可以将单个日期或日期数组设置为初始值。您还可以使用 selectWeekOnClick 选项，通过点击相关的星期数字来选择整个星期。
标签和标签面板
垂直标签方向
我们为标签添加了一个新的方向选项，允许您水平或垂直排列标签。
自定义标签位置
对于 TabPanel，我们新的 tabsPosition 选项允许您将标签定位在面板的右侧、左侧、顶部或底部。
自定义图标位置
Tabs 和 TabPanel 现在都包含图标位置选项，允许您定义图标在 Tabs 中的显示位置（开始、结束、顶部或底部位置）。
辅助样式模式
现在可以为活动选项卡指定样式模式。以下是可用的样式模式：
主要 - 下划线的宽度是固定的。
次要 - 下划线的宽度取决于选项卡内容。
表格与编辑器
更改检测（Dirty 状态）
v23.2 包含以下更改：
为统一起见，将重置方法更名为清除，并为编辑器引入了新的重置方法，以保持重置功能。
弃用了表单的 resetValues 方法，代之以 clear，并为整个表单引入了新的重置方法。
为编辑器和表单都添加了 isDirty 标志。
支持日期范围框
现在您可以使用 editorType： dxDateRangeBox' 将我们的 DateRangeBox 组件添加到表单中。
"外部 "标签模式
v23.2 版为编辑器新增了 "外部 "标签模式。
下拉按钮 - 新增 "类型 "选项
DevExtreme DropDownButton 包含一个类型选项，就像其对应的 Button 一样。
可访问性
本发布周期引入了以下与可访问性相关的增强功能（WCAG 和 Section 508 标准）：
数据网格：
- 改进了颜色对比度。
- 修复了所有检查器错误（Axe、WAVE、Lighthouse）。
- 自适应行现在可以使用键盘导航进行展开/折叠。
- 我们增加了关注总摘要和组页脚摘要的功能。
我们增强了屏幕阅读器用户的阅读体验。现在支持以下元素：
- 在 DataGrid 批量编辑模式下修改单元格和删除行。
- DataGrid 中的删除确认信息。
- DataGrid 中的排序标题索引。
- 查找中的项目
- HtmlEditor 中的对话框标题。
- 各种组件（如 DataGrid、HtmlEditor、DropDownBox、NumberBox 和 DateBox）中的验证信息。
对 aria-* 属性进行了全面修改。
改进了多个组件的键盘导航支持，包括增强了日历组件的焦点功能。
我们更新了弹出窗口和其他组件中的可视焦点指示。
性能
支持 Vite 树摇动
我们解决了 Vite 支持限制问题，该问题曾导致较大的 JS 捆绑程序大小。您不再需要在基于 DevExtreme 的 JS 应用程序中禁用 Vite 的树形晃动功能。
减少 CSS 大小
DevExtreme 软件包包含所有通用和材质主题。我们减少了主题集的大小，具体如下：
通用主题减少 30%
材料主题减少 37%
总体减少 34%
演示与 TypeScript
React 演示 - TypeScript 和 React 挂钩
我们将 React 演示示例迁移到了 TypeScript，为您提供两种选择： JavaScript 和 TypeScript。此外，我们还将类组件转换为函数组件。
Vue 演示 - TypeScript 和 Vue Composition API
我们将所有 Vue 演示代码转移到了 TypeScript。我们还从 Options API 过渡到了 Composition API。
TypeScript 增强功能
Angular 组件属性现在支持字面联合类型。IntelliSense 提供提示，以识别代码中对此类类型的滥用。
DevExtreme Angular 允许您指定通用类型参数，以定义数据感知组件（如 DataGrid）的实例。
TS
import { Component, ViewChild } from '@angular/core';
import { DxDataGridComponent } from 'devextreme-angular/ui/data-grid';
import { Employee } from './data';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
@ViewChild(DxDataGridComponent) dataGrid!: DxDataGridComponent<Employee, number>;
onButtonClick() {
const selectedRows: Employee[] = this.dataGrid.instance.getSelectedRowData();
}
}
渝公网安备50010702505508