diff --git a/package.json b/package.json
index d6fb95d81..5a40fc3ca 100644
--- a/package.json
+++ b/package.json
@@ -87,7 +87,7 @@
     "@types/lodash": "^4.14.178",
     "@types/validator": "^13.6.3",
     "@use-gesture/vanilla": "^10.3.0",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "10.7.0",
     "dayjs": "^1.10.7",
     "lodash": "^4.17.21",
     "tdesign-icons-vue-next": "^0.2.0",
@@ -125,7 +125,8 @@
     "@vue/babel-plugin-jsx": "1.1.1",
     "@vue/eslint-config-typescript": "^9.1.0",
     "@vue/runtime-core": "^3.2.41",
-    "@vue/server-renderer": "^3.2.4",
+    "@vue/server-renderer": "3.3.8",
+    "@vue/shared": "3.3.8",
     "@vue/test-utils": "2.4.1",
     "autoprefixer": "^10.2.4",
     "axios": "^0.21.0",
@@ -175,7 +176,7 @@
     "vite": "^2.9.14",
     "vite-plugin-tdoc": "^2.0.1",
     "vitest": "^0.16.0",
-    "vue": "^3.2.47",
+    "vue": "3.3.8",
     "vue-eslint-parser": "^8.0.1",
     "vue-router": "4.0.11",
     "vue-tsc": "^0.40.0"
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 101d2f862..49cea9b30 100644
--- a/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -175,6 +175,11 @@ exports[`DateTimePicker > DateTimePicker baseVue demo works fine 1`] = `
               >
                 2033 年
               </li>
+              <li
+                class="t-picker-item__item"
+              >
+                2034 年
+              </li>
               
             </ul>
           </div>
@@ -880,14 +885,9 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
           >
             <ul
               class="t-picker-item"
-              style="transform: translate3d(0, -200px, 0);"
+              style="transform: translate3d(0, -160px, 0);"
             >
               
-              <li
-                class="t-picker-item__item"
-              >
-                2013 年
-              </li>
               <li
                 class="t-picker-item__item"
               >
@@ -988,6 +988,11 @@ exports[`DateTimePicker > DateTimePicker fullVue demo works fine 1`] = `
               >
                 2033 年
               </li>
+              <li
+                class="t-picker-item__item"
+              >
+                2034 年
+              </li>
               
             </ul>
           </div>
@@ -2206,6 +2211,11 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   >
                     2033 年
                   </li>
+                  <li
+                    class="t-picker-item__item"
+                  >
+                    2034 年
+                  </li>
                   
                 </ul>
               </div>
@@ -2535,14 +2545,9 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
               >
                 <ul
                   class="t-picker-item"
-                  style="transform: translate3d(0, -240px, 0);"
+                  style="transform: translate3d(0, -200px, 0);"
                 >
                   
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2013 年
-                  </li>
                   <li
                     class="t-picker-item__item"
                   >
@@ -2643,6 +2648,11 @@ exports[`DateTimePicker > DateTimePicker mobileVue demo works fine 1`] = `
                   >
                     2033 年
                   </li>
+                  <li
+                    class="t-picker-item__item"
+                  >
+                    2034 年
+                  </li>
                   
                 </ul>
               </div>
@@ -4261,14 +4271,9 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
           >
             <ul
               class="t-picker-item"
-              style="transform: translate3d(0, -240px, 0);"
+              style="transform: translate3d(0, -200px, 0);"
             >
               
-              <li
-                class="t-picker-item__item"
-              >
-                2013 年
-              </li>
               <li
                 class="t-picker-item__item"
               >
@@ -4369,6 +4374,11 @@ exports[`DateTimePicker > DateTimePicker yearMonthVue demo works fine 1`] = `
               >
                 2033 年
               </li>
+              <li
+                class="t-picker-item__item"
+              >
+                2034 年
+              </li>
               
             </ul>
           </div>
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 6592fa82e..0124bb5b3 100644
--- a/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/date-time-picker/__test__/__snapshots__/index.test.jsx.snap
@@ -33,14 +33,9 @@ exports[`DateTimePicker > props > : onPick 1`] = `
     >
       <ul
         class="t-picker-item"
-        style="transform: translate3d(0, -400px, 0); transition: 150ms ease-out;"
+        style="transform: translate3d(0, -360px, 0); transition: 150ms ease-out;"
       >
         
-        <li
-          class="t-picker-item__item"
-        >
-          2013 年
-        </li>
         <li
           class="t-picker-item__item"
         >
@@ -141,6 +136,11 @@ exports[`DateTimePicker > props > : onPick 1`] = `
         >
           2033 年
         </li>
+        <li
+          class="t-picker-item__item"
+        >
+          2034 年
+        </li>
         
       </ul>
     </div>
diff --git a/src/picker/__test__/__snapshots__/demo.test.jsx.snap b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
index e943a5c49..0bcc3b35e 100644
--- a/src/picker/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/picker/__test__/__snapshots__/demo.test.jsx.snap
@@ -389,6 +389,11 @@ 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>
@@ -432,11 +437,6 @@ exports[`Picker > Picker baseVue demo works fine 1`] = `
               >
                 2015
               </li>
-              <li
-                class="t-picker-item__item"
-              >
-                2014
-              </li>
               
             </ul>
           </div>
@@ -935,6 +935,11 @@ 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>
@@ -978,11 +983,6 @@ exports[`Picker > Picker mobileVue demo works fine 1`] = `
                   >
                     2015
                   </li>
-                  <li
-                    class="t-picker-item__item"
-                  >
-                    2014
-                  </li>
                   
                 </ul>
               </div>