包阅导读总结
1. 关键词：SharePoint Framework、Viva Connections、Adaptive Card Extensions、Data Visualization、Quick Views
2. 总结：Microsoft 近期发布 SharePoint Framework 1.20 预览版，为 Viva Connections 组件带来多项更新，包括新增数据可视化选项和 Quick Views 呈现方式的改进，预计 2024 年 9 月正式发布。
3. 主要内容：
– SharePoint Framework 1.20 发布预览版，距 1.19 版已四月，正式版预计 2024 年 9 月推出。
– 1.20 版包含针对 Microsoft Viva Connections 组件的两项功能更新。
– Viva Connections 组件以自适应卡扩展（ACEs）形式交付。
– 新增了柱状图、饼图和圆环图三种数据可视化选项。
– 对 Viva Connection Cards 的 Quick Views 有较大改变。
– 此前开发者只能用自适应卡模板，1.20 版向开发者暴露了渲染方法，可使用原始 HTML 或 React 等框架渲染。
– 版本 1.20 的完整发布说明在 GitHub 页面，安装此预览版需特定操作，SPFx 是用于构建 Microsoft 365 扩展性选项的工具集。
思维导图：
文章来源：infoq.com
作者：Edin Kapi??
发布时间：2024/8/26 0:00
语言：英文
总字数：529字
预计阅读时间：3分钟
评分：87分
标签：SharePoint Framework,Microsoft Viva Connections,数据可视化,快速视图,UI 组件
以下为原文内容
本内容来源于用户推荐转载，旨在分享知识与观点，如有侵权请联系删除 联系邮箱 media@ilingban.com
Microsoft recently released a preview version 1.20 of SharePoint Framework with several updates for Viva Connections cards, four months after the last minor version 1.19. The public release is expected for September 2024.
Version 1.20 of SPFx contains two feature updates for Microsoft Viva Connections components. The Viva Connections components in SPFx are delivered in the form of Adaptive Card Extensions (ACEs), UI components that leverage adaptive cards’ visual language. While adaptive cards are broader in scope and present in several Microsoft products such as Outlook, Teams or SharePoint, the adaptive card extensions are a component of Viva Connections.
When support for ACEs was introduced in SharePoint Framework 1.13, the adaptive card extension visualisation in the UI, called card view in SPFx, was restricted to a choice of one of the fixed templates. Version 1.18 of SPFx brought the BaseComponentsCardView, where developers could provide custom card components such as header, image, body, or footer. In version 1.19, Microsoft introduced a data visualization ACE, a specific adaptive card extension type where developers could supply the data series and visualization properties to render a line chart.
Version 1.20 adds three new data visualization options: a bar chart, a pie chart, and a doughnut chart. They follow the same code structure as the previous version.
/filters:no_upscale()/news/2024/08/spfx-1-20-viva-connections/en/resources/1chart-cards-options-1724358977540.png)
A bigger change is introduced for the Quick Views of the Viva Connection Cards. A Quick View is displayed when interacting with a card by clicking or tapping a button, for example. It opens a larger dialog frame with the quick view component of the card rendered inside.
Until version 1.20, developers could only use an adaptive card template to render a Quick View, leveraging the JSON template and data payload and letting SPFx render the adaptive card as the output, as illustrated by this sample from Microsoft. However, version 1.20 exposes a render method to the developers, similar to SPFx webparts. Consequently, developers can now use raw HTML or any UI framework, such as React, to render the Quick View. This feature will enable more complex layouts of Quick Views for Viva Connections cards, free from the limitations of the adaptive card language format. While there is no documentation update to reflect the changes for the moment, Microsoft released an updated sample of how to use this new feature.
/filters:no_upscale()/news/2024/08/spfx-1-20-viva-connections/en/resources/1html-quick-views-1724358977540.png)
The full release notes of the changes in the version 1.20 are available on the GitHub release page. As this version is a preview, developers must use the @next version tag to install the SPFx 1.20 to their development machines.
npm install @microsoft/generator-sharepoint@next --globalTo upgrade from SPFx 1.19 to 1.20 preview version, the 1.19 packages from package.json file have to be uninstalled and the 1.20.0-beta.0 packages installed instead. Alternatively, a CLI tool can be used to upgrade the solutions to the latest SPFx version.
SharePoint Framework (or SPFx) is the set of tools and libraries for building extensibility options in Microsoft 365. With SharePoint Framework developers can create solutions for Microsoft SharePoint, Microsoft Teams and Microsoft Viva products. The SPFx uses industry-standard tooling such as Yeoman, TypeScript, Lint, WebPack and other client-side libraries. The issues list is hosted on GitHub and currently has 880 open issues.
