# ClXeditable Xeditable

> 行内编辑组件，点击文本直接编辑

- **标签名**: `<cl-xeditable>`
- **引入**: `import { ClXeditable } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 |  |
| classNameLabel | `String` | `` | 否 |  |
| value | `String, Number` | `` | 否 |  |
| label | `String` | `` | 否 |  |
| subUnitOptions | `Object` | `` | 否 |  |
| subUnitList | `Array` | `` | 否 |  |
| submitCallback | `Function` | `` | 否 |  |
| isUseOnSubmitCheck | `Boolean` | `false` | 否 |  |
| appendContainer | `String` | `` | 否 |  |
| isCheckValidate | `Boolean` | `false` | 否 |  |
| validateRules | `Array` | `` | 否 |  |
| checkValidateCallback | `Function` | `` | 否 |  |
| isUseEllipsis | `Boolean` | `false` | 否 |  |
| classNameEllipsis | `String` | `` | 否 |  |
| isAutoTooltip | `Boolean` | `true` | 否 |  |
| clickEditPoint | `String` | `'value'` | 否 |  |
| isShowEditValue | `Boolean` | `true` | 否 |  |
| isShowEditIcon | `Boolean` | `false` | 否 |  |
| editIcon | `String` | `'clIconFont clIcon-edit'` | 否 |  |
| isSubmitCleanValue | `Boolean` | `false` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| iconLabel | iconLabel 插槽 |
| customForm | customForm 插槽 |
| label | label 插槽 |
| dropdown | 下拉内容插槽 |

## 方法

| 方法 | 说明 |
|------|------|
| setOnSubmitResult() |  |

## 基础用法

```vue
<cl-xeditable></cl-xeditable>
```
