Merge pull request #265 from NogiRuka/style/center-upload-icon-and-text-in-basicForm

style(BasicUpload): center upload icon and text in BasicForm

src/components/Upload/src/BasicUpload.vue

@@ -31,6 +31,7 @@
           v-if="imgList.length < maxNumber"
         >
           <n-upload
+            class="w-auto"
             v-bind="$props"
             :file-list-style="{ display: 'none' }"
             @before-upload="beforeUpload"
@@ -68,18 +69,18 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, toRefs, reactive, computed, watch } from 'vue';
+import { defineComponent, toRefs, reactive, computed, watch } from 'vue';
-  import { EyeOutlined, DeleteOutlined, PlusOutlined } from '@vicons/antd';
+import { EyeOutlined, DeleteOutlined, PlusOutlined } from '@vicons/antd';
-  import { basicProps } from './props';
+import { basicProps } from './props';
-  import { useMessage, useDialog } from 'naive-ui';
+import { useMessage, useDialog } from 'naive-ui';
-  import { ResultEnum } from '@/enums/httpEnum';
+import { ResultEnum } from '@/enums/httpEnum';
-  import componentSetting from '@/settings/componentSetting';
+import componentSetting from '@/settings/componentSetting';
-  import { useGlobSetting } from '@/hooks/setting';
+import { useGlobSetting } from '@/hooks/setting';
-  import { isString } from '@/utils/is';
+import { isString } from '@/utils/is';
 
-  const globSetting = useGlobSetting();
+const globSetting = useGlobSetting();
 
-  export default defineComponent({
+export default defineComponent({
   name: 'BasicUpload',
 
   components: { EyeOutlined, DeleteOutlined, PlusOutlined },
@@ -196,11 +197,11 @@
       getCSSProperties,
     };
   },
-  });
+});
 </script>
 
 <style lang="less">
-  .upload {
+.upload {
   width: 100%;
   overflow: hidden;
 
@@ -306,5 +307,5 @@
       }
     }
   }
-  }
+}
 </style>