Skip to content

Release 13.1.0
Compare
Choose a tag to compare
@why520crazy why520crazy released this 19 Jul 14:05
· 1259 commits to master since this release
13.1.0
fd1c5b1

新组件

  • 新增Action组件模块，另一个即时操作组件，包含thy-action(thyAction指令)和thy-actions组件
  • 新增Dot组件模块，展示点的组件，包含thy-dot(thyDot指令)组件
  • 新增Segment组件模块，分段控制器组件，包含thy-segment和thy-segment-item组件
  • 新增Tag组件模块，标签组件，包含thy-tag(thyTag指令)组件，用于替换之前的thy-label

新特性

  • Layout 侧边栏新增 thy-sidebar-header thy-sidebar-content和thy-sidebar-footer布局组件，并调整样式
  • Layoutthy-header组件大小和样式调整，'sm' | 'md' | 'lg' | 'xlg' 高度分别为 48px, 52px, 56px, 60px(目前100px)
  • Layoutthy-sidebar新增thyCollapsible和thyCollapsed展开收起功能以及宽度拖拽的样式调整
  • Layoutthy-sidebar新增thyTrigger设置展示收起的触发器自定义模板，默认显示展开收起的圆形图标，设置为 null 表示不展示触发元素，手动控制展开收起状态
  • Layoutthy-sidebar新增thyTheme: 'white' | 'light' | 'dark' 主题，dark 为后续扩展保留
  • Tablethy-table新增thyLayoutFixed属性设置表格布局固定模式
  • Tablethy-table新增thyMinWidth属性设置表格最小宽度
  • Tablethy-table-column新增thyMinWidth属性设置列最小宽度（需要注意只有存在宽度auto列的情况才会有效）
  • Tablethy-table-column新增thyOperational属性设置操作列
  • Tablethy-table-column新增thySecondary属性设置次要列，次要列颜色变淡
  • Tablethy-table-column新增thySortable、thySortDirection和(thySortChange)设置列排序功能
  • Tablethy-tablethyTheme 新增boxed模式
  • Tablethy-table大小和样式调整，'xs' | 'sm' | 'md' | 'lg' | 'xlg' 高度分别为: 44px, 48px, 52px, 56px, 60px(目前64px)
  • Navthy-nav新增pulled模式，替换之前的primary，将来会逐步把 primary | secondary | secondary-divider | thirdly 类型去掉，将来会支持 pulled | tabs | lite | pill | slider | wrapped模式
  • Navthy-nav组件调整样式和大小，'sm' | 'md' | 'lg' 高度分别为: 48px, 52px, 56px，大小和类型无关
  • NavthyNavLink改名为thyNavItem，暂时保留了thyNavLink，将来会去除
  • NavthyNavItem 新增thyNavItemDisabled属性设置禁用导航项
  • Space 组件间距调整，大小支持 'zero' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xlg' 和自定义数字，分别为: 0px, 4px, 8px, 12px, 16px, 20px, 24px, 28px
  • Menuthy-menu新增thyTheme属性设置主题, 值为: 'compact' | 'loose' | 'dark', 默认为compact
  • Menuthy-menu-group新增thyCollapsible和thyCollapsed设置展开收起，默认不支持展开收起，同时支持headerContent设置分组头内容
  • Menuthy-menu-item新增thyIcon设置图标
  • Dividerthy-divider组件新增thyColor设置分割线的颜色，默认 #eee，light 为 #ddd，primary 主色，success 成功色，warning 警告色，danger 危险色
  • Cardthy-card组件大小调整，可选值为：sm、md、lg
  • Cardthy-card组件新增thyBordered设置卡片边框
  • Emptythy-empty组件修改默认空图标以及样式，并提供preset-light内置图标，适用有背景色的场景
  • Spacethy-space组件调整大小，thySize 支持 'zero' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xlg' 和自定义数字大小
  • 修改thy-dropdown-menu菜单和 Popover 弹出框的阴影和边框
  • Breadcrumb 样式调整，Item 支持图标+文字的场景
  • Dialog 修改间距，默认去除头部边框，thy-dialog-header新增thyDivided设置边框
  • Slide 修改阴影和边框
  • Calendar 修改阴影和边框
  • Dropdown 默认设置hasBackdrop为false，修改placement默认为bottomLeft
  • DropdownthyDropdown 支持模板和组件菜单且新增基类ThyDropdownAbstractMenu实现菜单组件
  • Dropdown 使用thy-divider替换thy-dropdown-menu-divider
  • Dropdown 添加thyActiveClass实现弹出菜单的 Origin 元素激活样式
  • Input 修改图标颜色为 $gray-400(#cacaca)，图标大小为 14px
  • Inputthy-input-group新增prefix和suffix模板代替之前thy-input组件的append和prepend，实现输入框的完全自定义
  • Inputthy-input-search组件thyTheme属性新增transparent实现透明无边框的效果
  • Progress 设置一个最小宽度，当百分比很低的时候可以展示进度
  • Alert 新增thyTheme属性支持'fill' | 'bordered' | 'naked'，以及样式调整
  • Select 新增thyAutoActiveFirstItem属性设置是否自动 Active 第一个元素
  • Badge 新增thyContent替换thyContext
  • Styles 修改 spacer to 0-10(4px、8px、12px、16px、20px、24px、28px、32px、36px、40px)，和 thy-space 组件保持大小一致
  • Tree 展开收起箭头颜色默认为#999999 移入以后改为#666666
  • Tree ThyTreeNodeData 新增itemClass参数设置节点的样式类，实现自定义样式
  • Image 新增thyResolveSize属性支持自动计算预览图片大小
  • Avatar 名字的间距改为 8px
  • 废弃thy-label组件，使用thy-tag替换

缺陷修复

  • Notify 修复在模态框下弹出提示被遮盖的问题
  • Transfer 修复固定列不能拖拽到非固定列的问题
  • DialogsupperLg改为superLg修复单词拼写错误
  • Form 修复按 Tab 键不能聚焦到下一个输入框的问题
  • Progressthy-progress组件修改primary类型为主色
  • Button 在thy-button-group组件中，only-icon 模式下的大小调整，宽高相同
  • 修复 Dropdown 子菜单上下弹出被遮罩隐藏的问题
  • 修复 Tree 在 safari 等有些版本的浏览器下，出现横向滚动条的问题
Assets 2
Loading