RepositorySys/wwwroot/steps/更新日志.md

微信扫码关注公众号，代码整理好后第一时间通知你。

# steps 2.0 主打内容排序——更新日志 #

## 2018-12-13 ##

1. `dataWidth`支持值的变更，以前是设置某个值，设置规则为`'0 0 ' + 设置值`，但这样会影响`flex`的伸缩性，所以现在需要设置3个值，分别表示`flex-grow`/`flex-shrink`/`flex-basis`，也就是这里需要设置的值是上面上个属性值的缩写：`flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]`，也可以直接使用以下的两个快捷值：`auto`表示`(1 1 auto)` 和 `none`表示`(0 0 auto)`。例如：

```javascript
var steps10 = steps({
    el: "#steps10",
    data: [
        { title: "步骤1", description: "111" },
        { title: "步骤2", description: "222" },
        { title: "步骤3", description: "333" }
    ],
    direction: "vertical",
    dataOrder: ["title", "line", "description"],
    dataWidth: ["0 0 100px", "none", "auto"]
});
```

2. `dataWidth`未设置时，默认都为`none`，也就是`(0 0 auto)`。

## 2018-11-07 ##

1. 暂时移除使用`classList`来为`.step`的父元素添加自定义的class。

## 2018-11-06 ##

1. 将工具函数中`extend`修复为深拷贝。
2. 整理重构部分代码。
3. 在横向模式下，`.step`增加`align-items: flex-start;`样式；在横向并且`center: true;`的情况向`.step`增加`align-items: center;`样式；防止`.step-title`、`.step-description`总是占满一整行，修改样式不方便。