TRKJ/EdgeAdmin
2
0
Fork 0
mirror of https://github.com/TeaOSLab/EdgeAdmin.git synced 2025-11-10 01:10:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

例外和限制URL中增加常见图片、常见音频、常见视频等规则

Browse Source
This commit is contained in:
GoEdgeLab
2024-04-17 14:46:40 +08:00
parent 805da660ee
commit 40ae4b71e8
1 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/public/js/components/common/url-patterns-box.js
View File

@@ -35,13 +35,15 @@ Vue.component("url-patterns-box", {
} }
}, },
confirm: function () { confirm: function () {
let pattern = this.addingPattern.pattern.trim() if (this.requireURL(this.addingPattern.type)) {
if (pattern.length == 0) { let pattern = this.addingPattern.pattern.trim()
let that = this if (pattern.length == 0) {
teaweb.warn("请输入URL", function () { let that = this
that.$refs.patternInput.focus() teaweb.warn("请输入URL", function () {
}) that.$refs.patternInput.focus()
return })
return
}
} }
if (this.editingIndex < 0) { if (this.editingIndex < 0) {
this.patterns.push({ this.patterns.push({
@@ -71,6 +73,12 @@ Vue.component("url-patterns-box", {
return "通配符" return "通配符"
case "regexp": case "regexp":
return "正则" return "正则"
case "images":
return "常见图片文件"
case "audios":
return "常见音频文件"
case "videos":
return "常见视频文件"
} }
return "" return ""
}, },
@@ -97,6 +105,9 @@ Vue.component("url-patterns-box", {
} }
break break
} }
},
requireURL: function (patternType) {
return patternType == "wildcard" || patternType == "regexp"
} }
}, },
template: `<div> template: `<div>
@@ -113,13 +124,16 @@ Vue.component("url-patterns-box", {
<select class="ui dropdown auto-width" v-model="addingPattern.type"> <select class="ui dropdown auto-width" v-model="addingPattern.type">
<option value="wildcard">通配符</option> <option value="wildcard">通配符</option>
<option value="regexp">正则表达式</option> <option value="regexp">正则表达式</option>
<option value="images">常见图片</option>
<option value="audios">常见音频</option>
<option value="videos">常见视频</option>
</select> </select>
</div> </div>
<div class="ui field"> <div class="ui field" v-show="addingPattern.type == 'wildcard' || addingPattern.type == 'regexp'">
<input type="text" :placeholder="(addingPattern.type == 'wildcard') ? '可以使用星号（*）通配符，不区分大小写' : '可以使用正则表达式，不区分大小写'" v-model="addingPattern.pattern" @input="changePattern" size="36" ref="patternInput" @keyup.enter="confirm()" @keypress.enter.prevent="1" spellcheck="false"/> <input type="text" :placeholder="(addingPattern.type == 'wildcard') ? '可以使用星号（*）通配符，不区分大小写' : '可以使用正则表达式，不区分大小写'" v-model="addingPattern.pattern" @input="changePattern" size="36" ref="patternInput" @keyup.enter="confirm()" @keypress.enter.prevent="1" spellcheck="false"/>
<p class="comment" v-if="patternIsInvalid"><span class="red" style="font-weight: normal"><span v-if="addingPattern.type == 'wildcard'">通配符</span><span v-if="addingPattern.type == 'regexp'">正则表达式</span>中不能包含问号（?）及问号以后的内容。</span></p> <p class="comment" v-if="patternIsInvalid"><span class="red" style="font-weight: normal"><span v-if="addingPattern.type == 'wildcard'">通配符</span><span v-if="addingPattern.type == 'regexp'">正则表达式</span>中不能包含问号（?）及问号以后的内容。</span></p>
</div> </div>
<div class="ui field" style="padding-left: 0"> <div class="ui field" style="padding-left: 0" v-show="addingPattern.type == 'wildcard' || addingPattern.type == 'regexp'">
<tip-icon content="通配符示例：<br/>单个路径开头：/hello/world/*<br/>单个路径结尾：*/hello/world<br/>包含某个路径：*/article/*<br/>某个域名下的所有URL：*example.com/*<br/>忽略某个扩展名：*.js" v-if="addingPattern.type == 'wildcard'"></tip-icon> <tip-icon content="通配符示例：<br/>单个路径开头：/hello/world/*<br/>单个路径结尾：*/hello/world<br/>包含某个路径：*/article/*<br/>某个域名下的所有URL：*example.com/*<br/>忽略某个扩展名：*.js" v-if="addingPattern.type == 'wildcard'"></tip-icon>
<tip-icon content="正则表达式示例：<br/>单个路径开头：^/hello/world<br/>单个路径结尾：/hello/world$<br/>包含某个路径：/article/<br/>匹配某个数字路径：/article/(\\d+)<br/>某个域名下的所有URL：^(http|https)://example.com/" v-if="addingPattern.type == 'regexp'"></tip-icon> <tip-icon content="正则表达式示例：<br/>单个路径开头：^/hello/world<br/>单个路径结尾：/hello/world$<br/>包含某个路径：/article/<br/>匹配某个数字路径：/article/(\\d+)<br/>某个域名下的所有URL：^(http|https)://example.com/" v-if="addingPattern.type == 'regexp'"></tip-icon>
</div> </div>