[feat] "Detail" inside List.Item not in List.List

[jonasrafa]

Describe the problem

In Raycast, the Detail is inside the “List.Item”, which makes it much easier to show the details of that specific item, in Kunkun, there is no “Detail” inside the “List.Item”, only in the “List.List”, basically having to make a workaround to access the value of the “List.Item”.

Describe the solution you'd like

Add "detail" to "List.Item"

Alternatives considered

No response

Additional context

No response

Contributes

• I am willing to submit a PR to implement this feature

Searched

• I have searched for similar issues and found none

[HuakunShen]

Yes there is no detail option in List.Item, it's because if detail is added to every item and there are many items, I am afraid about the performance.

You can call ui.render again onHighlightedListItemChanged or onSearchTermChange with inherits field.

The inherits field let your list view inherit the current items or sections, and only send ItemDetail to render.

async onSearchTermChange(term: string): Promise<void> {
		return ui.render(
			new List.List({
				// items: allItems.filter((item) => item.title.toLowerCase().includes(term.toLowerCase())),
				inherits: ["items", "sections"],
				defaultAction: "Top Default Action",
				detail: new List.ItemDetail({
					children: [
						new List.ItemDetailMetadata([
							new List.ItemDetailMetadataLabel({
								title: "Label Title",
								text: "Label Text"
							})
						])
					],
					width: term.length > 3 ? 70 : 30
				})
			})
		)
	}

Do you really need a per-item detail? I think this method is also not too hard.

[jonasrafa]

Thanks, I hadn't found anything about this in the documentation, and since the Detail existed in the List.List and not in the List.Item, I had found it strange, so I was doing a workaround to make it work. But the way you send worked perfectly.

[HuakunShen]

I haven’t updated the docs with new features yet