es lint fix

src/components/cards/SiteCard.vue

@@ -1,183 +1,207 @@
 <script lang="ts" setup>
-import { numberValidator, requiredValidator } from "@/@validators";
-import api from "@/api";
-import { Site } from "@/api/types";
-import ExistIcon from "@core/components/ExistIcon.vue";
-import { useToast } from "vue-toast-notification";
+import type { PropType } from 'vue'
+import { useToast } from 'vue-toast-notification'
+import { numberValidator, requiredValidator } from '@/@validators'
+import api from '@/api'
+import type { Site } from '@/api/types'
+import ExistIcon from '@core/components/ExistIcon.vue'
+
 // 输入参数
 const props = defineProps({
   site: Object as PropType<Site>,
   width: String,
   height: String,
-});
+})
 
 // 密码输入
-const isPasswordVisible = ref(false);
+const isPasswordVisible = ref(false)
 
 // 图标
-const siteIcon = ref<string>("");
+const siteIcon = ref<string>('')
 
 // 提示框
-const $toast = useToast();
+const $toast = useToast()
 
 // 测试按钮文字
-const testButtonText = ref("测试");
+const testButtonText = ref('测试')
+
 // 测试按钮可用性
-const testButtonDisable = ref(false);
+const testButtonDisable = ref(false)
 
 // 更新按钮文字
-const updateButtonText = ref("更新");
+const updateButtonText = ref('更新')
+
 // 更新按钮可用性
-const updateButtonDisable = ref(false);
+const updateButtonDisable = ref(false)
 
 // 更新站点Cookie UA弹窗
-const siteCookieDialog = ref(false);
+const siteCookieDialog = ref(false)
 
 // 站点编辑弹窗
-const siteInfoDialog = ref(false);
+const siteInfoDialog = ref(false)
 
 // 用户名密码表单
 const userPwForm = ref({
-  username: "",
-  password: "",
-});
+  username: '',
+  password: '',
+})
 
 // 查询站点图标
-const getSiteIcon = async () => {
+async function getSiteIcon() {
   try {
-    siteIcon.value = (await api.get("site/icon/" + props.site?.id)).data.icon;
-  } catch (error) {
-    console.error(error);
+    siteIcon.value = (await api.get(`site/icon/${props.site?.id}`)).data.icon
   }
-};
+  catch (error) {
+    console.error(error)
+  }
+}
 
 // 测试站点连通性
-const testSite = async () => {
+async function testSite() {
   try {
-    testButtonText.value = "测试中 ...";
-    testButtonDisable.value = true;
-    const result: { [key: string]: any } = await api.get("site/test/" + props.site?.id);
-    if (result.success) {
-      $toast.success(`${props.site?.name} 连通性测试成功，可正常使用！`);
-    } else {
-      $toast.error(`${props.site?.name} 连通性测试失败：${result.message}`);
-    }
-    testButtonText.value = "测试";
-    testButtonDisable.value = false;
-  } catch (error) {
-    console.error(error);
+    testButtonText.value = '测试中 ...'
+    testButtonDisable.value = true
+
+    const result: { [key: string]: any } = await api.get(`site/test/${props.site?.id}`)
+    if (result.success)
+      $toast.success(`${props.site?.name} 连通性测试成功，可正常使用！`)
+    else
+      $toast.error(`${props.site?.name} 连通性测试失败：${result.message}`)
+
+    testButtonText.value = '测试'
+    testButtonDisable.value = false
   }
-};
+  catch (error) {
+    console.error(error)
+  }
+}
 
 // 打开更新站点Cookie UA弹窗
-const handleSiteUpdate = async () => {
-  siteCookieDialog.value = true;
-};
+async function handleSiteUpdate() {
+  siteCookieDialog.value = true
+}
 
 // 打开站点编辑弹窗
-const handleSiteInfo = async () => {
-  siteInfoDialog.value = true;
-};
+async function handleSiteInfo() {
+  siteInfoDialog.value = true
+}
 
 // 调用API，更新站点Cookie UA
