feat: migrate Form component

src/form/demo/FieldTypeArea.vue

@@ -3,14 +3,14 @@
     readonly
     clickable
     name="area"
-    :value="value"
     :label="t('picker')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showArea = true"
   >
     <template #extra>
       <van-popup
-        v-model="showArea"
+        v-model:show="showArea"
         round
         position="bottom"
         get-container="body"

src/form/demo/FieldTypeCalendar.vue

@@ -3,14 +3,14 @@
     readonly
     clickable
     name="calendar"
-    :value="value"
     :label="t('calendar')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showCalendar = true"
   >
     <template #extra>
       <van-calendar
-        v-model="showCalendar"
+        v-model:show="showCalendar"
         round
         get-container="body"
         @confirm="onConfirm"

src/form/demo/FieldTypeDatetimePicker.vue

@@ -3,14 +3,14 @@
     readonly
     clickable
     name="datetimePicker"
-    :value="value"
     :label="t('label')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
   >
     <template #extra>
       <van-popup
-        v-model="showPicker"
+        v-model:show="showPicker"
         round
         position="bottom"
         get-container="body"

src/form/demo/FieldTypePicker.vue

@@ -3,14 +3,14 @@
     readonly
     clickable
     name="picker"
-    :value="value"
     :label="t('picker')"
+    :model-value="value"
     :placeholder="t('placeholder')"
     @click="showPicker = true"
   >
     <template #extra>
       <van-popup
-        v-model="showPicker"
+        v-model:show="showPicker"
         round
         position="bottom"
         get-container="body"