@aliretail/react-materials-components/demo/LandlineNumber/README.md

B 端物料组件库

---
title: LandlineNumber-API
order: 3
category: UI
description: LandlineNumber 组件描述
screenshot: https://gw.alicdn.com/imgextra/i2/O1CN01yW3hCD1M8CnqeKFlq_!!6000000001389-2-tps-90-90.png
---

座机组件

## API

| 参数名             | 说明         | 必填 | 类型                   | 默认值 | 备注                               |
| ------------------ | ------------ | ---- | ---------------------- | ------ | ---------------------------------- |
| hasExtensionNumber | 是否有分机号 | N    | boolean                | true   |                                    |
| required           | 是否是必填   | N    | boolean                | false  | 必填情况下没有填写内容组件内会报错 |
| value              | 本组件的值   | N    | IValue                 | false  | {}                                 |
| onChange           | 改变值的方法 | N    | (val: IValue) => void; | false  | () => {}                           |
| disabled           | 是否不可编辑 | N    | boolean                | false  |                                    |
| readOnly           | 是否只读状态 | N    | boolean                | false  |                                    |
| isPreview          | 是否是预览态 | N    | boolean                | false  |                                    |

#### IValue

```
interface IValue {
  areaCode: string; // 区号
  seatNumber: string; // 座机号
  extensionNumber?: string; // 分机号
}
```

#### 组件内部校验

组件必须使用数字字符串，否则无法输入

区号最大长度为 4

座机号最大长度为 11

#### 可以通过执行组件实例的 validate 进行组件内部验证并返回错误信息

```
errorMsgMap = {
  areaCode: '区号不能为空',
  seatNumber: '座机号不能为空',
  extensionNumber: '分机号不能为空',
};
```