From 951216e5f49accc2c2c053a14d373c57836649f8 Mon Sep 17 00:00:00 2001
From: "Y." <anly_yaw@163.com>
Date: Thu, 17 Oct 2024 10:29:46 +0800
Subject: [PATCH] feat(Picker): add option props (#1623)

* feat(Picker): add option props

* test: update snapshots
---
 .../__test__/__snapshots__/demo.test.jsx.snap |  236 +++
 .../__test__/__snapshots__/demo.test.jsx.snap | 1332 +++++++++++++++++
 .../__snapshots__/index.test.jsx.snap         |  128 ++
 .../__test__/__snapshots__/demo.test.jsx.snap |  306 ++++
 .../__test__/__snapshots__/demo.test.jsx.snap |  120 ++
 src/picker/demos/base.vue                     |   10 +-
 src/picker/picker-item.tsx                    |    6 +-
 src/picker/picker.en-US.md                    |    1 +
 src/picker/picker.md                          |    1 +
 src/picker/picker.tsx                         |    3 +-
 src/picker/props.ts                           |    4 +
 src/picker/type.ts                            |    4 +
 12 files changed, 2148 insertions(+), 3 deletions(-)

diff --git a/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap b/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
index c4c3cc58e..36594e714 100644
--- a/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/config-provider/__test__/__snapshots__/demo.test.jsx.snap
@@ -3259,82 +3259,114 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2015 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2016 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2017 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2018 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2019 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2020 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     2021 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2022 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2023 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2024 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2025 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2026 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2027 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2028 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2029 Year
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2030 Year
+                    
                   </li>
                   
                 </ul>
@@ -3350,62 +3382,86 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 Month
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     12 Month
+                    
                   </li>
                   
                 </ul>
@@ -3421,157 +3477,219 @@ exports[`ConfigProvider > ConfigProvider mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     12 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     13 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     14 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     15 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     16 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     17 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     18 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     19 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     20 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     21 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     22 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     23 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     24 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     25 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     26 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     27 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     28 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     29 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     30 Date
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     31 Date
+                    
                   </li>
                   
                 </ul>
@@ -6418,82 +6536,114 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 2015 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2016 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2017 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2018 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2019 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2020 Year
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 2021 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2022 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2023 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2024 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2025 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2026 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2027 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2028 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2029 Year
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2030 Year
+                
               </li>
               
             </ul>
@@ -6509,62 +6659,86 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 Month
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 Month
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 12 Month
+                
               </li>
               
             </ul>
@@ -6580,157 +6754,219 @@ exports[`ConfigProvider > ConfigProvider otherEnVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 Date
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 23 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 Date
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 Date
+                
               </li>
               
             </ul>
diff --git a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
index 4faee6a4a..2156419e1 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -86,102 +86,142 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 2015 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2016 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2017 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2018 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2019 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2020 年
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 2021 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2022 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2023 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2024 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2025 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2026 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2027 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2028 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2029 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2030 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2031 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2032 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2033 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2034 年
+                
               </li>
               
             </ul>
@@ -197,62 +237,86 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 月
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 12 月
+                
               </li>
               
             </ul>
@@ -268,157 +332,219 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 日
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 23 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 日
+                
               </li>
               
             </ul>
@@ -528,32 +654,44 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 2020 年
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 2021 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2022 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2023 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2024 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2025 年
+                
               </li>
               
             </ul>
@@ -569,62 +707,86 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 月
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 12 月
+                
               </li>
               
             </ul>
@@ -640,157 +802,219 @@ exports[`DateTimePicker > DateTimePicker customRangeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 日
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 23 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 日
+                
               </li>
               
             </ul>
@@ -900,107 +1124,149 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 2014 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2015 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2016 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2017 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2018 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2019 年
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 2020 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2021 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2022 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2023 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2024 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2025 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2026 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2027 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2028 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2029 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2030 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2031 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2032 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2033 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2034 年
+                
               </li>
               
             </ul>
@@ -1016,62 +1282,86 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 月
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 8 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 月
+                
               </li>
               
             </ul>
@@ -1087,157 +1377,219 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 日
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 10 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 23 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 日
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 日
+                
               </li>
               
             </ul>
@@ -1253,122 +1605,170 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 0 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 1 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 时
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 12 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 23 时
+                
               </li>
               
             </ul>
@@ -1384,302 +1784,422 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 0 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 1 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 23 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 32 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 33 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 34 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 35 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 36 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 37 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 38 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 39 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 40 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 41 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 42 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 43 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 44 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 45 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 46 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 47 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 48 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 49 分
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 50 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 51 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 52 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 53 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 54 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 55 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 56 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 57 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 58 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 59 分
+                
               </li>
               
             </ul>
@@ -1695,302 +2215,422 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 0 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 1 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 23 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 32 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 33 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 34 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 35 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 36 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 37 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 38 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 39 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 40 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 41 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 42 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 43 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 44 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 45 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 46 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 47 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 48 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 49 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 50 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 51 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 52 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 53 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 54 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 55 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 56 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 57 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 58 秒
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 59 秒
+                
               </li>
               
             </ul>
@@ -2131,102 +2771,142 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2015 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2016 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2017 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2018 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2019 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2020 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     2021 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2022 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2023 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2024 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2025 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2026 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2027 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2028 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2029 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2030 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2031 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2032 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2033 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2034 年
+                    
                   </li>
                   
                 </ul>
@@ -2242,62 +2922,86 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     12 月
+                    
                   </li>
                   
                 </ul>
@@ -2313,157 +3017,219 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     12 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     13 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     14 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     15 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     16 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     17 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     18 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     19 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     20 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     21 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     22 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     23 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     24 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     25 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     26 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     27 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     28 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     29 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     30 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     31 日
+                    
                   </li>
                   
                 </ul>
@@ -2566,107 +3332,149 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2014 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2015 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2016 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2017 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2018 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2019 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2020 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     2021 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2022 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2023 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2024 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2025 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2026 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2027 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2028 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2029 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2030 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2031 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2032 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2033 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2034 年
+                    
                   </li>
                   
                 </ul>
@@ -2682,62 +3490,86 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     9 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     12 月
+                    
                   </li>
                   
                 </ul>
@@ -2840,122 +3672,170 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     0 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     10 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     12 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     13 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     14 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     15 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     16 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     17 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     18 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     19 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     20 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     21 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     22 时
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     23 时
+                    
                   </li>
                   
                 </ul>
@@ -2971,302 +3851,422 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     0 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     10 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     12 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     13 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     14 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     15 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     16 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     17 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     18 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     19 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     20 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     21 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     22 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     23 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     24 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     25 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     26 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     27 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     28 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     29 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     30 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     31 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     32 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     33 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     34 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     35 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     36 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     37 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     38 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     39 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     40 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     41 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     42 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     43 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     44 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     45 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     46 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     47 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     48 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     49 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     50 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     51 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     52 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     53 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     54 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     55 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     56 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     57 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     58 分
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     59 分
+                    
                   </li>
                   
                 </ul>
@@ -3393,32 +4393,44 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2020 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     2021 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2022 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2023 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2024 年
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2025 年
+                    
                   </li>
                   
                 </ul>
@@ -3434,62 +4446,86 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 月
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     12 月
+                    
                   </li>
                   
                 </ul>
@@ -3505,157 +4541,219 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     1 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     3 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     4 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     5 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     6 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     7 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     8 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     9 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     10 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     11 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     12 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     13 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     14 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     15 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     16 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     17 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     18 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     19 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     20 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     21 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     22 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     23 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     24 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     25 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     26 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     27 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     28 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     29 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     30 日
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     31 日
+                    
                   </li>
                   
                 </ul>
@@ -3768,122 +4866,170 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 0 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 1 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 时
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 10 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 时
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 23 时
+                
               </li>
               
             </ul>
@@ -3899,302 +5045,422 @@ exports[`DateTimePicker > DateTimePicker timeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 0 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 1 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 9 分
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 10 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 13 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 14 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 15 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 16 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 17 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 18 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 19 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 20 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 21 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 22 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 23 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 24 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 25 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 26 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 27 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 28 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 29 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 30 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 31 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 32 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 33 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 34 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 35 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 36 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 37 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 38 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 39 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 40 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 41 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 42 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 43 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 44 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 45 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 46 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 47 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 48 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 49 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 50 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 51 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 52 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 53 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 54 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 55 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 56 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 57 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 58 分
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 59 分
+                
               </li>
               
             </ul>
@@ -4304,107 +5570,149 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 2014 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2015 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2016 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2017 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2018 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2019 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2020 年
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 2021 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2022 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2023 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2024 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2025 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2026 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2027 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2028 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2029 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2030 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2031 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2032 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2033 年
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2034 年
+                
               </li>
               
             </ul>
@@ -4420,62 +5728,86 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 1 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 3 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 4 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 5 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 6 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 7 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 8 月
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 9 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 10 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 11 月
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 12 月
+                
               </li>
               
             </ul>
diff --git a/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap b/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
index 466b408bc..ec5418324 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
@@ -39,107 +39,149 @@ exports[`DateTimePicker > props > : onPick 1`] = `
         <li
           class="t-picker-item__item"
         >
+          
           2014 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2015 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2016 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2017 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2018 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2019 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2020 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2021 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2022 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2023 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2024 年
+          
         </li>
         <li
           class="t-picker-item__item t-picker-item__item--active"
         >
+          
           2025 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2026 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2027 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2028 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2029 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2030 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2031 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2032 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2033 年
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2034 年
+          
         </li>
         
       </ul>
@@ -155,62 +197,86 @@ exports[`DateTimePicker > props > : onPick 1`] = `
         <li
           class="t-picker-item__item"
         >
+          
           1 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           3 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           4 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           5 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           6 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           7 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           8 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           9 月
+          
         </li>
         <li
           class="t-picker-item__item t-picker-item__item--active"
         >
+          
           10 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           11 月
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           12 月
+          
         </li>
         
       </ul>
@@ -226,157 +292,219 @@ exports[`DateTimePicker > props > : onPick 1`] = `
         <li
           class="t-picker-item__item"
         >
+          
           1 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           2 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           3 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           4 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           5 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           6 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           7 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           8 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           9 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           10 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           11 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           12 日
+          
         </li>
         <li
           class="t-picker-item__item t-picker-item__item--active"
         >
+          
           13 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           14 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           15 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           16 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           17 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           18 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           19 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           20 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           21 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           22 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           23 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           24 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           25 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           26 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           27 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           28 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           29 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           30 日
+          
         </li>
         <li
           class="t-picker-item__item"
         >
+          
           31 日
+          
         </li>
         
       </ul>
diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
index 6fea87464..fc07d8dc5 100644
--- a/src/form/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -415,82 +415,114 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                       <li
                         class="t-picker-item__item t-picker-item__item--active"
                       >
+                        
                         2015 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2016 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2017 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2018 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2019 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2020 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2021 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2022 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2023 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2024 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2025 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2026 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2027 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2028 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2029 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2030 年
+                        
                       </li>
                       
                     </ul>
@@ -506,42 +538,58 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                       <li
                         class="t-picker-item__item t-picker-item__item--active"
                       >
+                        
                         5 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         6 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         7 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         8 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         9 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         10 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         11 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         12 月
+                        
                       </li>
                       
                     </ul>
@@ -557,137 +605,191 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
                       <li
                         class="t-picker-item__item t-picker-item__item--active"
                       >
+                        
                         5 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         6 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         7 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         8 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         9 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         10 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         11 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         12 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         13 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         14 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         15 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         16 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         17 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         18 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         19 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         20 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         21 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         22 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         23 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         24 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         25 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         26 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         27 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         28 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         29 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         30 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         31 日
+                        
                       </li>
                       
                     </ul>
@@ -2097,82 +2199,114 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                             <li
                               class="t-picker-item__item t-picker-item__item--active"
                             >
+                              
                               2015 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2016 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2017 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2018 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2019 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2020 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2021 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2022 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2023 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2024 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2025 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2026 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2027 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2028 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2029 年
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               2030 年
+                              
                             </li>
                             
                           </ul>
@@ -2188,42 +2322,58 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                             <li
                               class="t-picker-item__item t-picker-item__item--active"
                             >
+                              
                               5 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               6 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               7 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               8 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               9 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               10 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               11 月
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               12 月
+                              
                             </li>
                             
                           </ul>
@@ -2239,137 +2389,191 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                             <li
                               class="t-picker-item__item t-picker-item__item--active"
                             >
+                              
                               5 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               6 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               7 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               8 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               9 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               10 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               11 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               12 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               13 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               14 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               15 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               16 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               17 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               18 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               19 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               20 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               21 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               22 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               23 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               24 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               25 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               26 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               27 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               28 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               29 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               30 日
+                              
                             </li>
                             <li
                               class="t-picker-item__item"
                             >
+                              
                               31 日
+                              
                             </li>
                             
                           </ul>
@@ -3638,82 +3842,114 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                       <li
                         class="t-picker-item__item t-picker-item__item--active"
                       >
+                        
                         2015 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2016 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2017 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2018 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2019 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2020 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2021 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2022 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2023 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2024 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2025 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2026 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2027 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2028 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2029 年
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         2030 年
+                        
                       </li>
                       
                     </ul>
@@ -3729,42 +3965,58 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                       <li
                         class="t-picker-item__item t-picker-item__item--active"
                       >
+                        
                         5 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         6 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         7 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         8 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         9 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         10 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         11 月
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         12 月
+                        
                       </li>
                       
                     </ul>
@@ -3780,137 +4032,191 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
                       <li
                         class="t-picker-item__item t-picker-item__item--active"
                       >
+                        
                         5 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         6 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         7 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         8 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         9 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         10 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         11 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         12 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         13 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         14 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         15 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         16 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         17 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         18 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         19 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         20 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         21 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         22 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         23 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         24 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         25 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         26 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         27 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         28 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         29 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         30 日
+                        
                       </li>
                       <li
                         class="t-picker-item__item"
                       >
+                        
                         31 日
+                        
                       </li>
                       
                     </ul>
diff --git a/src/picker/__test__/__snapshots__/demo.test.jsx.snap b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
index 11cfaf004..edc8bb006 100644
--- a/src/picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -101,12 +101,16 @@ exports[`Picker > Picker areaVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 北京市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 广东省
+                
               </li>
               
             </ul>
@@ -299,37 +303,51 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 北京市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 上海市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 广州市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 深圳市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 杭州市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 成都市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 长沙市
+                
               </li>
               
             </ul>
@@ -405,52 +423,72 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 2024
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2023
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2022
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2021
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2020
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2019
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2018
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2017
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2016
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 2015
+                
               </li>
               
             </ul>
@@ -466,22 +504,30 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 春
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 夏
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 秋
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 冬
+                
               </li>
               
             </ul>
@@ -620,12 +666,16 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 战士
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 法师
+                
               </li>
               
             </ul>
@@ -641,22 +691,30 @@ exports[`Picker > Picker cascadeVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item"
               >
+                
                 夏侯惇
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 吕布
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 铠
+                
               </li>
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 狂铁
+                
               </li>
               
             </ul>
@@ -858,37 +916,51 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     北京市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     上海市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     广州市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     深圳市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     杭州市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     成都市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     长沙市
+                    
                   </li>
                   
                 </ul>
@@ -964,52 +1036,72 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     2024
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2023
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2022
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2021
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2020
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2019
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2018
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2017
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2016
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     2015
+                    
                   </li>
                   
                 </ul>
@@ -1025,22 +1117,30 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     春
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     夏
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     秋
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     冬
+                    
                   </li>
                   
                 </ul>
@@ -1158,12 +1258,16 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     北京市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     广东省
+                    
                   </li>
                   
                 </ul>
@@ -1370,22 +1474,30 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
                   <li
                     class="t-picker-item__item t-picker-item__item--active"
                   >
+                    
                     北京市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     上海市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     广州市
+                    
                   </li>
                   <li
                     class="t-picker-item__item"
                   >
+                    
                     深圳市
+                    
                   </li>
                   
                 </ul>
@@ -1604,22 +1716,30 @@ exports[`Picker > Picker titleVue demo works fine 1`] = `
               <li
                 class="t-picker-item__item t-picker-item__item--active"
               >
+                
                 北京市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 上海市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 广州市
+                
               </li>
               <li
                 class="t-picker-item__item"
               >
+                
                 深圳市
+                
               </li>
               
             </ul>
diff --git a/src/picker/demos/base.vue b/src/picker/demos/base.vue
index 5dded9500..a1072ec9a 100644
--- a/src/picker/demos/base.vue
+++ b/src/picker/demos/base.vue
@@ -9,13 +9,16 @@
       @confirm="onConfirm"
       @cancel="cityState.show = false"
       @pick="onPick"
-    />
+    >
+      <template #option="item">{{ item.label }}</template></t-picker
+    >
   </t-popup>
 
   <t-popup v-model="seasonState.show" placement="bottom">
     <t-picker
       v-model="seasonState.season"
       :columns="seasonColumns"
+      :option="option"
       @confirm="onConfirm"
       @cancel="onCancel"
       @pick="onPick"
@@ -26,6 +29,11 @@
 <script lang="ts" setup>
 import { reactive } from 'vue';
 import { PickerValue } from 'tdesign-mobile-vue';
+import type { PickerColumnItem } from 'tdesign-mobile-vue';
+
+const option = (item: PickerColumnItem, index: number) => {
+  return item.label;
+};
 
 const cityOptions = () => {
   return [
diff --git a/src/picker/picker-item.tsx b/src/picker/picker-item.tsx
index f3435c008..becda9e98 100644
--- a/src/picker/picker-item.tsx
+++ b/src/picker/picker-item.tsx
@@ -97,7 +97,11 @@ export default defineComponent({
         <ul ref={root} class={className.value}>
           {(props.options || []).map((option, index) => (
             <li key={index} class={itemClassName.value}>
-              {props.renderLabel ? props.renderLabel(option) : option?.label}
+              {context.slots.option ? (
+                context.slots.option(option, index)
+              ) : (
+                <>{props.renderLabel ? props.renderLabel(option) : option?.label}</>
+              )}
             </li>
           ))}
         </ul>
diff --git a/src/picker/picker.en-US.md b/src/picker/picker.en-US.md
index dacdc3f1f..ef17fcb2b 100644
--- a/src/picker/picker.en-US.md
+++ b/src/picker/picker.en-US.md
@@ -10,6 +10,7 @@ cancelBtn | String / Boolean | true | Typescript：`boolean \| string` | N
 columns | Array / Function | [] | required。Typescript：`PickerColumn \| Array<PickerColumn> \| ((item: Array<PickerValue>)  => Array<PickerColumn>)` `type PickerColumn = PickerColumnItem[]` `interface PickerColumnItem { label: string,value: string}`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts) | Y
 confirmBtn | String / Boolean | true | Typescript：`boolean \| string` | N
 header | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+option | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 renderLabel | Function | - | Typescript：`(item: PickerColumnItem) => string` | N
 title | String | '' | \- | N
 value | Array | - | `v-model` and `v-model:value` is supported。Typescript：`Array<PickerValue>` `type PickerValue = string \| number`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts) | N
diff --git a/src/picker/picker.md b/src/picker/picker.md
index 8c2cfa128..97fe19b95 100644
--- a/src/picker/picker.md
+++ b/src/picker/picker.md
@@ -11,6 +11,7 @@ cancelBtn | String / Boolean | true | 取消按钮文字。TS 类型：`boolean
 columns | Array / Function | [] | 必需。配置每一列的选项。TS 类型：`PickerColumn \| Array<PickerColumn> \| ((item: Array<PickerValue>)  => Array<PickerColumn>)` `type PickerColumn = PickerColumnItem[]` `interface PickerColumnItem { label: string,value: string}`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts) | Y
 confirmBtn | String / Boolean | true | 确定按钮文字。TS 类型：`boolean \| string` | N
 header | Slot / Function | - | 自定义头部内容。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
+option | Slot / Function | - | 自定义选项内容。参数为 `option: PickerColumnItem, index: number`。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 renderLabel | Function | - | 自定义label。TS 类型：`(item: PickerColumnItem) => string` | N
 title | String | '' | 标题 | N
 value | Array | - | 选中值。支持语法糖 `v-model` 或 `v-model:value`。TS 类型：`Array<PickerValue>` `type PickerValue = string \| number`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/picker/type.ts) | N
diff --git a/src/picker/picker.tsx b/src/picker/picker.tsx
index 2408947d8..84bf5f7a1 100644
--- a/src/picker/picker.tsx
+++ b/src/picker/picker.tsx
@@ -23,7 +23,7 @@ export default defineComponent({
   components: { PickerItem },
   props: PickerProps,
   emits: ['change', 'cancel', 'pick', 'update:modelValue', 'update:value'],
-  setup(props) {
+  setup(props, { slots }) {
     const pickerClass = usePrefixClass('picker');
     const { globalConfig } = useConfig('picker');
     const renderTNodeJSX = useTNodeJSX();
@@ -116,6 +116,7 @@ export default defineComponent({
             {realColumns.value.map((item, index) => (
               <div key={index} class={`${pickerClass.value}-item__group`}>
                 <picker-item
+                  v-slots={{ option: slots.option || props.option }}
                   ref={(item: any) => setPickerItemRef(item, index)}
                   options={item}
                   value={pickerValue.value?.[index]}
diff --git a/src/picker/props.ts b/src/picker/props.ts
index a6442d4cc..1d7276aac 100644
--- a/src/picker/props.ts
+++ b/src/picker/props.ts
@@ -28,6 +28,10 @@ export default {
   header: {
     type: Function as PropType<TdPickerProps['header']>,
   },
+  /** 自定义选项内容。参数为 `option: PickerColumnItem, index: number` */
+  option: {
+    type: Function as PropType<TdPickerProps['option']>,
+  },
   /** 自定义label */
   renderLabel: {
     type: Function as PropType<TdPickerProps['renderLabel']>,
diff --git a/src/picker/type.ts b/src/picker/type.ts
index ecb44b5b0..87b2eb865 100644
--- a/src/picker/type.ts
+++ b/src/picker/type.ts
@@ -26,6 +26,10 @@ export interface TdPickerProps {
    * 自定义头部内容
    */
   header?: TNode;
+  /**
+   * 自定义选项内容。参数为 `option: PickerColumnItem, index: number`
+   */
+  option?: TNode;
   /**
    * 自定义label
    */