-const updateSiteCookie = async () => {
+async function updateSiteCookie() {
   try {
-    if (!userPwForm.value.username || !userPwForm.value.password) {
-      return;
-    }
+    if (!userPwForm.value.username || !userPwForm.value.password)
+      return
 
     // 更新按钮状态
-    siteCookieDialog.value = false;
-    updateButtonText.value = "更新中 ...";
-    updateButtonDisable.value = true;
+    siteCookieDialog.value = false
+    updateButtonText.value = '更新中 ...'
+    updateButtonDisable.value = true
 
     const result: { [key: string]: any } = await api.get(
-      "site/cookie/" + props.site?.id,
+      `site/cookie/${props.site?.id}`,
       {
         params: {
           username: userPwForm.value.username,
           password: userPwForm.value.password,
         },
-      }
-    );
-    if (result.success) {
-      $toast.success(`${props.site?.name} 更新Cookie & UA 成功！`);
-    } else {
-      $toast.error(`${props.site?.name} 更新失败：${result.message}`);
-    }
-    updateButtonText.value = "更新";
-    updateButtonDisable.value = false;
-  } catch (error) {
-    console.error(error);
-  }
-};
+      },
+    )
 
-// 调用API更新站点信息
-const updateSiteInfo = async () => {
-  try {
-    // 更新按钮状态
-    siteInfoDialog.value = false;
+    if (result.success)
+      $toast.success(`${props.site?.name} 更新Cookie & UA 成功！`)
+    else
+      $toast.error(`${props.site?.name} 更新失败：${result.message}`)
 
-    const result: { [key: string]: any } = await api.put("site", siteForm);
-    if (result.success) {
-      $toast.success(`${props.site?.name} 更新成功！`);
-    } else {
-      $toast.error(`${props.site?.name} 更新失败：${result.message}`);
-    }
-  } catch (error) {
-    $toast.error(`${props.site?.name} 更新失败！`);
-    console.error(error);
+    updateButtonText.value = '更新'
+    updateButtonDisable.value = false
   }
-};
+  catch (error) {
+    console.error(error)
+  }
+}
 
 // 站点编辑表单数据
 const siteForm = reactive({
   // ID
   id: props.site?.id,
+
   // 站点名称
   name: props.site?.name,
+
   // 站点主域名Key
   domain: props.site?.domain,
+
   // 站点地址
   url: props.site?.url,
+
   // 站点优先级
   pri: props.site?.pri,
+
   // RSS地址
   rss: props.site?.rss,
+
   // Cookie
   cookie: props.site?.cookie,
+
   // User-Agent
   ua: props.site?.ua,
+
   // 是否使用代理
-  proxy: props.site?.proxy ? true : false,
+  proxy: !!props.site?.proxy,
+
   // 过滤规则
   filter: props.site?.filter,
+
   // 是否演染
-  render: props.site?.render ? true : false,
+  render: !!props.site?.render,
+
   // 是否公开站点
   public: props.site?.public,
+
   // 备注
   note: props.site?.note,
+
   // 流控单位周期
   limit_interval: props.site?.limit_interval,
+
   // 流控次数
   limit_count: props.site?.limit_count,
+
   // 流控间隔
   limit_seconds: props.site?.limit_seconds,
+
   // 是否启用
   is_active: props.site?.is_active,
-});
+})
+
+// 调用API更新站点信息
+async function updateSiteInfo() {
+  try {
+    // 更新按钮状态
+    siteInfoDialog.value = false
+
+    const result: { [key: string]: any } = await api.put('site', siteForm)
+    if (result.success)
+      $toast.success(`${props.site?.name} 更新成功！`)
+    else
+      $toast.error(`${props.site?.name} 更新失败：${result.message}`)
+  }
+  catch (error) {
+    $toast.error(`${props.site?.name} 更新失败！`)
+    console.error(error)
+  }
+}
 
 // 状态下拉项
 const statusItems = [
-  { title: "启用", value: true },
-  { title: "停用", value: false },
-];
+  { title: '启用', value: true },
+  { title: '停用', value: false },
+]
 
 // 装载时查询站点图标
 onMounted(() => {
-  getSiteIcon();
-});
+  getSiteIcon()
+})
 </script>
 
 <template>
