From 99db42372c3491e7cfb7729a60fecfce5f48c34c Mon Sep 17 00:00:00 2001 From: neverland Date: Fri, 19 Jun 2020 06:36:23 +0800 Subject: [PATCH] style(Picker): add @picker-option-height less var (#6571) --- src/area/test/__snapshots__/demo.spec.js.snap | 362 ++++----- .../test/__snapshots__/index.spec.js.snap | 102 +-- .../__snapshots__/date-picker.spec.js.snap | 106 +-- .../datetime-picker.spec.js.snap | 8 +- .../test/__snapshots__/demo.spec.js.snap | 700 +++++++++--------- .../__snapshots__/time-picker.spec.js.snap | 64 +- src/picker/PickerColumn.js | 9 +- src/picker/index.js | 4 +- src/picker/index.less | 1 + src/picker/shared.ts | 9 +- .../test/__snapshots__/demo.spec.js.snap | 82 +- .../test/__snapshots__/index.spec.js.snap | 2 +- src/style/var.less | 1 + 13 files changed, 727 insertions(+), 723 deletions(-) diff --git a/src/area/test/__snapshots__/demo.spec.js.snap b/src/area/test/__snapshots__/demo.spec.js.snap index 1853af53c..365eedbdf 100644 --- a/src/area/test/__snapshots__/demo.spec.js.snap +++ b/src/area/test/__snapshots__/demo.spec.js.snap @@ -11,168 +11,168 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    • -
  • +
  • 河北省
    • -
  • +
  • 山西省
    • -
  • +
  • 内蒙古自治区
    • -
  • +
  • 辽宁省
    • -
  • +
  • 吉林省
    • -
  • +
  • 黑龙江省
    • -
  • +
  • 上海市
    • -
  • +
  • 江苏省
    • -
  • +
  • 浙江省
    • -
  • +
  • 安徽省
    • -
  • +
  • 福建省
    • -
  • +
  • 江西省
    • -
  • +
  • 山东省
    • -
  • +
  • 河南省
    • -
  • +
  • 湖北省
    • -
  • +
  • 湖南省
    • -
  • +
  • 广东省
    • -
  • +
  • 广西壮族自治区
    • -
  • +
  • 海南省
    • -
  • +
  • 重庆市
    • -
  • +
  • 四川省
    • -
  • +
  • 贵州省
    • -
  • +
  • 云南省
    • -
  • +
  • 西藏自治区
    • -
  • +
  • 陕西省
    • -
  • +
  • 甘肃省
    • -
  • +
  • 青海省
    • -
  • +
  • 宁夏回族自治区
    • -
  • +
  • 新疆维吾尔自治区
    • -
  • +
  • 台湾省
    • -
  • +
  • 香港特别行政区
    • -
  • +
  • 澳门特别行政区
    • -
  • +
  • 海外
    -
  • +
  • 北京市
    -
  • +
  • 东城区
    • -
  • +
  • 西城区
    • -
  • +
  • 朝阳区
    • -
  • +
  • 丰台区
    • -
  • +
  • 石景山区
    • -
  • +
  • 海淀区
    • -
  • +
  • 门头沟区
    • -
  • +
  • 房山区
    • -
  • +
  • 通州区
    • -
  • +
  • 顺义区
    • -
  • +
  • 昌平区
    • -
  • +
  • 大兴区
    • -
  • +
  • 怀柔区
    • -
  • +
  • 平谷区
    • -
  • +
  • 密云区
    • -
  • +
  • 延庆区
@@ -192,183 +192,183 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    • -
  • +
  • 河北省
    • -
  • +
  • 山西省
    • -
  • +
  • 内蒙古自治区
    • -
  • +
  • 辽宁省
    • -
  • +
  • 吉林省
    • -
  • +
  • 黑龙江省
    • -
  • +
  • 上海市
    • -
  • +
  • 江苏省
    • -
  • +
  • 浙江省
    • -
  • +
  • 安徽省
    • -
  • +
  • 福建省
    • -
  • +
  • 江西省
    • -
  • +
  • 山东省
    • -
  • +
  • 河南省
    • -
  • +
  • 湖北省
    • -
  • +
  • 湖南省
    • -
  • +
  • 广东省
    • -
  • +
  • 广西壮族自治区
    • -
  • +
  • 海南省
    • -
  • +
  • 重庆市
    • -
  • +
  • 四川省
    • -
  • +
  • 贵州省
    • -
  • +
  • 云南省
    • -
  • +
  • 西藏自治区
    • -
  • +
  • 陕西省
    • -
  • +
  • 甘肃省
    • -
  • +
  • 青海省
    • -
  • +
  • 宁夏回族自治区
    • -
  • +
  • 新疆维吾尔自治区
    • -
  • +
  • 台湾省
    • -
  • +
  • 香港特别行政区
    • -
  • +
  • 澳门特别行政区
    • -
  • +
  • 海外
    -
  • +
  • 杭州市
    • -
  • +
  • 宁波市
    • -
  • +
  • 温州市
    • -
  • +
  • 嘉兴市
    • -
  • +
  • 湖州市
    • -
  • +
  • 绍兴市
    • -
  • +
  • 金华市
    • -
  • +
  • 衢州市
    • -
  • +
  • 舟山市
    • -
  • +
  • 台州市
    • -
  • +
  • 丽水市
    -
  • +
  • 鹿城区
    • -
  • +
  • 龙湾区
    • -
  • +
  • 瓯海区
    • -
  • +
  • 洞头区
    • -
  • +
  • 永嘉县
    • -
  • +
  • 平阳县
    • -
  • +
  • 苍南县
    • -
  • +
  • 文成县
    • -
  • +
  • 泰顺县
    • -
  • +
  • 瑞安市
    • -
  • +
  • 乐清市
@@ -388,116 +388,116 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    • -
  • +
  • 河北省
    • -
  • +
  • 山西省
    • -
  • +
  • 内蒙古自治区
    • -
  • +
  • 辽宁省
    • -
  • +
  • 吉林省
    • -
  • +
  • 黑龙江省
    • -
  • +
  • 上海市
    • -
  • +
  • 江苏省
    • -
  • +
  • 浙江省
    • -
  • +
  • 安徽省
    • -
  • +
  • 福建省
    • -
  • +
  • 江西省
    • -
  • +
  • 山东省
    • -
  • +
  • 河南省
    • -
  • +
  • 湖北省
    • -
  • +
  • 湖南省
    • -
  • +
  • 广东省
    • -
  • +
  • 广西壮族自治区
    • -
  • +
  • 海南省
    • -
  • +
  • 重庆市
    • -
  • +
  • 四川省
    • -
  • +
  • 贵州省
    • -
  • +
  • 云南省
    • -
  • +
  • 西藏自治区
    • -
  • +
  • 陕西省
    • -
  • +
  • 甘肃省
    • -
  • +
  • 青海省
    • -
  • +
  • 宁夏回族自治区
    • -
  • +
  • 新疆维吾尔自治区
    • -
  • +
  • 台湾省
    • -
  • +
  • 香港特别行政区
    • -
  • +
  • 澳门特别行政区
    • -
  • +
  • 海外
    -
  • +
  • 北京市
@@ -517,112 +517,112 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 请选择
    • -
  • +
  • 北京市
    • -
  • +
  • 天津市
    • -
  • +
  • 河北省
    • -
  • +
  • 山西省
    • -
  • +
  • 内蒙古自治区
    • -
  • +
  • 辽宁省
    • -
  • +
  • 吉林省
    • -
  • +
  • 黑龙江省
    • -
  • +
  • 上海市
    • -
  • +
  • 江苏省
    • -
  • +
  • 浙江省
    • -
  • +
  • 安徽省
    • -
  • +
  • 福建省
    • -
  • +
  • 江西省
    • -
  • +
  • 山东省
    • -
  • +
  • 河南省
    • -
  • +
  • 湖北省
    • -
  • +
  • 湖南省
    • -
  • +
  • 广东省
    • -
  • +
  • 广西壮族自治区
    • -
  • +
  • 海南省
    • -
  • +
  • 重庆市
    • -
  • +
  • 四川省
    • -
  • +
  • 贵州省
    • -
  • +
  • 云南省
    • -
  • +
  • 西藏自治区
    • -
  • +
  • 陕西省
    • -
  • +
  • 甘肃省
    • -
  • +
  • 青海省
    • -
  • +
  • 宁夏回族自治区
    • -
  • +
  • 新疆维吾尔自治区
    • -
  • +
  • 台湾省
    • -
  • +
  • 香港特别行政区
    • -
  • +
  • 澳门特别行政区
    • -
  • +
  • 海外
diff --git a/src/area/test/__snapshots__/index.spec.js.snap b/src/area/test/__snapshots__/index.spec.js.snap index 2db538023..27ae6204a 100644 --- a/src/area/test/__snapshots__/index.spec.js.snap +++ b/src/area/test/__snapshots__/index.spec.js.snap @@ -7,30 +7,30 @@ exports[`change option 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 北京市
    • -
  • +
  • 县
    -
  • +
  • 东城区
    • -
  • +
  • 西城区
@@ -49,30 +49,30 @@ exports[`change option 2`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 天津市
    • -
  • +
  • 县
    -
  • +
  • 和平区
    • -
  • +
  • 河东区
@@ -91,30 +91,30 @@ exports[`change option 3`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 天津市
    • -
  • +
  • 县
    -
  • +
  • 和平区
    • -
  • +
  • 河东区
@@ -133,20 +133,20 @@ exports[`columns-num prop 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 北京市
    • -
  • +
  • 县
@@ -185,27 +185,27 @@ exports[`reset method 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 天津市
    • -
  • +
  • 县
    -
  • +
  • 蓟县
@@ -224,30 +224,30 @@ exports[`reset method 2`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 北京市
    • -
  • +
  • 县
    -
  • +
  • 东城区
    • -
  • +
  • 西城区
@@ -287,30 +287,30 @@ exports[`watch areaList & code 1`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 北京市
    • -
  • +
  • 县
    -
  • +
  • 东城区
    • -
  • +
  • 西城区
@@ -329,30 +329,30 @@ exports[`watch areaList & code 2`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 北京市
    • -
  • +
  • 县
    -
  • +
  • 东城区
    • -
  • +
  • 西城区
@@ -371,30 +371,30 @@ exports[`watch areaList & code 3`] = `
    -
  • +
  • 北京市
    • -
  • +
  • 天津市
    -
  • +
  • 北京市
    • -
  • +
  • 县
    -
  • +
  • 东城区
    • -
  • +
  • 西城区
diff --git a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap index 1489ea5bc..63bec6352 100644 --- a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap @@ -7,98 +7,98 @@ exports[`filter prop 1`] = `
    -
  • +
  • 2020
    -
  • +
  • 05
    • -
  • +
  • 10
    -
  • +
  • 05
    • -
  • +
  • 10
    • -
  • +
  • 15
    • -
  • +
  • 20
    • -
  • +
  • 25
    • -
  • +
  • 30
    -
  • +
  • 00
    • -
  • +
  • 05
    • -
  • +
  • 10
    • -
  • +
  • 15
    • -
  • +
  • 20
    -
  • +
  • 00
    • -
  • +
  • 05
    • -
  • +
  • 10
    • -
  • +
  • 15
    • -
  • +
  • 20
    • -
  • +
  • 25
    • -
  • +
  • 30
    • -
  • +
  • 35
    • -
  • +
  • 40
    • -
  • +
  • 45
    • -
  • +
  • 50
    • -
  • +
  • 55
@@ -117,101 +117,101 @@ exports[`formatter prop 1`] = `
    -
  • +
  • 2010 year
    • -
  • +
  • 2020 year
    -
  • +
  • 05 month
    • -
  • +
  • 10 month
    -
  • +
  • 05 day
    • -
  • +
  • 10 day
    • -
  • +
  • 15 day
    • -
  • +
  • 20 day
    • -
  • +
  • 25 day
    • -
  • +
  • 30 day
    -
  • +
  • 00 hour
    • -
  • +
  • 05 hour
    • -
  • +
  • 10 hour
    • -
  • +
  • 15 hour
    • -
  • +
  • 20 hour
    -
  • +
  • 00 minute
    • -
  • +
  • 05 minute
    • -
  • +
  • 10 minute
    • -
  • +
  • 15 minute
    • -
  • +
  • 20 minute
    • -
  • +
  • 25 minute
    • -
  • +
  • 30 minute
    • -
  • +
  • 35 minute
    • -
  • +
  • 40 minute
    • -
  • +
  • 45 minute
    • -
  • +
  • 50 minute
    • -
  • +
  • 55 minute
diff --git a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap index 93186057a..4de4a262d 100644 --- a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap @@ -7,20 +7,20 @@ exports[`time type 1`] = `
    -
  • +
  • 22
    • -
  • +
  • 23
    -
  • +
  • 58
    • -
  • +
  • 59
diff --git a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap index 27f96fe12..410de92c6 100644 --- a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap @@ -11,159 +11,159 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 2020
    • -
  • +
  • 2021
    • -
  • +
  • 2022
    • -
  • +
  • 2023
    • -
  • +
  • 2024
    • -
  • +
  • 2025
    -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    • -
  • +
  • 21
    • -
  • +
  • 22
    • -
  • +
  • 23
    • -
  • +
  • 24
    • -
  • +
  • 25
    • -
  • +
  • 26
    • -
  • +
  • 27
    • -
  • +
  • 28
    • -
  • +
  • 29
    • -
  • +
  • 30
    • -
  • +
  • 31
@@ -183,62 +183,62 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 2020年
    • -
  • +
  • 2021年
    • -
  • +
  • 2022年
    • -
  • +
  • 2023年
    • -
  • +
  • 2024年
    • -
  • +
  • 2025年
    -
  • +
  • 01月
    • -
  • +
  • 02月
    • -
  • +
  • 03月
    • -
  • +
  • 04月
    • -
  • +
  • 05月
    • -
  • +
  • 06月
    • -
  • +
  • 07月
    • -
  • +
  • 08月
    • -
  • +
  • 09月
    • -
  • +
  • 10月
    • -
  • +
  • 11月
    • -
  • +
  • 12月
@@ -258,137 +258,137 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 01月
    • -
  • +
  • 02月
    • -
  • +
  • 03月
    • -
  • +
  • 04月
    • -
  • +
  • 05月
    • -
  • +
  • 06月
    • -
  • +
  • 07月
    • -
  • +
  • 08月
    • -
  • +
  • 09月
    • -
  • +
  • 10月
    • -
  • +
  • 11月
    • -
  • +
  • 12月
    -
  • +
  • 01日
    • -
  • +
  • 02日
    • -
  • +
  • 03日
    • -
  • +
  • 04日
    • -
  • +
  • 05日
    • -
  • +
  • 06日
    • -
  • +
  • 07日
    • -
  • +
  • 08日
    • -
  • +
  • 09日
    • -
  • +
  • 10日
    • -
  • +
  • 11日
    • -
  • +
  • 12日
    • -
  • +
  • 13日
    • -
  • +
  • 14日
    • -
  • +
  • 15日
    • -
  • +
  • 16日
    • -
  • +
  • 17日
    • -
  • +
  • 18日
    • -
  • +
  • 19日
    • -
  • +
  • 20日
    • -
  • +
  • 21日
    • -
  • +
  • 22日
    • -
  • +
  • 23日
    • -
  • +
  • 24日
    • -
  • +
  • 25日
    • -
  • +
  • 26日
    • -
  • +
  • 27日
    • -
  • +
  • 28日
    • -
  • +
  • 29日
    • -
  • +
  • 30日
    • -
  • +
  • 31日
@@ -408,221 +408,221 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    -
  • +
  • 00
    • -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    • -
  • +
  • 21
    • -
  • +
  • 22
    • -
  • +
  • 23
    • -
  • +
  • 24
    • -
  • +
  • 25
    • -
  • +
  • 26
    • -
  • +
  • 27
    • -
  • +
  • 28
    • -
  • +
  • 29
    • -
  • +
  • 30
    • -
  • +
  • 31
    • -
  • +
  • 32
    • -
  • +
  • 33
    • -
  • +
  • 34
    • -
  • +
  • 35
    • -
  • +
  • 36
    • -
  • +
  • 37
    • -
  • +
  • 38
    • -
  • +
  • 39
    • -
  • +
  • 40
    • -
  • +
  • 41
    • -
  • +
  • 42
    • -
  • +
  • 43
    • -
  • +
  • 44
    • -
  • +
  • 45
    • -
  • +
  • 46
    • -
  • +
  • 47
    • -
  • +
  • 48
    • -
  • +
  • 49
    • -
  • +
  • 50
    • -
  • +
  • 51
    • -
  • +
  • 52
    • -
  • +
  • 53
    • -
  • +
  • 54
    • -
  • +
  • 55
    • -
  • +
  • 56
    • -
  • +
  • 57
    • -
  • +
  • 58
    • -
  • +
  • 59
@@ -642,419 +642,419 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 2020
    • -
  • +
  • 2021
    • -
  • +
  • 2022
    • -
  • +
  • 2023
    • -
  • +
  • 2024
    • -
  • +
  • 2025
    -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    • -
  • +
  • 21
    • -
  • +
  • 22
    • -
  • +
  • 23
    • -
  • +
  • 24
    • -
  • +
  • 25
    • -
  • +
  • 26
    • -
  • +
  • 27
    • -
  • +
  • 28
    • -
  • +
  • 29
    • -
  • +
  • 30
    • -
  • +
  • 31
    -
  • +
  • 00
    • -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    • -
  • +
  • 21
    • -
  • +
  • 22
    • -
  • +
  • 23
    -
  • +
  • 00
    • -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    • -
  • +
  • 21
    • -
  • +
  • 22
    • -
  • +
  • 23
    • -
  • +
  • 24
    • -
  • +
  • 25
    • -
  • +
  • 26
    • -
  • +
  • 27
    • -
  • +
  • 28
    • -
  • +
  • 29
    • -
  • +
  • 30
    • -
  • +
  • 31
    • -
  • +
  • 32
    • -
  • +
  • 33
    • -
  • +
  • 34
    • -
  • +
  • 35
    • -
  • +
  • 36
    • -
  • +
  • 37
    • -
  • +
  • 38
    • -
  • +
  • 39
    • -
  • +
  • 40
    • -
  • +
  • 41
    • -
  • +
  • 42
    • -
  • +
  • 43
    • -
  • +
  • 44
    • -
  • +
  • 45
    • -
  • +
  • 46
    • -
  • +
  • 47
    • -
  • +
  • 48
    • -
  • +
  • 49
    • -
  • +
  • 50
    • -
  • +
  • 51
    • -
  • +
  • 52
    • -
  • +
  • 53
    • -
  • +
  • 54
    • -
  • +
  • 55
    • -
  • +
  • 56
    • -
  • +
  • 57
    • -
  • +
  • 58
    • -
  • +
  • 59
@@ -1074,116 +1074,116 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 00
    • -
  • +
  • 01
    • -
  • +
  • 02
    • -
  • +
  • 03
    • -
  • +
  • 04
    • -
  • +
  • 05
    • -
  • +
  • 06
    • -
  • +
  • 07
    • -
  • +
  • 08
    • -
  • +
  • 09
    • -
  • +
  • 10
    • -
  • +
  • 11
    • -
  • +
  • 12
    • -
  • +
  • 13
    • -
  • +
  • 14
    • -
  • +
  • 15
    • -
  • +
  • 16
    • -
  • +
  • 17
    • -
  • +
  • 18
    • -
  • +
  • 19
    • -
  • +
  • 20
    • -
  • +
  • 21
    • -
  • +
  • 22
    • -
  • +
  • 23
    -
  • +
  • 00
    • -
  • +
  • 05
    • -
  • +
  • 10
    • -
  • +
  • 15
    • -
  • +
  • 20
    • -
  • +
  • 25
    • -
  • +
  • 30
    • -
  • +
  • 35
    • -
  • +
  • 40
    • -
  • +
  • 45
    • -
  • +
  • 50
    • -
  • +
  • 55
diff --git a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap index ec25eb174..2bbdad980 100644 --- a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap @@ -7,41 +7,41 @@ exports[`filter prop 1`] = `
    -
  • +
  • 00
    • -
  • +
  • 05
    • -
  • +
  • 10
    • -
  • +
  • 15
    • -
  • +
  • 20
    -
  • +
  • 00
    • -
  • +
  • 10
    • -
  • +
  • 20
    • -
  • +
  • 30
    • -
  • +
  • 40
    • -
  • +
  • 50
@@ -60,20 +60,20 @@ exports[`format initial value 1`] = `
    -
  • +
  • 22
    • -
  • +
  • 23
    -
  • +
  • 58
    • -
  • +
  • 59
@@ -92,41 +92,41 @@ exports[`formatter prop 1`] = `
    -
  • +
  • 00 hour
    • -
  • +
  • 05 hour
    • -
  • +
  • 10 hour
    • -
  • +
  • 15 hour
    • -
  • +
  • 20 hour
    -
  • +
  • 00 minute
    • -
  • +
  • 10 minute
    • -
  • +
  • 20 minute
    • -
  • +
  • 30 minute
    • -
  • +
  • 40 minute
    • -
  • +
  • 50 minute
@@ -145,26 +145,26 @@ exports[`max-hour & max-minute 1`] = `
    -
  • +
  • 00
    • -
  • +
  • 01
    • -
  • +
  • 02
    -
  • +
  • 00
    • -
  • +
  • 01
    • -
  • +
  • 02
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js index e6a91317e..36cb892e5 100644 --- a/src/picker/PickerColumn.js +++ b/src/picker/PickerColumn.js @@ -3,6 +3,7 @@ import { createNamespace, isObject } from '../utils'; import { range } from '../utils/format/number'; import { preventDefault } from '../utils/dom/event'; import { TouchMixin } from '../mixins/touch'; +import { DEFAULT_ITEM_HEIGHT } from './shared'; const DEFAULT_DURATION = 200; @@ -255,9 +256,11 @@ export default createComponent({ }, genOptions() { - const optionStyle = { - height: `${this.itemHeight}px`, - }; + const optionStyle = {}; + + if (this.itemHeight !== DEFAULT_ITEM_HEIGHT) { + optionStyle.height = `${this.itemHeight}px`; + } return this.options.map((option, index) => { const text = this.getOptionText(option); diff --git a/src/picker/index.js b/src/picker/index.js index 638ded36a..59456f353 100644 --- a/src/picker/index.js +++ b/src/picker/index.js @@ -2,7 +2,7 @@ import { createNamespace, isDef, isObject } from '../utils'; import { preventDefault } from '../utils/dom/event'; import { BORDER_UNSET_TOP_BOTTOM } from '../utils/constant'; -import { pickerProps } from './shared'; +import { pickerProps, DEFAULT_ITEM_HEIGHT } from './shared'; import { unitToPx } from '../utils/format/unit'; // Components @@ -41,7 +41,7 @@ export default createComponent({ computed: { itemPxHeight() { - return unitToPx(this.itemHeight); + return this.itemHeight ? unitToPx(this.itemHeight) : DEFAULT_ITEM_HEIGHT; }, dataType() { diff --git a/src/picker/index.less b/src/picker/index.less index d845596af..02b88da46 100644 --- a/src/picker/index.less +++ b/src/picker/index.less @@ -104,6 +104,7 @@ display: flex; align-items: center; justify-content: center; + height: @picker-option-height; padding: 0 @padding-base; color: @picker-option-text-color; diff --git a/src/picker/shared.ts b/src/picker/shared.ts index 7e8e619e5..9df9467d7 100644 --- a/src/picker/shared.ts +++ b/src/picker/shared.ts @@ -1,16 +1,19 @@ export type SharedPickerProps = { title?: string; loading?: boolean; - itemHeight: number; + itemHeight?: number; showToolbar?: boolean; visibleItemCount: number | string; cancelButtonText?: string; confirmButtonText?: string; }; +export const DEFAULT_ITEM_HEIGHT = 44; + export const pickerProps = { title: String, loading: Boolean, + itemHeight: [Number, String], showToolbar: Boolean, cancelButtonText: String, confirmButtonText: String, @@ -22,10 +25,6 @@ export const pickerProps = { type: [Number, String], default: 5, }, - itemHeight: { - type: [Number, String], - default: 44, - }, swipeDuration: { type: [Number, String], default: 1000, diff --git a/src/picker/test/__snapshots__/demo.spec.js.snap b/src/picker/test/__snapshots__/demo.spec.js.snap index ef31702d1..bdcb22726 100644 --- a/src/picker/test/__snapshots__/demo.spec.js.snap +++ b/src/picker/test/__snapshots__/demo.spec.js.snap @@ -11,19 +11,19 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 杭州
    • -
  • +
  • 宁波
    • -
  • +
  • 温州
    • -
  • +
  • 嘉兴
    • -
  • +
  • 湖州
@@ -43,19 +43,19 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 杭州
    • -
  • +
  • 宁波
    • -
  • +
  • 温州
    • -
  • +
  • 嘉兴
    • -
  • +
  • 湖州
@@ -75,32 +75,32 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 周一
    • -
  • +
  • 周二
    • -
  • +
  • 周三
    • -
  • +
  • 周四
    • -
  • +
  • 周五
    -
  • +
  • 上午
    • -
  • +
  • 下午
    • -
  • +
  • 晚上
@@ -120,30 +120,30 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 浙江
    • -
  • +
  • 福建
    -
  • +
  • 杭州
    • -
  • +
  • 温州
    -
  • +
  • 西湖区
    • -
  • +
  • 余杭区
@@ -163,13 +163,13 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 杭州
    • -
  • +
  • 宁波
    • -
  • +
  • 温州
@@ -189,29 +189,29 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 浙江
    • -
  • +
  • 福建
    -
  • +
  • 杭州
    • -
  • +
  • 宁波
    • -
  • +
  • 温州
    • -
  • +
  • 嘉兴
    • -
  • +
  • 湖州
@@ -231,29 +231,29 @@ exports[`renders demo correctly 1`] = `
    -
  • +
  • 浙江
    • -
  • +
  • 福建
    -
  • +
  • 杭州
    • -
  • +
  • 宁波
    • -
  • +
  • 温州
    • -
  • +
  • 嘉兴
    • -
  • +
  • 湖州
diff --git a/src/picker/test/__snapshots__/index.spec.js.snap b/src/picker/test/__snapshots__/index.spec.js.snap index fe9515293..65d2fb39e 100644 --- a/src/picker/test/__snapshots__/index.spec.js.snap +++ b/src/picker/test/__snapshots__/index.spec.js.snap @@ -76,7 +76,7 @@ exports[`not allow html 1`] = `
    -
  • +
  • <div>option</div>
diff --git a/src/style/var.less b/src/style/var.less index 028adfd49..cfe9ecaec 100644 --- a/src/style/var.less +++ b/src/style/var.less @@ -536,6 +536,7 @@ @picker-action-font-size: @font-size-md; @picker-confirm-action-color: @text-link-color; @picker-cancel-action-color: @gray-6; +@picker-option-height: 44px; @picker-option-font-size: @font-size-lg; @picker-option-text-color: @black; @picker-option-disabled-opacity: 0.3;