Skip to content

Releases: XiaoMi/hiui

4.7.0

26 Sep 07:47
@github-actions github-actions
@hi-ui/hiui@4.7.0
93ff5b4
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.7.0 Latest
Latest

4.7.0

Minor Changes

Patch Changes

Assets 2
Loading

4.6.5

14 Sep 09:17
@github-actions github-actions
@hi-ui/hiui@4.6.5
0b98947
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.6.5

4.6.5

Patch Changes

  • #2997 0b7182591 Thanks @zyprepare! - style(table): 优化 resizable 模式下列 hover 时样式

  • #3000 908d6cd96 Thanks @zyprepare! - perf(check-tree-select): 优化大数据下勾选卡顿

  • #2993 102d01a6b Thanks @zyprepare! - fix(check-cascader): 优化搜索算法

  • #2994 4d6b26507 Thanks @zyprepare! - fix(tree-select): 修复 keyword 设置后数据没有过滤的问题
    fix(check-tree-select): 修复 keyword 设置后数据没有过滤的问题
    fix(cascader): 修复 keyword 设置后数据没有过滤的问题
    fix(check-cascader): 修复 keyword 设置后数据没有过滤的问题

  • #2993 102d01a6b Thanks @zyprepare! - fix(check-cascader): 修复 checkedMode="PARENT"模式下搜索后子节点无法选中问题

  • #3001 872c903 Thanks @zyprepare! - perf(check-cascader): 优化大数据下勾选根节点时卡顿

  • Updated dependencies [102d01a6b, 0b7182591, 102d01a6b, 908d6cd96, 4d6b26507, 872c903, 4d6b26507]:

    • @hi-ui/check-cascader@4.3.1
    • @hi-ui/table@4.6.1
    • @hi-ui/check-tree-select@4.6.1
    • @hi-ui/tree@4.6.1
    • @hi-ui/cascader@4.3.1
    • @hi-ui/tree-select@4.2.1
Assets 2
Loading

4.6.4

19 Aug 02:55
@github-actions github-actions
@hi-ui/hiui@4.6.4
1e06403
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.6.4

4.6.4

Patch Changes

Assets 2
Loading

4.6.3

15 Aug 09:46
@github-actions github-actions
@hi-ui/hiui@4.6.3
d4be8fd
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.6.3

4.6.3

Patch Changes

Assets 2
Loading

4.6.2

02 Aug 06:18
@github-actions github-actions
@hi-ui/hiui@4.6.2
a90f1e9
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.6.2

4.6.2

Patch Changes

Assets 2
Loading

4.6.1

25 Jul 11:48
@github-actions github-actions
@hi-ui/hiui@4.6.1
68f409b
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.6.1

4.6.1

Patch Changes

Assets 2
Loading

4.6.0

03 Jul 06:55
@github-actions github-actions
@hi-ui/hiui@4.6.0
8f888cb
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.6.0

4.6.0

Minor Changes

Patch Changes

Assets 2
Loading

4.5.11

14 Jun 03:29
@github-actions github-actions
@hi-ui/hiui@4.5.11
e9e1a99
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.
Compare
Choose a tag to compare
4.5.11

4.5.11

Patch Changes

Assets 2
Loading

4.0.0

25 Jul 12:25
@solarjoker solarjoker
4.0.0
7f30bad
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
4.0.0

4.0.0

  • 新增 CheckCasacader 多项级联选择器组件
  • 新增 ZenMode 禅模式组件
  • 新增 PopConfirm 气泡确认框组件
  • 新增 Avatar 头像组件
  • 新增 Space 间距器组件
  • 新增 Descriptions 描述列表组件
  • 新增 Result 结果组件
  • 新增 EmptyState 空状态组件
  • 新增 Highlighter 文本高亮组件
  • 新增 SvgIcon SVG容器组件
  • 新增 Textarea 多行文本输入框组件
  • 新增 CheckTreeSelect 多项树形选择器组件
  • 新增 CheckSelect 多项选择器组件

Checkbox

  • 新增 name 支持自定义 <input type="checkbox" \/> 的名称，用于 Form 提交
  • 新增 value 支持绑定表单控件值， 用于 Form 提交
  • CheckboxGroup 新增 children 支持自定义渲染 Checkbox

Counter

  • 新增 autoFocus 支持开启自动聚焦
  • 新增 changeOnWheel 支持开启滑轮改值
  • 新增 invalid 支持开启无效态

DatePicker

  • 新增 invalid 支持开启无效态
  • 新增 overlay 自定义控制弹出层
  • 新增 size 自定义大小
  • 新增 appearance 自定义不同 UI 外观

