style: 样式调整

frontend/package.json

@@ -38,7 +38,7 @@
     "@7polo/kity": "2.0.8",
     "@7polo/kityminder-core": "1.4.53",
     "@arco-design/web-vue": "^2.55.3",
-    "@arco-themes/vue-metersphere-v3": "^0.0.1",
+    "@arco-themes/vue-metersphere-v3": "^0.0.2",
     "@form-create/arco-design": "^3.1.29",
     "@halo-dev/richtext-editor": "0.0.0-alpha.33",
     "@tanstack/vue-query": "^5.49.1",

frontend/src/assets/style/arco-reset.less

@@ -432,12 +432,12 @@
 /** 多选框 **/
 .arco-checkbox-checked {
   .arco-checkbox-icon {
-    @apply !border-none;
+    border: 1px solid rgb(var(--primary-5)) !important;
   }
   .arco-checkbox-icon-check {
     @apply text-white;
 
-    background-color: rgb(var(--primary-6));
+    background-color: rgb(var(--primary-5));
   }
 }
 .arco-checkbox {

frontend/src/components/business/ms-params-input/index.vue

@@ -227,6 +227,7 @@
         <MsIcon
           v-if="!props.disabled"
           type="icon-icon_mock"
+          :size="16"
           class="ms-params-input-suffix-icon"
           @click.stop="openParamSetting"
         />
@@ -693,7 +694,7 @@
       }
     }
   }
-  .ms-params-input:not(.arco-input-focus) {
+  .ms-params-input:not(.arco-input-focus, .ms-params-input--focus) {
     @apply bg-transparent;
 
     border-color: transparent !important;

frontend/src/components/pure/ms-json-schema/index.vue

@@ -25,6 +25,9 @@
         {{ t('apiTestDebug.batchAdd') }}
       </MsButton>
     </template>
+    <template #typeTitle="{ columnConfig }">
+      <div class="pl-[30px] text-[var(--color-text-3)]">{{ t(columnConfig.title as string) }}</div>
+    </template>
     <template #title="{ record, columnConfig, rowIndex }">
       <span v-if="record.id === 'root'" class="px-[8px]">root</span>
       <span v-else-if="record.parent?.type === 'array'" class="px-[8px]">{{ rowIndex }}</span>
@@ -58,13 +61,14 @@
         :content="t(record.required ? 'apiTestDebug.paramRequired' : 'apiTestDebug.paramNotRequired')"
       >
         <MsButton
-          type="icon"
-          class="!mr-[4px] !p-[4px]"
+          type="button"
+          class="!mr-[4px] flex items-center justify-center !rounded-[var(--border-radius-small)] border border-[var(--color-text-n8)] !p-0"
           size="mini"
           :disabled="props.disabled"
           @click="() => (record.required = !record.required)"
         >
           <div
+            class="flex h-[22px] w-[22px] items-center justify-center"
             :style="{
               color: record.required ? 'rgb(var(--danger-5)) !important' : 'var(--color-text-brand) !important',
             }"
@@ -73,6 +77,7 @@
           </div>
         </MsButton>
       </a-tooltip>
+      <div v-else class="w-[38px]"></div>
       <a-select
         v-model:model-value="record.type"
         :options="getTypeOptions(record)"
@@ -676,6 +681,7 @@
       title: t('ms.json.schema.type'),
       dataIndex: 'type',
       slotName: 'type',
+      titleSlotName: 'typeTitle',
       size: 'medium',
       width: 120,
       addLineDisabled: true,