optimize: 关闭所有输入框的 `拼写检查` 功能

master
王良 2025-02-27 14:40:36 +08:00
parent e5bcad183d
commit 632b75f842
7 changed files with 41 additions and 31 deletions

View File

@ -19,7 +19,7 @@ export default {
event.preventDefault()
}
},
onChange () {
onBlur () {
if (this.$refs.input.textContent !== this.value) {
this.$emit('input', this.$refs.input.textContent)
}
@ -29,7 +29,7 @@ export default {
</script>
<template>
<span ref="input" class="fake-input" contenteditable="true" :title="value" @focus="onChange" @blur="onChange" @keydown="onKeydown" v-html="value" />
<span ref="input" class="fake-input" contenteditable="true" spellcheck="false" :title="value" @blur="onBlur" @keydown="onKeydown" v-html="value" />
</template>
<style lang="scss">

View File

@ -72,7 +72,7 @@ export default {
</a-tag>
</a-form-item>
<a-form-item label="npm命令名" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.node.setting.command" />
<a-input v-model="config.plugin.node.setting.command" spellcheck="false" />
<div class="form-help">
如果你的npm命令改成了其他名字或者想设置绿色版npm程序路径可在此处修改
</div>
@ -121,10 +121,10 @@ export default {
</div>
<a-row v-for="(item, index) of npmVariables" :key="index" :gutter="10" style="margin-top: 2px">
<a-col :span="10">
<a-input v-model="item.key" :title="item.key" read-only />
<a-input v-model="item.key" :title="item.key" read-only spellcheck="false" />
</a-col>
<a-col :span="13">
<a-input v-model="item.value" :title="item.value" read-only />
<a-input v-model="item.value" :title="item.value" read-only spellcheck="false" />
</a-col>
<a-col :span="1">
<a-icon v-if="item.exists && item.hadSet" title="已设置" style="color:green" type="check" />

View File

@ -153,13 +153,13 @@ export default {
</div>
</a-form-item>
<a-form-item label="远程PAC文件" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.overwall.pac.pacFileUpdateUrl" :title="config.plugin.overwall.pac.pacFileUpdateUrl" />
<a-input v-model="config.plugin.overwall.pac.pacFileUpdateUrl" :title="config.plugin.overwall.pac.pacFileUpdateUrl" spellcheck="false" />
<div class="form-help">
远程PAC文件内容可以是<code>base64</code>编码格式也可以是未经过编码的
</div>
</a-form-item>
<hr>
<a-form-item label="自定义域名" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-form-item label="自定义域名" :label-col="labelCol" :wrapper-col="wrapperCol" class="fine-tuning2">
<div>
<a-row :gutter="10" style="">
<a-col :span="22">
@ -198,16 +198,16 @@ export default {
</a-row>
<a-row v-for="(item, index) of servers" :key="index" :gutter="10">
<a-col :span="6">
<a-input v-model="item.key" addon-before="" placeholder="yourdomain.com" />
<a-input v-model="item.key" addon-before="" placeholder="yourdomain.com" spellcheck="false" />
</a-col>
<a-col :span="5">
<a-input v-model="item.value.port" addon-before="" placeholder="443" />
<a-input v-model="item.value.port" addon-before="" placeholder="443" spellcheck="false" />
</a-col>
<a-col :span="6">
<a-input v-model="item.value.path" addon-before="" placeholder="xxxxxx" />
<a-input v-model="item.value.path" addon-before="" placeholder="xxxxxx" spellcheck="false" />
</a-col>
<a-col :span="5">
<a-input v-model="item.value.password" addon-before="" type="password" placeholder="password" />
<a-input v-model="item.value.password" addon-before="" type="password" placeholder="password" spellcheck="false" />
</a-col>
<a-col :span="2">
<a-button type="danger" icon="minus" @click="deleteServer(item, index)" />
@ -233,3 +233,13 @@ export default {
</template>
</ds-container>
</template>
<style lang="scss">
/*样式微调*/
.fine-tuning2 .ant-btn-danger {
margin-top: 2px !important;
}
.ant-input-group-addon {
padding: 0 6px !important;
}
</style>

View File

@ -63,7 +63,7 @@ export default {
<!-- </a-tag> -->
<!-- </a-form-item> -->
<a-form-item label="pip命令名" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.pip.setting.command" />
<a-input v-model="config.plugin.pip.setting.command" spellcheck="false" />
<div class="form-help">
如果你的<code>pip</code>命令改成了其他名字<code>pip3</code>或想设置绿色版<code>pip</code>程序路径可在此处修改
</div>
@ -112,7 +112,7 @@ export default {
</div>
</a-form-item>
<a-form-item label="信任仓库域名" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.plugin.pip.setting.trustedHost" />
<a-input v-model="config.plugin.pip.setting.trustedHost" spellcheck="false" />
<div class="form-help">
使用以上域名安装包时不会进行SSL证书验证多个域名用空格隔开<br>
注意切换仓库镜像同时会修改<code>pip.ini</code>中的<code>trusted-host</code>配置即使关闭 ds 也会继续保持

View File

@ -151,7 +151,7 @@ export default {
</div>
</a-form-item>
<a-form-item label="远程国内域名地址" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.proxy.remoteDomesticDomainAllowListFileUrl" :title="config.proxy.remoteDomesticDomainAllowListFileUrl" />
<a-input v-model="config.proxy.remoteDomesticDomainAllowListFileUrl" :title="config.proxy.remoteDomesticDomainAllowListFileUrl" spellcheck="false" />
<div class="form-help">
远程国内域名白名单文件内容可以是<code>base64</code>编码格式也可以是未经过编码的
</div>
@ -222,6 +222,6 @@ export default {
<style lang="scss">
/*样式微调*/
.fine-tuning .ant-btn-danger {
margin-top: 3px;
margin-top: 3px !important;
}
</style>

View File

@ -225,13 +225,13 @@ export default {
</a-tag>
</a-form-item>
<a-form-item label="绑定IP" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.server.host" />
<a-input v-model="config.server.host" spellcheck="false" />
<div class="form-help">
你可以设置为<code>0.0.0.0</code>让其他电脑可以使用此代理服务
</div>
</a-form-item>
<a-form-item label="代理端口" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number v-model="config.server.port" :min="0" :max="65535" :precision="0" />
<a-input-number v-model="config.server.port" :min="0" :max="65535" :precision="0" spellcheck="false" />
<div class="form-help">
修改后需要重启应用
</div>
@ -256,12 +256,12 @@ export default {
<a-form-item label="根证书" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-search
v-model="config.server.setting.rootCaFile.certPath" addon-before="Cert" enter-button="选择"
:title="config.server.setting.rootCaFile.certPath"
:title="config.server.setting.rootCaFile.certPath" spellcheck="false"
@search="onCrtSelect"
/>
<a-input-search
v-model="config.server.setting.rootCaFile.keyPath" addon-before="Key" enter-button="选择"
:title="config.server.setting.rootCaFile.keyPath"
:title="config.server.setting.rootCaFile.keyPath" spellcheck="false"
@search="onKeySelect"
/>
</a-form-item>
@ -295,8 +295,8 @@ export default {
<a-tab-pane key="3" tab="超时时间设置">
<div v-if="activeTabKey === '3'" style="height:100%;display:flex;flex-direction:column">
<a-form-item label="默认超时时间" :label-col="labelCol" :wrapper-col="wrapperCol">
请求<a-input-number v-model="config.server.setting.defaultTimeout" :step="1000" :min="1000" :precision="0" /> ms对应<code>timeout</code>配置<br>
连接<a-input-number v-model="config.server.setting.defaultKeepAliveTimeout" :step="1000" :min="1000" :precision="0" /> ms对应<code>keepAliveTimeout</code>配置
请求<a-input-number v-model="config.server.setting.defaultTimeout" :step="1000" :min="1000" :precision="0" spellcheck="false" /> ms对应<code>timeout</code>配置<br>
连接<a-input-number v-model="config.server.setting.defaultKeepAliveTimeout" :step="1000" :min="1000" :precision="0" spellcheck="false" /> ms对应<code>keepAliveTimeout</code>配置
</a-form-item>
<hr style="margin-bottom:15px">
<div>这里指定域名的超时时间<span class="form-help">域名配置可使用通配符或正则</span></div>
@ -400,10 +400,10 @@ export default {
</a-checkbox>
</a-form-item>
<a-form-item label="自动测试间隔" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number v-model="getSpeedTestConfig().interval" :step="1000" :min="1" :precision="0" /> ms
<a-input-number v-model="getSpeedTestConfig().interval" :step="1000" :min="1" :precision="0" spellcheck="false" /> ms
</a-form-item>
<!-- <a-form-item label="慢速IP阈值" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number v-model="config.server.setting.lowSpeedDelay" :step="10" :min="100" :precision="0" /> ms
<a-input-number v-model="config.server.setting.lowSpeedDelay" :step="10" :min="100" :precision="0" spellcheck="false" /> ms
</a-form-item> -->
<div>使用以下DNS获取IP进行测速</div>
<a-row style="margin-top:10px">

View File

@ -373,10 +373,10 @@ export default {
</div>
</a-form-item>
<a-form-item label="共享远程配置地址" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.app.remoteConfig.url" :title="config.app.remoteConfig.url" />
<a-input v-model="config.app.remoteConfig.url" :title="config.app.remoteConfig.url" spellcheck="false" />
</a-form-item>
<a-form-item label="个人远程配置地址" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.app.remoteConfig.personalUrl" :title="config.app.remoteConfig.personalUrl" />
<a-input v-model="config.app.remoteConfig.personalUrl" :title="config.app.remoteConfig.personalUrl" spellcheck="false" />
</a-form-item>
<a-form-item label="重载远程配置" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-button :disabled="config.app.remoteConfig.enabled === false" :loading="reloadLoading" icon="sync" @click="reloadRemoteConfig()">
@ -432,7 +432,7 @@ export default {
</a-form-item>
<hr>
<a-form-item label="打开窗口快捷键" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input v-model="config.app.showHideShortcut" @change="shortcutChange" @keydown="shortcutKeyDown" @keyup="shortcutKeyUp" />
<a-input v-model="config.app.showHideShortcut" spellcheck="false" @change="shortcutChange" @keydown="shortcutKeyDown" @keyup="shortcutKeyUp" />
<div class="form-help">
部分快捷键已被占用<code>F5</code><code>F12</code><code>Ctrl+F</code><code>F3</code><code>Shift+F3</code>
</div>
@ -451,8 +451,8 @@ export default {
</div>
</a-form-item>
<a-form-item label="启动时窗口大小" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number v-model="config.app.windowSize.width" :step="50" :min="600" :max="2400" :precision="0" />&nbsp;×
<a-input-number v-model="config.app.windowSize.height" :step="50" :min="500" :max="2000" :precision="0" />
<a-input-number v-model="config.app.windowSize.width" :step="50" :min="600" :max="2400" :precision="0" spellcheck="false" />&nbsp;×
<a-input-number v-model="config.app.windowSize.height" :step="50" :min="500" :max="2000" :precision="0" spellcheck="false" />
</a-form-item>
<hr>
<a-form-item label="自动检查更新" :label-col="labelCol" :wrapper-col="wrapperCol">
@ -485,7 +485,7 @@ export default {
<a-form-item label="日志文件保存目录" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-search
v-model="config.app.logFileSavePath" enter-button="选择"
:title="config.app.logFileSavePath"
:title="config.app.logFileSavePath" spellcheck="false"
@search="onLogFileSavePathSelect"
/>
<div class="form-help">
@ -494,7 +494,7 @@ export default {
</div>
</a-form-item>
<a-form-item label="最大日志文件大小" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number ref="maxLogFileSize" v-model="config.app.maxLogFileSize" :step="maxLogFileSizeStep" :min="0" />
<a-input-number ref="maxLogFileSize" v-model="config.app.maxLogFileSize" :step="maxLogFileSizeStep" :min="0" spellcheck="false" />
<a-select v-model="config.app.maxLogFileSizeUnit" class="md-ml-5" @change="onMaxLogFileSizeUnitChange">
<a-select-option v-for="(item) of maxLogFileSizeUnit" :key="item.value" :value="item.value">
{{ item.label }}
@ -506,7 +506,7 @@ export default {
</div>
</a-form-item>
<a-form-item label="保留日志文件数" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-input-number v-model="config.app.keepLogFileCount" :step="1" :min="0" :precision="0" />
<a-input-number v-model="config.app.keepLogFileCount" :step="1" :min="0" :precision="0" spellcheck="false" />
<div class="form-help">
修改后重启DS才生效<code>隔天</code><code>达到日志文件大小限制</code>才会触发清理程序
</div>