✨ feat(单选/多选控件): 样式调整优化

@@ -12,7 +12,6 @@ declare module '@vue/runtime-core' {
     CalendarField: typeof import('./src/components/CalendarField/index.vue')['default']
     CheckboxField: typeof import('./src/components/CheckboxField/index.vue')['default']
     ContactField: typeof import('./src/components/ContactField/index.vue')['default']
-    copy: typeof import('./src/components/RadioField copy/index.vue')['default']
     DatePickerField: typeof import('./src/components/DatePickerField/index.vue')['default']
     DateTimePickerField: typeof import('./src/components/DateTimePickerField/index.vue')['default']
     DesField: typeof import('./src/components/DesField/index.vue')['default']

@@ -19,13 +19,13 @@
       <template #input>
         <van-checkbox-group v-model="checkbox_value" :direction="item.component_props.direction"
           :max="item.component_props.max" style="width: 100%">
-          <template v-for="x in item.component_props.options" :key="x.title">
+          <div v-for="x in item.component_props.options" :key="x.title" class="checkbox-wrapper">
             <van-checkbox @click="onClick(x)" :name="x.title" icon-size="1rem" shape="square"
               :checked-color="themeVars.radioColor" style="margin-bottom: 0.25rem">{{ x.title }}</van-checkbox>
             <van-field v-if="checkbox_value.includes(x.value) && x.is_input" @blur="onBlur(x)" v-model="x.affix"
               label="" :placeholder="x.input_placeholder" :rules="x.input_required ? rules : ''"
               :required="x.input_required" class="affix-input" />
-          </template>
+          </div>
         </van-checkbox-group>
       </template>
     </van-field>
@@ -114,18 +114,24 @@ onMounted(() => {
     white-space: pre;
   }
 
+  .checkbox-wrapper {
+    border: 1px solid #eaeaea;
+    border-radius: 0.25rem;
+    padding: 0.25rem 0.5rem;
+    margin-bottom: 0.25rem;
+  }
   .affix-input {
     border: 1px solid #eaeaea;
     border-radius: 0.25rem;
     padding: 0.25rem 0.5rem;
+    margin-top: 0.5rem;
     margin-bottom: 0.25rem;
   }
 }
 
 :deep(.van-checkbox) {
-  border: 1px solid #eaeaea;
-  border-radius: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  // width: 100vw;
+  // border: 1px solid #eaeaea;
+  // border-radius: 0.25rem;
+  // padding: 0.25rem 0.5rem;
 }
 </style>

 <!--
  * @Date: 2022-08-30 11:34:19
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-01 15:10:41
+ * @LastEditTime: 2023-02-01 18:51:20
  * @FilePath: /data-table/src/components/RadioField/index.vue
  * @Description: 单项选择控件
 -->
@@ -17,13 +17,13 @@
       <template #input>
         <van-radio-group @change="onChange(item)" v-model="radio_value" :direction="item.component_props.direction"
           style="width: 100%">
-          <template v-for="x in item.component_props.options" :key="x.value">
+          <div v-for="x in item.component_props.options" :key="x.value" class="radio-wrapper">
             <van-radio :name="x.value" icon-size="1rem" :checked-color="themeVars.radioColor"
               style="margin-bottom: 0.25rem">{{ x.title }}</van-radio>
             <van-field v-if="radio_value === x.value && x.is_input" @blur="onBlur(x)" v-model="x.affix" label=""
               :placeholder="x.input_placeholder" :rules="x.input_required ? rules : ''" :required="x.input_required"
               class="affix-input" />
-          </template>
+          </div>
         </van-radio-group>
       </template>
     </van-field>
@@ -113,18 +113,24 @@ onMounted(() => {
     white-space: pre;
   }
 
+  .radio-wrapper {
+    border: 1px solid #eaeaea;
+    border-radius: 0.25rem;
+    padding: 0.25rem 0.5rem;
+    margin-bottom: 0.25rem;
+  }
   .affix-input {
     border: 1px solid #eaeaea;
     border-radius: 0.25rem;
     padding: 0.25rem 0.5rem;
+    margin-top: 0.5rem;
     margin-bottom: 0.25rem;
   }
 }
 
 :deep(.van-radio) {
-  border: 1px solid #eaeaea;
-  border-radius: 0.25rem;
-  padding: 0.25rem 0.5rem;
-  // width: 100vw;
+  // border: 1px solid #eaeaea;
+  // border-radius: 0.25rem;
+  // padding: 0.25rem 0.5rem;
 }
 </style>