ZhongAnTech / zarm

基于 React 的移动端 UI 组件库
https://zarm.design
MIT License
1.71k stars 225 forks source link

Zarm v3 开发计划 #663

Closed JeromeLin closed 1 year ago

JeromeLin commented 3 years ago

Discussed in https://github.com/ZhongAnTech/zarm/discussions/662

v3 版本分支:feature

Originally posted by **JeromeLin** June 21, 2021 ### 全面重构函数组件 > 重构为函数组件,完善组件 ref 定义,完善组件 ts 类型定义 - [x] ActionSheet @dominicleo - [x] ActivityIndicator @mrdulin - [x] Affix @faner11 - [x] Badge @tgioer - [x] Button @JeromeLin - [x] Cell @BestDingSheng - [x] Carousel @faner11 - [x] Checkbox @faner11 - [x] Collapse @BestDingSheng - [x] ConfigProvider @JeromeLin - [x] FilePicker @Yang03 - [x] Input @JeromeLin - [x] ImagePreview @Yang03 - [x] Keyboard、KeyBoardPicker @JeromeLin - [x] Loading @faner11 - [x] Mask @JeromeLin - [x] Marquee @nagq - [x] Message @jiyingzhi - [x] Modal、Modal.Alert、Modal.confirm @dominicleo - [x] NavBar @jiyingzhi - [x] NoticeBar @faner11 - [x] Panel @BestDingSheng - [x] Popup @JeromeLin - [x] Progress @mrdulin - [x] PinchZoom @Yang03 - [x] Radio @JunIce - [x] Switch @JeromeLin - [x] Stepper @JunIce - [x] SearchBar @nemoisme - [x] Select @Yang03 - [x] Slider @Yang03 - [x] TabBar @Yang03 - [x] Tabs @JeromeLin - [x] Toast @faner11 - [x] Tooltip @stbui - [x] Wheel @edison-hm - [x] BackToTop @dominicleo - [x] Calendar @Yang03 - [x] Trigger @LentoYe - [x] SwipeAction @zhangjizhe - [x] DatePicker @Yang03 - [x] DatePickerView @Yang03 - [x] DateSelect @Yang03 - [x] Popper @Yang03 - [x] Popup @dominicleo - [x] Picker @dominicleo - [x] PickerView @dominicleo - [x] Pull @kokoFE - [x] StackPicker => Cascader @loststars20160827 ### 新增组件 > 新增常用组件,及一些 hooks 用法的组件 - [x] #700 @Justinnng - [x] #691 @dominicleo - [x] 新增 Rate 评分组件 #799 @dominicleo - [x] 新增 Skeleton 骨架屏组件 #933 - [x] 新增 WaterMark 水印组件 #796 @dominicleo - [x] 增加支持部分 hooks 组件 - [x] useLongPress 长按 #657 - [x] ClickOutside => useClickAway 单击外部跟踪器 #657 - [x] Scroller => useThrottleScroll 滚动 #867 - [x] Drag => useDrag 拖拽 #667 - [x] useOrientation 屏幕方向 #727 - [x] useLockScroll 锁定背景滚动 #802 ### 组件迭代 > 组件 API 调整,功能增强 - [x] ConfigProvider 全局配置 - 组件样式设置作用域修正为当前节点下(非全局) - 增加适配 `iphoneX` 安全区域 - 增加组件 `css` 变量设置 - 增加组件挂载节点的 `mountContainer` - 增加组件类名前缀 `prefixCls` 设置 - [x] Input 文本输入框 - 拆分使用到虚拟键盘的自定义输入框组件 `CustomInput` - 触发的事件入参由 value 值改为 event,受影响的事件有 `onChange` `onFocus` `onBlur` `onFocus` - 删除 `onClear` 事件,点击重置按钮请空值将触发 `onChange` 事件 - 抽离自定义输入框 `CustomInput`, 配合 `KeyBoard` 扩展自定义输入框 - 增加属性 `label`,用于设置标签栏 - [x] Cell 列表 - 变更为 List 和 List.Item 组件,样式结构调整 - 属性 `icon` 变更为 `prefix` - 属性 `description` 变更为 `after` - 属性 `help` 变更为 `info` - 属性 `title` 字体大小变更为 17px - [x] Checkbox 多选框 - Group - 属性 `type` 可选值 `cell` 变更为 `list` - 属性 `size` 变更为 `buttonSize` - 属性 `shape` 变更为 `buttonShape` - 属性 `ghost` 变更为 `buttonGhost` - 新增属性 `listMarkerAlign` ,用于设置列表类型时标记的位置 - [x] Radio 单选框 - Group - 属性 `type` 可选值 `cell` 变更为 `list` - 属性 `size` 变更为 `buttonSize` - 属性 `shape` 变更为 `buttonShape` - 属性 `ghost` 变更为 `buttonGhost` - 属性 `compact` 变更为 `buttonCompact` - 新增属性 `listMarkerAlign` ,用于设置列表类型时标记的位置 - [x] Select 选择器 和 DateSelect 日期选择器 - 移除属性 `hasArrow`,默认展示箭头 - [x] NoticeBar 公告栏 - 新增属性 `onClose`,关闭触发的回调函数 - 修复关闭后只移除了 `Message` 组件,根节点没有被移除的 bug - [x] Message 消息 - 移除属性 `size`,及相关样式 - 新增属性 `onClose`,关闭触发的回调函数 - [x] ImagePreview 图片预览 - 支持横屏下查看图片 - [x] Modal 模态框 - 支持开启状态下锁定背景滚动 - [x] Badge 徽标 - 移除属性 `theme`,颜色设置通过 css 变量 --background 来定义 - 新增属性 `bordered` ,用于判断徽标是否有边框 - [x] SearchBar 搜索栏 - 输入框事件变更为与原生 `input` 保持一致,如 `onChange`、`onFocus`、`onBlur` 等 - 删除 `onClear` 事件,点击重置按钮请空值将触发 `onChange` 事件 - [x] Slider 滑动输入条 - 支持点击,移动到点击位置 - 新增属性 `onSlideChange` ,滑动时触发 - [x] Toast 轻提示 - 静态方法挂载到 `Toast.useToast` 下,详细用法参考官网例子 - [x] BackTop 返回顶部 - `BackToTop` 组件更名为 `BackTop` - 新增属性 `mountContainer` ,用于设置组件挂载节点 - [x] Badge 徽标 - 移除属性 `theme`,颜色设置通过 css 变量 --background 来定义 - 新增属性 `bordered` ,用于判断徽标是否有边框 - [x] Mask 遮罩层 - 移除属性 `type` - 新增属性 `color` 用户设置颜色 - 新增属性 `opacity` 用于设置透明度 - [x] DatePicker 日期选择器 - 新增属性 `columnType` 用于模式设置 ### 其他 - [x] #708 - [x] 完善组件 css 变量定义 - [x] 增加变量前缀,如:--za-xxx - [x] StrictMode 支持 - [x] Popper findDOMNode warning - [x] 完全兼容 SSR 场景 - [x] 拥抱 React v18
JeromeLin commented 3 years ago

