feat(Area): add readonly prop (#7106)

src/area/README.md

@@ -64,6 +64,7 @@ To have a selected value，simply pass the `code` of target area to `value` prop
 | area-list | Area list data | _object_ | - |
 | columns-placeholder `v2.2.5` | Placeholder of columns | _string[]_ | `[]` |
 | loading | Whether to show loading prompt | _boolean_ | `false` |
+| readonly `v2.10.5` | Whether to be readonly | _boolean_ | `false` |
 | item-height `v2.8.6` | Option height, supports `px` `vw` `rem` unit, default `px` | _number \| string_ | `44` |
 | columns-num | Level of picker | _number \| string_ | `3` |
 | visible-item-count | Count of visible columns | _number \| string_ | `6` |

src/area/README.zh-CN.md

@@ -64,6 +64,7 @@ Vue.use(Area);
 | area-list | 省市区数据，格式见下方 | _object_ | - |
 | columns-placeholder `v2.2.5` | 列占位提示文字 | _string[]_ | `[]` |
 | loading | 是否显示加载状态 | _boolean_ | `false` |
+| readonly `v2.10.5` | 是否为只读状态，只读状态下无法切换选项 | _boolean_ | `false` |
 | item-height `v2.8.6` | 选项高度，支持 `px` `vw` `rem` 单位，默认 `px` | _number \| string_ | `44` |
 | columns-num | 显示列数，3-省市区，2-省市，1-省 | _number \| string_ | `3` |
 | visible-item-count | 可见的选项个数 | _number \| string_ | `6` |

src/area/index.js

@@ -310,8 +310,9 @@ export default createComponent({
         showToolbar
         valueKey="name"
         title={this.title}
-        loading={this.loading}
         columns={this.displayColumns}
+        loading={this.loading}
+        readonly={this.readonly}
         itemHeight={this.itemHeight}
         swipeDuration={this.swipeDuration}
         visibleItemCount={this.visibleItemCount}