toor/hermes-ui
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Phase 007: migrate every remaining view from naive-ui to Arco Design Vue

Browse Source 
The project now has exactly one UI library. Every naive-ui component in
packages/client/src is replaced by its Arco equivalent across 24 views and
roughly 80 components, and naive-ui is dropped from package.json along with
its transitive vueuc / @css-render / vdirs / seemly dependencies.

The migration is rendering-layer only. No store logic, no API contract, and
no /chat-run payload was touched.

Three classes of leftover were invisible to `grep naive-ui` and are now
covered by tests/client/no-naive-ui.test.ts, which asserts all three:
  - dead .n-* class names in style blocks
  - dead --n-* custom properties
  - naive-ui in package.json

Notable behavioural traps handled along the way, recorded in
docs/arco-migration-rules.md:
  - a-input-password defaults to masked; passing default-visibility="false"
    would have exposed API keys in clear text
  - a-upload fires a real XHR unless auto-upload is false
  - nested Trigger components fight over the first element child, so the
    group-chat settings dropdown was flattened
  - Arco renders tooltip default-slot text inline, which was silently
    collapsing the chat and group-chat toolbars
This commit is contained in:
toor
2026-10-18 22:57:25 +08:00
parent c3eeea4187
commit 836d0228d2
115 changed files with 4067 additions and 3891 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/client/src/components/hermes/settings/ProxySettings.vue
+6 -7
View File
@@ -1,6 +1,5 @@
<script setup lang="ts">
import { reactive, watch } from 'vue'
import { NButton, NInput } from 'naive-ui'
import { useMessage } from '@/composables/useMessage'
import { useI18n } from 'vue-i18n'
import { useSettingsStore } from '@/stores/hermes/settings'
@@ -45,25 +44,25 @@ async function save() {
<p class="section-hint">{{ t('settings.proxy.description') }}</p>
<SettingRow :label="t('settings.proxy.httpsProxy')" :hint="t('settings.proxy.httpsProxyHint')">
<NInput v-model:value="draft.HTTPS_PROXY" clearable size="small" class="input-lg" placeholder="http://127.0.0.1:7890" />
<a-input v-model="draft.HTTPS_PROXY" allow-clear size="small" class="input-lg" placeholder="http://127.0.0.1:7890" />
</SettingRow>
<SettingRow :label="t('settings.proxy.httpProxy')" :hint="t('settings.proxy.httpProxyHint')">
<NInput v-model:value="draft.HTTP_PROXY" clearable size="small" class="input-lg" placeholder="http://127.0.0.1:7890" />
<a-input v-model="draft.HTTP_PROXY" allow-clear size="small" class="input-lg" placeholder="http://127.0.0.1:7890" />
</SettingRow>
<SettingRow :label="t('settings.proxy.allProxy')" :hint="t('settings.proxy.allProxyHint')">
<NInput v-model:value="draft.ALL_PROXY" clearable size="small" class="input-lg" placeholder="socks5://127.0.0.1:7890" />
<a-input v-model="draft.ALL_PROXY" allow-clear size="small" class="input-lg" placeholder="socks5://127.0.0.1:7890" />
</SettingRow>
<SettingRow :label="t('settings.proxy.noProxy')" :hint="t('settings.proxy.noProxyHint')">
<NInput v-model:value="draft.NO_PROXY" clearable size="small" class="input-lg" placeholder="localhost,127.0.0.1,.local" />
<a-input v-model="draft.NO_PROXY" allow-clear size="small" class="input-lg" placeholder="localhost,127.0.0.1,.local" />
</SettingRow>
<div class="settings-actions">
<NButton type="primary" :loading="settingsStore.saving" @click="save">
<a-button type="primary" :loading="settingsStore.saving" @click="save">
{{ t('settings.proxy.save') }}
</NButton>
</a-button>
</div>
</section>
</template>