@1337exp/taoui 1.6.0 → 1.7.0

package/README.md

@@ -18,7 +18,7 @@ change a handful of CSS variables and the whole kit follows.
 - **TaoModal** — modal with animation and slots
 - **TaoDrawer** — side panel (filters, settings). Esc, backdrop click, focus trap — same as the modal
 - **TaoSpoiler** — disclosure. `v-model` and `aria-expanded`. Neighbours do not close each other
-- **TaoSpoilerGroup** — accordion: `v-model` is the open panel key (`null` = all closed); spoilers take `name`
+- **TaoSpoilerGroup** — accordion: `v-model` is the open panel key (`null` = all closed); spoilers take `name`. Without `v-model` the group keeps that key itself
 - **TaoTabs** — tabbed sections
 - **TaoTooltip** — hover hint. `top` / `bottom` / `left` / `right`, flips at the viewport edge
 - **TaoPopover** — click panel with any slot content, Esc and outside click. Not a tooltip, not an action menu
@@ -56,6 +56,7 @@ change a handful of CSS variables and the whole kit follows.
 - **TaoTable** — simple table: columns, empty, loading, sort via `v-model:sort`. Not a datagrid.
 - **TaoPagination** — pages with ellipsis. Clicking “…” jumps `jump` pages (5 by default)
 - **TaoEmpty** — empty list, no results, no access
+- **TaoList** / **TaoListItem** — list row: icon, title, caption, hover action. Not Select, not a table
 - **TaoStages** — stage list: `wait` / `work` / `ok` / `bad`. Not a linear stepper
 - **TaoSkeleton** — loading placeholder (text / title / circle / rect)
 - **TaoCounter** — flipping digits (not an input)
@@ -266,7 +267,7 @@ confirm.defaults({ ok: 'Yes', cancel: 'No' })
 
 `TaoCombobox` is the same menu with a field. Typing filters options. `allow-create` writes the typed string into `v-model` when there is no exact match. The list does not mutate itself: listen to `create` and append an option from the parent.
 
-`TaoFormField` also wraps `TaoTextarea` and `TaoCheckbox` — id, hint, and error are forwarded for you.
+`TaoFormField` also wraps `TaoTextarea`, `TaoCheckbox`, `TaoSwitch`, `TaoRadioGroup`, and `TaoSegmented` — id, hint, and error are forwarded for you.
 
 `TaoTag` can be a chip: `#prefix` on the left (usually `TaoAvatar`), `closable` draws a cross and emits `close`. The close click does not bubble. `flat` drops the border and keeps the fill.
 
@@ -329,6 +330,20 @@ The `cell-<key>` slot replaces a cell. `loading` shows an overlay; an empty list
   { key: 'pack', label: 'Packing', status: 'work' },
   { key: 'ship', label: 'Shipping', status: 'wait' },
 ]" />
+
+<TaoList>
+  <TaoListItem
+    title="Ann Kozlova"
+    description="Design · Moscow"
+    clickable
+    :selected="picked === 'ann'"
+    @click="picked = 'ann'"
+  >
+    <template #prefix>
+      <TaoAvatar name="Ann Kozlova" size="small" />
+    </template>
+  </TaoListItem>
+</TaoList>
 ```
 
 ```vue

package/README.ru.md

@@ -18,7 +18,7 @@
 - **TaoModal** — модальное окно с анимацией и слотами
 - **TaoDrawer** — боковая панель (фильтры, настройки). Esc, клик по фону, ловушка фокуса — как у модалки
 - **TaoSpoiler** — раскрывающийся блок. `v-model` и `aria-expanded`. Несколько подряд сами друг друга не закрывают
-- **TaoSpoilerGroup** — аккордеон: `v-model` — ключ открытой панели (`null` — все закрыты), у спойлера `name`
+- **TaoSpoilerGroup** — аккордеон: `v-model` — ключ открытой панели (`null` — все закрыты), у спойлера `name`. Без `v-model` группа помнит ключ сама
 - **TaoTabs** — вкладки для переключения между секциями контента
 - **TaoTooltip** — всплывающая подсказка при наведении. `top` / `bottom` / `left` / `right`, у края экрана переворачивается
 - **TaoPopover** — панель по клику: слот с любым контентом, Esc и клик снаружи. Не тултип и не меню действий
@@ -56,6 +56,7 @@
 - **TaoTable** — простая таблица: колонки, empty, loading, сортировка через `v-model:sort`. Не datagrid.
 - **TaoPagination** — страницы с многоточием. Клик по «…» прыгает на `jump` страниц (5 по умолчанию)
 - **TaoEmpty** — пустой список, нет результатов, нет прав
+- **TaoList** / **TaoListItem** — строка списка: иконка, заголовок, подпись, действие по ховеру. Не Select и не таблица
 - **TaoStages** — список стадий: `wait` / `work` / `ok` / `bad`. Не линейный степпер
 - **TaoSkeleton** — плейсхолдер загрузки (text / title / circle / rect)
 - **TaoCounter** — витрина числа с переворотом цифр (не инпут)
@@ -267,7 +268,7 @@ confirm.defaults({ ok: 'Yes', cancel: 'No' })
 
 `TaoCombobox` — то же меню, но с полем. Печатаете — варианты режутся. `allow-create` пишет введённое в `v-model`, если точного совпадения нет. Список сам не меняется: слушайте `create` и добавьте option снаружи.
 
-`TaoFormField` также оборачивает `TaoTextarea` и `TaoCheckbox` — id, hint и error прокидываются сами.
+`TaoFormField` также оборачивает `TaoTextarea`, `TaoCheckbox`, `TaoSwitch`, `TaoRadioGroup` и `TaoSegmented` — id, hint и error прокидываются сами.
 
 `TaoTag` может быть чипом: `#prefix` слева (обычно `TaoAvatar`), `closable` рисует крестик и эмитит `close`. Клик по крестику наружу не всплывает. `flat` снимает рамку, заливка остаётся.
 
@@ -330,6 +331,20 @@ const columns = [
   { key: 'pack', label: 'Сборка', status: 'work' },
   { key: 'ship', label: 'Доставка', status: 'wait' },
 ]" />
+
+<TaoList>
+  <TaoListItem
+    title="Анна Козлова"
+    description="Дизайн · Москва"
+    clickable
+    :selected="picked === 'anna'"
+    @click="picked = 'anna'"
+  >
+    <template #prefix>
+      <TaoAvatar name="Анна Козлова" size="small" />
+    </template>
+  </TaoListItem>
+</TaoList>
 ```
 
 ```vue