From 1cb6e4978505fe076ecdea4b6b5179a1bdc45e37 Mon Sep 17 00:00:00 2001
From: fit2bot <68588906+fit2bot@users.noreply.github.com>
Date: Mon, 27 Sep 2021 15:40:00 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E7=AB=99=E5=86=85?=
 =?UTF-8?q?=E4=BF=A1=20(#1082)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* perf: 修改不再存储 .env.devlopement

* perf: 优化站内信

Co-authored-by: ibuler <ibuler@qq.com>
---
 src/layout/components/NavHeader/SiteMessages.vue |  6 +++---
 src/utils/common.js                              | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/NavHeader/SiteMessages.vue b/src/layout/components/NavHeader/SiteMessages.vue
index b545844a4..d9497a326 100644
--- a/src/layout/components/NavHeader/SiteMessages.vue
+++ b/src/layout/components/NavHeader/SiteMessages.vue
@@ -26,10 +26,10 @@
         >
           <div class="msg-item-head">
             <span class="msg-item-head-type">
-              <i :class="msg.has_read ? 'fa-envelope-open-o' : 'fa-envelope'" class="fa msg-icon" />
+              <i :class="msg['has_read'] ? 'fa-envelope-open-o' : 'fa-envelope'" class="fa msg-icon" />
               {{ msg.subject }}
             </span>
-            <span v-if="hoverMsgId !== msg.id || msg.has_read" class="msg-item-head-time">
+            <span v-if="hoverMsgId !== msg.id || msg['has_read']" class="msg-item-head-time">
               {{ formatDate(msg.date_created) }}
             </span>
             <div v-else class="msg-item-read-btn" @click.stop="markAsRead(msg)">
@@ -225,7 +225,7 @@ export default {
 
   .msg-item-head-type {
     float: left;
-    width: 240px;
+    width: 220px;
     overflow: hidden;
     text-overflow: ellipsis;
     vertical-align: middle;
diff --git a/src/utils/common.js b/src/utils/common.js
index 4a1533834..b77b0942e 100644
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -239,6 +239,21 @@ export function getUpdateObjURL(url, objId) {
   return urlObj.href
 }
 
+export function truncateCenter(s, l) {
+  if (s.length <= l) {
+    return s
+  }
+  const centerIndex = Math.ceil(l / 2)
+  return s.slice(0, centerIndex - 2) + '...' + s.slice(centerIndex + 1, l)
+}
+
+export function truncateEnd(s, l) {
+  if (s.length <= l) {
+    return s
+  }
+  return s.slice(0, l - 3) + '...'
+}
+
 export const assignIfNot = _.partialRight(_.assignInWith, customizer)
 
 const scheme = document.location.protocol