✨ feat: 控件必填提示红星号调整到前面

 <!--
  * @Date: 2022-08-30 14:32:11
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-29 15:42:46
+ * @LastEditTime: 2023-02-10 10:06:14
  * @FilePath: /data-table/src/components/AreaPickerField/index.vue
  * @Description: 省市区选择控件
 -->
 <template>
   <div v-if="HideShow" class="area-picker-field">
-    <div class="label">{{ item.component_props.label }}<span v-if="item.component_props.required">&nbsp;*</span></div>
+    <div class="label"><span v-if="item.component_props.required">&nbsp;*</span>{{ item.component_props.label }}</div>
     <van-field
       name="ignore"
       v-model="fieldValue"

 <!--
  * @Date: 2022-09-14 11:00:01
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-21 14:38:06
+ * @LastEditTime: 2023-02-10 10:06:27
  * @FilePath: /data-table/src/components/CalendarField/index.vue
  * @Description: 日历选择控件
 -->
 <template>
   <div class="calendar-page">
     <div class="label">
-      {{ item.component_props.label }}
       <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"

 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-01 18:57:37
+ * @LastEditTime: 2023-02-10 10:06:43
  * @FilePath: /data-table/src/components/CheckboxField/index.vue
  * @Description: 多项选择控件
 -->
 <template>
   <div v-if="HideShow" class="checkbox-field-page">
     <div class="label">
-      {{ item.component_props.label }}
       <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
+      {{ item.component_props.label }}
       <span v-if="item.component_props.max" style="color: gray">
         (最多可选数:&nbsp;{{ item.component_props.max }})
       </span>

 <!--
  * @Date: 2022-08-31 11:45:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-08 15:01:56
+ * @LastEditTime: 2023-02-10 10:07:31
  * @FilePath: /data-table/src/components/DatePickerField/index.vue
  * @Description: 日期选择组件
 -->
 <template>
   <div v-if="HideShow" class="date-picker-field">
     <div class="label">
-      {{ item.component_props.label }}
       <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="datetime-picker">
     <div class="label">
-      {{ item.component_props.label }}
       <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="text-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="file-uploader-field">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div
       v-if="item.component_props.note"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="gender-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
     <van-field

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="identity-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <!-- <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem;">{{ item.value }}</div> -->
     <van-field

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="image-uploader-field">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div
       v-if="item.component_props.note"

@@ -7,7 +7,9 @@
 -->
 <template>
   <div v-if="HideShow" class="multi-rule-field-page">
-    <div class="label"> {{ item.component_props.label }}<span v-if="item.component_props.required" class="required">&nbsp;*</span>
+    <div class="label">
+      <span v-if="item.component_props.required" class="required">&nbsp;*</span>
+      {{ item.component_props.label }}
     <span v-if="item.component_props.min_count" style="color: #999; font-size: 0.85rem;">（最少选{{ item.component_props.min_count }}项）</span>
     </div>
     <van-field :name="item.key" :rules="rules" :border="false" style="padding-bottom: 0">

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="name-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"

@@ -7,7 +7,10 @@
 -->
 <template>
   <div class="note-field-page">
-    <div class="label">{{ item.component_props.label }}<span v-if="item.component_props.required">&nbsp;*</span></div>
+    <div class="label">
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
+    </div>
     <div class="html" style="padding: 0.5rem 1rem 0 1rem;" v-html="item.component_props.note"></div>
   </div>
 </template>

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="number-page">
     <div class="label">
-      {{ item.component_props.label }}
       <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div
       v-if="item.component_props.note"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="phone-field-page">
     <div class="label">
-      {{ item.component_props.label }}
       <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       :id="item.name"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="picker-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"

@@ -8,9 +8,8 @@
 <template>
   <div v-if="HideShow" class="radio-field-page">
     <div class="label">
-      {{
-        item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
     <van-field :rules="item.rules">

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="rate-field">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-rate
       v-model="rate_value"

@@ -8,8 +8,8 @@
 <template>
   <div class="rule-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       :name="item.key"

@@ -8,9 +8,9 @@
 <template>
   <div v-if="HideShow" class="sign-page">
     <div class="label">
-      {{ item.component_props.label }}{{
-        valid
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
+      {{ valid }}
     </div>
     <div ref="wrapperRef" class="esign-wrapper">
       <!-- <div style="padding: 1rem; position: relative; height: 150px; background-color: #FCFCFC;border: 1px solid #EAEAEA; border-radius: 5px;"> -->

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="text-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div
       v-if="item.component_props.note"

@@ -8,8 +8,8 @@
 <template>
   <div v-if="HideShow" class="textarea-field-page">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <div
       v-if="item.component_props.note"

 <!--
  * @Date: 2022-08-31 11:45:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-09 15:56:45
+ * @LastEditTime: 2023-02-10 10:11:05
  * @FilePath: /data-table/src/components/TimePickerField/index.vue
  * @Description: 时间选择组件
 -->
 <template>
   <div v-if="HideShow" class="time-picker-field">
     <div class="label">
-      {{ item.component_props.label
-      }}<span v-if="item.component_props.required">&nbsp;*</span>
+      <span v-if="item.component_props.required">&nbsp;*</span>
+      {{ item.component_props.label }}
     </div>
     <van-field
       v-model="item.value"