From a1ac34bead94c4fa629737e7e3e49642daa848d4 Mon Sep 17 00:00:00 2001 From: neverland Date: Sat, 21 Sep 2019 07:26:58 +0800 Subject: [PATCH] feat(Picker): improve accessibility (#4521) --- src/area/test/__snapshots__/demo.spec.js.snap | 306 ++++---- .../test/__snapshots__/index.spec.js.snap | 147 ++-- .../__snapshots__/date-picker.spec.js.snap | 118 ++-- .../datetime-picker.spec.js.snap | 13 +- .../test/__snapshots__/demo.spec.js.snap | 655 +++++++++--------- .../__snapshots__/time-picker.spec.js.snap | 84 +-- src/picker/PickerColumn.js | 8 +- src/picker/index.js | 8 +- src/picker/index.less | 2 + .../test/__snapshots__/demo.spec.js.snap | 70 +- .../test/__snapshots__/index.spec.js.snap | 39 +- 11 files changed, 690 insertions(+), 760 deletions(-) diff --git a/src/area/test/__snapshots__/demo.spec.js.snap b/src/area/test/__snapshots__/demo.spec.js.snap index 76e653093..5d33e6fab 100644 --- a/src/area/test/__snapshots__/demo.spec.js.snap +++ b/src/area/test/__snapshots__/demo.spec.js.snap @@ -4,74 +4,71 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • -
  • 河北省
    • -
  • 山西省
    • -
  • 内蒙古自治区
    • -
  • 辽宁省
    • -
  • 吉林省
    • -
  • 黑龙江省
    • -
  • 上海市
    • -
  • 江苏省
    • -
  • 浙江省
    • -
  • 安徽省
    • -
  • 福建省
    • -
  • 江西省
    • -
  • 山东省
    • -
  • 河南省
    • -
  • 湖北省
    • -
  • 湖南省
    • -
  • 广东省
    • -
  • 广西壮族自治区
    • -
  • 海南省
    • -
  • 重庆市
    • -
  • 四川省
    • -
  • 贵州省
    • -
  • 云南省
    • -
  • 西藏自治区
    • -
  • 陕西省
    • -
  • 甘肃省
    • -
  • 青海省
    • -
  • 宁夏回族自治区
    • -
  • 新疆维吾尔自治区
    • -
  • 台湾省
    • -
  • 香港特别行政区
    • -
  • 澳门特别行政区
    • -
  • 海外
    • +
  • 北京市
    • +
  • 天津市
    • +
  • 河北省
    • +
  • 山西省
    • +
  • 内蒙古自治区
    • +
  • 辽宁省
    • +
  • 吉林省
    • +
  • 黑龙江省
    • +
  • 上海市
    • +
  • 江苏省
    • +
  • 浙江省
    • +
  • 安徽省
    • +
  • 福建省
    • +
  • 江西省
    • +
  • 山东省
    • +
  • 河南省
    • +
  • 湖北省
    • +
  • 湖南省
    • +
  • 广东省
    • +
  • 广西壮族自治区
    • +
  • 海南省
    • +
  • 重庆市
    • +
  • 四川省
    • +
  • 贵州省
    • +
  • 云南省
    • +
  • 西藏自治区
    • +
  • 陕西省
    • +
  • 甘肃省
    • +
  • 青海省
    • +
  • 宁夏回族自治区
    • +
  • 新疆维吾尔自治区
    • +
  • 台湾省
    • +
  • 香港特别行政区
    • +
  • 澳门特别行政区
    • +
  • 海外
    -
  • 北京市
    • +
  • 北京市
    -
  • 东城区
    • -
  • 西城区
    • -
  • 朝阳区
    • -
  • 丰台区
    • -
  • 石景山区
    • -
  • 海淀区
    • -
  • 门头沟区
    • -
  • 房山区
    • -
  • 通州区
    • -
  • 顺义区
    • -
  • 昌平区
    • -
  • 大兴区
    • -
  • 怀柔区
    • -
  • 平谷区
    • -
  • 密云区
    • -
  • 延庆区
    • +
  • 东城区
    • +
  • 西城区
    • +
  • 朝阳区
    • +
  • 丰台区
    • +
  • 石景山区
    • +
  • 海淀区
    • +
  • 门头沟区
    • +
  • 房山区
    • +
  • 通州区
    • +
  • 顺义区
    • +
  • 昌平区
    • +
  • 大兴区
    • +
  • 怀柔区
    • +
  • 平谷区
    • +
  • 密云区
    • +
  • 延庆区
@@ -82,79 +79,76 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • -
  • 河北省
    • -
  • 山西省
    • -
  • 内蒙古自治区
    • -
  • 辽宁省
    • -
  • 吉林省
    • -
  • 黑龙江省
    • -
  • 上海市
    • -
  • 江苏省
    • -
  • 浙江省
    • -
  • 安徽省
    • -
  • 福建省
    • -
  • 江西省
    • -
  • 山东省
    • -
  • 河南省
    • -
  • 湖北省
    • -
  • 湖南省
    • -
  • 广东省
    • -
  • 广西壮族自治区
    • -
  • 海南省
    • -
  • 重庆市
    • -
  • 四川省
    • -
  • 贵州省
    • -
  • 云南省
    • -
  • 西藏自治区
    • -
  • 陕西省
    • -
  • 甘肃省
    • -
  • 青海省
    • -
  • 宁夏回族自治区
    • -
  • 新疆维吾尔自治区
    • -
  • 台湾省
    • -
  • 香港特别行政区
    • -
  • 澳门特别行政区
    • -
  • 海外
    • +
  • 北京市
    • +
  • 天津市
    • +
  • 河北省
    • +
  • 山西省
    • +
  • 内蒙古自治区
    • +
  • 辽宁省
    • +
  • 吉林省
    • +
  • 黑龙江省
    • +
  • 上海市
    • +
  • 江苏省
    • +
  • 浙江省
    • +
  • 安徽省
    • +
  • 福建省
    • +
  • 江西省
    • +
  • 山东省
    • +
  • 河南省
    • +
  • 湖北省
    • +
  • 湖南省
    • +
  • 广东省
    • +
  • 广西壮族自治区
    • +
  • 海南省
    • +
  • 重庆市
    • +
  • 四川省
    • +
  • 贵州省
    • +
  • 云南省
    • +
  • 西藏自治区
    • +
  • 陕西省
    • +
  • 甘肃省
    • +
  • 青海省
    • +
  • 宁夏回族自治区
    • +
  • 新疆维吾尔自治区
    • +
  • 台湾省
    • +
  • 香港特别行政区
    • +
  • 澳门特别行政区
    • +
  • 海外
    -
  • 杭州市
    • -
  • 宁波市
    • -
  • 温州市
    • -
  • 嘉兴市
    • -
  • 湖州市
    • -
  • 绍兴市
    • -
  • 金华市
    • -
  • 衢州市
    • -
  • 舟山市
    • -
  • 台州市
    • -
  • 丽水市
    • +
  • 杭州市
    • +
  • 宁波市
    • +
  • 温州市
    • +
  • 嘉兴市
    • +
  • 湖州市
    • +
  • 绍兴市
    • +
  • 金华市
    • +
  • 衢州市
    • +
  • 舟山市
    • +
  • 台州市
    • +
  • 丽水市
    -
  • 鹿城区
    • -
  • 龙湾区
    • -
  • 瓯海区
    • -
  • 洞头区
    • -
  • 永嘉县
    • -
  • 平阳县
    • -
  • 苍南县
    • -
  • 文成县
    • -
  • 泰顺县
    • -
  • 瑞安市
    • -
  • 乐清市
    • +
  • 鹿城区
    • +
  • 龙湾区
    • +
  • 瓯海区
    • +
  • 洞头区
    • +
  • 永嘉县
    • +
  • 平阳县
    • +
  • 苍南县
    • +
  • 文成县
    • +
  • 泰顺县
    • +
  • 瑞安市
    • +
  • 乐清市
@@ -165,55 +159,53 @@ 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 4811b36d7..1edcbe9d3 100644 --- a/src/area/test/__snapshots__/index.spec.js.snap +++ b/src/area/test/__snapshots__/index.spec.js.snap @@ -2,28 +2,25 @@ exports[`change option 1`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 北京市
    • -
  • 县
    • +
  • 北京市
    • +
  • 县
    -
  • 东城区
    • -
  • 西城区
    • +
  • 东城区
    • +
  • 西城区
@@ -35,28 +32,25 @@ exports[`change option 1`] = ` exports[`change option 2`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 天津市
    • -
  • 县
    • +
  • 天津市
    • +
  • 县
    -
  • 和平区
    • -
  • 河东区
    • +
  • 和平区
    • +
  • 河东区
@@ -68,28 +62,25 @@ exports[`change option 2`] = ` exports[`change option 3`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 天津市
    • -
  • 县
    • +
  • 天津市
    • +
  • 县
    -
  • 和平区
    • -
  • 河东区
    • +
  • 和平区
    • +
  • 河东区
@@ -101,22 +92,19 @@ exports[`change option 3`] = ` exports[`columns-num prop 1`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 北京市
    • -
  • 县
    • +
  • 北京市
    • +
  • 县
@@ -128,27 +116,24 @@ exports[`columns-num prop 1`] = ` exports[`reset method 1`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 天津市
    • -
  • 县
    • +
  • 天津市
    • +
  • 县
    -
  • 蓟县
    • +
  • 蓟县
@@ -160,28 +145,25 @@ exports[`reset method 1`] = ` exports[`reset method 2`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 北京市
    • -
  • 县
    • +
  • 北京市
    • +
  • 县
    -
  • 东城区
    • -
  • 西城区
    • +
  • 东城区
    • +
  • 西城区
@@ -193,28 +175,25 @@ exports[`reset method 2`] = ` exports[`watch areaList & code 1`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 北京市
    • -
  • 县
    • +
  • 北京市
    • +
  • 县
    -
  • 东城区
    • -
  • 西城区
    • +
  • 东城区
    • +
  • 西城区
@@ -226,28 +205,25 @@ exports[`watch areaList & code 1`] = ` exports[`watch areaList & code 2`] = `
-
-
取消
-
确认
-
+
    -
  • 北京市
    • -
  • 天津市
    • +
  • 北京市
    • +
  • 天津市
    -
  • 北京市
    • -
  • 县
    • +
  • 北京市
    • +
  • 县
    -
  • 东城区
    • -
  • 西城区
    • +
  • 东城区
    • +
  • 西城区
@@ -259,28 +235,25 @@ exports[`watch areaList & code 2`] = ` 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 3a382eee2..1c224ee23 100644 --- a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap @@ -2,57 +2,54 @@ exports[`filter prop 1`] = `
-
-
取消
-
确认
-
+
    -
  • 2010
    • -
  • 2020
    • +
  • 2010
    • +
  • 2020
    -
  • 05
    • -
  • 10
    • +
  • 05
    • +
  • 10
    -
  • 05
    • -
  • 10
    • -
  • 15
    • -
  • 20
    • -
  • 25
    • -
  • 30
    • +
  • 05
    • +
  • 10
    • +
  • 15
    • +
  • 20
    • +
  • 25
    • +
  • 30
    -
  • 00
    • -
  • 05
    • -
  • 10
    • -
  • 15
    • -
  • 20
    • +
  • 00
    • +
  • 05
    • +
  • 10
    • +
  • 15
    • +
  • 20
    -
  • 00
    • -
  • 05
    • -
  • 10
    • -
  • 15
    • -
  • 20
    • -
  • 25
    • -
  • 30
    • -
  • 35
    • -
  • 40
    • -
  • 45
    • -
  • 50
    • -
  • 55
    • +
  • 00
    • +
  • 05
    • +
  • 10
    • +
  • 15
    • +
  • 20
    • +
  • 25
    • +
  • 30
    • +
  • 35
    • +
  • 40
    • +
  • 45
    • +
  • 50
    • +
  • 55
@@ -64,57 +61,54 @@ exports[`filter prop 1`] = ` exports[`formatter prop 1`] = `
-
-
取消
-
确认
-
+
    -
  • 2010 year
    • -
  • 2020 year
    • +
  • 2010 year
    • +
  • 2020 year
    -
  • 05 month
    • -
  • 10 month
    • +
  • 05 month
    • +
  • 10 month
    -
  • 05 day
    • -
  • 10 day
    • -
  • 15 day
    • -
  • 20 day
    • -
  • 25 day
    • -
  • 30 day
    • +
  • 05 day
    • +
  • 10 day
    • +
  • 15 day
    • +
  • 20 day
    • +
  • 25 day
    • +
  • 30 day
    -
  • 00 hour
    • -
  • 05 hour
    • -
  • 10 hour
    • -
  • 15 hour
    • -
  • 20 hour
    • +
  • 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
    • +
  • 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 9ac1f5b82..7a0e7e0d6 100644 --- a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap @@ -2,22 +2,19 @@ exports[`time type 1`] = `
-
-
取消
-
确认
-
+
    -
  • 22
    • -
  • 23
    • +
  • 22
    • +
  • 23
    -
  • 58
    • -
  • 59
    • +
  • 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 a2b8de2e6..c622030fa 100644 --- a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap @@ -4,159 +4,156 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
确认
-
+
    -
  • 2018
    • -
  • 2019
    • +
  • 2018
    • +
  • 2019
    -
  • 01
    • -
  • 02
    • -
  • 03
    • -
  • 04
    • -
  • 05
    • -
  • 06
    • -
  • 07
    • -
  • 08
    • -
  • 09
    • -
  • 10
    • -
  • 11
    • -
  • 12
    • +
  • 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
    • +
  • 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
    -
  • 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
    • +
  • 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
@@ -167,77 +164,74 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
确认
-
+
    -
  • 2018
    • -
  • 2019
    • -
  • 2020
    • -
  • 2021
    • -
  • 2022
    • -
  • 2023
    • -
  • 2024
    • -
  • 2025
    • -
  • 2026
    • -
  • 2027
    • -
  • 2028
    • -
  • 2029
    • +
  • 2018
    • +
  • 2019
    • +
  • 2020
    • +
  • 2021
    • +
  • 2022
    • +
  • 2023
    • +
  • 2024
    • +
  • 2025
    • +
  • 2026
    • +
  • 2027
    • +
  • 2028
    • +
  • 2029
    -
  • 01
    • -
  • 02
    • -
  • 03
    • -
  • 04
    • -
  • 05
    • -
  • 06
    • -
  • 07
    • -
  • 08
    • -
  • 09
    • -
  • 10
    • -
  • 11
    • -
  • 12
    • +
  • 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
    • +
  • 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
@@ -248,42 +242,39 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
确认
-
+
    -
  • 2018年
    • -
  • 2019年
    • -
  • 2020年
    • -
  • 2021年
    • -
  • 2022年
    • -
  • 2023年
    • -
  • 2024年
    • -
  • 2025年
    • -
  • 2026年
    • -
  • 2027年
    • -
  • 2028年
    • -
  • 2029年
    • +
  • 2018年
    • +
  • 2019年
    • +
  • 2020年
    • +
  • 2021年
    • +
  • 2022年
    • +
  • 2023年
    • +
  • 2024年
    • +
  • 2025年
    • +
  • 2026年
    • +
  • 2027年
    • +
  • 2028年
    • +
  • 2029年
    -
  • 01月
    • -
  • 02月
    • -
  • 03月
    • -
  • 04月
    • -
  • 05月
    • -
  • 06月
    • -
  • 07月
    • -
  • 08月
    • -
  • 09月
    • -
  • 10月
    • -
  • 11月
    • -
  • 12月
    • +
  • 01月
    • +
  • 02月
    • +
  • 03月
    • +
  • 04月
    • +
  • 05月
    • +
  • 06月
    • +
  • 07月
    • +
  • 08月
    • +
  • 09月
    • +
  • 10月
    • +
  • 11月
    • +
  • 12月
@@ -294,89 +285,86 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
确认
-
+
    -
  • 10
    • -
  • 11
    • -
  • 12
    • -
  • 13
    • -
  • 14
    • -
  • 15
    • -
  • 16
    • -
  • 17
    • -
  • 18
    • -
  • 19
    • -
  • 20
    • +
  • 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
    • +
  • 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
@@ -387,54 +375,51 @@ 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
    • +
  • 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
    • +
  • 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 d0514baec..2a5e847cb 100644 --- a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap +++ b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap @@ -2,29 +2,26 @@ exports[`filter prop 1`] = `
-
-
取消
-
确认
-
+
    -
  • 00
    • -
  • 05
    • -
  • 10
    • -
  • 15
    • -
  • 20
    • +
  • 00
    • +
  • 05
    • +
  • 10
    • +
  • 15
    • +
  • 20
    -
  • 00
    • -
  • 10
    • -
  • 20
    • -
  • 30
    • -
  • 40
    • -
  • 50
    • +
  • 00
    • +
  • 10
    • +
  • 20
    • +
  • 30
    • +
  • 40
    • +
  • 50
@@ -36,22 +33,19 @@ exports[`filter prop 1`] = ` exports[`format initial value 1`] = `
-
-
取消
-
确认
-
+
    -
  • 22
    • -
  • 23
    • +
  • 22
    • +
  • 23
    -
  • 58
    • -
  • 59
    • +
  • 58
    • +
  • 59
@@ -63,29 +57,26 @@ exports[`format initial value 1`] = ` exports[`formatter prop 1`] = `
-
-
取消
-
确认
-
+
    -
  • 00 hour
    • -
  • 05 hour
    • -
  • 10 hour
    • -
  • 15 hour
    • -
  • 20 hour
    • +
  • 00 hour
    • +
  • 05 hour
    • +
  • 10 hour
    • +
  • 15 hour
    • +
  • 20 hour
    -
  • 00 minute
    • -
  • 10 minute
    • -
  • 20 minute
    • -
  • 30 minute
    • -
  • 40 minute
    • -
  • 50 minute
    • +
  • 00 minute
    • +
  • 10 minute
    • +
  • 20 minute
    • +
  • 30 minute
    • +
  • 40 minute
    • +
  • 50 minute
@@ -97,24 +88,21 @@ exports[`formatter prop 1`] = ` exports[`max-hour & max-minute 1`] = `
-
-
取消
-
确认
-
+
    -
  • 00
    • -
  • 01
    • -
  • 02
    • +
  • 00
    • +
  • 01
    • +
  • 02
    -
  • 00
    • -
  • 01
    • -
  • 02
    • +
  • 00
    • +
  • 01
    • +
  • 02
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js index 3d99ec7a5..85daf5da5 100644 --- a/src/picker/PickerColumn.js +++ b/src/picker/PickerColumn.js @@ -237,12 +237,18 @@ export default createComponent({ return this.options.map((option, index) => { const text = this.getOptionText(option); + const disabled = isOptionDisabled(option); + const data = { style: optionStyle, + attrs: { + role: 'button', + tabindex: disabled ? -1 : 0 + }, class: [ 'van-ellipsis', bem('item', { - disabled: isOptionDisabled(option), + disabled, selected: index === this.currentIndex }) ], diff --git a/src/picker/index.js b/src/picker/index.js index dd8465886..e6eea91e8 100644 --- a/src/picker/index.js +++ b/src/picker/index.js @@ -165,16 +165,16 @@ export default createComponent({ const Toolbar = this.showToolbar && (
{this.slots() || [ -
+
, + , this.slots('title') || (this.title && (
{this.title}
)), -
+
+ ]}
); diff --git a/src/picker/index.less b/src/picker/index.less index aa9e11531..229e54250 100644 --- a/src/picker/index.less +++ b/src/picker/index.less @@ -18,6 +18,8 @@ padding: @picker-action-padding; color: @picker-action-text-color; font-size: @picker-action-font-size; + background-color: transparent; + border: none; &:active { background-color: @picker-action-active-color; diff --git a/src/picker/test/__snapshots__/demo.spec.js.snap b/src/picker/test/__snapshots__/demo.spec.js.snap index 936d5e5fc..b6cfef2f8 100644 --- a/src/picker/test/__snapshots__/demo.spec.js.snap +++ b/src/picker/test/__snapshots__/demo.spec.js.snap @@ -8,11 +8,11 @@ exports[`renders demo correctly 1`] = `
    -
  • 杭州
    • -
  • 宁波
    • -
  • 温州
    • -
  • 嘉兴
    • -
  • 湖州
    • +
  • 杭州
    • +
  • 宁波
    • +
  • 温州
    • +
  • 嘉兴
    • +
  • 湖州
@@ -27,11 +27,11 @@ exports[`renders demo correctly 1`] = `
    -
  • 杭州
    • -
  • 宁波
    • -
  • 温州
    • -
  • 嘉兴
    • -
  • 湖州
    • +
  • 杭州
    • +
  • 宁波
    • +
  • 温州
    • +
  • 嘉兴
    • +
  • 湖州
@@ -42,20 +42,18 @@ exports[`renders demo correctly 1`] = `
-
-
取消
-
标题
-
确认
+
+
标题
    -
  • 杭州
    • -
  • 宁波
    • -
  • 温州
    • -
  • 嘉兴
    • -
  • 湖州
    • +
  • 杭州
    • +
  • 宁波
    • +
  • 温州
    • +
  • 嘉兴
    • +
  • 湖州
@@ -79,9 +77,9 @@ exports[`renders demo correctly 1`] = `
    -
  • 杭州
    • -
  • 宁波
    • -
  • 温州
    • +
  • 杭州
    • +
  • 宁波
    • +
  • 温州
@@ -96,17 +94,17 @@ exports[`renders demo correctly 1`] = `
    -
  • 浙江
    • -
  • 福建
    • +
  • 浙江
    • +
  • 福建
    -
  • 杭州
    • -
  • 宁波
    • -
  • 温州
    • -
  • 嘉兴
    • -
  • 湖州
    • +
  • 杭州
    • +
  • 宁波
    • +
  • 温州
    • +
  • 嘉兴
    • +
  • 湖州
@@ -121,17 +119,17 @@ 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 c29c12ba9..938fd8322 100644 --- a/src/picker/test/__snapshots__/index.spec.js.snap +++ b/src/picker/test/__snapshots__/index.spec.js.snap @@ -3,13 +3,13 @@ exports[`column watch default index 1`] = `
    -
  • 1
    • -
  • 1990
    • -
  • 1991
    • -
  • 1992
    • -
  • 1993
    • -
  • 1994
    • -
  • 1995
    • +
  • 1
    • +
  • 1990
    • +
  • 1991
    • +
  • 1992
    • +
  • 1993
    • +
  • 1994
    • +
  • 1995
`; @@ -17,13 +17,13 @@ exports[`column watch default index 1`] = ` exports[`column watch default index 2`] = `
    -
  • 1
    • -
  • 1990
    • -
  • 1991
    • -
  • 1992
    • -
  • 1993
    • -
  • 1994
    • -
  • 1995
    • +
  • 1
    • +
  • 1990
    • +
  • 1991
    • +
  • 1992
    • +
  • 1993
    • +
  • 1994
    • +
  • 1995
`; @@ -34,7 +34,7 @@ exports[`not allow html 1`] = `
    -
  • <div>option</div>
    • +
  • <div>option</div>
@@ -46,9 +46,7 @@ exports[`not allow html 1`] = ` exports[`render title slot 1`] = `
-
-
取消
Custom title
确认
-
+
Custom title
@@ -66,9 +64,6 @@ exports[`toolbar-position prop 1`] = `
-
-
取消
-
确认
-
+
`;