From 5ceb1dec44ee80825c0c539e3bf06452eca80edf Mon Sep 17 00:00:00 2001
From: GoEdgeLab <goedgecloud@gmail.com>
Date: Mon, 31 Jul 2023 15:59:19 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=93=E5=AD=98=E6=9D=A1=E4=BB=B6=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=98=AF=E5=90=A6=E5=85=81=E8=AE=B8=E5=BC=82=E6=AD=A5?=
 =?UTF-8?q?=E8=AF=BB=E5=8F=96=E6=BA=90=E7=AB=99=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/public/js/components/server/http-cache-ref-box.js |  8 ++++++++
 .../js/components/server/http-cache-refs-box.js       | 11 ++---------
 .../components/server/http-cache-refs-config-box.js   | 11 ++---------
 3 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/web/public/js/components/server/http-cache-ref-box.js b/web/public/js/components/server/http-cache-ref-box.js
index bb7fb2ec..6ae36ecf 100644
--- a/web/public/js/components/server/http-cache-ref-box.js
+++ b/web/public/js/components/server/http-cache-ref-box.js
@@ -33,6 +33,7 @@ Vue.component("http-cache-ref-box", {
 				forcePartialContent: false,
 				enableIfNoneMatch: false,
 				enableIfModifiedSince: false,
+				enableReadingOriginAsync: false,
 				isReverse: this.vIsReverse,
 				methods: [],
 				expiresTime: {
@@ -335,6 +336,13 @@ Vue.component("http-cache-ref-box", {
 			<p class="comment">特殊情况下才需要开启，可能会降低缓存命中率。</p>
 		</td>
 	</tr>
+	<tr v-show="moreOptionsVisible && !vIsReverse">
+		<td>允许异步读取源站</td>
+		<td>
+			<checkbox v-model="ref.enableReadingOriginAsync"></checkbox>
+			<p class="comment">试验功能。允许客户端中断连接后，仍然继续尝试从源站读取内容并缓存。</p>
+		</td>
+	</tr>
 	<tr v-show="false">
 		<td colspan="2"><input type="hidden" name="cacheRefJSON" :value="JSON.stringify(ref)"/></td>
 	</tr>
diff --git a/web/public/js/components/server/http-cache-refs-box.js b/web/public/js/components/server/http-cache-refs-box.js
index 8c8263d0..a6543523 100644
--- a/web/public/js/components/server/http-cache-refs-box.js
+++ b/web/public/js/components/server/http-cache-refs-box.js
@@ -38,8 +38,7 @@ Vue.component("http-cache-refs-box", {
 			<thead>
 				<tr>
 					<th>缓存条件</th>
-					<th class="two wide">分组关系</th>
-					<th class="width10">缓存时间</th>
+					<th class="width6">缓存时间</th>
 				</tr>
 				<tr v-for="(cacheRef, index) in refs">
 					<td :class="{'color-border': cacheRef.conds != null && cacheRef.conds.connector == 'and', disabled: !cacheRef.isOn}" :style="{'border-left':cacheRef.isReverse ? '1px #db2828 solid' : ''}">
@@ -59,13 +58,7 @@ Vue.component("http-cache-refs-box", {
 						<grey-label v-if="cacheRef.allowPartialContent">区间缓存</grey-label>
 						<grey-label v-if="cacheRef.enableIfNoneMatch">If-None-Match</grey-label>
 						<grey-label v-if="cacheRef.enableIfModifiedSince">If-Modified-Since</grey-label>
-					</td>
-					<td :class="{disabled: !cacheRef.isOn}">
-						<span v-if="cacheRef.conds != null">
-							<span v-if="cacheRef.conds.connector == 'and'">和</span>
-							<span v-if="cacheRef.conds.connector == 'or'">或</span>
-						</span>
-						<span v-else>或</span>
+						<grey-label v-if="cacheRef.enableReadingOriginAsync">支持异步</grey-label>
 					</td>
 					<td :class="{disabled: !cacheRef.isOn}">
 						<span v-if="!cacheRef.isReverse">{{cacheRef.life.count}} {{timeUnitName(cacheRef.life.unit)}}</span>
diff --git a/web/public/js/components/server/http-cache-refs-config-box.js b/web/public/js/components/server/http-cache-refs-config-box.js
index 8cb125d6..125e0167 100644
--- a/web/public/js/components/server/http-cache-refs-config-box.js
+++ b/web/public/js/components/server/http-cache-refs-config-box.js
@@ -167,8 +167,7 @@ Vue.component("http-cache-refs-config-box", {
 				<tr>
 					<th style="width:1em"></th>
 					<th>缓存条件</th>
-					<th class="two wide">分组关系</th>
-					<th class="width10">缓存时间</th>
+					<th style="width: 7em">缓存时间</th>
 					<th class="three op">操作</th>
 				</tr>
 			</thead>	
@@ -192,13 +191,7 @@ Vue.component("http-cache-refs-config-box", {
 						<grey-label v-if="cacheRef.allowPartialContent">区间缓存</grey-label>
 						<grey-label v-if="cacheRef.enableIfNoneMatch">If-None-Match</grey-label>
 						<grey-label v-if="cacheRef.enableIfModifiedSince">If-Modified-Since</grey-label>
-					</td>
-					<td :class="{disabled: !cacheRef.isOn}">
-						<span v-if="cacheRef.conds != null">
-							<span v-if="cacheRef.conds.connector == 'and'">和</span>
-							<span v-if="cacheRef.conds.connector == 'or'">或</span>
-						</span>
-						<span v-else>或</span>
+						<grey-label v-if="cacheRef.enableReadingOriginAsync">支持异步</grey-label>
 					</td>
 					<td :class="{disabled: !cacheRef.isOn}">
 						<span v-if="!cacheRef.isReverse">{{cacheRef.life.count}} {{timeUnitName(cacheRef.life.unit)}}</span>