Form

  • 新增 initialErrors 支持初始化表单控件的异常错误
  • 新增 initialTouched 支持初始化表单控件是否已产生交互并失焦动作
  • 新增 validateTrigger设置统一的表单校验时机
  • 新增 validateAfterTouched 控制初次交互时不进行校验
  • 新增 lazyValidate 开启惰性校验，遇到移除不再进行后续的校验
  • 新增 onSubmit 提交时回调
  • 新增 onReset 重置时回调
  • 优化 ref 指向更改为 innerRef，原 ref 更正为 dom 引用获取，innerRef 校验等回调方法写法支持 Promise
  • 优化 Form.Item 下的 required 只做展示，不做校验，校验使用 rules 指定
  • 新增 Form.Item 下的 valueType 支持指定控件值数据结构类型
  • 新增 Form.Item 下的 valueChangeFuncPropName 支持自定义设置 Form 从表单控件采集数据回调的属性
  • 新增 Form.Item 下的 valueDispatchTransform 支持自定义 Form 从控件个体采集数据的转换器，最终会把返回值转发给 Form
  • 新增 Form.Item 下的 valueConnectTransform 支持自定义控件个体接收 Form 下发数据的转换器，最终会把返回值转发给 FormField
  • 新增 Form.Item 下的 validateTrigger 支持设置触发该字段校验的时机（值必须是回调函数），会覆盖 Form 设置的 validateTrigger
  • 新增 Form.Item 下的 render 支持表单控件 render 渲染
  • 优化 Form.List 下的 children 渲染函数支持多种快捷操作方法 swap, insertBefore, move

Input

  • 优化 bordered 字段 bordered => appearance，统一使用 appearance 设置外形（线\面\无边框）值
  • 新增 prepend 支持 Input 前置外置元素组合
  • 新增 append 支持 Input 后置外置元素组合
  • 新增 prefix 支持 Input 前置内置元素
  • 新增 suffix 化支持 Input 前置内置元素
  • 新增 readOnly 支持 Input 功能
  • 新增 autoFocus 支持 Input 功能
  • 新增 maxLength 支持 Input 功能
  • 新增 trimValueOnBlur 支持 Input 功能
  • 新增 clearableTrigger 支持 Input 清空内容功能
  • 新增 size 支持不同尺寸

Rating

  • 新增 autoFocus 支持自定聚焦
  • 变更 组件名 Rate -> Rating，符合专业认知
  • 变更 字段：vertical -> halfPlacement
  • 优化 快捷键，支持左右键最大最小值无缝切换

Search

  • 新增 defaultValue 支持输入框值非受控
  • 新增 value 支持输入框值受控
  • 变更 onChange 更改参数定义 (event: HTMLInputEvent) => void -> (inputVal: ReactText) => void
  • 变更 onSearch 更改参数定义 (inputVal: string, item ?:DataItem) => void -> (inputVal: ReactText) => void

Slider

  • 新增 color 自定义颜色能力
  • 变更 字段：vertical -> halfPlacement
  • 废弃 type，可使用 color 替代

Radio

  • 新增 readOnly 支持只读状态
  • 优化 content 类型支持 ReactNode
  • 新增 RadioGroup 下的 children，支持内嵌 Radio，实现灵活的布局

Select

  • 新增 overlay 控制弹出层的行为
  • 新增 searchPlaceholder 支持搜索占位符配置
  • 新增 loadingContent 支持自定义加载中文案
  • 新增 virtual 支持虚拟列表
  • 新增 height 支持虚拟列表
  • 新增 itemHeight 支持虚拟列表
  • 新增 displayRender 统一支持选择后内容自定义渲染
  • 优化 value 类型 string[] -> string \| number
  • 优化 defaultValue 类型 string[] -> string \| number
  • 优化 onChange 类型定义
  • 变更 字段 bordered => appearance，支持设置外形（线\面\无边框）值
  • 废弃 setOverlayContainer，建议使用 popper.container 替代
  • 废弃 autoload 用户自行控制页面级首次渲染数据加载
  • 废弃 type 拆分为单选多选组件单独维护

TimePicker

  • 新增 defaultValue 表示非受控初始化值
  • 新增 itemHeight 设置选择器高
  • 新增 disabledHours、disabledMinutes、disabledSeconds 追加 panel 参数，示当前计算的是开始还是结束
  • 变更 value 类型定义为 string[]
  • 变更 placeholder 类型变更为 string[]
  • 变更 onChange 参数类型变更为 string[]