Popup/ActionSheet/NavBar 等组件增加安全区域选项

增加适配 iphoneX 安全区域 这条就是

zjfjiayou commented 3 years ago

会不会长期支持呢,ant mobile已经很久没更新了

JeromeLin commented 3 years ago

会不会长期支持呢,ant mobile已经很久没更新了

长期,我们这个项目历经5年了。

zjfjiayou commented 3 years ago

会不会长期支持呢,ant mobile已经很久没更新了

长期,我们这个项目历经5年了。

赞一个先

jiyingzhi commented 3 years ago

可以拆分成更新的任务,方便大家认领!

JeromeLin commented 3 years ago

@jiyingzhi 已拆分出任务,https://github.com/ZhongAnTech/zarm/projects

skywalk94 commented 3 years ago

文档更新日志麻烦加上时间

JeromeLin commented 3 years ago

文档更新日志麻烦加上时间

文档会区分版本

zqq980214 commented 3 years ago

可以考虑添加一个 骨架屏的组件嘛

JeromeLin commented 3 years ago

@zqq980214 市面上一些骨架屏的实现效果感觉都不是太好,想设计一个好用点的骨架屏。暂时还没完全想好,看情况是否先做一个简单版本。

ly4work commented 3 years ago

不知道有没有计划开发Form组件呢?ant-mobile的最新大版本体验版已经在试验开源了哦,加油Zarm!

JeromeLin commented 3 years ago

不知道有没有计划开发Form组件呢?ant-mobile的最新大版本体验版已经在试验开源了哦,加油Zarm!

暂无Form开发计划,可以结合第三方使用

wr404274848 commented 2 years ago

Table组件有计划吗,能异步设置DataSource的

long5635152 commented 2 years ago

DatePicker组件建议新增日期范围选择,可以选择一个时间点到另一个时间点,

samsonCao commented 2 years ago

什么时候发布稳定版本呢,急需 打开弹框类组件背景无法滚动的功能。现在只能先自己实现一下,包装一层Modal。

wr404274848 commented 2 years ago

移动端什么业务需要用到弹框呢,启动广告?

JeromeLin commented 2 years ago

DatePicker组件建议新增日期范围选择,可以选择一个

日期范围选择可以使用 Calendar 日历组件,或者自行组装

JeromeLin commented 2 years ago

Table组件有计划吗,能异步设置DataSource的

移动端使用Table比较少,v3版本暂无此计划

JeromeLin commented 2 years ago

什么时候发布稳定版本呢,急需 打开弹框类组件背景无法滚动的功能。现在只能先自己实现一下,包装一层Modal。

v3 还有部分功能未完成,敬请期待~

dongliang1993 commented 1 year ago

有什么需要社区帮忙开发的吗

JeromeLin commented 1 year ago

有什么需要社区帮忙开发的吗

@dongliang1993 重构部分已基本完成,有一些新增组件可以做进来,比如 #986 和 #813,欢迎认领提交 PR

qiaogaolong commented 1 year ago

@JeromeLin 还有多久V3版本才能开放出来呀

atom258 commented 1 year ago

@JeromeLin 还有多久V3版本才能开放出来呀

nbutmickey commented 1 year ago

V2版本的Popup组件在StrictMode情况下,无法弹出怎么解决

JeromeLin commented 1 year ago

V2版本的Popup组件在StrictMode情况下,无法弹出怎么解决

升级v3或者去掉StrictMode

nbutmickey commented 1 year ago

我看应该是只有dev环境下有这个问题,请问在V2版本下有解决思路吗,看样子是mountd钩子执行了两次导致的