Releases: duxapp/duxui
Releases · duxapp/duxui
V1.0.29
在UI库新增duxuiHook的渲染钩子
首先用在Button组建中,钩子的作用是拦截、插入一些渲染到指定的位置,使用的示例:
import { Text, duxappTheme, duxuiHook } from '@/duxui'
import { cloneElement } from 'react'
const ButtonHook = ({ props, children }) => {
if (props.type !== 'primary') {
return children
}
return cloneElement(children, {
style: {
...children.props?.style,
backgroundColor: duxappTheme.textColor1
},
children: <Text type='primary' className={`${'Button--fs-' + (props.size || 'm')}`}>{props.children}</Text>
})
}
duxuiHook.add('Button', ButtonHook)
在这个示例中,拦截了Button的渲染,当指定属性 type 为 primary时,将以另外一个样式进行渲染
现在仅在按钮组建中加入了钩子,后面会考虑加入更多钩子
Calendar
日历新增 checkbox
参数,用于指定多选,单日、范围、星期都支持多选
Tab
新增 getItemStyle
属性,可以通过回调的方式指定一些样式,使用示例
const getItemStyle = useCallback(({ select }) => {
if (isShop) {
return {}
}
if (select) {
return {
line: {
backgroundColor: '#fff'
},
text: {
color: '#fff'
}
}
} else {
return {
text: {
color: 'rgba(255,255,255,0.7)'
}
}
}
}, [isShop])
V1.0.27
Badeg
新增style支持
Calendar
新增 onMonthChange
事件,在用户切换月份的时候触发,默认月份也会触发
优化文本颜色为为主题色
Checkbox
新增 virtual
属性,可以把多选组设置为虚拟组件,不会生成实体dom
Radio
新增 virtual
属性,可以把多选组设置为虚拟组件,不会生成实体dom
From
优化当未设置 field 属性时,其功能将不起作用
HtmlView
优化H5端间距及行高
修复RN端可能会闪烁的问题
PikcerDate
当未设置时,设置默认值为当天
Sign
小程序端用2d模式重写
新增未签名验证 当笔画过少时会抛出错误
修复小程序清除功能无效
TabBar
新增 onChange
属性,当切换TabBar项目时触发
新增 style
className
属性
Video
修复Video显示问题
V1.0.25
LicensePlate
新增车牌号码输入键盘组件
<LicensePlate length={7} onChange={val => console.log(val)} />
优化一些组件样式
V1.0.24
Absolute
将此组件移动到duxapp基础模块
PullView
将此组件移动到duxapp基础模块
BoxShowdow
- 将此组件RN端的实现方法从SVG替换为一个原生组件,极大提高渲染性能
- 移除radius属性
- 统一RN和其他端的属性
Textarea
统一h5端背景颜色
HtmlView
修复h5端视频高度错误
Image
修复无法预览的问题
Link
新增Link组件,用来跳转链接
Swiper
新增幻灯片组件
Video
新增视频播放组件
Types
修复、补全了多个组件的代码提示
其他
- 组件全面支持design设计器
V1.0.23
Avatar
优化头像默认值
UploadImages
修图图片上传组件样式问题
新增ScrollViewManage组件
组件用于管理ScrollView组件的刷新状态,提供给多个子元素刷新方法
TabBar
修复组件会多次刷新的问题
Tab
新增 oneHidden
属性,只有一个Tab选项的时候隐藏Tab
Types
完善多个组件的代码提示