Transfer

  • 新增 placeholder 支持自定义搜索输入框占位内容
  • 新增 DataItem.title 类型支持 ReactNode
  • 新增 defaultTargetIds 支持非受控设置穿梭目标 ids 列表
  • 新增 pagination 支持大数据分页支持
  • 新增 onDrop 新增第三个参数，表示操作前后的 ids 顺序列表

TreeSelect

  • 新增 overlay 控制弹出层的行为
  • 新增 searchPlaceholder 支持搜索占位符配置
  • 新增 loadingContent 支持自定义加载中文案
  • 新增 virtual 支持虚拟列表
  • 新增 height 支持虚拟列表
  • 新增 itemHeight 支持虚拟列表
  • 新增 displayRender 统一支持选择后内容自定义渲染
  • 新增 render 支持自定义渲染每一项
  • 变更 value 类型 string[] \| string -> string \| number
  • 变更 defaultValue 类型 string[] \| string -> string \| number
  • 变更 bordered 字段 bordered -> appearance，设置外形（线\面\无边框）值
  • 变更 expandedIds 字段：expandIds -> expandedIds，统一字段命名及其含义
  • 变更 defaultExpandedIds 字段：defaultExpandIds -> defaultExpandedIds
  • 变更 onChange 类型参数定义
  • 废弃 autoload 用户自行控制页面级首次渲染数据加载
  • 废弃 type 拆分为单选多选组件单独维护
  • 废弃 mode 建议使用 CheckCascader 组件替代面包屑模式，交互体验更优。

Upload

  • 新增 File.abort 中断上传方法
  • 新增 File.progressNumber 表示实时上传进度数字

Carousel

  • 新增 arrowSize 支持设置箭头指示器尺寸
  • 新增 dotType 支持设置分页指示器类型
  • 新增 dotPlacement 支持设置分页指示器位置

Card

  • 变更 size 功能定义为紧凑或者常规，原功能设置 width 采用 style 即可
  • 变更 content 字段名为 children，作为内容渲染
  • 新增 loading 增加加载状态
  • 新增 cover 支持卡片封面设置 ReactNode
  • 废弃 type 不再支持 simple 模式，使用场景过于模糊

Collapse

  • 新增支持嵌套 Collapse 使用
  • 废弃 extra 建议使用 title 实现其扩展

List

  • 变更 action 字段位置变更：ListProps.action -> ListItemProps.action
  • 变更 actionPlacement 字段位置变更：ListProps.action -> ListItemProps.action
  • 新增 hoverable 鼠标移入时是否显示阴影
  • 废弃 titleTag 建议使用 title，结合 Tag 组件进行自定义渲染
  • 废弃 titleTagType 建议使用 title，结合 Tag 组件进行自定义渲染
  • 废弃 type 字段，基于 item 是否存在 avatar 属性决定是否渲染即可
  • 废弃 layout 字段，功能无场景使用，建议外层自定义布局

Popover

  • 新增 onOpen 打开时回调 | 增加钩子函数
  • 新增 onClose 关闭时回调 | 增加钩子函数
  • 变更 overlayClassName 字段为 className

Preview

  • 变更 onError 方法入参
  • 变更 images 字段名为 src，语义化统一，且支持单个和数组
  • 变更 simpleData 字段类型 string[] | object[] -> string[]
  • 新增 title 支持图片标题展示
  • 新增 current 支持当前预览图片索引(受控)，增加图片索引控制能力
  • 新增 defaultCurrent 支持当前预览图片索引非受控

Table

  • 变更 fixedToColumn 字段类型为只支持对象设置，支持受控冻结列
  • 新增 onLoadChildren 支持返回 undefined 不做任何处理，用于支持自定义控制 data 更新
  • 新增 expandedEmbedRowKeys 支持内嵌面板独立控制
  • 新增 onEmbedExpand 支持内嵌面板独立控制
  • 新增 stickyFooter 支持底部吸底
  • 新增 stickyFooterBottom 支持自定义底部吸底距离视口底部距离
  • 新增 defaultFixedToColumn 支持非受控冻结列
  • 新增 onFixedToColumn 支持冻结列设置回调，配合受控场景使用
  • 新增 showRowHighlight 强化控制行 hover 高亮功能
  • 新增 sortedColKeys 支持受控列排序
  • 新增 onSortedColKeysChange 支持列排序设置回调，配合受控场景使用
  • 废弃 column 数据项中 selectFilters 属性，请使用 filterDropdown

Timeline

  • 变更 icon 支持 ReactNode 按需引入 Icon，取消 string 模式全量引入

