首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

TDesign 更新周报(2022年7月第2周)

Table: 树形结构支持懒加载Dialog: 修复打开对话框时出现滚动条问题DatePicker: 修复日期格式化问题TimePicker: 优化允许输入滚动使用体验TimeRangePicker...没有实现间隔效果DatePicker: 修复日期格式化问题TimePicker: 优化可输入模式使用体验 避免高频输入场景与滚动事件重复更新 value 异常Tree: 取消修改 value 类型...TreeSelect: 修复异步加载回显展示问题Textarea: 修复无法传入 attrs style详情见:https://github.com/Tencent/tdesign-vue-next...FeaturesFab: 支持文本自适应Tag: 视觉更新支持图标DropdownMenu: 新增 toggle 示例方法,用于切换下拉菜单DropdownMenu: 新增 keys 属性以支持自定义...label value 字段名Popup 新增 duration 属性,控制动画过渡时间新增 customStyle 透传样式至根节点新增 overlayProps 属性,透传至 overlay

2.2K10

TDesign 更新周报(2022年10月第3周)

优化样式命名,去除了名称交互态说明,应用样式时选择更快捷,体验更加友好Layout:新增示例页Shadow:新增示例页Button:统一不同尺寸,不同类型、不同交互态按钮,共计新增了1200+组件...,且已应用图层与文本样式,可在 Overrides 修改按钮圆角半径了Swiper:新增轮播组件Tag: 新增不同类型组件Link:新增链接组件,新增不同类型组件Image:新增图片组件,应用已有图标组件...;重构组件,补全了缺少组件,添加自适应逻辑Badge:解决徽标组件示例显示不正确问题,增加自适应逻辑Rate:解决了评分交互状态没说明弹窗问题Pagination:分页选择器样式更新Calendar...:重构组件内容,应用独立边框样式,补全了缺少组件Message:补全缺少组件Anchor:重构组件,应用独立边框样式Breadcrumb:重构组件,补全了缺少组件Dropdown:重构组件,补全了缺少组件...修复圆角半径错误问题,补全缺少组件Notification:修复圆角半径错误问题,补全了缺少组件Popconfirm:修复箭头小三角显示错误问题Avatar:修复图层样式应用错误问题,按尺寸新增头像类型

1.1K40

TDesign 更新周报(2022年6月第4周)

DatePicker: 重构DatePicker为composition API,全新UI样式及交互,新增DateRangePicker组件,替换此前range写法 ,存在不兼容更新TimePicker...Bug FixesDatePicker: 修复 datepicker format 导致高亮问题TimePicker: 修复在 datepicker 混用 不保留修改结果二次打开异常TimePicker...: 修复部分情况下由于 allowInput ref 问题导致保留改动结果错误DatePicker: 修复通过过快捷方式设置时间区间高亮数据异常DatePicker: 修复栅格情况下组件宽度 超过父级容器限制...for Web 发布 0.36.1Breaking Changesreset: 默认移除全局 reset 样式引入,可从 tdesign-react/dist/reset.css 单独引入,存在不兼容更新...React Starter 发布 0.1.5Features新增卡片列表页菜单路由配置hiddensingle功能Bug Fixes同步DatePicker组件升级改动详情见:https://github.com

1.2K20

TDesign 更新周报(2022年11月第1周)

#1556修复表格可编辑单元格验证错误不能被正常清除问题,issue#1637本地分页表格,使用拖拽排序,数据交换结果不正确,issue#1342Dialog: 修复参数 footer = false...时,footer 节点仍然渲染问题 @huangpiqiao (#1713)Datepicker: 修复 popupProps.onVisibleChange 方法不能正常触发问题 @xiaosansiji...: 修复12小时制时分显示异常 @uyarn (#1728)Dropdown: 修复下拉菜单可视无法完全受控问题 @uyarn (#1729)Checkbox: 修复Checkboxoptions...(#1936)修复在 JSX 中使用有告警异常 @uyarn (#1936)Form: 修复 onBlur 会清空校验状态问题 @k1nz (#1933)修正 date 规则 delimiters...format 之前值问题 issue#1634 @chaishi (#1635)Datepicker: 修复 popupProps.onVisibleChange 方法不能正常触发问题 @xiaosansiji

1.7K20

让Android做出IOS风格来!

