Zarm v3 开发计划

[JeromeLin]

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 #896
• [ ] DatePicker
• [ ] DatePickerView
• [ ] DateSelect
• [x] Popper @Yang03
• [x] Popup @dominicleo
• [ ] Picker
• [ ] PickerView
• [x] Pull
• [ ] StackPicker => Cascader

新增组件

新增常用组件，及一些 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] #708
• [ ] 完善组件 css 变量定义
  • [x] 增加变量前缀，如：--za-xxx
• [ ] StrictMode 支持
  • [ ] Popper findDOMNode warning
• [x] 完全兼容 SSR 场景
• [ ] 拥抱 React v18

[JeromeLin]

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

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

[zjfjiayou]

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

[JeromeLin]

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

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

[zjfjiayou]

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

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

赞一个先

[jiyingzhi]

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

[JeromeLin]

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

[skywalk94]

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

[JeromeLin]

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

文档会区分版本

[zqq980214]

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

[JeromeLin]

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

[ly4work]

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

[JeromeLin]

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

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

[wr404274848]

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

[long5635152]

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

[samsonCao]

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

[wr404274848]

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

[JeromeLin]

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

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

[JeromeLin]

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

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

[JeromeLin]

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

v3 还有部分功能未完成，敬请期待～

[dongliang1993]

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

[JeromeLin]

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

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