Skip to content

Releases: youzan/zent

zent@8.5.10

22 Oct 12:38
c30066f
Compare
Choose a tag to compare

8.5.10(2020-10-22)

  • 修复 Sortable 无法将元素移动到第一个的问题

zent@8.5.9

12 Oct 08:53
a273b03
Compare
Choose a tag to compare
  • Form
    • 🦀️ 修复 FormModel.prototype.owner 不能赋值的问题
    • 🦀️ 优化了 value-listener 中异步订阅的逻辑
    • 🦀️ 类型定义优化
  • 🦀️ 修复 Button 部分场景下 disabled 处理逻辑不对的问题
  • 🦀️ 修复 Portal 在 SSR 场景下的报错
  • 🦀️ 修复 ClampLines 在文本为空时可能出现的渲染问题

zent@9.0.0-beta1

17 Sep 06:25
23f1e7e
Compare
Choose a tag to compare
zent@9.0.0-beta1 Pre-release
Pre-release

Breaking Changes

移除 prefix 支持

所有组件都不再支持 prefix 属性。

这个属性是历史遗留问题,开始于一个远古的 zent 版本,本身设计的目的为了支持样式定制,但其实一点用也没有。如果有在使用这个属性来做样式定制的,请直接使用 zent 提供的主题功能。

重写 Popover 组件

⚠️ 如果希望使用老版本的 Popover 组件,请使用 @zent/compat 这个包。这个包里的 Popover 组件不再迭代,不加新功能,不改 bug。

老版本的 Popover 因为 React 的限制,会有一个包裹层 zent-popover-wrapper,新版本的 React 支持了 Fragment,所以 Popover 不再需要这个包裹层了。由于这个改动,Popover 上原来用来控制这个包裹层样式的参数都被删除了,包括 widthdisplay 以及 wrapperClassName,这些属性可以直接在 trigger 上自行控制。另外增加了控制弹层样式的 style 属性,原来的 className 行为未变。

废弃 Trigger.Base 基类

请使用 PopoverAnchor 来实现自定义的 trigger,Trigger.Base 不再被支持。

Trigger.Click

  • autoClose 重命名为 closeOnClickOutside,这个名字更加贴切的描述了这个属性的作用
  • 删除 isOutSide 参数,这个参数太过于灵活,使用频次也非常低
  • 新增 togglegetElement,具体说明请参考 Popover 的文档说明

Trigger.Hover

  • 删除 quirkisOutSide 参数
  • 新增 anchorOnlygetElement 参数,其中 anchorOnly 用于替代 quirk 的绝大部分使用场景

Trigger.Focus

  • 新增 getElement 参数

PopTooltip

Popover 的改动同样适用于 PopTooltip,这里不再重复,请参考上文 Popover 的描述以及 PopTooltip 各自的文档说明。

重写 Select

老版本的 Select 是一个非受控组件,代码逻辑难以捉摸,这次是从头开始的完全重写,可以认为是两个完全不同的组件,使用说明请参考新版 Select 的文档。新版加入了一些需求很大的功能,比如选项的动态加载等。

如果希望继续使用老版本的 Select 组件,请使用 @zent/compat 这个包。⚠️ 注意:这个包里的 Select 组件不再迭代新功能,也不再修 bug,只会酌情处理致命的问题。

重写 DatePicker 等时间选择组件

Select 类似,这也是完全重写,和老组件没有任何关联,使用说明请参考新版组件的文档。新版本采用了全新的交互、视觉设计,新增了一些新交互的组件,比如 CombinedDateRangePickerCombinedTimeRangePicker

如果希望继续使用老版本的时间选择组件,请使用 @zent/compat 这个包。⚠️ 注意:这个包里的时间选择组件不再迭代新功能,也不再修 bug,只会酌情处理致命的问题。

重写 Cascader

这也是一个从头开始的完全重写,和原组件完全不兼容,使用说明请参考新版组件的文档。新版增加了异步搜索,滚动加载等新功能。

如果希望继续使用老版本的 Cascader,请使用 @zent/compat 这个包。⚠️ 注意:这个包里的 Cascader 不再迭代新功能,也不再修 bug,只会酌情处理致命的问题。

内置的 Form Field 组件

由于 Select 和时间选择组件的重构,这些组件对应的 Field 也做了相应改造,如果希望使用在新 Form(基于 formulr)中使用这些老版本的 Field,请使用 @zent/compat 这个包里的 formulr/form-components⚠️ 注意:这些 Field 组件不再迭代新功能,也不再修 bug,只会酌情处理致命的问题。

previewImage

所有 CSS 类名都加了 zent-image-p- 的前缀,如果有自定义样式不正常请检查类名是否正确。

  • zent-show-image
  • image-is-zooming
  • image-p-footer-paging
  • show-rotate-btn
  • rotate-action

文档

  • 删除 SkuDesign 的文档,这两个组件上个版本已经移除,如果需要查看它们的文档请到对应的仓库看。

新功能

  • 新增 Transfer 组件,一个左右布局的选择组件。

zent@8.5.8

11 Sep 08:50
Compare
Choose a tag to compare