@@ -189,37 +213,70 @@ onMounted(() => {
     @click="siteInfoDialog = true"
   >
     <template #image>
-      <VAvatar class="absolute right-2 bottom-2 rounded" variant="flat" rounded="0">
+      <VAvatar
+        class="absolute right-2 bottom-2 rounded"
+        variant="flat"
+        rounded="0"
+      >
         <VImg :src="siteIcon" />
       </VAvatar>
     </template>
     <VCardItem>
-      <VCardTitle class="font-bold">{{ props.site?.name }}</VCardTitle>
+      <VCardTitle class="font-bold">
+        {{ props.site?.name }}
+      </VCardTitle>
       <VCardSubtitle>{{ props.site?.url }}</VCardSubtitle>
     </VCardItem>
 
     <ExistIcon v-if="siteForm.is_active" />
 
     <VCardText class="py-2">
-      <VTooltip text="浏览器仿真" v-if="siteForm.render">
+      <VTooltip
+        v-if="siteForm.render"
+        text="浏览器仿真"
+      >
         <template #activator="{ props }">
-          <VIcon color="primary" class="me-2" v-bind="props" icon="mdi-apple-safari" />
+          <VIcon
+            color="primary"
+            class="me-2"
+            v-bind="props"
+            icon="mdi-apple-safari"
+          />
         </template>
       </VTooltip>
 
-      <VTooltip text="代理" v-if="siteForm.proxy">
+      <VTooltip
+        v-if="siteForm.proxy"
+        text="代理"
+      >
         <template #activator="{ props }">
-          <VIcon color="primary" class="me-2" v-bind="props" icon="mdi-network-outline" />
+          <VIcon
+            color="primary"
+            class="me-2"
+            v-bind="props"
+            icon="mdi-network-outline"
+          />
         </template>
       </VTooltip>
 
-      <VTooltip text="流控" v-if="siteForm.limit_interval">
+      <VTooltip
+        v-if="siteForm.limit_interval"
+        text="流控"
+      >
         <template #activator="{ props }">
-          <VIcon color="primary" class="me-2" v-bind="props" icon="mdi-speedometer" />
+          <VIcon
+            color="primary"
+            class="me-2"
+            v-bind="props"
+            icon="mdi-speedometer"
+          />
         </template>
       </VTooltip>
 
-      <VTooltip text="过滤" v-if="siteForm.filter">
+      <VTooltip
+        v-if="siteForm.filter"
+        text="过滤"
+      >
         <template #activator="{ props }">
           <VIcon
             color="primary"
@@ -233,44 +290,56 @@ onMounted(() => {
 
     <VCardActions>
       <VBtn
-        @click.stop="handleSiteUpdate"
-        :disabled="updateButtonDisable"
         v-if="!props.site?.public"
+        :disabled="updateButtonDisable"
+        @click.stop="handleSiteUpdate"
       >
         <template #prepend>
-          <VIcon icon="mdi-refresh"></VIcon>
+          <VIcon icon="mdi-refresh" />
         </template>
         {{ updateButtonText }}
       </VBtn>
       <VBtn @click.stop="handleSiteInfo">
         <template #prepend>
-          <VIcon icon="mdi-square-edit-outline"></VIcon>
+          <VIcon icon="mdi-square-edit-outline" />
         </template>
         编辑
       </VBtn>
-      <VBtn @click.stop="testSite" :disabled="testButtonDisable">
+      <VBtn
+        :disabled="testButtonDisable"
+        @click.stop="testSite"
+      >
         <template #prepend>
-          <VIcon icon="mdi-network-outline"></VIcon>
+          <VIcon icon="mdi-network-outline" />
         </template>
         {{ testButtonText }}
       </VBtn>
     </VCardActions>
   </VCard>
   <!-- 更新站点Cookie & UA弹窗 -->
-  <VDialog v-model="siteCookieDialog" max-width="600">
+  <VDialog
+    v-model="siteCookieDialog"
+    max-width="600"
+  >
     <!-- Dialog Content -->
     <VCard title="更新站点Cookie & UA">
       <VCardText>
         <VForm @submit.prevent="() => {}">
           <VRow>
-            <VCol cols="12" md="6">
+            <VCol
+              cols="12"
+              md="6"
+            >
               <VTextField
                 v-model="userPwForm.username"
                 label="用户名"
                 :rules="[requiredValidator]"
               />
             </VCol>
-            <VCol cols="12" md="6">
+            <VCol
+              cols="12"
+              md="6"
+            >
               <VTextField
                 v-model="userPwForm.password"
                 label="密码"
@@ -278,8 +347,8 @@ onMounted(() => {
                 :append-inner-icon="
                   isPasswordVisible ? 'mdi-eye-off-outline' : 'mdi-eye-outline'
                 "
-                @click:append-inner="isPasswordVisible = !isPasswordVisible"
                 :rules="[requiredValidator]"
+                @click:append-inner="isPasswordVisible = !isPasswordVisible"
                 @keydown.enter="updateSiteCookie"
               />
             </VCol>
@@ -289,25 +358,38 @@ onMounted(() => {
 
       <VCardActions>
         <VSpacer />
-        <VBtn @click="updateSiteCookie"> 开始更新 </VBtn>
+        <VBtn @click="updateSiteCookie">
+          开始更新
+        </VBtn>
       </VCardActions>
     </VCard>
   </VDialog>
   <!-- 站点编辑弹窗 -->
-  <VDialog v-model="siteInfoDialog" max-width="1000" persistent scrollable>
+  <VDialog
+    v-model="siteInfoDialog"
+    max-width="1000"
+    persistent
+    scrollable
+  >
     <!-- Dialog Content -->
     <VCard :title="`编辑站点 - ${props.site?.name}`">
       <VCardText>
         <VForm @submit.prevent="() => {}">
           <VRow>
-            <VCol cols="12" md="6">
+            <VCol
+              cols="12"
+              md="6"
+            >
               <VTextField
                 v-model="siteForm.url"
                 label="站点地址"
                 :rules="[requiredValidator]"
               />
             </VCol>
-            <VCol cols="12" md="3">
+            <VCol
+              cols="12"
+              md="3"
+            >
               <VSelect
                 v-model="siteForm.pri"
                 label="优先级"
@@ -315,34 +397,56 @@ onMounted(() => {
                 :rules="[requiredValidator]"
               />
             </VCol>
-            <VCol cols="12" md="3">
-              <VSelect v-model="siteForm.is_active" :items="statusItems" label="状态" />
+            <VCol
+              cols="12"
+              md="3"
+            >
+              <VSelect
+                v-model="siteForm.is_active"
+                :items="statusItems"
+                label="状态"
+              />
             </VCol>
           </VRow>
           <VRow>
             <VCol cols="12">
-              <VTextarea v-model="siteForm.cookie" label="站点Cookie" />
+              <VTextarea
+                v-model="siteForm.cookie"
+                label="站点Cookie"
+              />
             </VCol>
             <VCol cols="12">
-              <VTextField v-model="siteForm.ua" label="站点User-Agent" />
+              <VTextField
+                v-model="siteForm.ua"
+                label="站点User-Agent"
+              />
             </VCol>
           </VRow>
           <VRow>
-            <VCol cols="12" md="4">
+            <VCol
+              cols="12"
+              md="4"
+            >
               <VTextField
                 v-model="siteForm.limit_interval"
                 label="单位周期（秒）"
                 :rules="[numberValidator]"
               />
             </VCol>
-            <VCol cols="12" md="4">
+            <VCol
+              cols="12"
+              md="4"
+            >
               <VTextField
                 v-model="siteForm.limit_seconds"
                 label="访问次数"
                 :rules="[numberValidator]"
               />
             </VCol>
-            <VCol cols="12" md="4">
+            <VCol
+              cols="12"
+              md="4"
+            >
               <VTextField
                 v-model="siteForm.limit_seconds"
                 label="访问间隔（秒）"
@@ -351,20 +455,36 @@ onMounted(() => {
             </VCol>
           </VRow>
           <VRow>
-            <VCol cols="12" md="6">
-              <VSwitch v-model="siteForm.proxy" label="代理" />
+            <VCol
+              cols="12"
+              md="6"
+            >
+              <VSwitch
+                v-model="siteForm.proxy"
+                label="代理"
+              />
             </VCol>
-            <VCol cols="12" md="6">
-              <VSwitch v-model="siteForm.render" label="仿真" />
+            <VCol
+              cols="12"
+              md="6"
+            >
+              <VSwitch
+                v-model="siteForm.render"
+                label="仿真"
+              />
             </VCol>
           </VRow>
         </VForm>
       </VCardText>
 
       <VCardActions>
-        <VBtn @click="siteInfoDialog = false"> 取消 </VBtn>
+        <VBtn @click="siteInfoDialog = false">
+          取消
+        </VBtn>
         <VSpacer />
-        <VBtn @click="updateSiteInfo"> 确定 </VBtn>
+        <VBtn @click="updateSiteInfo">
+          确定
+        </VBtn>
       </VCardActions>
     </VCard>
   </VDialog>