# TypoText

## 何时使用

+ 当需要基于文本的基础操作时，如拷贝/省略/可编辑

### 基本使用

@[demo](demo/basic.vue)

### 交互性

@[demo](demo/interactive.vue)

### typo-text props

| 参数  | 说明     | 类型   | 可选值 | 默认值
| ----- | -------- | ------ | ------ | ------ |
| type | 主题 | string | success / warning / info / error  | '' |
| disabled | 禁用文本 | boolean | true/false  | false |
| copyable | 复制对象 | boolean/object | 见copyable的介绍 | 默认的copyable对象 |
| is-editing | 是否处于编辑态 | boolean | true/false | false |
| editable | 编辑对象 | boolean/object | 见editable的介绍 | 默认的editable对象 |

### editable slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| copy-icon | 复制前icon | - |
| copyed-icon | 复制后icon | - |
| edit-icon | 编辑的icon | - |

### copyable props

| 参数  | 说明     | 类型   | 可选值 | 默认值
| ----- | -------- | ------ | ------ | ------ |
| text | 复制文本 | string | -- | 'typo-text文本内容' |
| icon | 复制icon | array | Icon图标  | ['copy','check'] |
| tooltips | 提示信息 | boolean/array,为false时不提示 | -- | ['复制', '复制成功'] |
| on-copy | 复制成功 | function | -- | -- |

### copyable slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| copy-icon | 复制前icon | - |
| copyed-icon | 复制后icon | - |


### editable props

| 参数  | 说明     | 类型   | 可选值 | 默认值
| ----- | -------- | ------ | ------ | ------ |
| icon | 编辑icon | string | Icon图标 | 'edit' |
| tooltip | icon tips | boolean/string 为false时不提示 | -- | false |
| maxlength | 文本框最大字符数 | number | -- | 5000 |
| auto-size | 文本框行/列数 | boolean/object | -- | true |
| on-start | 开始编辑触发 | function | -- | -- |
| on-change | 更改文本触发 | function | -- | -- |

### editable slots
| name | 说明 | slot-scope |
| --- | --- | --- |
| edit-icon | 编辑的icon | - |