👣 重构底层

kicc-ui/src/views/core/iframe/FrameBlank.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div/>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';

kicc-ui/src/views/core/iframe/index.vue

@@ -2,11 +2,11 @@
   <div :class="prefixCls" :style="getWrapStyle">
     <Spin :spinning="loading" size="large" :style="getWrapStyle">
       <iframe
+        ref="frameRef"
         :src="frameSrc"
         :class="`${prefixCls}__main`"
-        ref="frameRef"
         @load="hideLoading"
-      ></iframe>
+      />
     </Spin>
   </div>
 </template>

kicc-ui/src/views/core/lock/LockPage.vue

@@ -25,10 +25,10 @@
     </div>
     <!--锁屏登录区域-->
     <transition name="fade-slide">
-      <div :class="`${prefixCls}-entry`" v-show="!showDate">
+      <div v-show="!showDate" :class="`${prefixCls}-entry`">
         <div :class="`${prefixCls}-entry-content`">
           <div :class="`${prefixCls}-entry__header enter-x`">
-            <img :src="userInfo.avatar" :class="`${prefixCls}-entry__header-img`"/>
+            <img :src="userInfo.avatar" :class="`${prefixCls}-entry__header-img`">
             <p :class="`${prefixCls}-entry__header-name`">
               {{ userInfo.nickName }}
             </p>
@@ -37,7 +37,7 @@
                          :placeholder="t('sys.lock.placeholder')"
                          class="enter-x"
           />
-          <span :class="`${prefixCls}-entry__err-msg enter-x`" v-if="errMsg">
+          <span v-if="errMsg" :class="`${prefixCls}-entry__err-msg enter-x`">
             {{ t('sys.lock.alert') }}
           </span>
           <div :class="`${prefixCls}-entry__footer enter-x`">
@@ -82,7 +82,7 @@
   import { useNow } from './useNow';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { LockOutlined } from '@ant-design/icons-vue';
-  import { User } from "/@/api/platform/core/entity/user";
+  import { User } from '/@/api/platform/core/entity/user';
 
   const InputPassword = Input.Password;
   const password = ref('');

kicc-ui/src/views/core/login/Login.vue

@@ -18,7 +18,7 @@
             <img :alt="title"
                  src="../../../assets/images/login-box-bg.svg"
                  class="w-1/2 -mt-16 -enter-x"
-            />
+            >
             <div class="mt-10 font-medium text-white -enter-x">
               <span class="inline-block mt-4 text-3xl">
                 {{ t('sys.login.signInTitle') }}

kicc-ui/src/views/core/login/LoginForm.vue

@@ -1,14 +1,14 @@
 <template>
-  <LoginFormTitle v-show="getShow" class="enter-x" />
+  <LoginFormTitle v-show="getShow" class="enter-x"/>
-  <Form ref="formRef"
+  <Form v-show="getShow"
-        v-show="getShow"
+        ref="formRef"
         :model="formData"
         class="p-4 enter-x"
         :rules="getFormRules"
         @keypress.enter="handleLogin"
   >
     <FormItem name="realKey">
-      <Input size="large" v-model:value="formData.realKey" :hidden="true"/>
+      <Input v-model:value="formData.realKey" size="large" :hidden="true"/>
     </FormItem>
     <FormItem name="account" class="enter-x">
       <Input v-model:value="formData.account"
@@ -29,13 +29,14 @@
         <FormItem name="code">
           <Input v-model:value="formData.code"
                  size="large"
-                 :placeholder="t('sys.login.captcha')" style="min-width: 100px"
+                 :placeholder="t('sys.login.captcha')"
+                 style="min-width: 100px"
           />
         </FormItem>
       </ACol>
       <ACol :span="8">
         <FormItem :style="{ 'text-align':'right', 'margin-left':'20px' }">
-          <img style="margin-top: 2px;" :src="codeUrl" @click="getCode"/>
+          <img style="margin-top: 2px;" :src="codeUrl" @click="getCode">
         </FormItem>
       </ACol>
     </ARow>
@@ -58,7 +59,12 @@
       </ACol>
     </ARow>
     <FormItem class="enter-x">
-      <Button type="primary" size="large" block @click="handleLogin" :loading="loading">{{
+      <Button type="primary"
+              size="large"
+              block
+              :loading="loading"
+              @click="handleLogin"
+      >{{
         t('sys.login.loginButton')
       }}</Button>
     </FormItem>

kicc-ui/src/views/core/login/MobileForm.vue

@@ -1,6 +1,6 @@
 <template>
   <template v-if="getShow">
-    <LoginFormTitle class="enter-x" />
+    <LoginFormTitle class="enter-x"/>
     <Form ref="formRef"
           class="p-4 enter-x"
           :model="formData"

kicc-ui/src/views/core/login/QrCodeForm.vue

@@ -1,6 +1,6 @@
 <template>
   <template v-if="getShow">
-    <LoginFormTitle class="enter-x" />
+    <LoginFormTitle class="enter-x"/>
     <div class="enter-x min-w-64 min-h-64">
       <QrCode :value="qrCodeUrl"
               class="enter-x flex justify-center xl:justify-start"

kicc-ui/src/views/core/login/RegisterForm.vue

@@ -1,7 +1,11 @@
 <template>
   <template v-if="getShow">
     <LoginFormTitle class="enter-x"/>
-    <Form ref="formRef" class="p-4 enter-x" :model="formData" :rules="getFormRules">
+    <Form ref="formRef"
+          class="p-4 enter-x"
+          :model="formData"
+          :rules="getFormRules"
+    >
       <FormItem name="account" class="enter-x">
         <Input v-model:value="formData.account"
                class="fix-auto-fill"

kicc-ui/src/views/core/redirect/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div/>
 </template>
 <script lang="ts" setup>
   import { unref } from 'vue';