TDesign 更新周报（2022 年 5 月第 1 周）

2022-05-10 09:49:01 浏览数 (1)

组件库

Vue2 for Web 发布 0.14.2 版

Feature

  • Table：新增 APIellipsisTitle 用于单独控制表头的超出省略
  • Tooltip：placement新增mouse枚举值，用于支持基于鼠标位置定位

BugFixes

  • Table：
    • 修复默认情况，表尾吸底显示与否计算遗漏的问题
    • 修复加载状态会导致拖拽排序失效的问题
    • 修复表格sorter：true且ellipsis：true时样式冲突问题
    • TS类型TableColumns[0]在严格模式下的使用问题
  • Table：renderExpandedRow改为非必填
  • 全局配置：修复animation属性exclude和include在TS中都必填的问题
  • Datepicker：修复weekday英文翻译的顺序问题

Others

  • Table：TS 类型全部移入 interface.ts 文件中，并导出
  • Calendar：对value属性功能进行修正，新增month和year属性，用于控制日历面板展示所属年/月。
  • 官网：上线组件livedemo能力，请访问Button组件文档体验

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.41.2

Vue2 for Web 发布 0.14.1 版

Features

  • Message：增加全局配置默认值能力
  • Pagination：新增showFirstAndLastPageBtn、showPreviousAndNextBtn、showPageSize、showPageNumber属性
  • Table：
    • 支持表尾吸底及表尾滚动条吸底
    • 支持表格列可以拖拽宽度

BugFixes

  • Form：修复 help 文本样式问题
  • Dialog：修复dialog初始化时滚动穿透问题
  • Table：表头吸顶时，table元素宽度修正，之前为直接等于外层宽度，不合理
  • Table：修复斑马纹stripe和固定表头同时存在时，样式问题
  • DatePicker：修复DatePicker点击快捷选择日期按钮左边面板日期时间不联动
  • 防止VueCompositionAPI重复注册

详情见：https://github.com/Tencent/tdesign-vue/releases/tag/0.41.1

Vue3 for Web 发布 0.14.1 版

Features

  • Table：新增APIellipsisTitle用于单独控制表头的超出省略

BugFixes

  • Loading：使用attach的情况下，loading 设置为false，无法隐藏半透明蒙层
  • Table：加载状态 loading 会导致拖拽排序失效的问题
  • Table：TS类型TableColumns[0]在严格模式下的使用问题
  • Menu：使用t-submenutemplate #icon 无效的问题
  • Menu：修复expandMutex无法动态更新
  • Input：修复onChange触发两次
  • Tabs：修复add方法点击报错
  • Textarea：修复autofocus参数更新无法聚焦
  • Select：修复在结合option使用下的render告警
  • Slider：将marks属性更改为响应性属性，并内部修复marks刻度节点点击事件无效问题
  • Dropdown：修复下拉菜单点击后报错
  • Menu：使用t-submenutemplate#icon无效的问题

详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.14.1

Vue3 for Web 发布 0.14.0 版

BreakingChanges

  • Popup：去除reference包裹元素，存在不兼容更新

Features

  • Pagination：新增showFirstAndLastPageBtn、showPreviousAndNextBtnapi
  • Pagination：新增showPageSize、showPageNumberAPI
  • Calendar：日历组件修正value属性，新增了month和year属性

BugFixes

  • Dialog：修复alert类型错误
  • Form：修复help节点状态问题
  • Transfer：修复选择无效和搜索无效
  • DataPicker：data-picker增加apply事件
  • Input：修复input组件clearable问题
  • TreeSelect：修复右侧箭头状态与清除回掉
  • Input：修复suffix渲染问题
  • Input：修复input组件clearable问题

详情见：https://github.com/Tencent/tdesign-vue-next/releases/tag/0.14.0

React for Web 发布 0.32.3 版

Features

  • Table：新增APIellipsisTitle用于单独控制表头的超出省略
  • Upload：修改uploadFiles类型参数除 url 外为非必填

BugFixes

  • slider：修复slider在非受控模式下行为异常
  • Table：加载状态与拖拽配合使用时，拖拽功能失效
  • Card：修复未添加header属性，Card组件布局错误
  • Card：头部渲染逻辑不完善的问题缺失了status的渲染
  • Table：renderExpandedRow改为非必填
  • Card：修复未添加header属性，Card组件布局错误
  • InputNumber：修复小数输入问题

详情见：https://github.com/Tencent/tdesign-react/releases/tag/0.32.3

React for Web 发布 0.32.2 版

Features

  • Collapse：新增Collapse组件
  • Pagination：
    • 新增showPageSize、showPageNumberAPI
    • 新增showFirstAndLastBtnapi
  • InputNumber：完善尺寸类型
  • Tooltip：支持plcement="mouse"基于鼠标位置

