From ad0b47e94318725fdb3503457902246570b9fe0b Mon Sep 17 00:00:00 2001
From: Kirk Lin <linkirk@163.com>
Date: Tue, 10 Sep 2024 19:33:03 +0800
Subject: [PATCH] style: fix style

---
 README.zh-CN.md                               |  1 -
 .../SearchDialog/src/SearchDialog.vue         | 45 +++----------------
 .../ChatHistorySidebarActionBar.vue           |  3 +-
 .../dashboard/components/DataOverview.vue     |  4 +-
 .../AuthForm/components/ForgotPassword.vue    |  2 +-
 apps/admin/src/pages/login/index.vue          |  3 +-
 eslint.config.js                              |  2 +
 .../constants/src/utils/defineConstants.ts    |  2 +-
 .../web/styles/src/echarts-tooltip-custom.css |  6 +--
 packages/web/utils/src/config.ts              |  2 +-
 packages/web/utils/src/util.ts                |  6 +--
 11 files changed, 19 insertions(+), 57 deletions(-)

diff --git a/README.zh-CN.md b/README.zh-CN.md
index 38b88f10..d0841e9f 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -1,4 +1,3 @@
-
 <div align='center'>
 <h1>Celeris Web</h1>
 <img src='docs/README.assets/logo.webp' alt='celeris-web - free and open-source front-end development framework' width='344'/>
