v2.1.5(2016.10.19)
修复
- fix
yo-switch中跟随色块区域的尺寸和圆角问题;
新增:
yo-slidermenu新增向右滑动的类.action-right;
v2.1.4(2016.8.29)
新增:
yo-actionsheet新增item-light重要操作状态;- 新增隐藏页面滚动条的
reset定义;
修复
- fix
yo-tab在dpr=3时,Node-sass新版编译除法表达式出现的问题。把1/3改为.33333;
变更
- 移除
yo-switchable中的$has-btn参数,无按钮时,移除 DOM 即可;
v2.1.3(2016.7.4)
新增:
- add
is-text-size-adjust参数- 为
$setting添加is-text-size-adjust参数用于决定是否允许横竖屏时字号动态调整
- 为
变更:
- change
yo-list:- 去除第一个
.item的上边线;
- 去除第一个
- change
"#{}"- Node-sass新版对
"#{}"的处理发生变化,会将双引号保留。所以移除gradient,transitionmixin 中使用了"#{}"的双引号,改成#{}
- Node-sass新版对
修复
- fix
yo-select:- 修复在
dpr=3时,Node-sass新版编译除法表达式出现问题。把1/3改为0.33333
- 修复在
v2.1.2(2016.5.23)
新增:
- add
yo-search,用以各种搜索框; - add
yo-toolbar,用以展示工具条; - add
yo-card,用以展示卡片元件;
变更:
- change
yo-select,修改内部实现,精简代码层级,Kami需要重写该组件; - change
yo-switch:- 将默认宽度由
.6rem修改为.5rem; - 移除
$border-color,$checked-border-color参数; - 新增
$follow-bgcolor参数用以指定跟随元素的背景色;
- 将默认宽度由
- change
yo-list:- 移除item的opacity设定,改用z-index:0来替代;
- 改变内部子项的边线实现方式;
- 最后一根边线存在与否改由
$border-width 决定,移除$has-last-border参数; - 移除
$detail-font-size,$detail-color,$info-font-size,$info-color参数,改布局交由新元件yo-card来承担;
- change
yo-dialog:- 移除外边框阴影设置
$shadow-opacity参数; - 移除
$hd-height和hd-bgcolor参数;
- 移除外边框阴影设置
- change
yo-switchable:- 移除索引和前进后退按钮3d偏移,减少复合层的数量;
- change
yo-actionsheet:- 从 widget 移到了 fragement 类别;
- 改用absolute替代fixed,同时去除filter effect,减少复合层;
- change:
- 将
yo-vcode移到了 fragment 类别; - 后续计划将 widget 类别全部迁移到 fragement ,kami对应的应该是各种 fragement 的拼合文件,Yo 不直接提供某个具体的组件
- 将
- change:
— 为
merge-config和merge-extra文件添加!global关键字,解决node-sass3.4.2以上版本的编译错误
删除:
- 删除
yo-popup组件; - 删除
yo-btnbar组件;
v2.1.1(2016.2.19)
新增:
- add:
yo-actionsheet用于底部滑出菜单- 为
$z-index map增加actionsheet参数,用于指定yo-actionsheet的层叠级别; - 为
yo-actionsheet新增$actionsheetmap,用于设置yo-actionsheet的基础定义;
- 为
- add:
yo-tip方向箭头- 为
yo-tip添加一个子元素用来指定箭头,top | right | bottom | left 可以确定箭头的方向,箭头的位置由业务自己计算 - 添加
$arrow-size参数用于指定箭头的大小
- 为
- add:
- 为
yo-datepicker增加“今天是节日的情况”显示规则; - 为
yo-datepicker增加日期段Range选中背景显示规则;
- 为
变更:
- change
yo-select,默认子项有初始高度;
v2.1.0(2015.12.21)
新增:
- add
frist($list)function,用于取出Sass List中的第一项; - add
last($list)function,用于取出Sass List中的最后一项; - add
nth-last($list, $index)function,用于取出Sass List中的倒数第n项; - add
remove($list, $value)function,用于移除Sass List中的$value; - add
slice($list, $start, $end)function,用于取出Sass List中被选中的项; - add
splice($list, $index, $count, $values)function,用于移除Sass List中的项,并添加新项; - add
$has-last-borderforyo-list,用于指定最后一项是否需要底边线;
变更:
- change
perfixmixin 为私有_perfix; - change
yofontmixin 为私有_yofont; - change
gradientmixin 的内部实现; - change
transitionmixin 的内部实现; - 为
selectlist添加对yo-checked的依赖;
v2.0.0(2015.12.7)
请谨慎升级v2.0.0版本,因为这是大版本,涉及到很多变更
新增:
- add:
yo-vcode- 新增
yo-vcode用于验证码或者密码输入组件
- 新增
- add:
yo-breadcrumb- 新增
yo-breadcrumb面包屑
- 新增
- add:
yo-proportion- 新增
yo-proportion用于展现占比情况
- 新增
- add:
响应式断点- 新增
xs, s, m, l, xl5类响应式断点,用于支持响应式设计
- 新增
- add:
global classes- 新增
align方法用于处理元素水平及垂直对齐方式,默认为居中 - 新增
transform-style,perspective,perspective-origin,backface-visibility,flex-flow方法
- 新增
- add:
global function- 新增了
function文件,用以后续扩展Sass内置的函数
- 新增了
变更:
(*)change:
1px边框方法(全平台兼容)- 新增
border方法用于处理retina屏1px边框,移除原viewport scale方案 移除原始用于
1px方案的$setting is-ios-1pixel设置原因:
- 原方案利用viewport缩放(需引入额外的js),这会改变layout viewport尺寸,进而影响响应式设计;
- 原方案安卓未实现,因为Android4.3及以下不支持initial-scale除1之外的设置;
- 新增
- (*)change:
bordercolor变量- 将所有带
bordercolor关键字的变量都重命名为border-color,因为早期的时候命名不严谨导致吐槽激烈,特在此大版本中全部修正
- 将所有带
- (*)change:
- 不再强制要求升级
Yo时业务对比config和variables的一致性; - 需要注意的是
variables中map使用_开头,而config中不需要_,例如:$_list->$list; - 从
variables中将base map拆分到新文件base,同时在config中新增extra文件用以对应该文件; - 用户可以在
extra文件中配置,扩展或者新增map;
- 不再强制要求升级
- change:
yo-btn- 将原来统一的灰色禁用按钮更改为每个按钮的禁用外观取决于自身的本来颜色
- change:
yo-number- 移除
$disabled-sign-color参数; - 新增
$outer-radius参数; - 新增
$outer-border-width参数; - 新增
$inner-radius参数; - 新增
$inner-border-width参数; - 新增
$font-size参数;
- 移除
- change:
yo-flex- 移除
$box参数;
- 移除
- change:
wrapmixin- 新增
$is-wrap参数(Boolean),用于指定文本遇见边界时是否换行;
- 新增
- change:
yo-list- 新增
$detail-font-size参数,用于指定详情区域的字号; - 新增
$detail-color参数,用于指定详情区域的文本色; - 新增
$info-font-size参数,用于指定描述区域的字号; - 新增
$info-color参数,用于指定描述区域的文本色; - 新增
$more-font-size参数,用于指定更多区域的字号; - 新增
$more-color参数,用于指定更多区域的文本色;
- 新增
- update: 内部处理
yo-rating,yo-score,yo-range在Node-Sass3.4.1-3.42下编译出错的问题
删除
- del:
alignmentmixin - del:
valignmixin
再次重申:将你的flex子项设置为非行内级元素,Yo会缓步移除对这种内部容错的代码
v1.8.7(2015.10.23)
- update:
yo-datepicker- 为
weeks容器添加relative - 解决
disabled状态被扩展覆盖的问题
- 为
v1.8.6(2015.10.16)
- update:
yo-btn- 更新
config对于yo-btn的高度和字号设置
- 更新
- rename:
yo-dblist- 重命名
yo-dblist为yo-doublelist。业务回归请注意
- 重命名
v1.8.5 (2015.10.8)
- update:
yo-group,yo-dblist- 调整内部实现
- update:
- 拆分
classes构造方法到各独立模块
- 拆分
- update:
core classes- 更新弹性盒相关方法,支持
FirefoxandIE - 新增
align-content()方法,用于支持多行弹性容器侧轴对齐方式
- 更新弹性盒相关方法,支持
- update:
yo-datepicker- 恢复该组件内部的flex布局
v1.8.4 (2015.9.7)
- update:
yo-rating- 增加
readonly状态用于只读
- 增加
- update:
yo-list- 增加
yo-slidermenu在yo-list内部使用时,有按下反馈
- 增加
- update:
yo-datepicker- 移除该组件内部的flex布局
- add:
kami- 增加
kami入口文件目录
- 增加
v1.8.3 (2015.8.20)
- update:
yo-flex,yo-loadtip,yo-dialog,yo-badge- 调整内部实现,升级时可以不用回归
- update:
yo-tab- 新增
width参数用以设置tab组件宽度
- 新增
- update:
fullscreenmixin- 新增
position参数用以定位方式,默认为absolute
- 新增
v1.8.2 (2015.8.4)
- update:
yo-list- 修复item底边线的问题
- update:
yo-btn- 移除按钮内1px高亮定义
- 更改 disabled 状态定义
- update:
flexmixin方法- 如果横向排列时使用flex方法如下:
@include flex(n); - 如果纵向排列时使用flex方法如下:
@include flex(n, column);
- 如果横向排列时使用flex方法如下:
v1.8.1 (2015.7.16)
- update:
reset- 新增一条重置规则
用于抹平各浏览器差异,去除输入时的input[type="search"]::-webkit-search-cancel-button { @include appearance; }x按钮
- 新增一条重置规则
- add:
yo-datepicker - update:
yo-list- 修复item最后一根线在mate7上的重叠问题
- 修复item底边线在QQ X5上不支持background-position取4个值的问题
v1.8.0 (2015.6.29)
- update:
yo-header- 新增
item-ico-color参数用以两侧ico颜色
- 新增
- add:
yo-align- 新增
yo-align布局方式,用于设置元素的水平及垂直对齐方式
- 新增
- update:
yo-btn- 新增
width,height2个变量用于控制按钮大小
- 新增
- update:
yo-list- 新增
item-border-space变量用于控制列表项底线距左边的间隙
- 新增
v1.7.0 (2015.6.3)
- update:
- 修订了
transitionglobal classes 方法 - 给所有的
yo-xxx方法增加了增量扩展的特性,当你自定义button时,可以这样写:@include yo-btn( $name: test, $border-width: .02rem $bgcolor: red ){ // 这里可以用来增量定义当前 `yo-btn` 方法没有提供的参数扩展 postion: absolute; top: 0; left: 0; }
- 修订了
- add:
- 新增了
calcglobal classes 方法 - 新增了
fullscreenglobal classes 方法,可传入z-index值
- 新增了
v1.6.0 (2015.5.25)
- add:
- 新增了
background-clipglobal classes 方法 - 新增了
background-originglobal classes 方法 - 新增了
border-radiusglobal classes 方法,在其内部处理了某些Android Browser上“边框+背景”,背景溢出圆角的问题
- 新增了
- add:
yo-panel- 新增
yo-panel,以后会缓步替代yo-group
- 新增
- update:
yo-searchyo-search更名为yo-suggest- 去除
非独占形态下的取消按钮 - 新增输入时loading状态
- update:
ani- 新增
rotate动画
- 新增
v1.5.0 (2015.4.30)
- update:
yo-tab- 删除tab子项的:active状态
- 选中状态只保留
item-on类名,删除on
- update:
yo-loading- loading换成webfonts
size参数改成ico-sizecolor参数改成ico-color- 新增
font-size参数用以控制文本大小 - 新增
color参数用以控制文本颜色 - 新增
content参数用以控制loading的形态,可传入webfonts编码
- update:
- 删除元素
yo-checkbox和yo-radio,如已使用可以直接改用yo-checked
- 删除元素
v1.4.0 (2015.4.16)
- update:
- 删除了
layout.scss,如果当前页面需要设置root是否允许滚动,使用root-scroll()方法 - 新增
yo-flex弹性布局方法
- 删除了
- update:
flex方法- 删除
flex方法的display: block设置,如果参与flex布局,请自行使用非inline元素
- 删除
- update:
yo-badge- 新增
padding参数用于设置内补白 - 新增
border-width参数用于设置边框厚度
- 新增
- update:
yo-btn- 新增
border-width参数用于设置边框厚度
- 新增
- update:
yo-checked- 删除
type参数,不再使用该参数设置来判定使用哪个标记 - 新增
content参数用于设置标记,可以直接传字符或者iconfont - 新增
font-size参数用于标记大小 - 新增
border-width参数用于设置边框厚度 - 新增
color参数用于未选中状态时的标记颜色
- 删除
- add
background-size方法 - update:
yo-header- 增加
item-ico-size参数,用于设置两侧ico的大小
- 增加
- update:
yo-list- 删除
is-outline参数,新增border-width参数用于设置外边框厚度 - 增加
on-color参数,用于设置列表项选中时文本色 - 删除列表项的
min-height定义
- 删除
- update:
yo-search- 增加
cancel-width参数,用于设置取消按钮区域的宽度
- 增加
v1.3.1 (2015.3.27)
- update:
yo-switchable参数配置 - update:
yo-btn- 增加
active-bordercolor,active-bgcolor,active-color参数,用于设置按钮按下时的边框、背景、文本颜色;
- 增加
- update:
yo-tab- 删除
is-border,is-item-border,on-bordercolor参数; - 新增
border-width参数,用于设置tab的外边框厚度; - 新增
radius参数,用于设置tab的圆角大小; - 新增
item-border-height参数,用于设置tab子项间隔线的高度; - 新增
item-bordercolor参数,用于设置tab子项间隔线的颜色;
- 删除
- add: 新增分值元素
yo-score; - add: 新增双list
yo-dblist; - update: 建议单选和多选都使用
yo-checked,后续考虑将yo-checkbox及yo-radio删除,尽量不要使用,之前使用过最好及时替换; - update:
yo-checked- 删除
is-border参数,不再使用该参数来设定是否有边框,利用原有bordercolor参数,当值为transparent时,则无边框; - 删除
disabled-color参数,Yo所有元素的禁用色都改为继承$basemap; - 增加
radius参数用于设置圆角; - 增加
on-bordercolor参数用于设置激活边框色; - 增加
on-bgcolor参数用于设置激活背景色;
- 删除
- update: yo-rating 外观
- 增加
url参数用于改变 yo-rating 的外观;
- 增加
v1.2.0 (2015.3.20)
- update: yo-checkbox 增加圆角参数;
- update: yo-list 增加label和item的颜色参数,字号参数;为item设定最小高度;
- update: yo-header 两侧文本色参数;
- update: yo-group 无数据状态;
- update: yo-tab 增加对ico大小,文本大小的参数配置,并删除默认的横向文本大小设定;
- update: yo-ico 删除 .eot 及 .svg 字体;
- update: yo-loadtip 增加加载失败和成功,同时增加下拉/释放图标动画;
- fixed: yo-group 滚动时顶部溢出;
- fixed: yo-switchable 在小米4上,当使用translatez/translate3d偏移时,会覆盖在其它层级比自身高的元素之上;
- add yo-rating;
- add yo-panel;
- fixed: fixed yo-switch handle bug on samsung s4;
v1.1.0 (2015.3.12)
- add yo-loadtip
- update: add disabled status for yo-select
- add demo index page
- update: add border for yo-badge
- update: add width 100% for yo-switchable wrap
v1.0.0 (2015.3.9)
- 新增 widget yo-switch,并移除 element yo-switch;
- 新增 widget yo-switchable
- 修订 widget yo-select背景色问题