BugFixes

  • Table：
    • 修复getBoundingClientRect在jsdom环境为null问题
    • 修复loading状态文案问题
  • Datepicker：修复空数组确定事件报错问题
  • Dialog：修复组件销毁后body样式不重置问题&移除多余div渲染
  • Textarea：修复在Form组件下换行问题
  • Colorpicker：修复Popupprops透传问题
  • Form：修复help文案状态响应样式问题
  • Upload：修复onDrop事件不响应问题

详情见：https://github.com/Tencent/tdesign-react/releases/tag/0.32.2

Miniprogram for WeChat 发布 0.10.1 版

BreakingChanges

  • Tabs：不再支持slot类型的label，存在不兼容更新

BugFixes

  • Picker：修复滑动延迟的问题
  • Avatar：修复图标大小不随尺寸变化的问题
  • Tabbar：修复样式告警问题
  • 修复样式告警问题：
    • ActionSheet
    • ImageViewer
    • Picker
    • Steps

详情见：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.11.0

Miniprogram for WeChat 发布 0.10.0 版

BreakingChanges

  • Picker：子组件名称从t-picker-column改成t-picker-item，存在不兼容更新
  • DateTimePicker：value从非受控改成受控，存在不兼容更新

Features

  • Overlay：新增遮罩层组件
  • ImageViewer：新增图片预览组件
  • Tabs：新增click事件
  • Grid：新增defaultslot
  • Loading：新增inheritColor属性，加载标志的颜色继承外部
  • Toast：新增遮罩层，通过showOverlay和overlayProps控制

BugFixes

  • Drawer：修复items标题无法显示的问题
  • PullDownRefresh：修复无法使用的问题
  • Toast：更正Loading标志的颜色
  • DateTimePicker：修复defaultValue无法使用的问题

详情见：https://github.com/Tencent/tdesign-miniprogram/releases/tag/0.10.0

Vue3 for Mobile 发布 0.8.5 版

Features

  • Icon：完善组件文档
  • BugFixes
  • Indexes：暂时从菜单栏中移除
  • Picker：修复组件 demo 点击取消,无法收起蒙层问题
  • DateTimePicker：修复组件传参错误问题、修复组件无法触发 change 事件问题
  • Textarea：修复组件类名错误问题

详情见：https://github.com/Tencent/tdesign-mobile-vue/releases/tag/0.8.5

设计资源

Figma for Web 发布 1.1.0 版

? Variants版本来了

  • 所有组件均可使用使用Variants进行配置，并且针对不同开发框架APIProps一一对应，欢迎各角色同学使用体验，多提建议。

Features

  • Menu样式全新升级，布局更合理，视觉更平衡
  • Dropdown样式全新升级，优化间距和展开样式
  • Select样式全新升级，信息更紧凑
  • Cascader样式全新升级，信息更紧凑
  • DatePicker样式全新升级，交互更合理，信息更紧凑
  • TimePicker样式全新升级，信息更紧凑
  • Tag样式全新升级，主题更全面，类型更丰富
  • 新增Rate和Collapse组件（新组件variants将逐步迭代）
  • 示例页全新升级，支持链接跳转至不同框架

详情见：https://www.figma.com/community/file/1053279236128724321/TDesign-for-web

解决方案及周边

TDesign React Starter 发布 0.1.3 版

Features

  • 升级组件库依赖至0.32 版本，替换使用Card组件

详情见：https://github.com/Tencent/tdesign-react-starter/releases/tag/0.1.3

TDesign Vue Starter 发布 0.2.0 版

Features

  • 新增三级菜单示例代码
  • 升级组件库依赖至 0.41 版本，替换全部卡片样式为卡片组件减少重复代码量
  • 调整图表相关代码目录结构，图表部分代码调整至所在 Page 内，减少各页面模块的耦合
  • 调整表格相关代码及展示，增加吸顶功能展示、去除minWidth的使用等

详情见：https://github.com/Tencent/tdesign-vue-starter/releases/tag/0.2.0

TDesign Vue Next Starter 发布 0.3.0 版

Features

  • 优化菜单选中判断逻辑
  • 升级组件库依赖至0.14 版本，替换全部 Card 为 t-card卡片组件，减少重复代码实现
  • 调整图表相关代码目录结构，图表部分代码调整至所在 Page 内，减少各页面模块的耦合
  • 调整表格相关代码及展示，增加吸顶功能展示、去除minWidth的使用等

BugFixes

  • 修复分步表单页底部居中问题
  • 修复顶部菜单栏下拉菜单与表单层级问题

详情见：https://github.com/Tencent/tdesign-vue-next-starter/releases/tag/0.3.0

小程序上架微信开发者工具

  • 官方通用小程序 demo 和智慧零售模板均已上架 微信开发者工具，可以在创建项目时选择使用

更多更新查看：https://tdesign.tencent.com/about/release

react vue.js github组件库 设计系统

0 人点赞