ToolTip

  • 变更 overlayClassName 字段名，使用 className 即可
  • 变更 placement 字段枚举值，语义化气泡卡片显示的位置
  • 新增 onOpen 支持打开时回调
  • 新增 onClose 支持关闭时回调
  • 新增 arrow 是否显示箭头
  • 新增 unmountOnClose 开启关闭时销毁，用于性能优化，优先级大于 preload
  • 新增 preload 开启预加载渲染，用于性能优化，优先级小于 unmountOnClose

Tree

  • 变更 expandedIcon 字段 openIcon -> expandIcon、类型：string-> React.ReactNode，保证命名语义化
  • 变更 collapsedIcon 字段 closeIcon -> collapsedIcon、类型：string-> React.ReactNode 保证命名语义化
  • 变更 onBeforeSave 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 变更 onSave 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 变更 onBeforeDelete 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 变更 onDelete 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 变更 onExpand 入参，统一第一个参数为 id 数据
  • 变更 onLoadChildren 入参，支持节点对象数据状态注入
  • 变更 onSelect 入参变更，支持节点反选
  • 变更 onCheck 参数变更，统一第一个参数为 id 数据，支持节点对象数据状态注入
  • 变更 onDragStart 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 变更 onDrop 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 变更 onDropEnd 入参，支持节点对象数据状态注入，统一第一个参数为事件对象
  • 新增 onDragEnd 拖拽结束时触发
  • 新增 onDragLeave 节点 drag leaver 时调用
  • 新增 onDragOver 节点 drag over 时调用
  • 新增 virtual 支持虚拟列表
  • 新增 height 支持虚拟列表
  • 新增 itemHeight 支持虚拟列表
  • 新增 showLine 支持自定义是否展示连接线
  • 新增 leafIcon 支持设置叶子节点 Icon
  • 新增 titleRender 支持自定义渲染每一项
  • 新增 onContextMenu 支持节点编辑操作交互更新，废弃右键
  • 新增 menuOptions 类型和 contextMenu 一致 | 节点编辑操作交互更新，废弃右键
  • 新增 editPlaceholder 强化支持编辑输入框自定义 placeholder
  • 新增 onSearch 强化支持搜索框 change 时回调
  • 优化 checkedIds 类型扩充 string => string \| number
  • 优化 defaultCheckedIds 类型扩充 string => string \| number
  • 优化 selectedId 类型扩充 string => string \| number
  • 优化 defaultSelectedId 类型扩充 string => string \| number
  • 优化 expandedIds 类型扩充 string => string \| number
  • 优化 defaultExpandedIds 类型扩充 string => string \| number
  • 废弃 contextMenu 交互变更，建议使用 onContextMenu 实现或者使用 menuOptions 替代节点编辑交互

Grid

  • 新增 gutter 属性，支持配置自定义间距
  • 新增 rowGap 属性，支持行间距配置

Button

  • 变更 size 由 'large' | 'default' | 'small' 变更为 'lg' | 'sm' | 'md' | 'xl'
  • 变更 appearance 由 'link' | 'button' 变更为 'link' | 'line' | 'filled' | 'unset'
  • 变更 icon 类型由 string 变更为 React.ReactNode
  • 新增 shape 属性，设置按钮的形状

