- 修复
n-button
loading 图标漂移
- 修复
n-cascader
节点箭头 loading 显示过久 - 修复
n-select
菜单不随主题变化 - 修复
n-tabs
不能没有子节点,关闭 #809 - 修复
n-menu
切换主题时在 chrome 99 内字体颜色异常,关闭 #2563,这实际上是一个 chrome 的问题,我们进行了临时的修复 - 修复
n-date-picker
仅'date'
类型的扩大日期点击触发范围
n-dynamic-tags
的input
slot 新增deactivate
属性,关闭 #2575n-space
添加RTL
支持n-avatar-group
添加RTL
支持n-badge
添加RTL
支持n-radio
添加RTL
支持n-auto-complete
新增focus
方法n-auto-complete
新增blur
方法
- 修复
base-loading
动画会被 js 堵塞,关闭 #2506 - 修复
n-time
由于无法导入getTimezoneOffset
报错的问题,关闭 #2545 - 修复
n-modal
遮罩出现没有动画 - 修复
n-timeline
在水平和非水平嵌套时的样式冲突,关闭 #2549 - 修复
n-tree
箭头和 loading 切换时动画不完整
n-time-line-item
新增line-type
属性,关闭 #2548n-step
新增icon
slot,关闭 #2547n-input-number
新增autofocus
属性,关闭 #2551n-date-picker
扩大日期点击触发范围,关闭 #2552
- 修复
n-tooltip
箭头和主体之间的间隙,n-tooltip
不再能使用半透明的颜色
n-popover
新增arrow-point-to-center
属性n-config-provider
新增inline-theme-disabled
属性
- 修复
useMessage
丢失样式
- 修复
n-time-picker
在"actions="null"
时依然显示操作栏 - 修复
n-input
在type="text"
并且autosize
被设定时文字内容可能溢出,关闭 #2505 - 修复
n-upload
将file
字段放于其他FormData
字段之前,关闭 #2504 - 修复
n-button
rtl 支持 - 修复
n-form-item-row
不能调用n-form-item
的方法
n-collapse
添加RTL
支持useMessage
新增create
方法useMessage
新增showIcon
属性,关闭 #2495useMessage
支持'default'
的type
n-checkbox
支持内容折行,关闭 #2419n-radio
支持内容折行,关闭 #2419n-checkbox
添加RTL
支持n-input
添加RTL
支持n-input-number
添加RTL
支持
- 修复
n-switch
在自定义选中值的时候无法使用键盘操作 - 修复
n-data-table
放在 popover 内使用固定列滚动内容覆盖 - 修复
n-data-table
当filterOptions
值为 0 时过滤不生效, 关闭 #2392 - 修复
n-data-table
当 selection column 为某个 column 的子 column 时无法点击全选复选框 - 修复
n-table
动态增加时border-color
的样式异常,关闭 #2403 - 修复
n-tree
的default-expand-all
对于动态数据不生效 - 修复
n-form
当model.xxx
为undefined
的时候会使用null
作为验证值,关闭 #2486 - 修复
n-input
focus 样式优先级低于 hover,关闭 #2480 - 修复
n-data-table
在使用 keep-alive 组件中使用虚拟滚动的显示问题,关闭 #2183 - 修复
notification
出现的动画
n-tree-select
新增clear-filter-after-select
属性n-cascader
新增clear-filter-after-select
属性n-switch
新增icon
插槽n-switch
新增checked-icon
插槽n-switch
新增unchecked-icon
插槽n-tabs
的 CSS 变量使用n
作为前缀- 新增
n-watermark
组件,关闭 #1745 n-scrollbar
新增scrollBy
方法,关闭 #2435n-data-table
的summary
属性的 value 值支持VNodeChild
,关闭 #2339n-input-number
可以使用长按来改变值,关闭 #1293n-description
新增titleTextColor
主题变量
- 新增 skSK locale
- 完善 frFR locale
- 移除
resolveSlot
中无用的console.log
- 修复
n-tag
在checkable=true
时缺少背景色 - 修复
n-tree
在happydom
测试环境下由于Image
对象报错 - 修复
n-select
max-tag-count
标签尺寸和n-select
size 不同
n-progress
的type
属性新增dashboard
类型n-progress
新增gap-degree
属性n-progress
新增gap-offset-degree
属性n-select
新增clear-filter-after-select
属性,关闭 #2352
- 新增 plPL locale,关闭 #2354
- 新增 eo locale
- 新增 enGB locale
- 完善 deDE locale
- 重构了
n-carousel
带箭头时的样式
- 修复
n-color-picker
色阶和不透明度调整滑块 box-shadow 被轨道 box-shadow 影响 - 修复
n-form-item
feedback DOM 内容为空依然有 padding - 修复
n-button
在 safari 下显示有多余 margin - 修复
n-form
的 rules 和n-form-item
的 rule 中的validator
与asyncValidator
函数的rule
类型不为FormItemRule
类型, 关闭 #2299 - 修复
n-log
在内容过长时不折行,关闭 #2298 - 修复
n-log
未导出LogInst
类型 - 修复
n-popselect
action slot & empty slot 不生效 - 修复
n-data-table
不能使用百分比列宽 - 修复
n-select
在可过滤,关闭菜单并且没有选中任何值的时候选框会空一下 - 修复
n-select
在动态创建选项时关闭菜单后创建中的选项未清空 - 修复
n-select
在show=false
和filterable=true
时无法输入内容,关闭 #1723 - 修复
n-dropdown
在trigger="manual"
时有额外 margin - 修复
web-types.json
中n-h1
~n-h6
的名称 - 修复
n-select
在输入法激活时按退格键会删除选项 - 修复
n-select
在特定情况下打开菜单后会将禁用的选项作为待选选项
n-tabs
的justify-content
新增类型start
center
end
n-auto-complete
新增placement
属性n-cascader
新增placement
属性n-color-picker
新增placement
属性n-date-picker
新增placement
属性n-mention
新增placement
属性n-select
新增placement
属性n-slider
新增placement
属性n-time-picker
新增placement
属性n-tree-select
新增placement
属性n-card
新增header-extra-style
属性n-popover
新增keep-alive-on-hover
属性,关闭 #2326n-input
新增status
属性- 新增
n-icon-wrapper
组件 n-popover
导出PopoverPlacement
类型n-drawer
导出DrawerPlacement
类型n-dynamic-tags
新增input-props
属性n-notification-provider
新增container-style
属性n-notification-provider
导出NotificationPlacement
类型n-notification-provider
导出NotificationType
类型n-tabs
新增bar-width
属性n-dynamic-input
新增create-button-props
属性n-dynamic-input
新增create-button-default
slotn-dynamic-input
新增create-button-icon
slotn-dynamic-input
新增show-sort-button
属性,关闭 #2121n-select
可以作为标签输入框使用n-select
导出SelectRenderLabel
类型n-select
导出SelectRenderOption
类型n-select
导出SelectRenderTag
类型n-tree
新增node-props
属性
n-popselect
设定width="trigger"
不生效
- 更新 jaJP locale
- 更新 deDE locale
n-icon
新增component
属性
- 修复
n-dynamic-input
当 max 为 0 时可以添加子项, 关闭 #2271 - 修复
n-dialog
有无用的console.log
n-input
在类型为textarea
时 placeholder 无法换行n-date-picker
面板年和月之前缺少空格
n-color-picker
新增disabled
属性n-date-picker
快速跳转面板增加触发背景区域
- 更新 vueuc 版本
- 修复
n-layout-sider
边框没有 transition
- 修复
n-layout-sider
在折叠时仍占据 1px 宽度 - 修复
n-code
在word-wrap=true
时不切分单词 - 修复
n-tab-pane
的 tab 区会继承attrs
, 关闭 #2221 - 修复
n-image
在预览时仍可滚动背景,关闭 #2241 - 修复
n-input
在被浏览器自动填充的时候仍然展示 placeholder,关闭 #2234 - 修复
n-input
在type="textarea"
时 placeholder 换行问题 - 修复
n-avatar-group
超出 max 之后显示少一人,关闭 #2244 - 修复
n-calendar
再点击今天按钮后不触发on-panel-change
- 修复
n-drawer
在设定mask-closable=false
时无法被 esc 键关闭,关闭 #2233
n-page-header
新增back
插槽,关闭 #2176n-select
新增reset-menu-on-options-change
属性,关闭 #2168n-select
新增arrow
插槽,关闭 #2201n-carousel
effect
属性支持'card'
n-input
在type="textarea"
不再使用原生滚动条,关闭 #2242,关闭 #1172n-number-animation
新增locale
属性,用于设置国际化语言,关闭 #2181n-number-animation
跟随 config provider 国际化- 导出
lightTheme
n-time-picker
新增icon
插槽,关闭 #2228n-tab-pane
新增tab-props
属性,关闭 #2221- 新增
CustomThemeCommonVars
用于拓展useThemeVars
n-slider
新增show-tooltip
属性,关闭 #2212n-select
新增on-update:show
属性n-select
新增focus
方法,关闭 #2202n-select
新增blur
方法,关闭 #2202n-date-picker
新增focus
方法,关闭 #2202n-date-picker
新增blur
方法,关闭 #2202n-time-picker
新增focus
方法,关闭 #2202n-time-picker
新增blur
方法,关闭 #2202n-checkbox
新增focus
方法,关闭 #2202n-checkbox
新增blur
方法,关闭 #2202n-cascader
新增focus
方法,关闭 #2202n-cascader
新增blur
方法,关闭 #2202n-upload
新增input-props
属性,关闭 #2204n-data-table
列增加render-sorter-icon
属性,关闭 #1785n-data-table
列增加render-sorter
属性,关闭 #1785n-date-picker
在date
、datetime
、daterange
、datetimerange
类型下可以快速导航到特定的年和月n-modal
新增close-on-esc
属性n-modal
新增auto-focus
属性n-modal
新增trap-focus
属性n-modal
新增on-esc
属性n-drawer
新增close-on-esc
属性n-drawer
新增auto-focus
属性n-drawer
新增trap-focus
属性n-drawer
新增on-esc
属性n-upload
新增clear
方法,关闭 #2247
- 新增 esAR locale
- 新增 itIT locale
- 修复安装错误
- 修复
type PageHeaderProps
命名,原先错拼为PageHeaderPorps
n-image
主题变量的iconColor
重命名为toolbarIconColor
- 修复
n-carousel
只有一张图片仍显示dot
的问题,关闭 #1777 - 修复
n-upload
on-finish
回调中event
的类型应为ProgressEvent
- 修复
n-upload
不允许 200 之外的 2xx 响应状态码 - 修复
n-form
当validate
使用了validateCallback
时调用 Promise 方法无效 - 修复
n-input-number
输入以 0 结尾的整数不更新,关闭 #2115 - 修复
n-back-top
允许listen-to
为document
- 修复
n-data-table
在 loading 时可以点击内容,关闭 #2134 - 修复
n-checkbox
在 safari 显示 indeterminate 图标 - 修复
n-progress
line
类型的进度条中的文字未居中,关闭 #2138 - 修复
n-message
的MessageReactive
类型缺少type
参数 - 修复
n-select
与n-input
padding
不一致,关闭 #2149 - 修复
n-tooltip
用于n-select
render-option
时控制台报错,关闭 #1436 - 修复
n-select
在 safari 中使用render-option
时 ResizeObserver 报错,关闭 #1671 - 修复
n-carousel
无法快速响应多次滑动,关闭 #1892 - 修复
n-carousel
边界样式, 关闭 #1866 - 修复
n-carousel
触屏下轮播内容无法点击问题, 关闭 #1882 - 修复
n-color-picker
在空值的情况下默认模式只能为 rgb
n-code
新增word-wrap
属性,关闭 #2111n-modal
新增z-index
属性,关闭 #2088n-drawer
新增z-index
属性n-drawer
新增 wai-aria 支持useMessage
新增render
选项n-data-table
TableColumn
支持string
类型的width
,关闭 #2102n-calendar
新增on-panel-change
属性,关闭 #2082n-upload
新增on-error
属性n-pagination
新增label
插槽n-tabs
新增syncBarPosition
方法,关闭 #2120n-form
、n-form-item
的label-width
选项支持auto
属性,关闭 #2087n-result
新增icon
插槽,关闭 #2130n-date-picker
新增value-format
属性,关闭 #2076n-date-picker
新增formatted-value
属性n-date-picker
新增default-formatted-value
属性n-date-picker
新增on-update:formatted-value
属性n-date-picker
on-update:value
属性会传出格式化后的值n-image
新增show-toolbar-tooltip
属性n-image
新增更多主题变量,关闭 #1531n-upload
新增image-group-props
属性n-progress
新增offset-degree
属性,关闭 #2010n-form-item
新增feedback
插槽,关闭 #1142n-form-item
require-mark-placement
新增'right-hanging'
选项,关闭 #2094n-cascader
新增render-label
属性,关闭 #2048n-auto-complete
新增render-option
属性,关闭 #1629n-auto-complete
新增render-label
属性,关闭 #1629n-tree
新增render-switcher-icon
属性,关闭 #1551n-message
导出MessageType
类型n-time-picker
新增value-format
属性n-time-picker
新增formatted-value
属性n-time-picker
新增on-update:formatted-value
属性n-time-picker
新增default-formatted-value
属性n-carousel
新增default-index
属性n-carousel
新增current-index
属性n-carousel
新增show-arrow
属性n-carousel
新增dot-type
属性, 关闭 #1931n-carousel
新增dot-placement
属性, 关闭 #1462n-carousel
新增slides-per-view
属性n-carousel
新增space-between
属性n-carousel
新增centered-slides
属性n-carousel
新增direction
属性, 关闭 #1931n-carousel
新增loop
属性n-carousel
新增effect
属性, 关闭 #1159n-carousel
新增transition-props
属性, 关闭 #1159n-carousel
新增transition-style
属性, 关闭 #1159n-carousel
新增draggable
属性n-carousel
新增touchable
属性n-carousel
新增mousewheel
属性n-carousel
新增keyboard
属性n-carousel
新增show-dots
属性n-carousel
新增on-update:current-index
属性n-carousel
新增arrow
插槽n-carousel
新增dots
插槽n-color-picker
新增label
插槽n-color-picker
新增render-label
属性n-form-item
新增label-props
属性- 新增 volar 类型支持
- 可以通过
<meta name="naive-ui-style" />
控制组件样式的位置 n-empty
新增show-icon
属性n-modal
增加可访问性支持,关闭 #1877- 新增
n-avatar-group
n-input-number
支持loading
状态- 新增
n-countdown
组件 - 新增
n-number-animation
组件,关闭 #1465 n-pagination
在不传 itemCount 时会根据 pageSize 和 pageCount 估计一个,关闭 #2044n-statistic
新增tabular-nums
属性n-cascader
新增on-update:show
属性,关闭 #2049n-scrollbar
的 CSS 变量使用n
作为前缀n-popconfirm
的 CSS 变量使用n
作为前缀n-gradient-text
的 CSS 变量使用n
作为前缀n-form
的 CSS 变量使用n
作为前缀n-pagination
的 CSS 变量使用n
作为前缀n-loading-bar
的 CSS 变量使用n
作为前缀n-empty
的 CSS 变量使用n
作为前缀n-list
的 CSS 变量使用n
作为前缀n-layout
的 CSS 变量使用n
作为前缀n-message
的 CSS 变量使用n
作为前缀n-mention
的 CSS 变量使用n
作为前缀n-menu
的 CSS 变量使用n
作为前缀n-popover
的 CSS 变量使用n
作为前缀n-transfer
的 CSS 变量使用n
作为前缀n-table
的 CSS 变量使用n
作为前缀n-statistic
的 CSS 变量使用n
作为前缀n-code
的 CSS 变量使用n
作为前缀n-breadcrumb
的 CSS 变量使用n
作为前缀n-slider
的 CSS 变量使用n
作为前缀n-spin
的 CSS 变量使用n
作为前缀n-select
的 CSS 变量使用n
作为前缀n-result
的 CSS 变量使用n
作为前缀n-calendar
的 CSS 变量使用n
作为前缀n-card
的 CSS 变量使用n
作为前缀n-cascader
的 CSS 变量使用n
作为前缀n-color-picker
的 CSS 变量使用n
作为前缀n-checkbox
的 CSS 变量使用n
作为前缀n-data-table
的 CSS 变量使用n
作为前缀n-date-picker
的 CSS 变量使用n
作为前缀n-descriptions
的 CSS 变量使用n
作为前缀n-drawer
的 CSS 变量使用n
作为前缀n-dropdown
的 CSS 变量使用n
作为前缀n-rate
的 CSS 变量使用n
作为前缀n-radio
的 CSS 变量使用n
作为前缀n-progress
的 CSS 变量使用n
作为前缀n-skeleton
的 CSS 变量使用n
作为前缀n-collapse
的 CSS 变量使用n
作为前缀n-collapse-transition
的 CSS 变量使用n
作为前缀n-thing
的 CSS 变量使用n
作为前缀n-carousel
的 CSS 变量使用n
作为前缀n-page-header
的 CSS 变量使用n
作为前缀n-image
的 CSS 变量使用n
作为前缀n-input
的 CSS 变量使用n
作为前缀n-icon
的 CSS 变量使用n
作为前缀n-modal
的 CSS 变量使用n
作为前缀n-notification
的 CSS 变量使用n
作为前缀
- 修复
n-form-item-gi
的validate
不生效,关闭 #1901 - 修复
n-card
action 部分的 border-radius 样式 - 修复
n-code
不设定 language 时内容重复添加,关闭 #2034 - 修复
n-tabs
tabTextColorActiveSegment
和tabTextColorHoverSegment
主题变量不生效,关闭 #2038 - 修复
n-image
卸载时可能未解绑键盘事件监听器 - 修复
n-image
在仅有一张图片时按 esc 无法退出预览,关闭 #2042 - 修复
n-drawer-content
的内容区域默认无法滚动,关于 #2003 - 修复
n-popover
手动指定多个 popover 有 相同 zindex 并关闭时控制台打印错误,关闭 #2050 - 修复
n-transfer
在虚拟滚动模式下没有滚动条 - 修复
n-input-number
不能输入以 0 结尾的小数
- 修复
n-transfer
在自定义高度后内部列表和容器高度不一致,关闭 #1879 - 修复
n-skeleton
和n-gradient-text
在某些较老的浏览器导致运行错误,关闭 #1867 - 修复
n-data-table
中列的 ellipsis 属性对于n-ellipsis
的属性支持不全,关闭 #1891 - 修复
n-form
的blankHeightXxx
主题变量没有跟随common.heightXxx
,关闭 #1880 - 修复
n-date-picker
面板中的日期输入未使用国际化的dateFormat
,关闭 #1793 - 修复
n-log
主题切换文字颜色 transition
n-back-top
的 CSS 变量使用n
作为前缀n-steps
的 CSS 变量使用n
作为前缀n-switch
的 CSS 变量使用n
作为前缀n-auto-complete
的 CSS 变量使用n
作为前缀n-log
的 CSS 变量使用n
作为前缀n-timeline
的 CSS 变量使用n
作为前缀n-time-picker
的 CSS 变量使用n
作为前缀n-avatar
的 CSS 变量使用n
作为前缀n-dynamic-tags
的 CSS 变量使用n
作为前缀n-tag
的 CSS 变量使用n
作为前缀n-dialog
的 CSS 变量使用n
作为前缀n-upload
的 CSS 变量使用n
作为前缀n-tree
的 CSS 变量使用n
作为前缀n-tree-select
的 CSS 变量使用n
作为前缀
n-switch
在loading
状态不可再被点击,关闭 #1853
- 修复
n-data-table
在未设置 max-height 的情况下横向滚动条消失, 关闭 #1857 - 修复
n-input-number
不能输入为负数的小数,关闭 #1858 - 修复
n-dialog
点击回车键反复弹出新弹窗,关闭 #1559
n-divider
的 CSS 变量使用n
作为前缀typography
的 CSS 变量使用n
作为前缀n-badge
的 CSS 变量使用n
作为前缀
n-button
在loading
状态不可再被点击,关闭 #1628
- 修复
n-alert
的header
插槽 无法正常显示 - 修复
n-data-table
的分页器onUpdatePageSize
属性未被触发, 关闭 #1774 - 修复
n-data-table
loading 时可以选中行, 关闭 #1812 - 修复
n-tag
行高过低导致内容截断 - 修复
n-select
设定filterable
后选项过长显示出错,关闭 #1823 - 修复
n-page-header
在不显示头部时内容有 margin-top,关闭 #1795 - 修复
n-avatar
color
属性不生效 - 修复
n-avatar
内部图标尺寸不正确 - 修复
n-image
缺少 scoped style 的 scope-id,关闭 #1788 - 修复
n-radio
的点击事件会被触发两次,关闭 #1680 - 修复
n-data-table
当表格为空表格并且设置 min-height 时布局显示错乱,关闭 #1809 - 修复
n-data-table
总结行有 hover 样式 - 修复
n-data-table
固定 group column box-shadow 错误和 right fixed column 的渲染顺序错误,关闭 #1832 - 修复
n-anchor
的 hover & active 的样式 - 修复
n-data-table
在无数据时头部固定列的样式
n-tree-select
新增menu-props
属性n-tree-select
新增action
插槽, 关闭 #1765n-tree-select
新增empty
插槽n-cascader
新增empty
插槽n-popselect
新增action
插槽n-popselect
新增empty
插槽n-data-table
点击表头半选的勾选框之后会全选,关闭 #1827n-button
的 CSS 变量使用n
作为前缀, 关闭 #1808n-date-picker
新增default-time
属性n-alert
的 CSS 变量使用n
作为前缀n-date-picker
属性type
支持quarter
选项n-anchor
的 CSS 变量使用n
作为前缀
- 新增 zhTW locale
n-date-picker
跟随国际化变化默认日期格式
- 新增 frFR locale
- 修复
n-date-picker
在type
为year
时没有正确的 placeholder - 修复
n-element
未导出NEl
别名 - 修复
n-upload
在image-card
模式下,达到最大上传数量后仍然展示上传按钮,关闭 #1744 - 修复
n-form
的FormValidate
类型缺少shouldRuleBeApplied
参数,关闭 #1747 - 修复
n-upload
在image-card
模式时在表格中被展示为垂直的样式,关闭 #1746. - 修复
n-upload
文件列表在不显示触发区域的时候的 margin-top - 修复
n-upload
在响应为 4xx 的情况下文件显示正常状态,关闭 #1741
n-upload
新增show-trigger
属性n-data-table
展示树形数据时会忽略长度为 0 的children
,关闭 #1703
- 修复
n-theme-editor
点击 button 组件时报错,关闭 #1708 - 修复
n-input
的颜色在安卓微信浏览器下异常, 关闭 #1705 - 修复
n-input
的borderHover
主题变量不生效, 关闭 #1704 - 修复
n-dialog
的content
内容为英文时的换行问题 - 修复
n-input-number
不能输入小数值 - 修复
n-data-table
的表头和主体可能有错误的圆角,关闭 #1712 - 修复
n-button
colorOpacityXxx
主题变量不为 string 类型
n-switch
新增rail-style
属性,关闭 #1718n-image
新增preview-disabled
属性,关闭 #1647n-image
新增on-load
&on-error
属性n-image
新增fallback-src
属性n-data-table
新增on-update:expanded-row-keys
属性n-tree
新增watch-props
属性
- 修复
n-slider
tooltip 禁用时机错误问题 - 修复
n-slider
填充色样式错误问题,关闭 #1670 - 修复
n-data-table
的分页器onUpdatePage
属性会被触发两次, 关闭 #1666 - 修复
n-log
的trim
属性不能独立使用 - 修复
n-slider
对于数值精度的处理问题 - 修复
n-date-picker
当time-picker
输入为空时报错,关闭 #1678 - 修复
n-popover
trigger
为focus
时不生效 - 修复
n-scrollbar
点击在滚动条上时会消失一次 - 修复
n-popover
样式中有不合法的行 - 修复
n-popover
flip=false
不生效 - 修复
n-input-number
在设定max
或min
后在输入过程中无法输入中间值,关闭 #1664 - 修复
n-input-number
在连读多次输入超过min
或max
范围的数字后,显示的值不转化为合法值
n-input-number
新增keyboard
属性- 新增
tableColorStriped
主题变量,关闭 #1686 n-notification-provider
新增max
&placement
属性n-notification
新增detroyAll
方法,关闭 #333n-layout-sider
新增on-after-enter
和on-after-leave
属性,关闭 #1241n-upload
新增custom-request
属性,关闭 #1389n-data-table
新增expanded-row-keys
属性n-popover
提供更强的自动位置调整能力,关闭 #1520、#1643n-input-number
新增update-value-on-input
属性,关闭 #1662n-auto-complete
新增prefix
&suffix
插槽
- 修复
n-image
当放大很大的时候拖动图片移动位置不正确 - 修复
n-data-table
在某些行展开后出现的样式问题 - 修复
n-data-table
未能正确展开树形数据,关闭 #1644
- 移除了
NButton.fontWeightText
&NButton.fontWeightGhost
主题变量,如果你需要调整字重,可以使用n-button
的strong
属性
n-tag
新增avatar
插槽n-data-table
新增striped
属性,关闭 #1552n-table
新增striped
属性,关闭 #1552n-slider
新增vertical
属性,关闭 #1468n-slider
新增reverse
属性n-slider
的step
属性支持mark
选项- 绕过 Vitejs SSR 渲染问题,关于 #636
n-button
新增strong
属性n-button
新增secondary
属性n-button
新增tertiary
属性n-button
新增quaternary
属性n-auto-complete
新增input-props
属性,关闭 #1610n-avatar
新增fallback-src
属性,关闭 #702n-avatar
新增on-error
属性n-input
新增select
方法,关闭#1328- 新增
n-tab
组件,关闭 #1630 n-switch
新增round
属性,关闭 #1469n-step
新增title
插槽n-menu
支持divider
类型的选项
- 修复
suffix
内部组件loading
属性的默认值 - 修复
n-space
没有子节点的时候还被展示,关闭 #1605 - 修复
n-radio
缺少onUpdateChecked
属性 - 修复
n-dropdown
动画闪烁问题,关闭 #1600 - 修复
n-data-table
的clearSorter
方法没有被正常导出 - 修复
n-global-style
SSR 报错 - 修复
n-button
按下 Enter 会出发两次 click 时间 #1626
- 修复
n-grid
收缩时后缀 girdItem 设置的 span 不起作用,关闭 #1530 - 修复
n-button
使用circle
属性时在特定场景异常收缩的问题,关闭 #1557 - 修复
input-props
对于type
属性无法生效的问题,关闭 #1553
- 新增
createLocale
方法允许用户自定义国际化,关闭 #1525
- 修复
n-alert
contentTextColor
和titleTextColor
的类型主题变量不起作用,关闭 #1495 - 修复
n-time-picker
当选择面板通过确认按钮关闭时不会触发 blur 事件, closes #1499 - 修复
n-upload
UploadFileInfo
的thumbnailUrl
字段不起作用,关闭 #1495 - 修复
n-button
keyboard
属性不起作用,关闭 #1508 - 修复
n-upload
实例缺少openOpenFileDialog
方法
- 新增 deDE locale
- 新增 nbNO locale
- 修复
n-tabs
在新增 tab 后切换 tab 无法生效,关闭 #1417 - 修复
n-tree
当指定children-field
时过滤不生效,关闭 #1477 - 修复
n-cascader
在自定义字段和multiple
一起使用时无法删除选项 - 修复
n-select
使用on-create
创建的选项字段不正确,关闭 #1482 - 修复
n-select
在过滤状态下点击选项菜单闪动
n-select
新增menu-props
属性,关闭 #1475n-image
的toolbar
增加关闭图标,关闭 #1412n-tree
的on-load
属性在remote
模式下expanded-keys
属性改变时被触发,关闭 #1339
n-collapsed-transition
的collapsed
属性被废弃,请使用show
属性代替,关闭 #1407
- 修复
n-log
font-size
属性不生效,关闭 #1416 - 修复
n-loading-bar
设定loading-bar-style
后不调用start
也会显示一次 - 修复
n-date-picker
separator
不生效,关闭 #1456
n-data-table
优化底层渲染的逻辑,提升组件性能n-date-picker
的shortcuts
属性支持传入回调函数n-tab-pane
属性display-directive
支持show:lazy
选项,关闭 #1374n-input
的count
插槽 s 支持 text 类型,关闭 #1440
- 新增 idID locale
- 修复
n-upload
在达到最大文件数量后无法删除文件,关闭 #1401
- 修复
n-collapse
在n-collapse-item
使用v-if
时展开状态丢失,关闭 #1387 - 修复
n-dialog
的关闭按钮会被内容遮盖,关闭 #1381 - 修复
n-upload
上传失败后重试时文件为null
,关闭 #1316 - 修复
n-cascader
的filter
属性不生效 - 修复
n-cascader
的label-field
属性使filter
失效 - 修复
n-cascader
的separator
属性对于过滤菜单无效
n-menu
新增dropdown-props
属性,关闭 #1345n-input
新增count
插槽,关闭 #1314n-time-picker
新增use-12-hours
属性,关闭 #547n-input-number
新增focus
和blur
方法n-config-provider
新增breakpoints
属性,关闭 #1379
- 修复
n-data-table
fixed
样式在表头分组不生效的问题,关闭 #1341 - 修复
n-data-table
多级表头右侧边框重复 - 修复
n-scrollbar
不支持scrollTo
,关闭 #1346 - 修复
n-ellipsis
的expand-trigger
属性在内容不显示提示并且tooltip = false
的时候禁用鼠标样式的问题,关闭 #1299 - 修复
n-upload
的disabled
属性的样式问题,关闭 #1237
n-auto-complete
新增get-show
属性,关闭 #1292n-select
新增input-props
属性,关闭 #1351n-color-picker
新增swatches
属性,有关 #1281n-upload
新增max
属性
- 新增 jaJP locale
- 修复
n-ellipsis
的expand-trigger
属性在内容不显示提示的时候禁用鼠标样式的问题,关闭 #1299 - 修复
n-select
fallback-option
属性类型,关闭 #1327 - 修复
n-modal
on-after-enter
不生效
- 修复
n-menu
对于default-expanded-keys
的错误警报 - 修复
useThemeVars
有时无法使用,关闭 #1309 - 修复
<ul>
元素的list-style
样式
- 修复
n-form-item
中组件内容过长影响n-form-item
宽度 - 修复
n-layout-sider
中arrow-circle
的 icon 样式 - 修复
n-upload
的show-preview-button
属性失效,关闭 #1238 - 修复
n-date-picker
的date
类型的action
验证错误 - 修复
n-data-table
在selection
和summary
一起使用时报错,关闭 #1276 - 修复
n-data-table
勾选列的宽度在设为 fixed 时候塌陷,关闭 #1283 - 修复
n-popconfirm
不能被嵌套于n-tooltip
内,关闭 #872. - 修复
n-popselect
勾选图标覆盖了文本,关闭 #1282 - 修复
n-pagination
buttonColor
主题变量不生效
n-breadcrumb-item
新增href
属性n-descriptions
新增separator
属性,关闭 #1263n-dropdown
新增key-field
属性n-dropdown
新增label-field
属性n-dropdown
新增children-field
属性n-menu
新增key-field
属性n-menu
新增label-field
属性n-menu
新增children-field
属性n-data-table
支持使用访问属性路径作为列的 key,关闭 #1271n-switch
新增checked-value
属性,关闭 #1234n-switch
新增unchecked-value
属性,关闭 #1234n-checkbox
新增checked-value
属性,关闭 #1234n-checkbox
新增unchecked-value
属性,关闭 #1234- 新增
n-collapse-transition
组件,关闭 #829 - 新增
n-scrollbar
组件 n-dropdown
支持type='render'
的选项n-data-table
支持多列排序n-date-picker
新增first-day-of-week
属性n-date-picker
属性type
支持month
选项n-popover
新增to
属性n-tree
的on-update:indeterminateKeys
回调新增选项信息n-tree
的on-update:expandedKeys
回调新增选项信息n-tree
的on-update:checkedKeys
回调新增选项信息n-tree
的on-update:selectedKeys
回调新增选项信息
- 修复
n-data-table
当最后一列未设置ellipsis
时省略失效,关闭 #934 - 修复
n-grid-item
响应式不生效 - 修复
n-tabs
在尺寸改变后没有更新滚动阴影状态,关闭 #1224
n-grid-item
在span
为 0 的时候隐藏,关闭 #1220n-grid
新增item-responsive
属性
- 新增 ukUA locale
- 修复
n-global-style
在首次挂载时应用样式过渡 - 修复
n-drawer
边界缺少 transition,关闭 #1211 - 修复
n-input-number
的value
属性不能为 null 类型 - 修复支持 rtl 的组件 SSR 报错
- 修复有弹出层组件的 SSR 报错
- 修复全局样式覆盖对 select 触发器不生效,关闭 #1229
n-checkbox
增加 aria 支持n-alert
增加 aria 支持
- 修复
DialogReactive
属性不可修改 - 修复
n-tree-select
设定check-strategy='child'
在单选时不生效 - 修复
n-upload
在image-card
模式下触发区域作为一行唯一元素时被压缩 - 修复
n-upload-dragger
边框缺乏过渡 - 修复
n-upload
无法上传文件 - 修复
n-tree
在cascade
设置为false
时checkable
无法显示勾选框 - 修复
n-tree-select
在cascade
或multiple
设置为false
时checkable
无法显示勾选框
n-layout-sider
的arrow-circle
类型触发按钮采用了新样式
n-layout-sider
新增collapsed-trigger-style
属性n-menu
添加accordion
属性,关闭 #917n-input-number
新增readonly
属性,关闭 #1198n-spin
新增description
prop 和 插槽n-anchor
新增type
属性n-upload
新增abstract
属性,新增n-upload-trigger
和n-upload-file-list
组件,关闭 #1102n-tree
新增indeterminate-keys
属性n-tree-select
新增indeterminate-keys
属性n-tree
新增on-update:indeterminate-keys
属性n-tree-select
新增on-update:indeterminate-keys
属性n-tabs
的type
属性新增'segment'
选项,关闭 #1133n-popover
新增z-index
属性,关闭 #764.n-modal
新增on-after-enter
属性n-modal
新增on-after-leave
属性
- 修复
n-select
filterable
下关闭标签 input 光标聚焦问题,关闭 #1170 - 修复
n-button
在 hover 状态下边框与n-badge
冲突,关闭 #1195 - 修复
n-upload
的v-model:file-list
属性在multiple
属性设为true
的时候没有正确更新,关闭 #418 - 修复
useThemeVars
未应用覆盖的变量值,关闭 #1194、#1176 - Fix
n-tabs
在 card 类型时左侧滚动的阴影不显示
n-cascader
当options
为空时显示Empty
组件,关闭 #1092n-cascader
的on-update:value
属性新增选项参数n-tree
增加check-strategy
文档属性n-date-picker
新增input-readonly
属性,关闭 #1120n-time-picker
新增input-readonly
属性,关闭 #1120n-config-provider
新增Empty
组件的全局配置,关闭 #1092n-select
新增on-update:show
属性n-auto-complete
导出AutoCompleteOption
以及AutoCompleteGroupOption
类型n-page-header
添加RTL
支持n-select
支持可变高度选项渲染n-tree-select
的on-update:value
属性新增选项参数n-select
的on-update:value
属性新增选项参数n-popselect
的on-update:value
属性新增选项参数n-card
新增embedded
属性
- 修复
n-p
depth
传入 number 报错 - 修复
n-date-picker
的actions
属性类型 - 修复
n-select
无法重写 empty 的主题变量 - 修复
n-dynamic-tags
禁用时 add 按钮未被禁用 - 修复
n-select
在 filterable 并且菜单无数据是按下 enter 导致菜单关闭 - 修复
n-auto-complete
的children
属性不允许使用AutoCompleteOption
类型 - 修复
n-gi
的collapsed
在n-form-item-gi
中切换无法生效问题,关闭 #1160
- 修复
n-step
无法使用v-for
的子元素 - 修复
n-input-number
在step
不为小数时不能输入小数
n-form
&n-form-item
拆分show-require-mark
为show-require-mark
和require-mark-placement
n-drawer
新增on-mask-click
属性n-form
新增require-mark-placement
属性,关闭 #1055n-form-item
新增require-mark-placement
属性,关闭 #1055
- 修复
n-step
必须传internal-index
- 修复
n-radio-group
的on-update:value
和on-update-value
类型不能为数组 - 修复
n-cascader
check-strategy="child"
和原有leaf-only
表现不一致
- 修复
n-tree-select
显示路径是展示 key 而不是 label,关闭 #1095
- 修复
n-cascader
菜单未展示正确的选中 key
n-tree-select
的leaf-only
属性被废弃,请使用check-strategy="child"
n-cascader
的leaf-only
属性被废弃,请使用check-strategy="child"
n-input
的show-password-toggle
属性被废弃,请使用show-password-on="click"
- 修复
n-cascader
多选模式下点击 tag 删除子选项未更新选中项 - 修复
n-input
在clearable
为true
时鼠标离开输入框时中文输入法不正确,关闭 #905 - 修复
n-description
中因v-if
导致的不该出现的警告,关闭 #1083 - 修复
n-layout
的sider-placement
属性在打包之后不生效,关闭 #978 - 修复
n-input-number
的step
值为小数时计算错误,关闭 #1007 - 修复
n-popselect
的默认位置和 padding - 修复
n-calendar
禁用日期的字体颜色
n-cascader
新增onUpdateValue
方法n-auto-complete
新增onUpdateValue
方法n-data-table
的列的renderFilterMenu
新增 hide 参数n-tree
新增key-field
属性n-tree
新增label-field
属性n-tree
新增children-field
属性n-tree-select
新增key-field
属性n-tree-select
新增label-field
属性n-tree-select
新增children-field
属性n-cascader
新增key-field
属性n-cascader
新增label-field
属性n-cascader
新增children-field
属性n-dropdown
选项新增props
属性,关闭 #813n-data-table
支持按住shift
进行多选操作,关闭 #554n-tree-select
增加check-strategy
属性,关闭 #624n-cascader
增加check-strategy
属性n-message
选项增加keepAliveOnHover
属性,关闭 #1036.n-message-provider
新增keep-alive-on-hover
属性,关闭 #1036.n-upload
导出UploadFile
类型n-cascader
导出CascaderOption
类型n-mention
导出MentionOption
类型n-transfer
导出TransferOption
类型n-pagination
导出PaginationInfo
类型n-data-table
导出DataTableCreateSummary
类型n-code
新增inline
属性,关闭 #834n-collapse
新增header-extra
插槽,关闭 #1046n-input
新增show-password-on
属性n-upload
增加list-type
、show-preview-button
、on-preview
和create-thumbnail-url
属性
n-mention
新增focus
、blur
方法
- 修复
n-mention
在 input 模式下菜单距离文字太远 - 修复
n-tree
节点无法展开的问题
n-timeline
新增horizontal
属性,关闭 #887n-image
新增preview-src
属性,关闭 #922n-dynamic-tags
新增input
和add
插槽,关闭 #499n-timeline-item
新增color
属性
- 修复
n-image
切换图像后没有初始化rotate
,关闭 #921 - 修复
n-data-table
的 loading 不在中间,关闭 #929 - 修复
n-tree
当 onLoad 回调没有添加 children 时抛出错误,关闭 #772 - 修复
n-input
当传递value=ref(0)
时,同时显示 0 和占位符问题,关闭 #914 - 修复
n-data-table
flex-height
在不设定scroll-x
的时候不生效,关闭 #952
n-input-number
新增clearable
属性n-form
新增show-label
属性,关闭 #858
- 修复
n-notification
导出的NotificationReactive
类型不可变,关闭 #876 - 修复
n-tabs
不同类型嵌套样式错乱,关闭 #850 - 修复
n-dropdown
内部的链接点击触发区域不是整个选项,关闭 #823 - 修复
n-popover
嵌套于不同 placement 的 popover 中箭头位置错乱,关闭 #916 - 修复
n-ellpisis
在更新内容后失效,关闭 #776
- 修复 ruRU locale 导出
- 新增 ruRU locale #852
n-message-provider
新增container-style
属性n-message-provider
新增placement
属性n-message
增加类用于区分类型n-date-picker
新增shortcuts
属性,关闭 #280
- 修复
n-rate
在深色模式下半个星星重叠 - 修复
n-menu
使用render-icon
在返回值为true
时渲染有误 - 修复
n-space
在使用v-if
时渲染空的占位,关闭 #824
n-message-provider
新增closable
属性,关闭 #795n-tree-select
新增show-path
属性,关闭#625n-layout
增加sider-placement
属性,关闭 #566
- 修复
n-avatar
的缩放在使用v-show
时不正确,关闭 #779 - 修复
n-menu
在手机端点击菜单的时候出现蓝色背景问题,关闭 #799 - 修复
n-select
可过滤的选择器失效,关闭 #510 - 修复
n-data-table
当全选选中时,全选的状态显示不应该包含被禁用的行,关闭 #778 - 修复
n-color-picker
的on-complete
回调参数value
值不正确,关闭 #748
n-loading-bar-provider
新增loading-bar-style
属性,关闭 #457n-button
新增text-color
属性n-form
导出FormValidationError
类型n-popconfirm
支持不显示操作组件,关闭 #770
- 修复
n-slider
丢失浮点数小数精度,关闭 #751 - 修复
n-data-table
onUpdatePage
和onUpdatePageSize
在使用 jsx 时不触发的问题 - 修复
n-progress
的percentage
属性默认值不能适应多种类型 - 修复
n-select
当选项禁用时未隐藏关闭图标 - 修复
n-modal
使用自定义内容无法正常关闭,关闭 #788
useLoadingBar
中finish
方法只有在调用过start
后才生效n-input
的type='input'
被重命名为type='text'
n-scrollbar
增加scrollbarWidth
、scrollbarHeight
和scrollbarBorderRadius
公共主题变量,关闭 #649n-menu
在render-icon
返回 falsy 值的时候不渲染 icon 的占位符,关闭 #722n-menu
新增render-extra
属性n-select
新增on-clear
属性n-form
增加disabled
属性,关闭 #538n-dynamic-tags
新增max
属性
- 修复
n-data-table
pagination 的报错
n-pagination
新增prev
、next
插槽,有关 #648n-tag
新增color
,关闭 #693n-dynamic-tags
新增color
,关闭 #693n-time-picker
优化 now 按钮的逻辑,关闭 #401n-pagination
PaginationInfo
增加itemCount
属性,关闭 #585
- 修复
n-message
的destroyAll
方法不生效 - 修复
n-timeline
的 header 插槽 单独使用无效的问题 - 修复
n-select
当属性是disabled
和filterable
时样式错误,关闭 #698 - 修复
n-upload
拥有file-list
&disabled
属性时操作按钮仍然显示,关闭 #668
n-message
增加destroyAll
方法n-input-number
增加prefix
、suffix
插槽 s,关闭 #609
- 修复
n-message
的 options 中duration
配置无效
n-menu
新增expand-icon
属性,关闭 #414n-descriptions
,n-descriptions-item
增加label-style
和content-style
属性,关闭 #536
- 修复
n-data-table
n-spin
的样式穿透问题,关闭 #663
n-dropdown
选项新增show-arrow
属性,关闭 #647n-time-picker
增加actions
属性,关闭 #401n-mention
新增render-label
属性n-switch
增加checked
、unchecked
插槽n-switch
增加loading
属性,关闭 #301n-select
按下箭头会打开菜单,有关 #300n-tree-select
按下箭头会打开菜单,有关 #300n-cascader
按下箭头会打开菜单,有关 #300n-popover
的trigger
属性支持'focus'
,关闭 #477n-message-provider
新增duration
和max
属性n-data-table
新增flex-height
属性,关闭 #596
- 修复
n-carousel
中箭头按钮在特定浏览器下无法显示问题,关闭 #625 - 修复
n-layout-sider
width
不能为字符串,关闭 #607 - 修复
n-slider
disabled
属性不生效,关闭 #641 - 修复
n-input
在只读时仍展示清除按钮 - 修复
n-data-table
在 table-layout 为 auto 时不展示滚动条,关闭 #518 - 修复
n-data-table
无数据时头部 checkbox 显示状态不正确 - 修复
n-data-table
header 和 body 滚动不同步
n-menu
新增render-icon
属性n-upload
新增show-file-list
属性n-dropdown
新增render-icon
属性n-checkbox-group
新增min
和max
属性n-mention
新增empty
插槽useDialog
选项新增on-mask-click
属性,关闭 #419n-space
justify
属性支持center
、space-around
和space-between
n-date-picker
新增close-on-select
属性,关闭 #541n-dialog
新增action
属性,关闭 #550n-mention
的option.label
支持使用渲染函数n-color-picker
新增actions
属性,关闭 #319
- 修复
n-space
中display: grid
的元素显示不正确,关闭https://github.com/TuSimple/naive-ui/issues/546
- 修复
n-dropdown
的render-label
属性对 group 类型 option 失效 - 修复
n-datatable
的scroll-x
属性设置后 table 内容宽度未占满容器宽度,关闭 #518 - 修复
n-descriptions
无法使用v-for
的子元素 - 修复
n-dialog
positive-text
为空仍然显示按钮,关闭 #549 - 修复
n-pagination
PaginationInfo
的endIndex
数据错误,关闭 #584 - 修复
n-data-table
rowClassName
的类型是 string 的时候不生效问题,关闭 #582
n-tree
新增render-label
、render-prefix
和render-suffix
属性n-rate
新增allow-half
属性n-carousel
新增show-arrow
属性n-slider
新增format-tooltip
属性n-upload
在on-finish
回调参数中新增event
n-rate
新增readonly
属性n-time-picker
新增seconds
、minutes
、hours
属性n-notification
导出NotificationApi
、NotificationOptions
和NotificationReactive
类型n-avatar
新增on-error
属性,关闭#394n-image
新增on-error
属性,关闭#394n-image
新增object-fit
属性,关闭#394n-avatar
新增object-fit
属性,关闭#394n-menu
默认展开选中项的全部父级,关闭#481
- 修复
n-calendar
的default-value
属性无法使用 - 修复
n-pagination
item-count
为 0 时页数不对 - 修复
n-scrollbar
content-style
无法覆盖默认样式的宽度 - 修复
n-select
placeholder transition - 修复
n-loading-bar
useLoadingBar
返回类型可能为 undefined - 修复
n-tag
的type
增加primary
类型 - 修复
n-dynamic-tags
的type
增加primary
类型
n-steps
新增'finish'
和'error'
状态下的图标定制n-tree
导出TreeDragInfo
&TreeDropInfo
类型n-empty
导出icon
插槽useDialog
选项增加maskClosable
属性,关闭 #420
- 修复
n-data-table
在只有一侧固定列时固定列阴影不更新 - 修复
n-data-table
在未设定props.scrollX
但为每个列设定宽度后固定列阴影不更新 - 修复
n-result
图片在 Safari 和手机端不显示 - 修复
n-drawer-content
的header-style
样式未应用于头部 - 修复
n-dialog
实例调用destroy
函数错误 - 修复
n-select
自定义 label 的显示问题,关闭 #352 - 修复
n-image-group
当切换图片预览时,初始化缩放比例 #423 - 修复
n-carousel
设定autoplay
点击后 dot active 状态不正常,关闭 #434 - 修复
n-input
清空按钮位置引起的样式问题,关闭 #428 - 修复
n-image
不接受 attributes - 修复
n-image
设定 border-radius 无效,关闭 #427 - 修复
n-tab-pane
再没有子节点时报错 - 修复
n-select
clear 按钮在n-spin
内过大,关闭 #454 - 修复
n-select
选项没有被正常更新,关闭 #441
n-loading-bar
导出LoadingBarApi
类型n-image
增加img-props
属性- 在部分组件上添加原生
title
属性,以提高用户体验 n-tree
在 TreeOption 中增加prefix
和suffix
属性n-carousel
增加dot-placement
属性n-auto-complete
新增loading
属性,关闭 #241n-slider
增加tooltip
属性,关闭 #362n-input
新增loading
属性
- 修复
n-upload
multiple=false
对于拖拽不生效,关闭 #363 - 修复
n-dropdown
中<a />
的样式 - 修复
n-menu
tooltip 中<a />
的样式,关闭 #338 - 修复
n-carousel
无法使用v-for
的子元素 - 修复
n-form
label-align
属性失效,关闭 #213 - 修复
n-data-table
在不设定max-height
时固定列阴影失效,关闭 #376
n-carousel
增加trigger
属性增加触发切换的方式n-menu
新增dropdown-placement
属性n-upload
新增before-upload
属性n-image
新增alt
属性.- 支持小键盘的 enter 键
n-spin
支持icon
插槽为了自定义加载图标,closes#260n-spin
新增rotate
属性控制自定义加载图标是否有旋转动画n-form
导出FormItemRule
&FormRules
类型n-select
新增render-tag
属性
- 修复
n-log
在未设定语言时仍然对缺少 highlight.js 报错,关闭 #327 - 移除
n-calendar
无用的 console.log - 修复 loading-bar 自动消失,关闭 #343
- 修复
n-select
打开菜单时没有自动滚动到选中项,关闭 #346 - 修复
n-tab-pane
在使用 v-if 时报错 - 修复
n-modal
on-negative-click
返回 false 时 modal 依然关闭 - 修复
n-collapse
在 accordion 模式下默认指定展开属性无效,关闭 #350 - 修复
n-tag
缺少on-update-checked
属性 - 修复
n-menu
折叠时render-label
对于 dropdown 不生效
- 修复缺少
web-types.json
n-select
的SelectOption
render
属性不再渲染 label 而是整个选项
n-carousel
支持触控操作,关闭 #271n-input
新增input-props
属性n-message
优化useMessage
当没有n-message-provider
时的报错信息,增加关联的文档链接- 为 webstorm 添加
web-types.json
,但是我还是推荐使用 VSCode 和 Volar,web-types.json
只能为编码提供很有限的信息 n-tree-select
新增leaf-only
属性n-tree
新增leaf-only
属性n-select
的SelectOption
的label
属性支持渲染函数n-select
新增render-option
属性n-select
导出SelectOption
&SelectGroupOption
类型n-popover
支持使用header
插槽n-dropdown
新增render-label
属性
- 修复
n-date-picker
n-provider
传递date-locale
属性无效,关闭 #250 - Fix
n-input
clear button placeholder prevent clicking on actual component #288 - 修复
n-carousel
点击当前页对应的控制按钮时,组件显示异常 - 修复
n-menu
折叠时render-label
对于 tooltip 不生效 - 修复
n-dropdown
不能在选项中渲染n-popover
n-element
移除了abstract
属性n-element
不再在 default 插槽 返回主题变量,请使用useThemeVars
代替
- 新增
n-carousel
组件 - 新增
useThemeVars
函数提供主题变量 n-upload
新增on-update:file-list
属性,关闭 #135n-date-picker
新增update-value-on-close
属性
- 修复
n-select
在可过滤单选模式下在 iOS Safari 无法输入,关闭 #230 - 修复
n-input-number
缺少on-update-value
属性 - 修复
n-input-number
值无法为null
- 修复
n-input-number
的按钮在值清空后无法使用,关闭 #251 - 修复
n-data-table
展开图标光标样式不是 pointer,关闭 #261
n-input-number
会直接聚焦,关闭 #244
n-dropdown
新增on-clickoutside
属性,关闭 #123n-menu
新增render-label
属性,关闭 #84n-tree
支持键盘操作- 新增
n-tree-select
组件
- 修复
n-tree
缺少on-update-expanded-keys
、on-update-selected-keys
、on-update-checked-keys
属性 - 修复
n-tree
拖拽悬浮叶节点报错,关闭 #200 - 修复
n-tree
对selected-keys
属性影响原数组 - 修复
n-select
在 multiple filterable 模式下输入框有无用的空行 - 修复
n-button
的 loading 图标在 iOS Safari 上不显示,关闭 #219 - 修复
n-date-picker
非 clearable 不显示图标 - 修复
n-time-picker
clearable 状态下图标位置不正确,关闭 #222
- 修复
n-form-item
始终展示必需的星号
n-form
、n-form-item
增强show-require-mark
属性,关闭 #171n-dropdown
支持 class 属性,关闭 #180n-input
新增show-password-toggle
属性n-popselect
支持 class 属性n-select
新增render-label
属性n-popselect
新增render-label
属性
- 修复
n-input
中英文字符切换输入时抖动,关闭#174 - 修复
n-icon
在使用 setup script 时,$parent
默认是一个空对象,访问$parent.$options
会是undefined
- 修复
n-notification
位置不正确 - 修复
n-message
的 content & option 类型不正确
- 移除了
n-a
的to
属性。现在如果你需要把n-a
用作 router-link,你可以参考文档网站
n-tree
选项支持disabled
&checkboxDisabled
属性n-input-number
支持键盘的上键和下键操作
- 修复
n-cascader
在 win10 Chrome 环境下文字模糊的问题 - 修复
n-tree
在 block line 模式下点击缩进空白无法触发选择
n-drawer-content
新增closable
属性,关闭 #139n-element
向 default 插槽 传递themeVars
n-element
新增abstract
属性
- 修复
n-radio-group
不触发 form-item 验证 - 修复
n-auto-complete
无法自定义元素
n-tag
添加RTL
支持
- 将
vue
和vue-router
移至 peer dependencies 避免重复打包
n-space
支持 wai-arian-button-group
支持 wai-arian-progress
支持 wai-arian-menu
支持使用<a />
和<router-link />
作为 label,关闭 #84n-input-number
新增show-button
属性n-rate
支持使用 default 插槽 自定义图标n-rate
新增 color 属性n-rate
新增 size 属性
- 修复
n-card
的header-style
没有应用于 header 上 #103 - 修复
n-dialog
的destroyAll
方法缺失 - 修复
n-data-table
缺少on-update-sorter
、on-update-filters
、on-update-page
、on-update-page-size
属性
n-data-table
导出DataTableCreateRowClassName
、DataTableCreateRowKey
、DataTableCreateRowProps
类型
- 修复
n-calendar
的on-update:value
属性类型 - 修复
n-form-item
的grid-template-columns
样式属性对子元素布局的影响 #93 - 修复
n-data-table
的rowKey
、rowClassName
、rowProps
、summary
属性类型和期望值不兼容
- 修复
n-slider
在 touchstart 发生时没有阻止滚动 - 修复
n-color-picker
默认值不跟随模式设定 - 修复缺少
lodash
&lodash-es
类型
n-spin
的size
属性支持 number 类型n-date-picker
支持footer
插槽
- 修正
n-slider
不支持触摸事件 - 修正
n-button
在 head 内部的 script 被引入造成崩溃 #68 - 修正
n-spin
动画闪烁 - 修正
n-menu
缺少on-update-value
和on-update-expanded-keys
属性 - 修正
n-popconfirm
icon 插槽 不生效 - 修正
n-tabs
在控制台输出无用信息 - 修正
n-color-picker
设定modes
无效 #77
n-dropdown
新增disabled
属性n-card
增加:target
的样式
- 修复
n-popover
有时在手动模式不会同步位置 - 修复
n-transfer
的无数据 Icon 没有开关动画 - 修复
n-message
API 的 option 不是可选的 - 修复
n-calendar
展示日期计算错误 - 修复
n-input
缺失password
的声明 - 修复
n-menu
的菜单和子菜单的extra
属性的类型定义 - 修复
n-dropdown
选项鼠标形状不是 pointer
n-button
支持 wai-arian-card
支持 wai-arian-switch
支持 wai-arian-menu
部分支持 wai-arian-divider
部分支持 wai-arian-data-table
新增row-props
属性n-date-picker
新增ranges
属性
- 修正
n-tab-pane
display-directive
不生效 - 修正
n-drawer
动画 - 修正
n-scrollbar
在 windows chrome 有重叠轨道
- 修复
n-collapse
default-expanded-names
不生效
- 修复
n-dropdown
默认位置不是bottom
- 修复
n-date-picker
输入组件在date
&datetime
类型下未设定主题 - 修复
n-config-provider
没有合并继承的主题
n-collapse
新增arrow
插槽
更新 package.json & README.md
n-affix
的listen-to
属性默认为document
(曾为首个可滚动的父节点)
n-affix
的listen-to
属性支持Window | Document | HTMLElement
n-anchor
新增offset-target
属性n-select
新增virtual-scroll
属性n-select
新增consistent-menu-width
属性n-date-picker
在确认后再更新值
- 修正
n-date-picker
在没有值的状态下起始日期 disabled 状态不正确 - 修正
n-input-number
在 blur 后不会恢复有效的值 - 修正
n-date-picker
在值为 null 的时候仍然显示选中日期
- 废弃了
n-affix
的offset-top
属性,请使用trigger-top
代替 - 废弃了
n-affix
的offset-bottom
属性,请使用trigger-bottom
代替 - 移除了
n-anchor
的listen-to
属性
n-popover
的placement
属性默认值设为'top'
n-tabs
新增on-close
属性n-tabs
新增on-add
属性n-tab-pane
新增tab
插槽n-tab-pane
的tab
属性支持渲染函数和 VNoden-tabs
的type
新增'line'
选项n-tabs
添加阴影来展示滚动状态n-tabs
新增pane-style
属性
- 修正
n-layout
scrollTo
方法在原生滚动时不生效
n-tab-pane
的label
属性被废弃,请使用tab
属性代替
n-layout-sider
移除了show-content
,使用show-collapsed-content
代替
n-data-table
支持树形数据n-data-table
新增cascade
属性n-data-table
新增children-key
属性n-data-table
新增indent
属性n-button
新增tag
属性n-data-table
新增table-layout
属性n-tree
新增block-line
属性n-tree
支持拖放n-menu
新增inverted
属性n-dropdown
新增inverted
属性n-tabs
新增addable
属性n-tabs
新增tab-style
属性n-tabs
新增tabs-padding
属性n-tabs
新增default-value
属性n-layout-sider
&n-layout-footer
&n-layout-header
新增inverted
属性n-data-table
的max-height
&min-height
属性接受 CSS 属性n-layout
&n-layout-content
新增embedded
属性
n-layout
&n-layout-sider
的scrollTo
在使用原生滚动条时不生效n-layout-sider
的collapse-mode
属性不生效- 内部 selection 组件的主题 peers 中 popover 的 key 不正确
- 优化
n-data-table
初始渲染次数 - 优化
n-select
首次打开后打开用时 - 优化
n-anchor
滚动性能
n-tree
新增virtual-scroll
属性n-data-table
新增virtual-scroll
属性n-cascader
新增virtual-scroll
属性n-pagination
新增item-count
属性n-pagination
新增prefix
属性n-pagination
新增prefix
插槽n-pagination
新增suffix
属性n-pagination
新增suffix
插槽n-input
新增show-count
属性
- 修正
n-layout-sider
折叠后不显示菜单 - 修正
n-input-number
在输入不合法 blur 时没有重设回原始值 - 修正
n-pagination
在非受控模式下不更新页数
n-form-item
可以在n-form
外使用
- 修正
n-checkbox
勾选图标不显示 - 修正
n-date-picker
触发器的图标 transition 效果 - 修正
n-p
、n-ol
、n-ul
作为最后一个子元素 margin bottom 不是 0 - 修正
n-checkbox-group
在非受控模式不工作 - 修正
n-data-table
取消全部选择不工作
n-data-table
高亮排序列n-data-table
列增加render-filter
属性n-data-table
列增加render-filter-icon
属性
n-data-table
固定列 box-shadow 在暗色模式更明显- 修正
n-color-picker
值折行 - 修正
n-form
FormRuleItem.trigger 类型
n-data-table
增加summary
属性n-data-table
在'type=selection'
的列增加options
选项
- Fix
n-layout
横向溢出的问题
n-checkbox
增加focusable
属性n-cascader
增加action
插槽
- 修正
n-cascader
点击 checkbox 会触发 loading - 修正
n-cascader
菜单遮罩样式
n-drawer
默认不再包含 padding,填充 drawer 的内容可以使用n-drawer-content
n-drawer
增加content-style
属性n-layout
增加content-style
属性n-layout-sider
增加content-style
属性
n-config-provider
增加cls-prefix
属性
- 修正
n-popover
在静态提升时可能影响别的 popover 的问题
n-color-picker
增加show-alpha
属性
- 修正
n-select
默认fallback-option
属性使组件崩溃
- 添加
n-skeleton
组件 - 添加
n-calendar
组件 - 添加
n-color-picker
组件 n-date-picker
locale 增加firstDayOfWeek
n-select
增加showArrow
属性
- 修正
n-date-picker
触发器在焦点在面板内的时候没有 focus 样式 - 修正
n-button
加载状态宽度闪烁的问题 - 修正
n-time-picker
在n-date-picker
内部关闭动画闪烁的问题 - 修正 popover 内部的卸载组件应卸载于 popover 内部
- 添加
n-form-item-gi
组件
- 修正
n-ellipsis
&n-data-table
ellpisis 单元格文本垂直排列错位 - 修正
n-select
在输入法输入过程中就进行过滤
- 修正
n-select
单选过滤模式的光标颜色 - 修正
n-select
菜单的 action 部分不能 focus
- 添加
n-image
组件 - 添加
n-global-style
组件 - 添加
n-theme-editor
组件 - 添加
n-page-header
组件 n-statistic
增加label
插槽n-breadcrumb-item
增加separator
插槽 & propn-button
增加bordered
propn-card
增加footer-style
prop
- 重构
n-statistic
样式 n-menu
增加options
prop 去替代items
prop,items
prop 被废弃
- 修正
n-anchor
ignore-gap
不生效的问题 - 修正
n-collapse
内容被overflow: hidden
截断 - 修正
n-select
tag 文本溢出 - 修正
n-popover
在移动端无法正常关闭的问题
- 修正
n-layout-sider
横向宽度溢出
- 折叠对于
position="absolute"
的n-layout-sider
不再生效 - 对于包含
n-layout-sider
的n-layout
必须设定has-sider
- 新增
n-mention
组件 n-data-table
支持行展开
- 修正
n-input
在暗色主题 focus 状态下的背景颜色在 warning 和 error 的状态不正确 - 修正
n-input
在 warning 和 error 状态下光标颜色不正确 - 修正
n-select
的 namespace 不正确 - 修正
n-cascader
的 namespace 不正确 - 修正
n-input
在 textarea 模式无法选中 - 修正
n-input
在 textarea 模式没有 box-shadow - 修正
n-input
在 textarea 模式autosize
由于字体不一致导致行数有误 - 修正
n-input
在 textarea 模式autosize
在外部使 props.value 改变的时候行数不会变化
- 替换了
n-empty
的图标 & 增大了它的尺寸
- 修正
n-data-table
对于不是最后一个的 td 没有右侧边框 - 修正
n-data-table
头部在表格宽度大于scroll-x
的时候不够宽
n-data-table
column 新增colSpan
和rowSpan
属性n-data-table
column 新增titleColSpan
属性
- 修正
n-dropdown
在设定x
和y
之后鼠标在外面移动会报错
- 修正
n-select
选择器溢出计数器 popover 触发区域有误
n-popover
默认duration
设为100
n-popover
默认delay
设为100
n-tooltip
默认showArrow
设为true
n-config-provider
的theme-overrides
支持继承n-card
新增hoverable
属性n-select
新增max-tag-count
属性n-cascader
新增max-tag-count
属性n-popover
新增get-disabled
属性- 新增
n-ellipsis
文本省略组件 n-popover
width
prop 新增'trigger'
的值n-data-table
的列的ellipsis
属性可设为n-ellipsis
的 props
- 修正
n-cascader
再点击清除按钮后菜单出现 - 修正
n-card
设定高度后 action 不在底部的问题 - 修正
n-popover
的duration
和delay
属性执行有问题
n-layout-sider
新增default-collapsed
属性n-modal
支持自定义位置
- 修正
n-menu
垂直折叠时n-menu-item
tooltip 不显示的问题 - 修正
n-menu
collapsed-icon-size
不生效的问题 - 修正
n-menu
回调类 prop 不接受数组 - 修正
n-layout-sider
按钮被遮挡的问题
参考 vue3.md
- 修正了
n-auto-complete
使用textarea
作为输入元素时菜单无法关闭的问题 - 修正了嵌套
n-icon
没有被打平的问题 - 修正了
n-date-picker
在类型为date
和datetime
时面板不显示年的问题
n-button
增加dashed
属性- 增加
n-space
组件 n-drawer
内容可滚动
n-log
添加 zhCN 本地化
- 修正了所有
separator
的拼写(原来错拼为seperator
)
- 修正了未设定主题时样式报错的问题
- 修正了
n-select
single
filterable
时 placeholder 的样式问题
- 修正了 Message、Notification、Confirm 不随主题切换的问题
- 修正了
n-select
在placeholder
为空的时候显示出错的问题
- 修正了
n-radio
无法聚焦的问题 - 修正了
n-data-table
的max-height
样式失效的问题 https://bugs.chromium.org/p/chromium/issues/detail?id=1107223
- 重构了
n-tag
的样式
- 为
n-time-picker
增加了disabled
属性
- 修正了
n-radio
下的子元素无法获取焦点的问题
- 重构了试验性的设定主色功能
- 修正了一些零碎的样式错误
- 为
n-select
增加了autofocus
属性
n-menu
不再支持 插槽 API
- 增加了试验性的设定主色功能
- 为
n-button
增加了attr-type
属性
- 修正了
n-input
如果太宽里面的 input 元素宽度不会展开的问题 - 修正了
n-input-group
中n-input-number
边框的样式瑕疵
- 修正了
n-a
的to
属性不能为对象的问题
- 增加了
$NOs.theme
来获取当前操作系统的主题
- 修正了
n-log
的加载器显示等宽字体的问题 - 修正了
n-button
icon 有关的类名没有被正确应用的问题
- 修正了
n-data-table
选框列的选框没有垂直居中的问题 - 修正了
n-data-table
表头没 border-color transition 的问题 - 修正了
$NConfirm
的show-icon
&closable
&bordered
属性设置无效的问题
- 增加并调整了一些
n-config-consumer
样式方案中的颜色
- UI 默认样式不再包含外部字体文件,如果需要使用 UI 提供的字体需要明确引入
- 为
n-layout
增加了themed-style
属性
- 修正了
n-layout-sider
圆形按钮没有随着折叠状态滚动的问题 - 修正了
n-form-item
feedback 如果在一开始被设定则消失没有动画的问题 - 修正了
n-data-table
max-height 相关属性在所有情况下都会被应用的问题 - 修正了一些组件的样式瑕疵
- 调整了一些组件亮色主题下的样式
- 修正了
n-slider
弹框没有 z-index 的问题
- 为
n-form-item
增加了feedback
和validation-status
属性
- 为
n-collapse
和n-collapse-item
增加了display-directive
属性 - 为
n-select
的option
增加了class
和style
属性 - 为
n-select
增加debug
模式
- 修正了
n-select
在 disabled 状态下能被清除的问题
- 修正了
n-select
在多选情况下传入值被直接修改的问题
- 一个 UI 实例最多在一个 Vue 上安装一次
- 更新 css-render 的依赖
- 修正了
n-transfer
在值改变时动画出错的问题
- 为
n-step
增加内容的 插槽 - 为
n-checkbox
增加了label
prop
- 所有定位组件按需注册监听器
- 在寻找可滚动节点的过程中使用缓存
- 提升了
n-button
beforeDestroy 的性能 - 减少了
n-checkbox
在值未改变时的重复渲染 - 提升了文字内容的
n-avatar
的性能
- 更新 css-render 的依赖
- 默认类型的按钮的 icon 的颜色
- 减少了
n-menu-item
没用的重复渲染 - 减少了文档页面没用的重复渲染
- 为了性能重构了
n-nimbus-service-layout
的部分代码
n-button
接受自定义颜色
- 将内部所有使用 $插槽 s 的地方换为 $scopedSlots 来获得更好的鲁棒性
- 将部分按钮样式生成转移到组件内动态进行
- 修正了
line
型n-tabs
线不随activeName
属性改变的问题 - 修正了
n-tabs
滚动按钮没有随着宽度改变触发的问题 - 修正了
n-tabs
高度变化会导致一些不期望的调用的问题
- 修正
n-form-item-col
&n-form-item-row
的 label 插槽 不显示的问题
- 修正了一些 CSS 长度属性格式化错误的问题
- 为
n-select
增加了fallback-option
属性用于控制无对应选项时的回退选项
- 解决了
n-data-table
在没有数据时max-height
和min-height
错误显示的问题
n-data-table
的max-height
和min-height
会对表格部分的整体生效,不只是表格的内容部分n-select
在默认情况下会显示选项中不存在的值
- 为
n-collapse
增加了arrow-placement
属性 - 为
n-collapse-item
增加了arrow
插槽
- 解决了可卸载组件在嵌套成
modal > drawer > component
样子的时候会被卸载到错误位置的问题
- 为
n-input
增加了autofocus
选项 - 为
NMessage
增加了closable
选项
- 解决了
n-tag
closable
默认值被设为true
的问题 - 解决了
n-data-table
不能使用全部pagination
prop 的问题 - 解决了
n-pagination
on-page-size-change
不生效的问题
- 增加
n-dynamic-tags
组件 styleScheme
新增暴露颜色tableHeaderOverlayBackgroundColor
&inputOverlayBackgroundColor
- 为
n-data-table
的column
增加了filter-option-value
的属性来应对单选的情况
- 解决了
n-collpase-item
不支持number
的问题
- 解决了所有的
console
语句都在打包中被删除了的问题
- 改变
n-data-table
的 filters 的数据类型从数组改变成对象
n-data-table
在有多列筛选的情况下数据不能被正确筛选
- 当选项过多时,
n-data-table
过滤菜单的内容可以滚动
$NMessage
、$NNotification
、$NConfirm
的获取到的主题会应用到他们的内部组件
- 多个 naive-ui 共存时定位元素会产生冲突
n-form-item
的 validate 方法在某些 validator 的返回值下不会 resolve$NConfirm
主题未随n-config-provider
切换
n-transfer
的选项在值变化之后没有重置n-nimbus-service-layout
(deprecated) 没有兼容 Vue Router(3.1 版本以下)push
方法的返回值
n-layout-sider
的show-trigger
增加了'bar'
&'arrow-circle'
选项
n-scrollbar
的轨道会挡住鼠标事件
n-data-table
增加了 empty 插槽 #86