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

Author: wangliang181230

packages/gui/src/view/components/mock-input.vue

@@ -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">

packages/gui/src/view/pages/plugin/node.vue

@@ -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" />

packages/gui/src/view/pages/plugin/overwall.vue

@@ -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>

packages/gui/src/view/pages/plugin/pip.vue

@@ -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 也会继续保持

packages/gui/src/view/pages/proxy.vue

@@ -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>

packages/gui/src/view/pages/server.vue

@@ -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">

packages/gui/src/view/pages/setting.vue

@@ -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>