Breadcrumb

  • 变更 onClick 属性参数，由 (path: string) => void 变更为 ((evt: MouseEvent<Element, MouseEvent>, item: BreadcrumbDataItem, index: number) => void
  • 变更 path 不再为面包屑依赖属性
  • 变更 icon 类型由 string 变更为 ReactNode
  • 新增 size 属性，设置面包屑尺寸
  • 废弃 content，请使用 title

Dropdown

  • 新增 overlay 属性自定义控制下拉框行为
  • 新增 DropdownDataItem 类型下新增 split 属性，配置底部分割线

Menu

  • 变更 菜单项 content 属性，请使用 title 属性
  • 新增 defaultActiveId 属性，配置默认激活菜单项
  • 新增 expandedType 属性，配置弹出层展开方式
  • 新增 defaultExpandedIds 属性，配置默认菜单展开项
  • 新增 expandedIds 属性，配置菜单展开项
  • 新增 onExpand 属性，用于展开菜单时回调

Pagination

  • 新增 showTotal 属性，配置是否展示总条数
  • 新增 showPagers 属性，配置是否展示页码
  • 废弃 type 属性 'simple' 类型，可以组合使用 type="shrink" 和 showJumper={false} 实现原效果

Stepper

  • 变更 current 由从 0 开始变为从 1 开始
  • 变更 icon 类型由 string 变更为 ReactNode
  • 新增 type 属性，支持配置节点类型

Tabs

  • 变更 type 默认类型由 'card' 变为 'line'
  • 变更 type 废弃 'editable' 属性，直接使用 editable 属性
  • 变更 drag 类事件统一对齐H5原生api
  • 新增 TabList 组件，支持单独使用切换头
  • 新增 editable 属性，配置是否可编辑
  • 变更 onTabClick 属性，定义由 (tabKey, event) => void 变更为 `((tabId: ReactText) => void)...
Read more
Assets 2
Loading

3.9.0

29 Jun 12:08
@solarjoker solarjoker
3.9.0
1445e43
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.
Compare
Choose a tag to compare
3.9.0

3.9.0

  • 新增 Table 组件 hiddenColKeys 和 onHiddenColKeysChange 受控控制列显隐 #1994
  • 新增 Table 组件支持 checkAll 复选框右侧自定义操作按钮 #2007
  • 修复 Select 组件高亮词搜索存在正则注入 #1972
  • 修复 Table 组件 resizable 调节列宽功能失效 #1970
  • 优化 Dropdown 组件 props 中的 data 消除副作用 #1991
  • 修复 TimePicker 组件使用 minusStep 当点击 clear 后会再次自动回显值 #1986
  • 修复 Table 组件 window 系统 draggable=false 禁用失效 #1993
  • 修复 Popper 组件 Popper DOM 节点位置移动时未同步进行位置计算 #2011
  • 修复 Drawer 组件阴影展示问题 #1948
  • 修复 SelectTree 组件禁用仍可删除的问题 #1947
  • 修复 Popper 滚动时导致弹窗位置失效的问题 #1955
  • 修复 Table align 配置对表头无效的问题 #1954
  • 新增 Tree 对添加节点返回parent指向 #1952
  • 修复 Select 异步请求未发出时的空校验问题 #1953
  • 修复 Popper 无法正确获取 clientHeight 的问题 #1953
  • 修复 DatePicker weekOffset 周选择失效问题 #1976
  • 修复 Input placeholder 不受控的问题 #1982
  • 修复 Tabs箭头样式问题 #1978
  • 修复 TimePicker 使用 minusStep，点击清空后会再次自动回显值的问题 #1986
  • 新增 Table rowSelection onChange 回调参数，支持选中对象和选中状态 #1988
  • 修复 Table filterIcon 传入 ReactNode 导致页面卡顿的问题 #2017
  • 新增 SelectTree 支持自定义过滤 #2009
  • 修复 Select dataSource 返回为 undefined 时的问题 #2020
  • 修复 Form schemaForm initialValues 不生效的问题 #2028
  • 修复 Carousel下标索引不正确的问题 #2033
  • 修复 Table 拖拽到自身节点时的 bug #2035
  • 新增 Table render 全局自定义单元格渲染 #2037
  • 修复 Table 单独冻结右侧列时，一处左侧操作列也会跟随冻结的问题 #2041
  • 修复 Form onValuesChange 返回数据字段异常的问题 #2077
  • 修复 DatePicker 周范围选择时展示周数异常的问题 #2083
  • 新增 Input 支持 ref 获取 #2074
  • 新增 Table 支持 onRow 事件进行行操作 #2093
  • 新增 Table fixedColumnTrigger 支持固定列始终固定 #2092
  • 修复 Tree 兼容 contextMenu 返回空数组的情况 #2106
  • 新增 Table 复选框增加半选状态 #2107
  • 修复 Search 点击下拉选项更新 input value 未触发 onChange 的问题 #2108
  • 新增 Table highlightedRowOnDoubleClick 支持双击高亮行功能允许开关配置 #2118
  • 修复 Collapse 不支持 className #2147
  • 修复 Modal closeable 属性不受控更新 #2135
  • 新增 Modal 内容区滚动控制 #2155
  • 新增 Table 支持固定列不允许 Resizable，添加 disabledResizableColKeys 控制指定 col 列禁用 Resizable #2160
  • 修复 Form 某个表单控件 initialValues 初始化有值，但是校验 required 时仍然报错无值的问题 #2141
  • 修复 Form 某个表单控件 initialValues 初始化有值，但是校验 required 时仍然报错无值的问题 #2139
  • 修复 TimePicker 只选择一个时间时的报错问题 #2129
  • 修复 Tree onSelect 无法获取到 hooks 定义 state 值的变化的问题 #2131
  • 修复 Input safari 中文输入产生无效字符的问题 #2085
Assets 2
Loading