规则编辑:建议列表全量展开,目标补齐候选,删除免确认

组合框展开先给全量、本次展开输入过才过滤——按当前值过滤的话,预填的
类型会把列表滤到只剩它自己,MATCH 这类排在后面的选项等于不存在。类型
因此可以默认留空,placeholder 当示例。

目标建议由页面传入:全局规则给内置两个加用户自建的组和自有线路;附加
规则多一项本路专属组——「这个载荷走本路代理」写的就是它,放在拦截规则
前面还能做豁免。生成的专属组不列,每路三个会把列表灌成一面墙。

原文/字段切换只拦真正整行编辑的类型(isRawOnlyRule):之前用
isStructuredEditable 拦,新增时的空原文永远过不了,卡死在原文模式。

删除规则和附加规则不再二次确认——删错了有撤回,确认框只是多一步;
toast 带上被删规则的原文。
This commit is contained in:
2026-08-12 13:16:58 +08:00
parent 955fa340af
commit 48e97bd91f
6 changed files with 80 additions and 55 deletions
+11 -2
View File
@@ -6,6 +6,9 @@
* 手填任何值都合法(规则的目标可以是候选之外的出站名)。换掉 datalist
* 的理由和 SelectBox 一样:原生建议列表的样式、动画、开合状态都管不到。
*
* 过滤只在本次展开后输入过才生效:带着已有值展开时按值过滤的话,
* 列表只剩当前值自己,其它选项等于不存在。
*
* Enter 的归属:弹层开着且有高亮项时选中它、不提交表单;弹层收起时不拦,
* 交给对话框的表单提交——填完直接回车保存是原生 input 的习惯,不能破坏。
*/
@@ -30,10 +33,12 @@ const open = ref(false)
const openUp = ref(false)
const active = ref(0)
const menuStyle = ref<Record<string, string>>({})
/** 本次展开后是否输入过。没输入过就给全量列表 */
const typed = ref(false)
const filtered = computed(() => {
const q = text.value.trim().toLowerCase()
if (!q) return props.options
if (!typed.value || !q) return props.options
return props.options.filter((name) => name.toLowerCase().includes(q))
})
@@ -80,13 +85,17 @@ onBeforeUnmount(() => {
})
function show() {
typed.value = false
active.value = 0
place()
open.value = true
}
function onInput() {
show()
typed.value = true
active.value = 0
place()
open.value = true
}
function toggleFromChevron() {