WijmoJS - V2024.0 Update1 新特性

FlexChart 和 FlexPie 功能增强

FlexChart 在此版本中优化了渲染性能和效果。包括折线和多边形的圆角处理更加平滑、平滑曲线插值得到改进，以及 更好的FlexPie 切片的工具提示。

我们添加了在 FlexChart 文本中呈现 HTML 的功能。现在，您可以在 FlexChart 中设置htmlText选项并在图表中的文本（标签、图例等）内呈现 HTML 元素。

日期和时间输入功能增强

更新所有日期和时间输入组件，以支持更好地通过键盘导航日期和时间部分。现在，您可以使用向上和向下箭头键来增加或减少日期和时间对象的每个部分。

工具提示可访问性功能增强

现在，只要鼠标停留在工具提示上，工具提示就会保持可见，按 ESC 键将关闭工具提示。

Angular 18 支持

Wijmo 已经完全支持 Angular 18。我们在 Angular 方面有着悠久的支持传统，包括对标记的支持，例如在 FlexGrid 中的单元格模板中使用。

新的 Next.js 支持

Next.js 是一个功能强大的 React 框架，它为构建现代 Web 应用程序提供了一个强大的平台。我们很高兴宣布 Next.js 应用程序正式支持 Wijmo。

Wijmo 的 React Interop 可让您在 Next.js 项目中使用 Wijmo 控件。互操作充当 Wijmo 控件的包装器，创建和管理底层控件实例，同时通过 ref 属性提供引用。此设置允许您以声明方式绑定到控件属性和事件，与您的 React 组件无缝集成。

为了在 Next.js 应用程序中成功使用 Wijmo 组件，您需要确保这些组件仅在客户端呈现，因为不支持服务器端渲染（SSR）。

新的 Nuxt.js 支持

Nuxt.js 是一个基于 Vue.js 构建的强大框架，可用于开发通用的服务器渲染 Web 应用程序。我们很高兴地宣布，Nuxt.js 应用程序正式支持 Wijmo。

适用于 Vue2 的 Wijmo 组件允许您在 Nuxt.js 项目中使用 Wijmo 控件。Wijmo Vue2 组件是 Wijmo 控件的包装器，它在后台创建 Wijmo 控件并通过 ref 属性提供对控件实例的引用，允许您以声明方式绑定到控件属性和事件。

支持React强类型

我们已将 React 互操作性改为强类型，从而改进了它。现在，React 组件将使用更多类型（以前是任意类型）来帮助防止开发期间出现错误。

注意：React TypeScript 用户可能会因这些更改而在其应用中弹出类型错误。请参阅下面的重大更改部分。

支持计划变更

• Wijmo AngularJS 支持终止公告：自 2022 年 1 月起，AngularJS 已不再受支持。因此，Wijmo 计划停止支持 AngularJS。在我们的 2024v2 版本中，我们将不再为 Wijmo 发布 AngularJS 互操作。我们鼓励您使用 Wijmo 完全支持的Angular 版本。
• Wijmo KnockoutJS 支持终止公告：KnockoutJS 自 2019 年以来一直未更新或发布。因此，Wijmo 计划停止支持 KnockoutJS。在我们的 2024v2 版本（2024 年 9 月）中，我们将不再为 Wijmo 发布 KnockoutJS 互操作。我们鼓励您使用 Wijmo 完全支持的现代框架，例如 Angular、React 或 Vue。

注意事项

• [React] 如果依赖非自关闭的 JSX 组件，使用 React 互操作的 TypeScript 项目可能会遇到与 JSX 语法相关的编译错误。React interop 现在是严格类型化的，因此根据构建设置，类型错误可能会阻止项目构建，直到所有错误都得到解决。大多数情况下，类型错误很容易修复。我们只需要为属性分配正确的类型。
• [React][TreeView][Accordion] 由于引入了包装
  元素，TabPanel 和 Accordion 组件可能会出现布局不一致或意外样式的问题。React interop 用于 Tab 和 AccordionPane 组件，以前提供的 HTML 内容直接添加到控件主体中，现在则包裹在 div 元素内。
• [FlexGrid] 在列上设置时，cssClass 和 cssClassAll 不适用于列组标题。此更改会影响 Column 的 cssClassAll 属性的功能。它将为用户提供更精细的设置和控制，以设置列组标题的样式。最后，cssClass属性仅适用于数据单元，保持与 5.20232.939 及更早版本相同的功能。