diff --git a/.babelrc b/.babelrc index e3a543196..1bf0786eb 100644 --- a/.babelrc +++ b/.babelrc @@ -1,6 +1,6 @@ { "presets": [["env", { "modules": false, "loose": true }]], - "plugins": ["transform-vue-jsx", "transform-runtime", "transform-object-rest-spread"], + "plugins": ["transform-runtime", "transform-object-rest-spread"], "env": { "commonjs": { "presets": [["env", { "modules": "commonjs", "loose": true }]] diff --git a/build/bin/build-lib.js b/build/bin/build-lib.js index 23b8dd6dd..2afad14b0 100644 --- a/build/bin/build-lib.js +++ b/build/bin/build-lib.js @@ -3,7 +3,7 @@ * Steps: * 1. 代码格式校验 * 2. 构建 JS 入口文件 - * 4. 构建每个组件对应的 [component].js + * 3. 构建每个组件对应的 [component].js * 4. 构建 vant-css * 5. 打包 JS 文件:vant.js && vant.min.js * 6. 生成每个组件目录下的 style 入口 @@ -12,9 +12,9 @@ const chalk = require('chalk'); require('shelljs/global'); -// 1. lint -log('Starting', 'lint'); -exec('npm run lint --silent'); +// 1. lint +log('Starting', 'lint'); +exec('npm run lint --silent'); log('Finished', 'lint'); // 2. build entry diff --git a/docs/demos/views/number-keyboard.vue b/docs/demos/views/number-keyboard.vue index ed0509869..a4312f669 100644 --- a/docs/demos/views/number-keyboard.vue +++ b/docs/demos/views/number-keyboard.vue @@ -5,12 +5,10 @@ {{ $t('button1') }} - - {{ $t('button2') }} - - - - Hide Keyboard - - ``` - #### 选中省市县 -如果想选中某个省市县,需要传入一个`value`属性,绑定对应的省市县`code`。 +如果想选中某个省市县,需要传入一个`value`属性,绑定对应的省市县`code` ```html ``` - #### 配置显示列 -可以通过`columnsNum`属性配置省市县显示的列数,默认情况下会显示省市县,当你设置为`2`,则只会显示省市选择。 +可以通过`columnsNum`属性配置省市县显示的列数,默认情况下会显示省市县,当你设置为`2`,则只会显示省市选择 ```html @@ -38,29 +36,30 @@ Vue.use(Area); ### API -| 参数 | 说明 | 类型 | 默认值 | 可选值 | -|-----------|-----------|-----------|-------------|-------------| -| value | 当前选中的省市区`code` | `String` | - | - | -| title | 顶部栏标题 | `String` | `''` | - | -| areaList | 省市县数据,必须与`province_list`、`city_list`和`county_list`为key | `Object` | - | - | -| columnsNum | 省市县显示列数,3-省市县,2-省市,1-省 | `String`,`Number` | 3 | - | +| 参数 | 说明 | 类型 | 默认值 | 可选值 | +| ---------- | ------------------------------------------------------------------- | ----------------- | ------ | ------ | +| value | 当前选中的省市区`code` | `String` | - | - | +| title | 顶部栏标题 | `String` | `''` | - | +| areaList | 省市县数据,必须与`province_list`、`city_list`和`county_list`为 key | `Object` | - | - | +| columnsNum | 省市县显示列数,3-省市县,2-省市,1-省 | `String`,`Number` | 3 | - | ### Event -| 事件名称 | 说明 | 回调参数 | -|-----------|-----------|-----------| -| confirm | 点击右上方完成按钮 | 一个数组参数,具体格式看下方数据格式章节 | -| cancel | 点击取消按钮时 | - | +| 事件名称 | 说明 | 回调参数 | +| -------- | ------------------ | ---------------------------------------- | +| confirm | 点击右上方完成按钮 | 一个数组参数,具体格式看下方数据格式章节 | +| cancel | 点击取消按钮时 | - | ### 数据格式 #### 省市县列表数据格式 -整体是一个Object,包含 `province_list`, `city_list`, `county_list` 三个key。 +整体是一个 Object,包含 `province_list`, `city_list`, `county_list` 三个 key。 -每项以省市区编码作为key,省市区名字作为value。编码为6位数字,前两位代表省份,中间两位代表城市,后两位代表区县,以0补足6位。如北京编码为 `11`,以零补足6位,为 `110000`。 +每项以省市区编码作为 key,省市区名字作为 value。编码为 6 位数字,前两位代表省份,中间两位代表城市,后两位代表区县,以 0 补足 6 位。如北京编码为 `11`,以零补足 6 位,为 `110000`。 `AreaList`具体格式如下: + ```javascript { province_list: { @@ -91,18 +90,24 @@ Vue.use(Area); 完整数据见 [Area.json](https://github.com/youzan/vant/blob/dev/docs/demos/mock/area.json) #### 点击完成时返回的数据格式 + 返回的数据整体为一个数组,数组内包含 `columnsNum` 个数据, 每个数据对应一列选项中被选中的数据。 `code` 代表被选中的地区编码, `name` 代表被选中的地区名称 + ```javascript -[{ - code: '110000', - name: '北京市' -}, { - code: '110100', - name: '北京市' -},{ - code: '110101', - name: '东城区' -}] +[ + { + code: '110000', + name: '北京市' + }, + { + code: '110100', + name: '北京市' + }, + { + code: '110101', + name: '东城区' + } +]; ``` diff --git a/docs/markdown/zh-CN/number-keyboard.md b/docs/markdown/zh-CN/number-keyboard.md index 2c66b33c0..7bdaea084 100644 --- a/docs/markdown/zh-CN/number-keyboard.md +++ b/docs/markdown/zh-CN/number-keyboard.md @@ -16,12 +16,10 @@ Vue.use(NumberKeyboard); 弹出键盘 - - 收起键盘 - -