MASA Blazor 1.0.0 正式版发布

感谢MASA社区及贡献者一直以来的大力支持！MASA Blazor 1.0.0正式版发布啦！

🚀 新特性

新增的组件

• BaiduMap：一个基于 BaiduMap Javascript API GL 的地图组件，感谢 @msnoshain！

• DefaultsProvider: 允许您为应用程序的组件提供特定的默认属性值。

• Descriptions: 用于展示多个字段。

• EnqueuedSnackbars: 可堆栈的消息条。

• GridStack：基于 gridstack.js 的仪表板布局创建组件。

• MarkdownIt：一个基于 markdown-it 的 Markdown 解析器。

• MonacoEditor：一个基于MonacoEditor封装的编辑器，感谢 @239573049。

• SyntaxHighlight：使用 prism 或 highlight.js 中的主题来高亮源代码。

改进和增强

组件

• Alert：支持 Title 参数。

• DataTable

  • 斑马纹支持暗主题 (#880)，关闭 #269。

  • Events 和 EventColor 支持 (#887)，关闭 #82。

  • 支持行的点击，双击和右键事件 (#1237), 关闭 #1236。

  • 支持类型为Func<TItem, string>的ItemClass参数 (#1250), 关闭 #1245.

• DatePicker：本地化增强 (#1129)。

• Drawer: 兼容移动端 (#1384)。

• ECharts

  • 改进主题更新方式 (#869)，关闭 #246。

  • 支持处理鼠标事件。

  • 配置支持多个函数或lambda表达式。

• ErrorHandler：增加 DisablePopupIfErrorContentRender 参数 (#1411)。

• Menu：Attach 支持。

• Modal: 当确认后发生异常应重置加载状态 (#1399)，感谢 @1521967161。

• Overlay: 当遮罩显示时隐藏滚动条 (#1339)， 关闭 #1213。

• Pagination: 在特定情况下选择项无法显示 (#1393)，关闭 #1280。

• Routable: 给支持路由的组件增加 MatchPattern 参数 (#1409)。

• ProgressCircular：BackgroundColor 支持 (#804)，关闭 #801。

• Select: 增加 Eager 参数强制渲染内容的dom (#1364)。

• Slider：支持其他数字类型，包括 double (#1050)。

• Stepper: 支持懒加载和 Eager 特性 (#1362)，关闭 #1359。

基础设施和服务

• Breakpoint 新增 MobileChanged 事件 (#1415)。

• I18n：国际化组件，轻松使用本地化。

• PopupService

  • 支持显示和隐藏 PrgoressCircular 和 ProgressLinear 组件 (#1334)。

  • Prompt: 将内置的输入框组件从 MTextarea 改为 MTextField (#1331)，并且支持弹出后自动聚焦到输入框 (#1343)。

• RTL: 完全支持RTL (#1377)。

• Theme：支持动态切换浅色和深色主题，关闭 #929，感谢 @LittleFish-233。

💥 破坏性更新

• Button: 重命名 StopPropagation 为 OnClickStopPropagatoin。

• DataTable：DataTable header 的 Align 类型变为枚举 (#802)，关闭 #712。

• Checkbox/Switch：TrueValue 和 FalseValue 支持，关闭 #710。

• Confirm：PConfirm 现在已被移除，请改用 PopupService.Confirm。

• i18n：删除了在本地化json文件中通过 $DefaultCulture 设置默认语言的方式，改为在 services.AddMasaBlazor 的 Locale 选项中设置 (#1229)。

• InfiniteScroll: 现在不需要通过额外的 HasMore 参数来设置加载的状态，而是通过 OnLoad 事件参数的 Status 来控制，一步到位。另外，组件在第一次呈现时会自动触发 OnLoad 事件。

• PageTabs: 重构并将它移动到了预置组件类别中。

• PopupService：移除了 AlertAsync 和 ToastAsync，请使用 EnquueuSnackbarAsync 代替。

• Routable：Linkage 重命名为 Routable，受影响的组件有 MBreadcrumbs 和 MList。

• Tab：Tab的内容不再默认大写了 (#1222)。

• Toasts：移除了 PToasts 组件，请使用 PEnqueuedSnackbars 组件代替。

• Sidebar: 移除了该组件。

详情请查看升级指南（https://docs.masastack.com/blazor/getting-started/upgrade-guide）。

🔬 重构

• click、mouseenter、mouseleave、focus、blur等激活器事件的注册和执行逻辑已移至js。影响的范围包括 Tooltip、Menu、Hover、Dialog、BottomSheet、Drawer、Modal、PopupService 等组件。

• outside-click 的实现移到了 OutsideClickJSModule，影响的范围包括 Dialog、BottomSheet、Drawer、Modal、PopupService、AutoComplete、Select等组件。

🔧 问题修复

• App：在预渲染时调用js时抛出异常，关闭 #846。

• Button：Elevation 不工作 (#828)。

• Autocomplete: 菜单内容在某些情况下会遮挡输入框 (#1135), 关闭 #1130.

• BottomNavigation：App 开启时崩溃 (#799)，关闭 #774。

• BottomNavigation: InputValue 应该更新应用程序的Bottom值 (#997), 关闭 #996.

• DatePicker: 当设置值为 MinValue时会抛出异常 (#1352)，关闭 #1348。

• DataTable

  • 首次加载时 FixedRight 的样式不正确 (#1304)，关闭 #1299。

  • HeaderColContent 在移动端不起作用 (#1306)。

  • 分组时组的文本和列名不正确 (#1311)。

• ExpansionPanels：包装ExpansionPanel的组件不能被触发，关闭 #843。

• FileInput：HideInput 不起作用。

• FileInput：IBrowserFile 没有支持从string转换的关联TypeConverter (#1109), 关闭 #1092.

• Image：无法识别带括号的Src (#1115), 关闭 #1114。

• Markdown: 自定义Upload选项不起作用 (#1217), 关闭 #1214.

• PopupService：确认提示中按钮位置兼容问题(#879)，关闭 #874，感谢 @Yu-Core！

• ProgressCircular: 十六进制颜色不起作用, 关闭 #910.

• Radio：OnIcon 和 OffIcon 不起作用 (#1263), 关闭 #1262。

• Rating: 增强性能 (#1333)，关闭 #1253。

• Select：第一次打开时自动滚动到活动项目 (#1256), 关闭 #1249。

• Slider：调用 touchmove 事件时卡住，关闭 #1041.

• Stepper：错误标签有阴影 (#871)，关闭 #265。

• Treeview：AppendContent 应该公开为参数(masastack/BlazorComponent#265)，这要感谢 @tzm1119。

• Treeview: 修复 ActiveClass 与 Color 冲突的问题 (#956), 关闭 #954.

📖 其他

• 我们更新了文档和UI，感谢各位贡献者朋友的帮助。

  • 增加了 常见问题 文档。

  • 增加了 双向性 文档。

  • 支持暗主题。

  • 完善了对锚点的支持。

• 添加了 MASA Try 站点，在线调试组件，感谢 @239573049！

下一步期待的内容

• 移动端组件扩充、增强，高度适配MAUI及各大手机厂商硬件

• 针对低配移动设备的性能优化，极速版

• 高阶复杂数据列表组件

• ...
  

Ps. 还没Star的小伙伴帮忙点一下Github Star！加“MASA技术团队”微信（文末有二维码）可进社区群进行学习交流！

点击“阅读原文”可获取最全更新内容：

https://github.com/masastack/MASA.Blazor/releases/tag/1.0.0

---

• MASA Blazor文档地址，快速安装体验：https://docs.masastack.com/blazor/getting-started/installation

• MASA Blazor 视频地址：https://www.bilibili.com/video/BV16v4y1j7eQ/

• MASA Blazor Github地址，欢迎Star：https://github.com/masastack/MASA.Blazor

• MASA Blazor 服务年包（增值服务收费）：https://docs.masastack.com/annual-service

如果你对我们的开源项目感兴趣，无论是代码贡献、使用、提 Issue，欢迎联系我们