# leaflet-map-view

**Repository Path**: taoxiang_cqkj/leaflet-map-view

## Basic Information

- **Project Name**: leaflet-map-view
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-23
- **Last Updated**: 2024-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 组件配置说明

## 1.input 文本输入

### Props

| 参数          | 说明       | 类型      | 默认值   |
| :---------- | :------- | :------ | :---- |
| placeholder | 占位提示文字   | String  | 无     |
| leftText    | 输入框左侧的文本 | String  | 无     |
| rightText   | 输入框右侧的文本 | String  | 无     |
| disabled    | 是否禁用输入框  | Boolean | false |

## 2.inputNumber 数字输入

### Props

| 参数          | 说明        | 类型      | 默认值    |
| :---------- | :-------- | :------ | :----- |
| placeholder | 占位提示文字    | String  | 无      |
| leftText    | 输入框左侧的文本  | String  | 无      |
| rightText   | 输入框右侧的文本  | String  | 无      |
| disabled    | 是否禁用输入框   | Boolean | false  |
| placement   | 控制气泡的弹出位置 | String  | bottom |
| maxlength   | 最大输入位数    | Number  | 6      |

## 3.select 单选选择

### Props

| 参数                  | 说明              | 类型      | 默认值                                                    |
| :------------------ | :-------------- | :------ | :----------------------------------------------------- |
| selectList          | 对象数组，配置每一列显示的数据 | Array   | 无                                                      |
| placement           | 控制气泡的弹出位置       | String  | bottom                                                 |
| pickerWidth         | 气泡弹出窗口的宽度       | String  | 300px                                                  |
| columns-field-names | 自定义数据结构中的字段     | Object  | { text: 'text', value: 'value', children: 'children' } |
| disabled            | 是否禁用            | Boolean | false                                                  |

### Events

| 事件      | 说明         | 默认值                                                               |
| :------ | :--------- | :---------------------------------------------------------------- |
| confirm | 点击完成按钮时触发  | { selectedValues, selectedOptions, selectedIndexes }              |
| change  | 选中的选项改变时触发 | { selectedValues, selectedOptions, selectedIndexes, columnIndex } |

## 4.selectMultiple 多选选择

### Props

| 参数                  | 说明              | 类型      | 默认值                                                    |
| :------------------ | :-------------- | :------ | :----------------------------------------------------- |
| selectList          | 对象数组，配置每一列显示的数据 | Array   | 无                                                      |
| placement           | 控制气泡的弹出位置       | String  | bottom                                                 |
| pickerWidth         | 气泡弹出窗口的宽度       | String  | 300px                                                  |
| columns-field-names | 自定义数据结构中的字段     | Object  | { text: 'text', value: 'value', children: 'children' } |
| disabled            | 是否禁用            | Boolean | false                                                  |

### Events

| 事件     | 说明         | 默认值     |
| :----- | :--------- | :------ |
| change | 选中的选项改变时触发 | \[item] |

## 5.date 日期选择

### Props

| 参数          | 说明                                                           | 类型      | 默认值    |
| :---------- | :----------------------------------------------------------- | :------ | :----- |
| title       | 顶部栏标题                                                        | String  | '选择日期' |
| placement   | 控制气泡的弹出位置                                                    | String  | bottom |
| pickerWidth | 气泡弹出窗口的宽度                                                    | String  | 300px  |
| disabled    | 是否禁用                                                         | Boolean | false  |
| separator   | 时间格式分隔符                                                      | String  | -      |
| minDate     | 可选的最小时间，精确到日                                                 | Date    | 十年前    |
| maxDate     | 可选的最大时间，精确到日                                                 | Date    | 十年后    |
| columnsType | 通过columns-type 属性可以控制选项的类型，支持以任意顺序对 year、month 和 day 进行排列组合。 | Array   | 无      |

## 6.time 时间选择

### Props

| 参数          | 说明                                                               | 类型      | 默认值                           |
| :---------- | :--------------------------------------------------------------- | :------ | :---------------------------- |
| title       | 顶部栏标题                                                            | String  | '选择日期'                        |
| placement   | 控制气泡的弹出位置                                                        | String  | bottom                        |
| pickerWidth | 气泡弹出窗口的宽度                                                        | String  | 300px                         |
| disabled    | 是否禁用                                                             | Boolean | false                         |
| separator   | 时间格式分隔符                                                          | String  | ':'                           |
| minDate     | 可选的最小时间，精确到日                                                     | Date    | 十年前                           |
| maxDate     | 可选的最大时间，精确到日                                                     | Date    | 十年后                           |
| columnsType | 通过columns-type 属性可以控制选项的类型，支持以任意顺序对 hour、minute 和 second 进行排列组合。 | Array   | \['hour', 'minute', 'second'] |