概述

剑道UI R1 2022引入了几个组件的新渲染。由于新的渲染实现是一个持续的工作，在发布后可能会有轻微的变化和润色。

新的渲染将覆盖剑道UI web组件的整个列表。

从R1 2022之前的版本升级时，像这样更大的视觉更新可能会以视觉回归的形式产生影响。

车队已经发现并解决了许多视觉回归问题，同时为R1 2022做好了准备。但是，可能会出现一些额外的发布后问题。团队将尽快解决所有问题，并将在R1 2022发布后继续推出针对主题和组件的修复更新。

• 这些变化背后的原因是什么?
• 样式选择
• 覆盖默认小部件选项
• 国家类
• 更新组件列表
• 从较少主题迁移

这些变化背后的原因是什么?

新的呈现为开发人员提供了更改组件的特定样式选项的能力。这有助于避免手动重写组件的CSS样式。

这些变化背后的主要原因之一是客户提供的反馈。许多剑道用户界面的用户表示，目前的主题是很难定制的，比他们应该花更多的精力。

过去几年设计语言的出现也是一个重要因素。我们的许多客户更喜欢自定义默认主题，以更好地适应他们的业务需求，而不是直接使用它们。

最终，新的渲染旨在简化组件的定制，并允许开发人员以更少的工作实现任何设计需求。

样式选择

底层的样式选项表示在呈现中应用的一组CSS类，用于更改组件的外观。每个不同的组件可能支持，也可能不支持特定的选项。例如a文本区域元素可以具有一个可配置的溢出的上下文中，但是这个选项没有意义按钮元素。

检查外观中的文档文章更新组件节以了解每个组件的可用样式选项。

覆盖默认小部件选项

新的呈现实现还允许您全局更改小部件的默认样式选项。

下面的示例演示如何覆盖Button小部件的默认大小。方法之后的项目根目录中，如果将代码放在kendo.all.min.js脚本，所有剑道UI按钮小部件将有一个大默认大小。如果代码放在特定页面的开头，该页面上的所有Kendo UI Button小部件将有一个大默认大小。

< >脚本kendo.ui .fn“按钮”。Options ['size'] = " size ";> < /脚本

重写机制遵循kendo.ui WidgetName .fn。options[OptionName] = [value];结构。

下面的例子展示了重写的完整实现:

< >脚本kendo.ui .fn“按钮”。Options ['size'] = " size ";kendo.ui .fn“按钮”。Options ['round '] = "full";  button1   button2   button3   button4  

国家类

除了新的样式选项外，状态类也被改变了。的k-state-default类已经从整个剑道套件中完全删除，除了PivotGrid，其中逻辑依赖于它。

下表展示了剑道状态类的旧版本和更新版本:

更新组件

减少主题迁移

较少主题将弃用剑道UI R1 2023。

有关迁移到Sass主题所需步骤的其他信息，请访问更少的迁移帮助文章。