feat: 页面调整组件属性升级

src/views/system/setting/components/change-copyright.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive } from 'vue';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
@@ -64,7 +64,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-form layout="vertical" v-if="state.edite">
         <a-form-item>
@@ -111,7 +111,8 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .sys-copyright {
-  color: rgba(0, 0, 0, 0.75);
+  color: inherit;
+  opacity: 0.75;
   font-size: 14px;
   font-weight: 600;
   line-height: 1.4;

src/views/system/setting/components/change-help-doc.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive } from 'vue';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { transferStaticFile, uploadFileChunk } from '@/api/tool/file';
-import { FileType } from 'ant-design-vue/lib/upload/interface';
-import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import { FileType } from 'ant-design-vue/es/upload/interface';
+import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
 import { useRouter } from 'vue-router';
 const appStore = useAppStore();
 const router = useRouter();
@@ -113,7 +113,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-form layout="vertical">
         <template v-if="state.edite">

src/views/system/setting/components/change-home-index.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive, toRaw } from 'vue';
 import useI18n from '@/hooks/useI18n';
 import { listMenu } from '@/api/system/menu';
@@ -80,7 +80,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <template v-if="state.edite">
         <a-form-item :label="t('views.system.setting.home')">

src/views/system/setting/components/change-i18n.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive } from 'vue';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
@@ -68,7 +68,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-form v-if="state.edite">
         <a-form-item :label="t('views.system.setting.i18nOpen')">

src/views/system/setting/components/change-login-bg.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive } from 'vue';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { changeValue } from '@/api/system/config';
 import { uploadFile } from '@/api/tool/file';
-import { FileType } from 'ant-design-vue/lib/upload/interface';
-import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import { FileType } from 'ant-design-vue/es/upload/interface';
+import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
 import { sessionGet } from '@/utils/cache-session-utils';
 import { parseUrlPath } from '@/plugins/file-static-url';
 const appStore = useAppStore();
@@ -149,7 +149,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <div class="sys-login-bg">
         <span v-if="state.flag === '#'">

src/views/system/setting/components/change-logo.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
-import { FileType } from 'ant-design-vue/lib/upload/interface';
-import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import { Modal, message } from 'ant-design-vue/es';
+import { FileType } from 'ant-design-vue/es/upload/interface';
+import { UploadRequestOption } from 'ant-design-vue/es/vc-upload/interface';
 import IconFont from '@/components/IconFont/index.vue';
 import { onMounted, reactive, watch, computed, nextTick } from 'vue';
 import useAppStore from '@/store/modules/app';
@@ -217,7 +217,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-form layout="vertical">
         <a-form-item style="margin-bottom: 12px">

src/views/system/setting/components/change-official-url.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive } from 'vue';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
@@ -67,7 +67,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-form layout="vertical" v-if="state.edite">
         <a-form-item>

src/views/system/setting/components/change-title.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Modal, message } from 'ant-design-vue/lib';
+import { Modal, message } from 'ant-design-vue/es';
 import { onMounted, reactive } from 'vue';
 import useAppStore from '@/store/modules/app';
 import useI18n from '@/hooks/useI18n';
@@ -62,7 +62,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-form layout="vertical" v-if="state.edite">
         <a-form-item>
@@ -109,7 +109,8 @@ onMounted(() => {
 
 <style lang="less" scoped>
 .sys-title {
-  color: rgba(0, 0, 0, 0.85);
+  color: inherit;
+  opacity: 0.85;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.4;

src/views/system/setting/components/system-reset.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { message } from 'ant-design-vue/lib';
+import { message } from 'ant-design-vue/es';
 import { reactive } from 'vue';
 import useI18n from '@/hooks/useI18n';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
@@ -9,20 +9,20 @@ const maskStore = useMaskStore();
 const { t } = useI18n();
 
 type StateType = {
-  visible: boolean;
+  open: boolean;
   count: number;
   timer: any;
 };
 
 let state: StateType = reactive({
-  visible: false,
+  open: false,
   count: 10,
   timer: null,
 });
 
 /**对话框弹出显示 */
 function fnModalVisible() {
-  state.visible = true;
+  state.open = true;
   // 倒数
   state.timer = setInterval(() => {
     if (state.count < 0) {
@@ -55,12 +55,12 @@ function fnModalCancel() {
   clearInterval(state.timer);
   state.timer = null;
   state.count = 10;
-  state.visible = false;
+  state.open = false;
 }
 </script>
 
 <template>
-  <a-row :gutter="16">
+  <a-row>
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <a-button type="dashed" danger @click="fnModalVisible()">
         {{ t('common.reset') }}
@@ -71,7 +71,7 @@ function fnModalCancel() {
       :width="416"
       :destroyOnClose="true"
       :mask-closable="false"
-      v-model:visible="state.visible"
+      v-model:open="state.open"
       :title="t('common.tipTitle')"
       :ok-text="
         state.count > 0 ? `${t('common.ok')} ${state.count}` : t('common.ok')