FilterOldInlineEdit
components/filter/old/InlineEdit.vue
A pill-shaped key/operator/value editor — three borderless inputs in a row (key, operator, value), each with its own suggestion dropdown; operator input locks when a key has exactly one valid operator. Tab/Enter advance key -> operator -> value; blur or Escape completes or cancels.
Focus the key input to see suggestions; focusing away with no key cancels.
Scenarios
Fresh add — empty
Editing an existing filter
Locked operator — key has exactly one valid op
Tag filter — no value required
components/filter/old/InlineEdit.vue
Usage
<FilterOldInlineEdit
initialKey = "—"
initialVal = "—"
initialOperator = "FILTER_DEFAULT_OP"
:filterKeyDefs = "[]"
:availableKeyDefs = "[]"
:valSuggestions = "[]"
:focusKey = "true"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| initialKey | String | '' | Starting key value (edit mode). |
| initialVal | String | '' | Starting value (edit mode). |
| initialOperator | String | FILTER_DEFAULT_OP | Starting operator (edit mode). |
| filterKeyDefs | Array | [] | FilterKeyDefinition[] — resolves valid operators and tag-vs-attribute type for the current key. |
| availableKeyDefs | Array | [] | FilterKeyDefinition[] offered in the key-suggestion dropdown. |
| valSuggestions | Array | [] | string[] offered in the value-suggestion dropdown for the current key. |
| focusKey | Boolean | true | Focuses the key input on mount instead of the value input (false when editing an existing filter, where the key is already set). |
Events
| Event | Description |
|---|---|
| complete | Fired with { key, val, operator } when the edit is confirmed. |
| cancel | Fired when the edit is abandoned (Escape, or blur with no key). |
| requestKeySuggestions | Fired on key-input focus. |
| requestValSuggestions | Fired with { key } on value-input focus or key selection. |