132 lines
4.3 KiB
JavaScript
132 lines
4.3 KiB
JavaScript
// 压缩配置
|
||
Vue.component("http-optimization-config-box", {
|
||
props: ["v-optimization-config", "v-is-location", "v-is-group"],
|
||
data: function () {
|
||
let config = this.vOptimizationConfig
|
||
|
||
return {
|
||
config: config,
|
||
htmlMoreOptions: false,
|
||
javascriptMoreOptions: false,
|
||
cssMoreOptions: false
|
||
}
|
||
},
|
||
methods: {
|
||
isOn: function () {
|
||
return ((!this.vIsLocation && !this.vIsGroup) || this.config.isPrior) && this.config.isOn
|
||
}
|
||
},
|
||
template: `<div>
|
||
<input type="hidden" name="optimizationJSON" :value="JSON.stringify(config)"/>
|
||
<table class="ui table definition selectable" v-if="vIsLocation || vIsGroup">
|
||
<prior-checkbox :v-config="config"></prior-checkbox>
|
||
</table>
|
||
|
||
<div v-show="(!vIsLocation && !vIsGroup) || config.isPrior">
|
||
<div class="margin"></div>
|
||
<table class="ui table definition selectable">
|
||
<tbody>
|
||
<tr>
|
||
<td class="title">HTML优化</td>
|
||
<td>
|
||
<div class="ui checkbox">
|
||
<input type="checkbox" value="1" v-model="config.html.isOn"/>
|
||
<label></label>
|
||
</div>
|
||
<p class="comment">可以自动优化HTML中包含的空白、注释、空标签等。只有文件可以缓存时才会被优化。</p>
|
||
</td>
|
||
</tr>
|
||
<tr v-show="config.html.isOn">
|
||
<td colspan="2"><more-options-indicator v-model="htmlMoreOptions"></more-options-indicator></td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody v-show="htmlMoreOptions">
|
||
<tr>
|
||
<td>HTML例外URL</td>
|
||
<td>
|
||
<url-patterns-box v-model="config.html.exceptURLPatterns"></url-patterns-box>
|
||
<p class="comment">如果填写了例外URL，表示这些URL跳过不做处理。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>HTML限制URL</td>
|
||
<td>
|
||
<url-patterns-box v-model="config.html.onlyURLPatterns"></url-patterns-box>
|
||
<p class="comment">如果填写了限制URL，表示只对这些URL进行优化处理；如果不填则表示支持所有的URL。</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<table class="ui table definition selectable">
|
||
<tbody>
|
||
<tr>
|
||
<td class="title">Javascript优化</td>
|
||
<td>
|
||
<div class="ui checkbox">
|
||
<input type="checkbox" value="1" v-model="config.javascript.isOn"/>
|
||
<label></label>
|
||
</div>
|
||
<p class="comment">可以自动缩短Javascript中变量、函数名称等。只有文件可以缓存时才会被优化。</p>
|
||
</td>
|
||
</tr>
|
||
<tr v-show="config.javascript.isOn">
|
||
<td colspan="2"><more-options-indicator v-model="javascriptMoreOptions"></more-options-indicator></td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody v-show="javascriptMoreOptions">
|
||
<tr>
|
||
<td>Javascript例外URL</td>
|
||
<td>
|
||
<url-patterns-box v-model="config.javascript.exceptURLPatterns"></url-patterns-box>
|
||
<p class="comment">如果填写了例外URL，表示这些URL跳过不做处理。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Javascript限制URL</td>
|
||
<td>
|
||
<url-patterns-box v-model="config.javascript.onlyURLPatterns"></url-patterns-box>
|
||
<p class="comment">如果填写了限制URL，表示只对这些URL进行优化处理；如果不填则表示支持所有的URL。</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<table class="ui table definition selectable">
|
||
<tbody>
|
||
<tr>
|
||
<td class="title">CSS优化</td>
|
||
<td>
|
||
<div class="ui checkbox">
|
||
<input type="checkbox" value="1" v-model="config.css.isOn"/>
|
||
<label></label>
|
||
</div>
|
||
<p class="comment">可以自动去除CSS中包含的空白。只有文件可以缓存时才会被优化。</p>
|
||
</td>
|
||
</tr>
|
||
<tr v-show="config.css.isOn">
|
||
<td colspan="2"><more-options-indicator v-model="cssMoreOptions"></more-options-indicator></td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody v-show="cssMoreOptions">
|
||
<tr>
|
||
<td>CSS例外URL</td>
|
||
<td>
|
||
<url-patterns-box v-model="config.css.exceptURLPatterns"></url-patterns-box>
|
||
<p class="comment">如果填写了例外URL，表示这些URL跳过不做处理。</p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>CSS限制URL</td>
|
||
<td>
|
||
<url-patterns-box v-model="config.css.onlyURLPatterns"></url-patterns-box>
|
||
<p class="comment">如果填写了限制URL，表示只对这些URL进行优化处理；如果不填则表示支持所有的URL。</p>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="margin"></div>
|
||
</div>`
|
||
}) |