8.5.8(2020-09-11)

  • 🦀️ 调整 Button 之间的间距
  • Form
    • Field 组件支持初始值 initialValue,并增加 reset 事件用于触发表单重置
    • 🦀️ 修复 state 变更导致 ZentForm 不必要的重新创建
  • Input
    • ✨ 增加 onIconClick 回调
    • TextareaInput 新增 maxCharacterCount 属性支持文本超长及错误提示

zent@8.5.7

28 Aug 09:19
Compare
Choose a tag to compare
  • 🦀️ 修复 Progress 组件 circle 类型的 normalColorsuccessColorexceptionColorstrokeWidth 不生效问题

zent@8.5.6

21 Aug 02:58
ada9e83
Compare
Choose a tag to compare
  • 🦀️ 修复 Slider 值超出范围的问题
  • 🦀️ 调整 Checkbox 之间的间距
  • Form
    • 🦀️ 导出 IMaybeErrorValidatorContext
    • 🦀️ 优化 FormSelectField 的类型定义

zent@8.5.5

14 Aug 02:15
d091b2a
Compare
Choose a tag to compare
  • Loading 组件支持 colorPreset 参数
  • ColorPicker 支持 disabled 参数禁用,并兼容 Disabled 组件
  • 🦀️ 修复 Table 组件 renderBody 参数的类型定义
  • 🦀️ 修复 Form 组件 scrollToError 定位错误的问题
  • 🦀️ 删除无用的 formulr 依赖
  • 🦀️ 更新两个图标 calendar-ogift
  • 📚 更新文档高亮依赖的 prismjs 版本至 1.21.0

zent@8.0.1

20 Jan 03:03
3dd6f04
Compare
Choose a tag to compare
  • Upload #1336
    • 🦀️ 新版使用和老版本不一样的类名
    • 🦀️ 修复一个删除上传项时页数计算错误的问题

zent@8.0.0

17 Jan 03:10
8a3988b
Compare
Choose a tag to compare

8.0.0(2020-01-17)

  • 🎉 重写 Upload 组件,不兼容老版本;老版本请使用 @zent/compat #1298
  • 🎉 增加 Waypoint 组件,这个组件抽象了元素移入/移除屏幕的逻辑 #1324
  • 🎉 增加 Dropdown 组件,只是对 Popover 组件的一层简单封装 #1333
  • Affix #1324
    • ✨ 使用 Waypoint 重写
    • offsetTop 不再有默认值 0,必须自己传
    • ✨ 支持同时设置 offsetTopoffsetBottom
  • InfiniteScroller #1324
    • ✨ 使用 Waypoint 重写
    • ✨ 删除无用的 offsetuseCaptureprefix 属性
    • ✨ 重命名 initialLoadskipLoadOnMount,意义相反,默认值行为没变
    • hasMore 默认值修改为 false
    • useWindow 默认值修改为 false
  • ✨优化了全局事件处理 #1316
  • Icon #1318
    • ✨ 增加两个新图标 filter-oscan-code-o
    • ✨ 重命名 text-guidetext-guide-o
    • ✨ 重命名 video-guidevideo-guide-o
  • QuickDateRangePicker 支持默认选中一个 preset #1334
  • eslint 替换 tslint #1322
  • 🦀️ 更新 Dialog 关闭按钮样式 #1317
  • Form
    • ✨ 增加 useFieldValue hook #1319
    • Form 上增加 getSubmitValue 方法 #1319
    • 🦀️ 更新错误样式 #1309
    • 🦀️ 更新类型定义 #1307
    • 🦀️ 导出 FormDescription 组件 #1306
    • 🦀️ FormSelectField 透传 withoutLabel 属性 #1306
    • 🦀️ layout 改为可选参数 #1331
  • 🦀️ 修复 CopyButton 的类型定义 #1306
  • 🦀️ 修复 Pagination 的字体样式 #1332
  • Cascader
    • ✨ 支持 disabled 属性 #1296
    • ✨ 删除 prefix 支持 #1331
    • 🦀️ onChange 现在传入的是原始的 option 元素 #1328
    • 🦀️ 更新 placeholder 文字颜色 #1331
    • 🦀️ 所有 CSS 类名增加前缀 #1331
  • Select #1312
    • ✨ 删除 prefix 支持
    • 🦀️ 更新组件的箭头图标,和其他组件保持一致
    • 🦀️ 所有 CSS 类名增加前缀,例如 tags__empty 这种都被替换掉了
  • 🦀️ 修复 Rate 组件小数值时的图标显示问题 #1329
  • 🦀️ 修复部分组件 babel-plugin-zent 处理不正确的问题 #1327

zent@7.4.3

25 Dec 06:15
Compare
Choose a tag to compare
  • 🦀️ 修复 FormSelectFielddestroyOnUnmount 没有生效的问题
  • 🦀️ 优化 Form 的类型定义
  • 🦀️ FormNumberInputField(integer) 以及 FormSelectField(tags, data) 的所有属性都归入 props 下,跟其他组件统一
  • 🦀️ 更新表单报错的样式