我们在做webApp 开发时候,经常会碰到下拉菜单,二级甚至三级菜单联动需求。通常我们会用iscroll模拟个可以弹性滚动选择框,然后每次根据选择自己写一些回调逻辑。...Picker.js就是一个高仿 IOS UIPickerView效果筛选器组件,拥有非常流畅体验,由原生 JS 实现,不依赖任何插件第三方库。...Picker.js简介 Picker.js是一个纯用js+css3 transition特性构建纯h5滚动选择器,它能实现近似原生IOS datePicker滚动选择效果,同时利用js回调函数捕捉常用几个自定义事件来实现几列菜单级联效果...它基于纯CSS3动画实现滑动特效,动画流畅,各种webview,浏览器直接使用。比如数据联动。 如果我们使用原生DatePicker,流畅度可以保证。...但是IOS安卓UI不统一风格,而且选择内容固定为时间。 安装使用 Picker.js早期版本还依赖zepto.js gmu.js。

22220

TDesign 更新周报(2022 年 5 月第 1 周)

在TS中都必填问题 Datepicker:修复weekday英文翻译顺序问题 Others Table:TS 类型全部移入 interface.ts 文件,并导出 Calendar:对value属性功能进行修正...marks刻度节点点击事件无效问题 Dropdown:修复下拉菜单点击后报错 Menu:使用t-submenutemplate#icon无效问题 详情见:https://github.com/Tencent...BugFixes Picker:修复滑动延迟问题 Avatar:修复图标大小不随尺寸变化问题 Tabbar:修复样式告警问题 修复样式告警问题: ActionSheet ImageViewer Picker...Features Menu样式全新升级,布局更合理,视觉更平衡 Dropdown样式全新升级,优化间距展开样式 Select样式全新升级,信息更紧凑 Cascader样式全新升级,信息更紧凑 DatePicker...调整表格相关代码及展示,增加吸顶功能展示、去除minWidth使用等 BugFixes 修复分步表单页底部居中问题 修复顶部菜单栏下拉菜单与表单层级问题 详情见:https://github.com

5.3K50

TDesign 更新周报(2022年9月第4周)

