n-date-picker
的clearable
属性在action
属性没有设置时,会控面板清空按钮的显隐,关闭 #1196n-button
的native-focus-behavior
属性默认值改为“不是 Safari”
- 修复
n-data-table
的列的render
属性的index
参数当使用产开行时序列异常,关闭 #3153 - 修复
n-data-table
在虚拟滚动模式下列colSpan
没有正确生效,关闭 #3052 - 修复
n-data-table
在虚拟滚动模式下summary
行不显示,关闭 #3202 - 修复
n-cascader
的搜索菜单没有显示节点路径,关闭 #3220 - 修复
n-cascader
的filter
属性接收到的path
可能有误 - 修复
n-date-picker
在type="quarterrange"
和type="quarter"
时菜单季度文案不一致,关闭 #3217 - 修复
n-notification
在内容高度超过屏幕后的关闭动画 - 修复
n-dropdown
禁用的选项有 hover 样式 - 修复
n-dropdown
菜单出现可能会闪 - 修复
n-dropdown
菜单的 transform origin 在 Chrome 上可能不正确 - 修复
n-radio-button
光标样式可能不正确,关闭 #3243 - 修复
n-input
在 disabled 状态下在 Safari 上文本颜色过浅,关闭 #3241 - 修复
n-input
的分割符可能折行 - 修复所有组件的
user-select
样式属性在 Safari 的效果 - 修复
n-data-table
在虚拟滚动模式下会阻止页面滚动 - 修复
n-button
在 Firefox 下没有按下的效果
n-avatar
新增lazy
属性n-avatar
新增intersection-observer-options
属性n-number-animation
新增on-finish
属性n-notification
支持 RTL- 导出所有组件的 props 对象
n-popover
新增footer-style
属性,用于设置底部内容的样式n-popover
新增footer
插槽,用于设置底部内容,关闭 #3188n-dropdown
新增menu-props
,关闭 #2885n-data-table
的列属性增加multiple
属性使得表格选择支持单选模式,关闭 #3056n-date-picker
在选择结束日期过程中禁止点击确认按钮,关闭 #3226n-tree
新增check-on-click
属性来控制可选状态下的选中交互方式,关闭 #2968n-tree
新增accrodion
属性,关闭 #3129n-countdown
新增reset
方法,关闭 #3228n-drawer
新增resizable
属性n-drawer
新增default-height
属性n-drawer
新增default-width
属性n-drawer
新增on-update:height
属性n-drawer
新增on-update:width
属性- 更新 ukUA locale
- 修复
n-select
菜单的 transition 样式,关闭 #3211
- 修复
n-tabs
的bar-width
属性在设置0
时失效,关闭 #3171 - 修复
n-drawer
使用show-mask
属性时控制台出现 warning,关闭 #3172 - 修复
n-button
放入 ellipsis 的容器中时不能正确显示,关闭 #3178. - 修复
n-select
在form
中,多选的情况下,在 input 元素中按下 Enter 键会导致选项被清除,关闭 #3169 - 修复
n-select
的filter
属性不生效,关闭 #3175 - 修复
n-modal
在不使用任何 preset 的时候遮罩可能覆盖住内容,关闭 #3204 - 修复
n-button
在图标过大或者过小时未对齐 - 修复
n-select
创建的选项可能出现多次,关闭 #3206
n-date-picker
type
属性支持'quarterrange'
和'yearrange'
n-tree-select
新增render-prefix
属性n-tree-select
新增render-suffix
属性n-tree-select
新增render-switcher-icon
属性n-tree-select
新增node-props
属性n-tree-select
新增render-label
属性,关闭 #3197n-tree-select
新增render-tag
属性n-notification
新增titleFontSize
、metaFontSize
、descriptionFontSize
主题变量
- 修复
n-color-picker
手动输入 alpha 值时不生效 - 修复某些组件在
__VUE_OPTIONS_API__
设为false
时工作不正常的问题,关闭 #3146 - 修复
n-grid
在 SSR 页面挂载后不会正确的适配响应式,关闭 #2462 - 修复
n-modal
在同时打开多个的时候点击某个遮罩,on-mask-click
会对每一个都触发,关闭 #3147 - 修复
n-data-table
的列的ellipsis
属性类型不接受style
属性 - 修复
n-data-table
在列同时设为ellipsis
和fixed
时会丢失固定列的阴影 - 修复
n-image
的lazy
属性在 Safari 和 Firefox 上工作不正常
- 修复
n-input-group-label
的内容在n-drawer-content
嵌套中异常,关闭 #3115 - 修复
n-back-top
在使用show
时控制台报警告,关闭 #3122 - 修复
volar.d.ts
组件全局类型为any
- 修复
n-grid-item
使用v-show
可能存在显示状态不正确的问题,关闭 #3123 - 修复
n-select
在可清空状态下使用输入法输入,移入鼠标后输入文字会消失
- 🌟
n-image
新增lazy
属性,关闭 #3055 n-image
新增intersection-observer-options
属性n-image
新增placeholder
slot- 导出
NTooltipInst
类型 n-data-table
新增render-cell
属性,关闭 #3095n-space
新增wrap-item
属性n-data-table
的on-update:checked-row-keys
会传出行数据,关闭 #2215,关闭 #2265
- 修复
n-button
在设定:focusable="false"
后点击仍然会聚焦,关闭 #3071 - 修复
n-data-table
固定的选择列在设定了非默认宽度的情况下可能和其他列重叠,关闭 #3067 - 修复
n-popselect
在选择完关闭菜单后没有触发on-update:show
- 修复
n-popselect
的宽度不能通过style
配置 - 修复
n-date-picker
在设定了is-date-disabled
后年月的快速跳转可能会被禁用,关闭 #3068 - 修复
n-layout
在keep-alive
中使用的时候不会维持滚动状态 - 修复
n-layout-sider
在keep-alive
中使用的时候不会维持滚动状态 - 修复
n-tree
可能重复发送异步数据请求 - 修复
n-tree
在设定expand-on-click
之后异步展开报错,关闭 #3089 - 修复
n-slider
使用键盘聚焦触发 tooltip 的时候没有动画 - 修复
n-slider
在 mark 出现在最右侧的时候换行不正常 - 修复
n-upload
内部的链接会出现原生 focus-visible 的 outline 样式 - 修复
n-upload
在list-type="image-card"
时会出现 slot 相关 warning - 修复
n-upload
在list-type="image-card"
图片的边角会溢出列表项 - 修复
n-dynamic-tags
的on-create
属性不生效 - 修复 Chrome 102 版本引入的虚拟滚动卡顿问题,关闭 #3048
- 修复
n-upload-dragger
在禁用状态下过于透明
- 🌟
n-pagination
新增快速跳转的下拉菜单 - 🌟
n-input
新增allow-input
属性 - 🌟
n-data-table
新增default-expand-all
属性,关闭 #3073 - 🌟
n-modal
在内部带有弹出层组件例如n-select
的时候可以正确处理 esc 键按下的情况,关闭 #2973 n-tree-select
新增arrow
slot,关闭 #3084n-cascader
在点击 checkbox 后会显示对应的子菜单,关闭 #3079n-upload
在达到最大文件数量限制后会禁用 draggern-select
新增node-props
属性n-popselect
新增node-props
属性n-popselect
新增virtual-scroll
属性n-data-table
新增scrollTo
方法,关闭 #2570n-slider
新增thumb
插槽
- 修复
n-cascader
溢出标签的 popover 在设定filterable
后无法滚动,关闭 #3061 - 修复
n-drawer
的show-mask
传入'transparent'
会报 warning - 修复
n-calendar
点击不在当前月份的日期不会调用on-panel-change
,关闭 #3063
- 修复
n-select
每次关闭菜单时会重新计算选项,提升了性能
n-menu
新增arrowColorChildActiveHover
,itemIconColorChildActiveHoverHorizontal
,itemIconColorChildActiveHover
,itemTextColorChildActiveHoverHorizontal
,itemTextColorChildActiveHover
,arrowColorChildActiveHoverInverted
,itemIconColorChildActiveHoverHorizontalInverted
,itemIconColorChildActiveHoverInverted
,itemTextColorChildActiveHoverHorizontalInverted
,itemTextColorChildActiveHoverInverted
主题变量,关闭 #2929
- 修复
n-menu
node-props
属性没有添加到role="menuitem"
的元素上,而是添加到了里层元素 - 修复
n-menu
node-props
对type="group"
的选项不生效
- 主题变量
closeColor
、closeColorHover
、closeColorPressed
重命名为closeIconColor
、closeIconColorHover
、closeIconColorPressed
,closeColorHover
、closeColorPressed
仍然保留,控制关闭按钮的背景颜色 n-tag
的colorXxx
主题变量重命名为colorBorderedXxx
,colorXxx
仍然保留,控制不带边框标签的颜色
- 修复
createDiscreteApi
中传入'loadingBar'
不生效 - 修复
n-popover
在切换主题时关闭背景颜色突变 - 修复
n-select
多选时选框大小改变时菜单位置没有同步 - 修复
n-scrollbar
无法显示横向滚动条,关闭 #3047 - 修复
n-tree
在:block-line="true"
并且:selectable="true"
时节点的点击样式优先级高于激活样式 - 修复
n-slider
在边界情况下可能泄露事件监听器 - 修复
n-data-table
在keep-alive
组件中使用重新激活时不会恢复滚动位置,关闭 #2522 - 修复
n-image
在图像过大时缩放比例不够大 - 修复
n-menu
下拉菜单选项在选项后代被激活的状况下的文字样式 - 修复
n-input
的input-props
属性设定class
和style
不生效
- 🌟
n-time-picker
新增time-zone
属性,关闭 #293 - 🌟
n-input-number
新增parse
属性 - 🌟
n-input-number
新增format
属性 - 🌟
n-input-number
新增precision
属性,关闭 #2068、#1859 - 🌟
n-image
新增展示图片原始大小的开关,关闭 #3023 - 🌟 所有组件的关闭按钮使用了新样式、并且可以聚焦
- 所有组件的选择菜单或下拉菜单使用了新的选项样式
n-tag
新增icon
插槽n-tag
新增strong
属性n-tag
在暗色背景下:bordered="false"
时增加背景颜色,关闭 #1699n-time
新增time-zone
属性n-breadcrumb-item
新增clickable
属性n-breadcrumb-item
使用新样式,新增itemLineHeight
、itemBorderRadius
、itemColorHover
、itemColorPressed
主题变量n-notification
优化标题过长时的样式n-drawer
优化标题过长时的样式n-dialog
优化标题过长时的样式n-card
优化标题过长时的样式
- 修复
n-tree
使用pattern
属性过滤树节点时报错, 关闭 #2960 - 修复
n-watermark
在全局配置了cls-prefix
时失效 - 修复
n-dropdown
在:show-arrow="true"
情况下不显示箭头的问题,关闭#2977 - 修复
n-upload-dragger
没有占据满宽度 - 修复
n-global-style
没有清空 body 的 padding 和 margin - 修复
n-modal
在显示时被卸载不会清除 body 的 overflow,关闭 #3015 - 修复键盘操作在特定的老旧浏览器无法使用
- 修复
n-tabs
的justify-content
为'start'
、'end'
和'center'
时缺少 padding - 修复
n-tabs
在justify-content
、size
切换时指示条的位置没有更新 - 修复
n-switch
在disabled
切换时没有过渡效果 - 修复
n-modal
&n-drawer
在输入法输入过程中按 Esc 会关闭,关闭 #2989 - 修复
n-date-picker
在选择日期时间范围的过程中还可以选择时间,关闭 #3004 - 修复
n-pagination
在:page-count="0"
是显示有问题,关闭 #2970 - 修复
n-date-picker
在type="datetimerange"
时shortcuts
会被default-time
覆盖,关闭 #3020 - 修复
n-image-group
在 SSR 下无法切换图片 - 修复
n-tabs
在display-directive="show"
和:animated="true"
的时候动画切换高度有时没有过渡,关闭 #3035 - 修复
n-select
在单选时搜索时字体略小 - 修复
n-select
的计数标签在溢出内容少的时候弹出内容过高 - 修复
n-date-picker
在type="monthrange"
时第一次选中时滚动状态没有对齐 - 修复
n-form-item
的必填星号可以被选中 - 修复
n-list
在暗色模式下的n-popover
中颜色不正确
- 🌟
n-select
新增label-field
属性,关闭 #3018 - 🌟
n-select
新增value-field
属性,关闭 #3018 - 🌟
n-steps
新增on-update:current
属性 - 🌟
n-date-picker
新增panel
属性 - 🌟
n-data-table
新增on-scroll
属性,关闭 #3025 - 🌟
FormItemRule
新增renderMessage
属性,关闭 #2525 - 🌟 新增
createDiscreteApi
在 setup 外使用 message、notification、dialog、loading bar n-scrollbar
新增trigger
属性n-input-number
新增button-placement
属性n-select
新增children-field
属性,关闭 #3018n-upload
新增trigger-style
属性n-dropdown
新增node-props
属性n-dropdown
新增render-option
属性n-upload
新增is-error-state
属性,关闭 #2975n-date-picker
的shortcuts
属性支持 readonly tuple 类型n-step
新增disabled
属性n-calendar
新增header
slot,关闭 #3036n-tree
新增expand-on-click
属性, #2949
- 由于
n-pagination
支持了size
属性,因此n-pagination
的部分主题变量名称进行了调整
- 修复
n-menu
使用render-icon
函数返回值为true
时渲染不正确 - 修复
n-tabs
的tabFontWeightActive
主题变量应用在全部 tab 上了,关闭 #2926 - 修复
n-tree-select
的default-expand-all
不生效 - 修复
n-upload
的accept
属性对拖拽场景不生效,关闭 #2919 - 修复
n-calendar
的on-panel-change
在点击“今天”的时候返回的month
不正确 - 修复
n-time
在 SSR 下由于无法导入getTimezoneOffset
报错的问题,关闭 #2545 - 修复
n-transfer
搜索框的 box-shadow 被切断 - 修复
n-time-picker
在 blur 后输入框不合法的值不会被清除
n-notification-provider
的placement
属性支持'top'
和'bottom'
,关闭 #2930n-pagination
新增size
属性,关闭 #2888n-config-provider
新增preflight-style-disabled
属性n-pagination
快速跳转的页码超出范围时取最大值、最小值,关闭 #2928n-pagination
中快速跳转的输入字符只允许纯数字,关闭 #2928n-color-picker
新增on-confirm
属性n-input
新增clear-icon
slotn-date-picker
新增date-icon
插槽,关闭 #2668n-date-picker
新增separator
插槽,关闭 #2668
- 新增 nlNL locale
- 修复
n-theme-editor
内容不能滚动
- 修复
n-menu
的dropdown-props
无法覆盖n-dropdown
的size
属性,关闭 #2868 - 修复
n-switch
切换状态时 loading 动画异常,关闭 #2870 - 修复
n-data-table
在页数设定超过数据内容时,不显示内容,关闭 #2840 - 修复
n-data-table
的cellProps
泛型类型不正确 - 修复
n-data-table
的work-break
样式为break-word
- 修复
n-list
的n-merged-color
样式不正常 - 修复
MessageReactive
的destroy
方法在 message 消失后调用会抛错 - 修复
n-ellpisis
在恰好触发省略的时候无法弹出 tooltip,关闭 #1393、#2899 - 修复
n-tree
无法使用width: fit-content;
的样式,关闭 #2875 - 修复
n-dropdown
的on-update:show
会被触发两次,关闭 #2905 - 修复
n-select
在选框清空后依然可以通过 enter 键选中值 - 修复
n-data-table
的selection
和expand
列不能设置宽度 - 修复
n-checkbox
中有可以被选中的空格 - 修复
DescriptionsProps
拼错成了DescriptionProps
- 修复
n-icon
缺少IconProps
- 修复
n-icon-wrapper
缺少IconWrapperProps
- 修复
n-countdown
在precision=0
时显示比实际快一秒,关闭 #2910
n-menu
新增node-props
属性n-switch
新增rubber-band
属性n-space
的justify
支持'space-evenly'
n-popover
新增content-style
属性n-popover
新增header-style
属性n-popover
新增scrollable
属性n-select
和n-cascader
和n-tree-select
的溢出计数 tag 弹出内容可以滚动n-data-table
新增pagination-behavior-on-filter
属性n-date-picker
属性type
支持monthrange
选项n-date-picker
新增on-clear
属性n-date-picker
新增on-confirm
属性,关闭 #2852n-data-table
的columns
的元素支持minWidth
属性n-tree
新增checkbox-placement
属性n-tree-select
新增loading
属性, 关闭 #2857n-modal
新增block-scroll
属性n-modal
新增block-scroll
属性,关闭 #2556n-drawer
新增block-scroll
属性,关闭 #2556n-drawer
新增show-mask
属性,关闭 #2556useDialog().xxx
支持blockScroll
属性,关闭 #2556useDialog().xxx
支持autoFocus
属性n-button
新增native-focus-behavior
属性,关闭 #2882n-time-picker
新增on-confirm
属性n-time-picker
新增on-clear
属性n-time-picker
新增on-update:show
属性n-time-picker
新增show
属性n-date-picker
新增on-update:show
属性n-date-picker
新增show
属性n-date-picker
新增default-calendar-start-time
属性,关闭 #2732n-date-picker
新增default-calendar-end-time
属性,关闭 #2732n-date-picker
新增bind-calendar-months
属性,关闭 #2751n-upload
新增directory
属性n-upload
新增directory-dnd
属性UploadFileInfo
新增fullPath
和batchId
属性DataTableBaseColumn
新增tree
属性,关闭 #2757
- 修复
date-picker
actions
的类型不能为null
- 修复
time-picker
actions
的类型不能为null
- 修复
n-tree-select
的无意义 warning - 修复
n-tree-select
的allow-checking-not-loaded
属性不生效 - 修复
n-tree-select
在:allow-checking-not-loaded="true"
的情况下菜单可能和选框位置不同步 - 修复
n-cascader
在:allow-checking-not-loaded="true"
的情况下菜单可能和选框位置不同步
- 修复
notification
在 SSR 模式下第一个之后的 icon 都不会展示,关闭 #2793 - 修复
dialog
在 SSR 模式下第一个之后的 icon 都不会展示 - 修复
n-drawer
和n-modal
在:autofocus="true"
情况下打开时可能溢出屏幕 - 修复
n-tree-select
在使用children-field
时过滤器不生效,关闭 #2789 - 修复
n-tree-select
清空搜索值时搜索命中样式未更新 - 修复
n-tree-select
在check-strategy="child"
和:cascade="false"
时非叶节点依然可以被选择,关闭 #2780 - 修复
n-select
的empty
slot 中n-input
无法聚焦,关闭 #2812 - 修复
n-select
菜单在全屏模式下不可见,关闭 #2722 - 修复
n-color-picker
的value
属性类型不能为null
- 修复
n-table
在不同属性切换时边框颜色突变
n-input-number
新增add-icon
和minus-icon
插槽,关闭 #2668n-dynamic-input
添加RTL
支持n-table
添加RTL
支持n-collapse-transition
添加RTL
支持n-tree
新增show-irrelevant-nodes
属性,关闭 #2764n-tree-select
新增allow-checking-not-loaded
属性n-cascader
新增allow-checking-not-loaded
属性n-tree
新增allow-checking-not-loaded
属性n-button-group
添加RTL
支持
- 新增 ptBR locale
- 新增 koKR locale
n-time
使用date-fns
的formatDistanceStrict
代替formatDistance
,关闭 #2703
- 修复
n-tabs
中嵌套n-tabs
,内部的线条会有一次多余的动画,关闭 #2689 - 修复
n-popconfirm
body 没有内容时外边距的异常,关闭 #2690 - 修复
n-tree-select
无意义 warning - 修复
n-calendar
的禁用单元格可以被点击,关闭 #2686 - 修复 message 在 SSR 模式下第一个之后的 icon 都不会展示,关闭 #2721
- 修复
n-popconfirm
的positive-button-props
和negative-button-props
属性缺乏响应式,关闭 #2753 - 修复
n-step
有多余的主题变量类名 - 修复
n-steps
垂直水平相互嵌套样式错乱 - 修复
n-popconfirm
的positive-text
&negetive-text
不允许null
类型 - 修复
n-color-picker
的面板关闭会被mousedown.stop
阻止,关闭 #2709 - 修复
n-tabs
切换动画在display-directive='show'
的时候不正常,关闭 #2718
n-radio
新增label
属性,关闭 #2707n-drawer
新增on-after-enter
和on-after-leave
属性,关闭 #2698n-date-table
新增paginate-single-page
属性,关闭 #2043n-pagination
添加RTL
支持n-alert
添加RTL
支持n-data-table
新增allow-checking-not-loaded
属性,关闭 #2758
n-menu
进行了一些样式改动
- 修复
n-data-table
使用expand
类型时,行错乱的问题,关闭 #2631 - 修复
n-popconfirm
缺少setShow
和syncPosition
方法 - 修复
n-popselect
缺少setShow
和syncPosition
方法 - 修复
n-menu
主题 peers 缺少Dropdown
- 修复
n-color-picker
不能输入 0 作为单位的值,关闭 #2680 - 修复
n-tree
在使用虚拟滚动时滚动条长度存在问题,关闭 #2673 - 修复
n-layout-sider
的content-style
不能覆盖overflow: auto
属性,关闭 #2671 - 修复
n-date-picker
在month
和quarter
模式下暗黑模式的 disabled 的面板时间显示有问题 - 修复
n-dropdown
onUpdateShow
不生效 - 修复
n-auto-complete
onSelect
在onUpdate:value
后被触发 - 修复
n-data-table
onUpdate:filters
的类型中initiatorColumn
是可选选参数
n-tree-select
新增on-load
属性,关闭 #2550n-data-table
新增on-load
属性n-cascader
添加menu-props
属性,关闭 #2600n-cascader
添加filter-menu-props
属性,关闭 #2600n-badge
新增value
slotn-form
新增validate-messages
属性n-data-table
的 column 支持cellProps
属性,关闭 #2625n-step
增加类名用于区分状态n-popconfirm
新增negative-button-props
属性,关闭 #2642n-popconfirm
新增positive-button-props
属性,关闭 #2642n-pagination
新增goto
slotn-input
新增password-visible-icon
slotn-input
新增password-invisible-icon
slotn-select
新增status
属性n-input-number
新增status
属性n-auto-complete
新增status
属性n-cascader
新增status
属性n-date-picker
新增status
属性n-time-picker
新增status
属性n-mention
新增status
属性n-tree-select
新增status
属性n-menu
新增showOption
方法,关闭 #2562n-dynamic-tags
的value
属性支持对象类型的选项n-dynamic-tags
新增render-tag
属性,关闭 #2526n-dynamic-tags
新增on-create
属性,关闭 #2576n-date-picker
新增time-picker-props
属性,关闭 #2660n-tabs
新增trigger
属性,关闭 #2679n-menu
新增itemColorHover
,itemColorActiveHover
,itemTextColorActiveHover
,itemTextColorHorizontal
,itemTextColorHoverHorizontal
,itemTextColorActiveHorizontal
,itemTextColorActiveHoverHorizontal
,itemTextColorChildActiveHorizontal
,itemIconColorActiveHover
,itemIconColorHorizontal
,itemIconColorHoverHorizontal
,itemIconColorActiveHorizontal
,itemIconColorActiveHoverHorizontal
,itemIconColorChildActiveHorizontal
,arrowColorActiveHover
,itemColorHoverInverted
,itemColorActiveHoverInverted
,itemTextColorActiveHoverInverted
,itemTextColorHorizontalInverted
,itemTextColorHoverHorizontalInverted
,itemTextColorChildActiveHorizontalInverted
,itemTextColorActiveHorizontalInverted
,itemTextColorActiveHoverHorizontalInverted
,itemIconColorActiveHoverInverted
,itemIconColorHorizontalInverted
,itemIconColorHoverHorizontalInverted
,itemIconColorActiveHorizontalInverted
,itemIconColorActiveHoverHorizontalInverted
,itemIconColorChildActiveHorizontalInverted
,arrowColorActiveHoverInverted
主题变量,关闭 #2598n-carousel
新增next-slide-style
和prev-slide-style
属性,关闭 #2340n-dialog
新增negative-button-props
属性n-dialog
新增positive-button-props
属性n-tabs
新增animated
属性
- 新增 thTH locale.
- 修复
n-tree-select
在 multiple 模式下不能删除 default-value 属性包含父节点的选项,关闭 #2605 - 修复
n-tree
在移除节点时可能抛出异常,关闭 #2597 - 修复
useDialog
中使用带有弹出层的元素有异常的焦点管理行为,关闭 #2612 - 修复
n-tree-select
当check-strategy
为'child'
时有的节点不能被点击 - 修复
n-tree-select
在check-strategy
不为'all'
的时候从选框中删除时发出的值可能和check-strategy
不对应
useDialog
支持closeOnEsc
属性n-data-table
导出DataTableFilterState
类型n-data-table
导出DataTableSortState
类型
- 修复
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