diff --git a/apps/admin/src/component/SearchDialog/src/SearchDialog.vue b/apps/admin/src/component/SearchDialog/src/SearchDialog.vue
index 73084279..e16bf6c9 100644
--- a/apps/admin/src/component/SearchDialog/src/SearchDialog.vue
+++ b/apps/admin/src/component/SearchDialog/src/SearchDialog.vue
@@ -282,12 +282,7 @@ onMounted(() => {
   margin-bottom: 5px;
   padding: 20px 10px 5px;
 }
-.search-dialog
-  .search-dialog-action-bar
-  .content-wrap
-  .group
-  .group-list
-  .item {
+.search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item {
   padding: 7px 10px;
   gap: 10px;
   cursor: pointer;
@@ -295,13 +290,7 @@ onMounted(() => {
   width: 100%;
   text-align: left;
 }
-.search-dialog
-  .search-dialog-action-bar
-  .content-wrap
-  .group
-  .group-list
-  .item
-  .icon {
+.search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item .icon {
   width: 28px;
   height: 28px;
   border-radius: 50%;
@@ -310,39 +299,17 @@ onMounted(() => {
   justify-content: center;
   align-items: center;
 }
-.search-dialog
-  .search-dialog-action-bar
-  .content-wrap
-  .group
-  .group-list
-  .item
-  .title {
+.search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item .title {
   font-weight: bold;
 }
-.search-dialog
-  .search-dialog-action-bar
-  .content-wrap
-  .group
-  .group-list
-  .item
-  .label {
+.search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item .label {
   opacity: 0.8;
   font-size: 0.9em;
 }
-.search-dialog
-  .search-dialog-action-bar
-  .content-wrap
-  .group
-  .group-list
-  .item.active {
+.search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item.active {
   background-color: var(--hover-color);
 }
-.search-dialog
-  .search-dialog-action-bar
-  .content-wrap
-  .group
-  .group-list
-  .item:hover {
+.search-dialog .search-dialog-action-bar .content-wrap .group .group-list .item:hover {
   box-shadow: 0 0 0 1px var(--primary-color-hover) inset;
 }
 </style>
diff --git a/apps/admin/src/pages/chat/components/ChatHistorySidebar/components/ChatHistorySidebarActionBar.vue b/apps/admin/src/pages/chat/components/ChatHistorySidebar/components/ChatHistorySidebarActionBar.vue
index 533523ff..2ab7c2a2 100644
--- a/apps/admin/src/pages/chat/components/ChatHistorySidebar/components/ChatHistorySidebarActionBar.vue
+++ b/apps/admin/src/pages/chat/components/ChatHistorySidebar/components/ChatHistorySidebarActionBar.vue
@@ -76,8 +76,7 @@ const { selectedAssistantRef } = inject<ChatContextInjectionKey>(chatContextInje
 .chat-history-action :deep(.ca-card) > .ca-card__content,
 :deep(.ca-card) > .ca-card__footer {
   box-sizing: border-box;
-  padding: 0 calc(var(--n-padding-left) / 2) calc(var(--n-padding-bottom) / 2)
-    calc(var(--n-padding-left) / 2);
+  padding: 0 calc(var(--n-padding-left) / 2) calc(var(--n-padding-bottom) / 2) calc(var(--n-padding-left) / 2);
 }
 .chat-history-action :deep(.ca-card) > .ca-card__content:first-child,
 :deep(.ca-card) > .ca-card__footer:first-child {
diff --git a/apps/admin/src/pages/dashboard/components/DataOverview.vue b/apps/admin/src/pages/dashboard/components/DataOverview.vue
index 0312e83f..6f2e9119 100644
--- a/apps/admin/src/pages/dashboard/components/DataOverview.vue
+++ b/apps/admin/src/pages/dashboard/components/DataOverview.vue
@@ -9,8 +9,8 @@ function tooltipItemsHtmlString(items: ToolTipFormatterParams[]) {
       el => `<div class="content-panel">
         <p>
           <span style="background-color: ${
-        el.color
-      }" class="tooltip-item-icon"></span><span>${el.seriesName}</span>
+  el.color
+}" class="tooltip-item-icon"></span><span>${el.seriesName}</span>
         </p>
         <span class="tooltip-value">${el.value?.toLocaleString()}</span>
       </div>`,
diff --git a/apps/admin/src/pages/login/components/AuthForm/components/ForgotPassword.vue b/apps/admin/src/pages/login/components/AuthForm/components/ForgotPassword.vue
index c654b715..8c16d812 100644
--- a/apps/admin/src/pages/login/components/AuthForm/components/ForgotPassword.vue
+++ b/apps/admin/src/pages/login/components/AuthForm/components/ForgotPassword.vue
@@ -29,7 +29,7 @@ const rules: FormRules = {
       message: t("page.login.form.forgotPassword.requiredError"),
     },
     {
-      pattern: /^1[3456789]\d{9}$/,
+      pattern: /^1[3-9]\d{9}$/,
       message: t("page.login.form.forgotPassword.invalidFormatError"),
     },
   ],
diff --git a/apps/admin/src/pages/login/index.vue b/apps/admin/src/pages/login/index.vue
index c4a93ba1..c65b1755 100644
--- a/apps/admin/src/pages/login/index.vue
+++ b/apps/admin/src/pages/login/index.vue
@@ -38,8 +38,7 @@ defineOptions({
 
 <style scoped>
 .total-income-indicator-img {
-  animation: total-income-indicator-img-anim 10s linear 0ms infinite normal
-    backwards;
+  animation: total-income-indicator-img-anim 10s linear 0ms infinite normal backwards;
 }
 
 .earnings-indicator-img {
diff --git a/eslint.config.js b/eslint.config.js
index 804919e1..8af2ad82 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -3,6 +3,8 @@ import kirklin from "@kirklin/eslint-config";
 export default kirklin({
   rules: {
     "new-cap": "warn",
+    "unused-imports/no-unused-vars": "warn",
+    "ts/no-unused-expressions": "warn",
   },
   formatters: {
     /**
diff --git a/packages/web/constants/src/utils/defineConstants.ts b/packages/web/constants/src/utils/defineConstants.ts
index 6398e0df..7cc8e095 100644
--- a/packages/web/constants/src/utils/defineConstants.ts
+++ b/packages/web/constants/src/utils/defineConstants.ts
@@ -1,4 +1,4 @@
-// eslint-disable-next-line ts/no-require-imports,ts/no-var-requires
+// eslint-disable-next-line ts/no-require-imports
 const pick = require("lodash/pick.js");
 
 /**
diff --git a/packages/web/styles/src/echarts-tooltip-custom.css b/packages/web/styles/src/echarts-tooltip-custom.css
index e724bff8..241309aa 100644
--- a/packages/web/styles/src/echarts-tooltip-custom.css
+++ b/packages/web/styles/src/echarts-tooltip-custom.css
@@ -1,9 +1,5 @@
 .echarts-tooltip-custom {
-  background: linear-gradient(
-    304.17deg,
-    rgba(253, 254, 255, 0.6) -6.04%,
-    rgba(244, 247, 252, 0.6) 85.2%
-  ) !important;
+  background: linear-gradient(304.17deg, rgba(253, 254, 255, 0.6) -6.04%, rgba(244, 247, 252, 0.6) 85.2%) !important;
   border: none !important;
   backdrop-filter: blur(20px) !important;
   /* Note: backdrop-filter has minimal browser support */
diff --git a/packages/web/utils/src/config.ts b/packages/web/utils/src/config.ts
index 717e39dc..9a00e5c0 100644
--- a/packages/web/utils/src/config.ts
+++ b/packages/web/utils/src/config.ts
@@ -14,7 +14,7 @@ export function getAppGlobalConfig(env: GlobEnvConfig): GlobConfig {
   const { VITE_GLOB_APP_TITLE, VITE_GLOB_API_URL, VITE_GLOB_APP_SHORT_NAME, VITE_GLOB_API_URL_SSR, VITE_GLOB_API_URL_PREFIX }
     = getAppGlobalEnvConfig(env);
 
-  if (!/^[a-zA-Z_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
+  if (!/^[a-z_]*$/i.test(VITE_GLOB_APP_SHORT_NAME)) {
     console.warn(
       "VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.",
     );
diff --git a/packages/web/utils/src/util.ts b/packages/web/utils/src/util.ts
index a6e33de8..458d69e1 100644
--- a/packages/web/utils/src/util.ts
+++ b/packages/web/utils/src/util.ts
@@ -137,9 +137,9 @@ export function memo<TDeps extends readonly any[], TResult>(
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
-            0,
-            Math.min(120 - 120 * computationFpsPercentage, 120),
-          )}deg 100% 31%);`,
+    0,
+    Math.min(120 - 120 * computationFpsPercentage, 120),
+  )}deg 100% 31%);`,
           options?.key,
         );
       }