<commit_before># 新增

## CategoryPicker

新增组件 CategoryPicker，地址级联组件的最佳方案。

``` html
<CategoryPicker :option="option" v-model="value"/>
```

[相关文档](https://www.heyui.top/component/other/categorypicker)


## ImagePreview

新增组件 ImagePreview，图片预览列表。

``` html
<ImagePreview :datas="datas" @click="openPreview"/>
```

[相关文档](https://www.heyui.top/component/view/imagepreview)

## Modal

modal 支持自定义事件替换event事件，并支持多参数传递。

``` javascript
// 直接使用emit触发外部的events监听，兼容性 1.18.0+
   this.$emit('success', this.value, 'test');
```

[相关文档](https://www.heyui.top/component/message/modal#Modal%E8%B0%83%E7%94%A8%E7%BB%84%E4%BB%B6)

## Pagination

支持 v-model 分页控制。

``` html
<Pagination v-model="pagination" @change="getData"></Pagination>

pagination: {
  page: 1,
  size: 10,
  total: 100
}

```

[相关文档](https://www.heyui.top/component/data/view/page)

## Tree

新增 expand 方法，可以通过 key 指定打开哪些节点。

``` javascript
this.$refs.tree.expand([1,2,3]);
```

[相关文档](https://www.heyui.top/component/plugin/tree)

## Button

新增属性 transparent ，按钮是否背景透明。

``` html
<Button transparent text-color="primary">主色系按钮</Button>
```

[相关文档](https://www.heyui.top/component/basic/button)

## TimelineItem

新增属性 icon

``` html
<TimelineItem icon="h-icon-task">
  <div slot="time">
    <p>2012-12-23</p>
    <p>天气晴</p>
  </div>
  <div slot="content">蒙古的草原</div>
</TimelineItem>
```

[相关文档](https://www.heyui.top/component/view/timeline)

## FormItem

新增属性 icon ，显示图标。

``` html
<FormItem label="密码" icon="h-icon-complete" prop="password">
  <input type="password" v-model="model.password">
</FormItem>
```
新增 slot label，自定义slot。

``` html
<FormItem label="用户名" prop="name">
  <template v-slot:label><i class="h-icon-user"></i> 用户名</template>
  <input type="text" v-model="model.name">
</FormItem><commit_msg>docs: update logs<commit_after># 新增

## CategoryPicker

新增组件 CategoryPicker，地址级联组件的最佳方案。

``` html
<CategoryPicker :option="option" v-model="value"/>
```

[相关文档](https://www.heyui.top/component/other/categorypicker)


## ImagePreview

新增组件 ImagePreview，图片预览列表。

``` html
<ImagePreview :datas="datas" @click="openPreview"/>
```

[相关文档](https://www.heyui.top/component/view/imagepreview)

## Modal

modal 支持自定义事件替换event事件，并支持多参数传递。

``` javascript
// 直接使用emit触发外部的events监听，兼容性 1.18.0+
   this.$emit('success', this.value, 'test');
```

[相关文档](https://www.heyui.top/component/message/modal#Modal%E8%B0%83%E7%94%A8%E7%BB%84%E4%BB%B6)

## Pagination

支持 v-model 分页控制。

``` html
<Pagination v-model="pagination" @change="getData"></Pagination>

pagination: {
  page: 1,
  size: 10,
  total: 100
}

```

[相关文档](https://www.heyui.top/component/data/view/page)

## Tree

新增 expand 方法，可以通过 key 指定打开哪些节点。

``` javascript
this.$refs.tree.expand([1,2,3]);
```

[相关文档](https://www.heyui.top/component/plugin/tree)

## Button

新增属性 transparent ，按钮是否背景透明。

``` html
<Button transparent text-color="primary">主色系按钮</Button>
```

[相关文档](https://www.heyui.top/component/basic/button)

## TimelineItem

新增slot icon

``` html
<TimelineItem>
  <i class="h-icon-user primary-color" slot="icon"></i>
  <div slot="time">2012-12-23</div>
  <div slot="content">到达呼伦贝尔</div>
</TimelineItem>
```

[相关文档](https://www.heyui.top/component/view/timeline)

## FormItem

新增属性 icon ，显示图标。

``` html
<FormItem label="密码" icon="h-icon-complete" prop="password">
  <input type="password" v-model="model.password">
</FormItem>
```
新增 slot label，自定义slot。

``` html
<FormItem label="用户名" prop="name">
  <template v-slot:label><i class="h-icon-user"></i> 用户名</template>
  <input type="text" v-model="model.name">
</FormItem>
{'fraction_non_alphanumeric': 0.20755781161872533, 'fraction_numerical': 0.019176536943034405, 'mean_word_length': 5.27787610619469, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 53, 'https://': 14, 'lorem ipsum': 0, 'www.': 14, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3039660', 'n_tokens_mistral': 1654, 'n_tokens_neox': 1668, 'n_words': 211}