From 1aed16c8fdc19428dab2354fe226328880bce7e9 Mon Sep 17 00:00:00 2001
From: xream <xream@icloud.com>
Date: Sun, 21 Apr 2024 16:14:26 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                 |  2 +-
 src/changelogs/2024-04-18.md |  8 +++++++-
 src/views/SubEditor.vue      | 21 ++++++++++++++++-----
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index ecb4884ae..f03966278 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.220",
+  "version": "2.14.221",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/changelogs/2024-04-18.md b/src/changelogs/2024-04-18.md
index 2590c60df..e70a937e5 100644
--- a/src/changelogs/2024-04-18.md
+++ b/src/changelogs/2024-04-18.md
@@ -1,5 +1,5 @@
 ---
-date: 2024-04-18
+date: 2024-04-21
 ---
 
 ### 阶段性更新汇总
@@ -8,6 +8,12 @@ date: 2024-04-18
 
 Telegram 频道 https://t.me/cool_scripts 内有每次更新的详细说明
 
+- 支持 Loon SOCKS5/SOCKS5-TLS
+- 支持 WireGuard URI 输入和输出
+- 支持 dialer-proxy, detour
+- fancy-characters 增加 modifier-letter(小写没有 q, 用 ᵠ 替代. 大写缺的太多, 用小写替代)
+- 订阅支持输出哪吒探针兼容响应, 网络监控接口(Loon/Surge 可输出节点延迟)
+- 节点操作增加收起/展开按钮, 方便处理多个操作
 - 远程订阅 URL 新增参数 validCheck 将检查订阅有效期和剩余流量
 - 增加脚本说明文档链接
 - HTML 中增加 version meta
diff --git a/src/views/SubEditor.vue b/src/views/SubEditor.vue
index 82f2ce6f5..b661354b8 100644
--- a/src/views/SubEditor.vue
+++ b/src/views/SubEditor.vue
@@ -245,14 +245,14 @@
               >
                 <div class="sub-img-wrapper">
                   <nut-avatar
-                    :class="{ 'sub-item-customer-icon': !isIconColor }"
+                    :class="{ 'sub-item-customer-icon': !isIconColor, 'icon': true  }"
                     v-if="item[2]"
                     size="32"
                     :url="item[2]"
                     bg-color=""
                   ></nut-avatar>
                   <span class="sub-item">
-                    &nbsp;{{ item[1] }}&nbsp;
+                    <span class="name">{{ item[1] }}</span>
                     <span class="tag" v-for="i in item[3]" :key="i">
                       <nut-tag>{{ i }}</nut-tag>
                     </span>
@@ -408,7 +408,10 @@ const padding = bottomSafeArea.value + "px";
   const tag = ref('all');
   const selectedSubs = computed(() => {
     if(!Array.isArray(form.subscriptions) || form.subscriptions.length === 0) return ''
-    return `: ${form.subscriptions.join(', ')}`
+    return `: ${form.subscriptions.map((name) => {
+      const sub = subsStore.getOneSub(name);
+      return sub?.displayName || sub?.["display-name"] || sub.name;
+    }).join(', ')}`
   });
   const compareTableIsVisible = ref(false);
   usePopupRoute(compareTableIsVisible);
@@ -968,6 +971,7 @@ const urlValidator = (val: string): Promise<boolean> => {
 
   :deep(.nut-form-item__label) {
     width: 100%;
+    font-size: 12px;
     // margin-bottom: 12px;
   }
 
@@ -991,7 +995,9 @@ const urlValidator = (val: string): Promise<boolean> => {
         align-items: center;
         font-size: 14px;
         color: var(--second-text-color);
-
+        .icon {
+          margin-right: 8px;
+        }
         span {
           max-width: 56vw;
           display: -webkit-box;
@@ -1005,8 +1011,13 @@ const urlValidator = (val: string): Promise<boolean> => {
         .sub-item {
           display: flex;
           flex-wrap: wrap;
+          align-items: center;
+          margin: -4px 0 0 -4px;
+          .name {
+            margin: 4px 0 0 4px;
+          }
           .tag {
-            margin: 0px 2px 4px 2px;
+            margin: 4px 0 0 4px;
             // white-space: nowrap;
           }
         }