首页 > 其他分享 >界面组件Kendo UI for React 2024 Q2亮点 - 生成式AI集成、设计系统增强

界面组件Kendo UI for React 2024 Q2亮点 - 生成式AI集成、设计系统增强

时间:2024-07-11 11:33:40浏览次数:18  
标签:Q2 KendoReact 生成式 Kendo React AI UI 组件

随着最新的2024年第二季度发布,Kendo UI for React为应用程序开发设定了标准,包括生成式AI集成、增强的设计系统功能和可访问的数据可视化。新的2024年第二季度版本为应用程序界面提供了人工智能(AI)提示,从设计到代码的生产力增强、可访问性改进、一系列新的UI组件等。

Kendo UI致力于新的开发,来满足不断变化的需求。现在我们非常自豪地宣布,通过React框架的Kendo UI JavaScript封装来支持React Javascript框架。Kendo UI for React能够为客户提供更好的用户体验,并且能够更快地构建更好的应用程序。

Kendo UI for React 2024 Q2新版下载

接下来我们将为大家一一介绍一下2024 Q2版本中的一些新亮点~

Data Grid - 改进可访问性

在这个版本中引入了对数据网格可访问性的各种增强,包括:

  • 单元格内选择
  • 列重新排序和组/取消组的快捷方式
  • 页脚单元格可访问的屏幕阅读器
  • 新的键盘处理程序
Kendo UI for React 2024 Q2新版图集
全新组件 - KendoReact AIPrompt

通过全新的KendoReact AIPrompt组件,使用户能够利用直观的AI命令执行任务。从生成响应到编写提示和与AI输出交互,再到执行一组预定义的命令都已全覆盖。

KendoReact AIPrompt专注于为用户提供与AI服务交互的现代界面,同时通过提供流畅的定制来增强开发人员的可用性。

Kendo UI for React 2024 Q2新版图集
Data Grid - 增强选择

KendoReact Data Grid选择现在包括以下改进:

  • onSelectionChange事件中的startDateItem和endDateItem
  • 滚动和虚拟滚动选择更新
  • 重新排序拖动选择修复
  • 选择复选框的可访问性
Kendo UI for React 2024 Q2新版图集
DateRangePicker - 改进日期编辑

KendoReact DateRangePicker现在具有改进的日期编辑体验,包括多个新功能,例如:

  • 新增clear 按钮
  • 选择输入属性的新范围选项
  • allowReverse Boolean属性,允许用户在结束日期之后选择开始日期
  • 改进使用范围选择时的周选择操作
Kendo UI for React 2024 Q2新版图集
Calendar - 改进日期编辑

KendoReact Calendar组件现在增强了一个header模板和一个新的weekDaysFormat选项。

Kendo UI for React 2024 Q2新版图集
图表 - 全新的桑基图表

新的KendoReact Sankey Chart(桑基图)使您能够轻松地创建可视化变化流及其在域之间分布的图表,桑基图是各种用例的理想选择,包括网站流量、预算分解、能量流等等。

Kendo UI for React 2024 Q2新版图集
图表 - 增强图例项目配置

现在在自定义图表图例项的样式时,您有了更大的灵活性,不仅可以自定义颜色,还可以自定义指示系列的标记形状。

Kendo UI for React 2024 Q2新版图集
图表趋势线 - 新的趋势线选项

KendoReact图表现在支持多种新的趋势线类型,包括:

  • 线性趋势线
  • 指数趋势线
  • 对数趋势线
  • 功率趋势线
  • 多项式趋势线
  • 移动平均线
Kendo UI for React 2024 Q2新版图集
KendoReact与Next.js的集成

现在您可以在使用KendoReact的富组件库时充分利用Next.js,Next.js由 Vercel开发,通过在终端——npx create-next-app@latest中使用一行为您提供生产就绪的环境,使开发过程更容易。KendoReact UI组件与Next.js完全兼容,它们都经过测试和调整,可以有效地与服务器端渲染和Next.js框架一起运行。

Kendo UI for React 2024 Q2新版图集

标签:Q2,KendoReact,生成式,Kendo,React,AI,UI,组件
From: https://www.cnblogs.com/AABBbaby/p/18295735

相关文章

  • react hooks实现对元素拖拽及鼠标滚轮缩放
    page.jsximport'./index.less';import{useDrag,useZoom}from'./hooks';constDragZoom=()=>{const{handleMouseDown,handleMouseMove,handleMouseUp}=useDrag();const{handleWheel,scale}=useZoom();re......
  • [email protected](53)[email protected](2)- action
    目录1,特点1.1,payload1.2,type1.3,bindActionCreators1,特点是一个平面对象(plain-object)。换句话说,就是通过字面量创建的对象,它的__proto__指向Object.prototype。该对象有2个属性:constaction={ type:'add', payload:3}1.1,payload表示额外需要传递的附......
  • 使用Java9 Flow API进行Reactive Programming
    importjava.util.concurrent.Flow;importjava.util.concurrent.Flow.Publisher;importjava.util.concurrent.Flow.Subscriber;publicclassReactiveExample{publicstaticvoidmain(String[]args){//创建一个发布者,发布一系列的数字Publisher......
  • react或vue中页面多个echarts,只有最后一个能自适应的处理方法
    页面多个echarts时,自适应绑定方式必须是addEventListenerwindow.addEventListener("resize",()=>{myChart.resize();myChart2.resize();})myChart,myChart2是echart实例   ......
  • 【vueUse库Reactivity模块各函数简介及使用方法--上篇】
    vueUse库是一个专门为Vue打造的工具库,提供了丰富的功能,包括监听页面元素的各种行为以及调用浏览器提供的各种能力等。其中的Browser模块包含了一些实用的函数,以下是这些函数的简介和使用方法:vueUse库Sensors模块各函数简介及使用方法vueUseReactivity函数1.com......
  • 【vueUse库Reactivity模块各函数简介及使用方法--中篇】
    vueUse库是一个专门为Vue打造的工具库,提供了丰富的功能,包括监听页面元素的各种行为以及调用浏览器提供的各种能力等。其中的Browser模块包含了一些实用的函数,以下是这些函数的简介和使用方法:vueUse库Sensors模块各函数简介及使用方法vueUseReactivity函数1.rea......
  • 组合API-reactive函数
      <template><divclass="container"><div>{{obj.name}}</div><div>{{obj.age}}</div><button@click="updateName">修改数据</button></div></template><script......
  • 【React】React18 Hooks 之 useContext
    目录useContext1、Provider和useContext2、Provider和Consumer3、Provider嵌套4、React.createContext提供的Provider和class的contextType属性5、读、写Context(1)父组件修改Context(2)子组件修改Context好书推荐useContext官方地址使用Context深度传递数据通......
  • 使用react物料
    1.win安装node.js2.安装axios报错,进入到C:\ProgramFiles\nodejs\node_modules\npm目录 成功!安装json-servernpminstalljson-server-g   原文:https://ice.work/docs/guide/about  ......
  • [email protected](52)[email protected](1)- 核心概念
    目录1,MVC2,前端MVC的困难3,Flux4,Redux1,MVC是一个解决方案,用于降低UI和数据关联的复杂度。在早期前后端未做分离时,服务端会响应一个完整的HTML,包含页面需要的所有数据。而浏览器仅承担渲染页面的作用,整体流程也就是服务端渲染。其中服务端的处理流程:处理请求,并将......