@chaishi (#1562)行选中功能,数据变化时,选中数据依旧是变化前数据,tdesign-vue-nex#1722不提供expandedRowKeys绑定会报错 ,缺少判空,tdesign-vue-nex...Web 发布 0.23.0❗ Breaking ChangesUpload:autoUpload=false 时,增加 onChange 事件触发@chaishi (#1723)移除文档不存在 ... @chaishi (#1740)行选中功能,数据变化时,选中数据依旧是变化前数据,#1722 @chaishi (#1740)不提供expandedRowKeys绑定会报错 ,缺少判空,#1704...100%,缺少中间进度 问题 @chaishi (#1524)Input:修复input autoWidth 配置开启下,计算宽度时取 placeholder不正确问题 @yusongH (#1537... @AqingCyan (#1529)TagInput: 修复 react 16 版本 event 对象缺失 code 属性判断错误 @HQ-Lin (#1526)DatePicker: 修复输入框清空后关闭弹窗未重置问题

1.2K10

TDesign 更新周报(2022年9月第1周)

filter 能力 @skytt (#1427)修复过滤掉数据后上下键仍可以选择过滤外数据问题 @sechi747 (#1434)Button: 区分 loading  disabled 状态,修复幽灵按钮...multiple 时,设置 className 不起作用问题 @RainyLiao (#1441)修复表格部分元素无法随 Table 变化而改变问题,如:空数据等,tdesign-react#1319... @Isabella327 @uyarn (#1434)支持下拉菜单项向左展开 @uyarn @uyarn (#1434)优化下拉菜单样式 @Isabella327 @uyarn @uyarn (#1434...click 事件返回 label 值 @LeeJim (#841)Icon: 新增更多图标 @anlyyao (#838) Bug FixesTab: 修复滑块定位错误问题 @CodingOnStar...: 修复下拉菜单定位错误问题 @LeeJim (#836)Tabs: 修复垂直模式下内容区域绑定事件无效问题 @anlyyao (#837)Fab: 修复悬浮按钮随页面滚动问题 @anlyyao

2.6K20

element-ui图标偶现乱码问题原因修复方法

element-ui 图标 css 文件 sass 版本更新到 1.39.0,并且修改 vue.config.js 配置文件 css.loaderOptions.sass.sassOptions.outputStyle...、additionalData sassOptions: { outputStyle: 'expanded' } // fix: 解决 element-ui 图标 icon 偶现乱码问题...sass scss 其实是同一种东西,我们平时都称之为 sass,scss 是 sass 3 引入新语法,说白了 scss 就是 sass 升级版。...dart-sass 只支持两种输出格式outputStyle: expanded:输出跟我们平时开发手写css样式很像,选择器、属性等各占一行,属性根据选择器缩进,而选择器不做任何缩进 compressed...:输出方式删除所有无意义空格、空白行、以及注释,将文件体积压缩到最小,同时也会做出其他调整,比如会自动替换占用空间最小颜色表达方式 修改后重新编译部署发现源码浏览器中加载样式都没问题了: element-ui

77120

element-ui图标偶现乱码问题原因修复方法

element-ui 图标 css 文件sass 版本更新到 1.39.0,并且修改 vue.config.js 配置文件 css.loaderOptions.sass.sassOptions.outputStyle...为 expanded权衡之下选择了最优雅最后一种,不过并没有去更改 sass sass-loader 版本,只修改了 outputStyle 配置,这个不设置默认会是 compressed:修改后...sass scss 其实是同一种东西,我们平时都称之为 sass,scss 是 sass 3 引入新语法,说白了 scss 就是 sass 升级版。...dart-sass 只支持两种输出格式outputStyle:expanded:输出跟我们平时开发手写css样式很像,选择器、属性等各占一行,属性根据选择器缩进,而选择器不做任何缩进compressed...:输出方式删除所有无意义空格、空白行、以及注释,将文件体积压缩到最小,同时也会做出其他调整,比如会自动替换占用空间最小颜色表达方式修改后重新编译部署发现源码浏览器中加载样式都没问题了:

40220

TDesign 更新周报(2022年6月第3周)

,支持带有 offsetBottom  offsetTop 特性位置定位Select:修复 t-option 异步加载问题修复分组为空未展示分组名称问题优化虚拟滚动示例、修复 pagination...:重构 DatePicker 为 compositionAPI,全新UI样式及交互,移除 range api,分别导出 Datepicker 与 DateRangePicker,存在不兼容更新TimePicker...:重构TimePicker为 compositionAPI,全新UI样式及交互,disableTime API 有所调整, 调整交互为点击确认按钮保留改动, 直接关闭弹窗不保留改动恢复初始值,存在不兼容更新...FeaturesTable:筛选对话框输入筛选内容之后按回车应该按确定按钮一样Table:筛选功能支持自定义组件方式,示例:columns:[{ filter:{ component:DatePicker...Figma for Web 发布 1.2.1Featuresicon:新增 rollfront 图标、新增设计示例使用图标 move/leftRight/upDown/text/not-allowedfont

3K10

UI设计师必须知道 iOSAndroidAPP图标设计指南

尽管图标非常小,但图标会在App StoreGoogle Play显示,向用户传达app信息,并且安装后能在主屏幕上找到它,因此图标非常重要。...比如,设置应用程序图标多小啊! ? iOSAndroid设置应用程序图标 用户不需要试图理解设计师想法。设计师确保在多种尺寸实际设备上试用图标,并在必要时最终确定。...Slack是一个关于一致性好例子 如果他得到申请与预期不同,肯定会不开心。不要在图标包含屏幕截图界面元素 – 它可能会误导用户。相反,暗示应用程序功能,使用相同样式颜色。...例如每个交互模板不仅会导出各种大小图标,还会显示它在主屏幕App Store外观。它没有看起来那么难。接下来是Android应用程序图标!...Android应用程序 图标在材料设计规范,Google将有关Android应用程序图标的信息分为两部分:关于样式技术要求。

2K20

如何使用 React 构建自定义日期选择器(3)

正如您很快会注意到,在日期选择器渲染样式化组件是 Reactstrap 下拉组件样式扩展。 更新 Datepicker 组件以包含 render() 方法,如下面的代码片段所示。...最后,Calendar 组件在下拉菜单渲染,传递 state date onDateChanged 回调函数handleDateChange() 方法。...); } } export default App; 如果您按照本文代码片段进行操作,则应该在 React 应用程序渲染出一个可用自定义日期选择器。...结论 在本教程(1、2、3),您已经能够逐步了解如何构建一个定制 React 日期选择器组件,该组件可以作为原生 HTML5 日期选择器输入元素替代。...可以进一步改进,例如: 通过 props 实现 max min 日期 将输入类型从 “text” 切换到 “date” 更好可访问性改进 你可以在 react-datepicker-demo

7.9K10
领券