layui-vue 2.0.0 发布，一个 Vue 3 UI 框架

从 1.0.0 发布，layui-vue 迎来了重多的用户关注，同时也意味着大量 issues 涌入，以至于 1.x 版本从始至终处于小跑阶段。

随着 690 个 issues 的完成与 152 个 Release 版本的发布。于是 2.0.0 秉承着稳定的特性孕育而出，值得注意得这是一次 "兼容性" 的版本升级。

该文章将帮助你从 1.x 升级到 2.0.0 版本。

新主题：

新组件：

我们加入了 RadioButton 单选按钮，Popconfirm 确认提示 Checkcard 多选卡片 Select-Group 下拉分组 等基础组件。

form select tree-select table layer 等已有组件，迎来大幅度改善，包括 问题修复，属性新增 样式优化。

更多详情：

[新增] field 组件 title 插槽，支持标题自定义。
[新增] radio-button 组件 name 属性，input 原生 name 属性。
[新增] radio-button 组件 model-value 属性，用于设置当前选中值。
[新增] radio-button 组件 disabled 属性，用于设置单选按钮禁用状态。
[新增] radio-button 组件 label 属性与 label 插槽，用于设置单选按钮文本值。
[新增] radio-button 组件 value 属性，用于设置单选按钮绑定值。
[新增] radio-button 组件 size 属性，用于设置单选按钮尺寸。
[新增] radio-button 组件 change 属性，值改变时触发。
[新增] checkcard 组件，通过卡片的形式提供多选操作。
[新增] checkcard 组件 title 属性与插槽，用于设置标题。
[新增] checkcard 组件 description 属性与插槽，用于设置描述。
[新增] checkcard 组件 avatar 属性与插槽，用于设置头像。
[新增] checkcard 组件 defaultChecked 属性，用于设置默认选中。
[新增] checkcard 组件 disabled 属性，用于设置禁用。
[新增] checkcard 组件 extra 属性与插槽，用于设置扩展内容。
[新增] checkcard 组件 cover 属性与插槽，用于启用图片选项。
[新增] checkcard-group 组件，多选卡片组，用于配合 checkcard 使用。
[新增] checkcard-group 组件 disabled 属性，开启整体禁用。
[新增] checkcard-group 组件 modelValue 属性，用于设置默认选项。
[新增] checkcard-group 组件 change 事件，用于监听选项变化。
[新增] form 组件 label-position 属性，设置包括的 form-item 组件 label 位置。
[新增] tree-select 组件 search 属性，启用下拉树节点搜索功能。
[新增] tree-select 组件 contentStyle 属性，用于设置面板的 style 样式。
[新增] tree-select 组件 contentClass 属性，用于设置面板的 class 属性。
[新增] table 组件 getCheckData 方法，用于获取选中数据，而不仅仅是选中主键。
[新增] select-option-group 组件，为 select-option 提供分组。
[新增] select-option-group 组件 label 属性，用于设置 option 分组名称。
[新增] popconfirm 组件 disabled 属性，用于设置禁用状态。
[新增] popconfirm 组件 confirmText 属性，用于设置确认操作文本内容。
[新增] popconfirm 组件 cancelText 属性，用于设置取消操作文本内容。
[新增] popconfirm 组件 content 属性 / 插槽，用于定义提示内容。
[新增] popconfirm 组件 btn-Align 属性，用于设置操作按钮对齐方式。
[新增] popconfirm 组件 confirm 事件，用于实现确认回调逻辑。
[新增] popconfirm 组件 cancel 事件，用于实现取消回调逻辑。
[新增] popconfirm 组件 trigger 属性， 用于设置触发方式。
[新增] popconfirm 组件 position 事件，用于设置面板的显示位置。
[新增] layer 组件 success 回调函数 id 参数。
[新增] layer 组件 end 回调函数 id 属性。
[新增] layer 组件 close 回调函数 id 属性。
[新增] layer 组件 moveStart 回调函数 id 属性。
[新增] layer 组件 moveEnd 回调函数 id 属性。
[修复] layer 组件 closeBtn 属性为 1 时，关闭按钮无法正常显示的问题。
[修复] layer 组件 maxmin 属性开启时，最小化内容溢出的问题。
[修复] date-picker 组件，面板边角不跟随主题变量的问题。
[修复] date-picker 组件 model-value 属性不能为 null 的问题。
[修复] date-picker 组件 model-value 属性不能在 onMounted 中赋值的问题。
[优化] date-picker 组件 content 滚动条 Css 样式。
[修复] select 组件 多选模式，value 在 option 中不存在时，回显 undefined 的问题。
[修复] select 组件 多选模式，value 在 option 中不存在时，tag 无法删除的问题。
[优化] select 组件 dropdown 下拉面板 scroll 样式。
[修复] table 组件 sort 字段点击排序时，其他已排序字段状态不重置的问题。
[修复] table 组件 sort 字段点击排序时，sort-change 事件始终为 asc 与 desc 的问题。
[修复] table 组件 height 属性的异常警告，兼容 string 类型。
[修复] table 组件 筛选列 下拉面板横向布局的问题，修正为竖向布局。
[优化] table 组件 body 滚动条样式，使其更贴合现今流行的审美。
[优化] table 组件 筛选列 下拉面板最大高度，超出后滚动展示。
[优化] table 组件 loading 图标不随 table 高度垂直居中的问题。
[调整] table 组件 loading 图标尺寸与颜色。
[修复] tree-select 组件 多选模式，value 在 option 中不存在时，回显 undefined 的问题。
[修复] tree-select 组件 多选模式，value 在 option 中不存在时，tag 无法删除的问题。
[优化] tree-select 组件 multiple 属性为 true 时，值类型错误的异常提示信息。
[优化] tree-select 组件 content 样式，增加最大高度，超出后滚动展示。
[修复] form 组件 pane 属性启用时，label 属性缺省时仍显示占位元素的问题。
[修复] form 组件 pane 属性启用时，form-item 边框角度不跟随 global-border-radius 变量的问题。
[修复] form-item 组件 mode 属性为 inline 时，表单项仍以 block 的形式排布。
[修复] form-item 组件 required 图标颜色不跟随 global-danger-color 变量的问题。
[修复] form-item 组件中的 rate 与 switch 组件不居中的问题。
[调整] form-item 组件 required 图标和标题间距，增加适当间距。
[调整] form-item 组件 mode 属性为 inline 时，宽度由 190px 调整为 220px。
[修复] tree 组件 showCheckbox 属性启用时，title 与 checkbox 的异常间隔。
[修复] icon-picker 组件，选项边角不跟随主题变量的问题。
[修复] tooltip 组件，面板边角不跟随主题变量的问题。
[修复] collapse 组件，面版边角不跟随主题变量的问题。
[修复] slider 组件，横向模式与竖向模式下，进度条背景颜色不一致的问题。
[调整] tooltip 组件 is-dark 属性默认值由 true 调整为 false。
[主题] global-primary-color 变量默认值由 #009688 调整为 #16baaa。
[主题] global-checked-color 变量默认值由 #5FB878 调整为 #16b777。
[文档] radio-button 说明从 radio 文档剥离，独立为单独的菜单项。
[文档] collapse 折叠面板文档更新，补充案例说明。
[文档] form 表单文档更新，补充案例说明。
[升级] layer-vue 到 1.8.6 版本。

查看更多，可前往：http://www.layui-vue.com