@1337exp/taoui 1.6.1 → 1.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -0
- package/README.ru.md +15 -0
- package/dist/index.cjs +576 -405
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +220 -51
- package/dist/index.mjs +576 -405
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +180 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -56,6 +56,7 @@ change a handful of CSS variables and the whole kit follows.
|
|
|
56
56
|
- **TaoTable** — simple table: columns, empty, loading, sort via `v-model:sort`. Not a datagrid.
|
|
57
57
|
- **TaoPagination** — pages with ellipsis. Clicking “…” jumps `jump` pages (5 by default)
|
|
58
58
|
- **TaoEmpty** — empty list, no results, no access
|
|
59
|
+
- **TaoList** / **TaoListItem** — list row: icon, title, caption, hover action. Not Select, not a table
|
|
59
60
|
- **TaoStages** — stage list: `wait` / `work` / `ok` / `bad`. Not a linear stepper
|
|
60
61
|
- **TaoSkeleton** — loading placeholder (text / title / circle / rect)
|
|
61
62
|
- **TaoCounter** — flipping digits (not an input)
|
|
@@ -329,6 +330,20 @@ The `cell-<key>` slot replaces a cell. `loading` shows an overlay; an empty list
|
|
|
329
330
|
{ key: 'pack', label: 'Packing', status: 'work' },
|
|
330
331
|
{ key: 'ship', label: 'Shipping', status: 'wait' },
|
|
331
332
|
]" />
|
|
333
|
+
|
|
334
|
+
<TaoList>
|
|
335
|
+
<TaoListItem
|
|
336
|
+
title="Ann Kozlova"
|
|
337
|
+
description="Design · Moscow"
|
|
338
|
+
clickable
|
|
339
|
+
:selected="picked === 'ann'"
|
|
340
|
+
@click="picked = 'ann'"
|
|
341
|
+
>
|
|
342
|
+
<template #prefix>
|
|
343
|
+
<TaoAvatar name="Ann Kozlova" size="small" />
|
|
344
|
+
</template>
|
|
345
|
+
</TaoListItem>
|
|
346
|
+
</TaoList>
|
|
332
347
|
```
|
|
333
348
|
|
|
334
349
|
```vue
|
package/README.ru.md
CHANGED
|
@@ -56,6 +56,7 @@
|
|
|
56
56
|
- **TaoTable** — простая таблица: колонки, empty, loading, сортировка через `v-model:sort`. Не datagrid.
|
|
57
57
|
- **TaoPagination** — страницы с многоточием. Клик по «…» прыгает на `jump` страниц (5 по умолчанию)
|
|
58
58
|
- **TaoEmpty** — пустой список, нет результатов, нет прав
|
|
59
|
+
- **TaoList** / **TaoListItem** — строка списка: иконка, заголовок, подпись, действие по ховеру. Не Select и не таблица
|
|
59
60
|
- **TaoStages** — список стадий: `wait` / `work` / `ok` / `bad`. Не линейный степпер
|
|
60
61
|
- **TaoSkeleton** — плейсхолдер загрузки (text / title / circle / rect)
|
|
61
62
|
- **TaoCounter** — витрина числа с переворотом цифр (не инпут)
|
|
@@ -330,6 +331,20 @@ const columns = [
|
|
|
330
331
|
{ key: 'pack', label: 'Сборка', status: 'work' },
|
|
331
332
|
{ key: 'ship', label: 'Доставка', status: 'wait' },
|
|
332
333
|
]" />
|
|
334
|
+
|
|
335
|
+
<TaoList>
|
|
336
|
+
<TaoListItem
|
|
337
|
+
title="Анна Козлова"
|
|
338
|
+
description="Дизайн · Москва"
|
|
339
|
+
clickable
|
|
340
|
+
:selected="picked === 'anna'"
|
|
341
|
+
@click="picked = 'anna'"
|
|
342
|
+
>
|
|
343
|
+
<template #prefix>
|
|
344
|
+
<TaoAvatar name="Анна Козлова" size="small" />
|
|
345
|
+
</template>
|
|
346
|
+
</TaoListItem>
|
|
347
|
+
</TaoList>
|
|
333
348
|
```
|
|
334
349
|
|
|
335
350
|
```vue
|