@1337exp/taoui 1.9.0 → 1.10.0

package/README.md

@@ -54,7 +54,7 @@ change a handful of CSS variables and the whole kit follows.
 
 ### Data display
 
-- **TaoTable** — simple table: columns, empty, loading, sort via `v-model:sort`. Not a datagrid.
+- **TaoTable** — simple table: columns, empty, loading, sort via `v-model:sort`. `head` tints the header, `lines` draws row rules (both on by default). `striped` starts on the first row; `striped="even"` starts on the second. 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

package/README.ru.md

@@ -54,7 +54,7 @@
 
 ### Отображение данных
 
-- **TaoTable** — простая таблица: колонки, empty, loading, сортировка через `v-model:sort`. Не datagrid.
+- **TaoTable** — простая таблица: колонки, empty, loading, сортировка через `v-model:sort`. `head` — подсветка шапки, `lines` — линии между рядами (оба по умолчанию включены). `striped` — зебра с первой строки, `striped="even"` — со второй. Не datagrid.
 - **TaoPagination** — страницы с многоточием. Клик по «…» прыгает на `jump` страниц (5 по умолчанию)
 - **TaoEmpty** — пустой список, нет результатов, нет прав
 - **TaoList** / **TaoListItem** — строка списка: иконка, заголовок, подпись, действие по ховеру. Не Select и не таблица

package/dist/index.cjs

@@ -2462,7 +2462,7 @@
       };
     }
   });
-  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f353f529"]]);
+  const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-cbbbf8f3"]]);
   const _hoisted_1$y = ["role", "aria-hidden"];
   const _hoisted_2$v = {
     key: 1,
@@ -6205,9 +6205,11 @@
       rowKey: { type: [String, Function], default: "id" },
       loading: { type: Boolean, default: false },
       emptyText: { default: "Нет данных" },
-      striped: { type: Boolean, default: false },
+      striped: { type: [Boolean, String], default: false },
       compact: { type: Boolean, default: false },
       hover: { type: Boolean, default: true },
+      head: { type: Boolean, default: true },
+      lines: { type: Boolean, default: true },
       sticky: { type: Boolean, default: false },
       maxHeight: { default: "" },
       clickable: { type: Boolean, default: false },
@@ -6220,6 +6222,15 @@
       const emit = __emit;
       const colCount = vue.computed(() => Math.max(props.columns.length, 1));
       const isEmpty = vue.computed(() => !props.rows.length && !props.loading);
+      const stripeFrom = vue.computed(() => {
+        if (props.striped === "even") {
+          return "even";
+        }
+        if (props.striped === "odd" || props.striped === true) {
+          return "odd";
+        }
+        return null;
+      });
       function columnWidth(column) {
         if (column.width == null) {
           return void 0;
@@ -6270,9 +6281,12 @@
         }, [
           vue.createElementVNode("table", {
             class: vue.normalizeClass(["tao-table", {
-              "tao-table--striped": __props.striped,
+              "tao-table--striped": stripeFrom.value === "odd",
+              "tao-table--striped-even": stripeFrom.value === "even",
               "tao-table--compact": __props.compact,
               "tao-table--hover": __props.hover,
+              "tao-table--head": __props.head,
+              "tao-table--lines": __props.lines,
               "tao-table--clickable": __props.clickable,
               "tao-table--sticky": __props.sticky
             }])
@@ -6357,7 +6371,7 @@
       };
     }
   });
-  const TaoTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5ce586b8"]]);
+  const TaoTable = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-497e62e7"]]);
   function buildPaginationItems(page, pageCount, siblingCount = 1) {
     if (pageCount <= 0) {
       return [];