【表单设计】组件添加边框，删除原先上传组件

src/views/demo/form-design/components/VFormDesign/components/FormNode.vue

@@ -3,7 +3,7 @@
 -->
 <template>
   <div
-    class="drag-move-box"
+    class="drag-move-box component-border"
     @click.stop="handleSelectItem"
     :class="{ active: schema.key === formConfig.currentItem?.key }"
   >
@@ -51,3 +51,8 @@
     },
   });
 </script>
+<style lang="scss" scoped>
+.component-border{
+  border: 1px solid #d9d9d9
+}
+</style>

src/views/demo/form-design/components/VFormDesign/components/LayoutItem.vue

@@ -7,7 +7,7 @@
   <Col v-bind="colPropsComputed">
     <template v-if="['Grid','Card'].includes(schema.component)">
       <div
-        class="grid-box"
+        class="grid-box component-border"
         :class="{ active: schema.key === currentItem.key }"
         @click.stop="handleSetSelectItem(schema)"
       >
@@ -50,7 +50,7 @@
     </template>
     <template v-else-if="['Tabs'].includes(schema.component)">
       <div
-        class="grid-box"
+        class="grid-box component-border"
         :class="{ active: schema.key === currentItem.key }"
         @click.stop="handleSetSelectItem(schema)"
       >
@@ -87,7 +87,7 @@
     </template>
     <template v-else-if="['CardGroup'].includes(schema.component)">
       <div
-        class="grid-box"
+        class="grid-box component-border"
         :class="{ active: schema.key === currentItem.key }"
         @click.stop="handleSetSelectItem(schema)"
       >
@@ -214,3 +214,8 @@
     background-color: rgb(240 191 195);
   }
 </style>
+<style lang="scss" scoped>
+.component-border{
+  border: 1px solid #d9d9d9
+}
+</style>

src/views/demo/form-design/core/formItemConfig.ts

@@ -426,16 +426,16 @@ export const baseComponents: IVFormComponent[] = [
       ],
     },
   },
-  {
-    component: 'Upload',
-    label: '上传',
-    icon: 'ant-design:upload-outlined',
-    field: '',
-    colProps: { span: 24 },
-    componentProps: {
-      api: () => 1,
-    },
-  },
+  // {
+  //   component: 'Upload',
+  //   label: '上传',
+  //   icon: 'ant-design:upload-outlined',
+  //   field: '',
+  //   colProps: { span: 24 },
+  //   componentProps: {
+  //     api: () => 1,
+  //   },
+  // },
   {
     component: 'Cascader',
     label: '级联选择',