@1337exp/taoui 1.8.0 → 1.10.0

package/dist/index.d.ts

@@ -412,20 +412,36 @@ pointer: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_25: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_25<{
-variant?: "gap" | "line" | "text";
+/** `solid` — обычная линия. `dashed` — пунктир. `colored` — акцент. `gap` — пустой отступ. */
+variant?: "solid" | "dashed" | "colored" | "gap";
 size?: "small" | "medium" | "large" | "big";
+/** Подпись посередине. Не меняет стиль линии — для этого `variant`. */
+text?: string;
+/** Плавные края линии. У `gap` ничего не делает. */
+fade?: boolean;
 }>, {
 variant: string;
 size: string;
+text: string;
+fade: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_23<__VLS_TypePropsToRuntimeProps_25<{
-variant?: "gap" | "line" | "text";
+/** `solid` — обычная линия. `dashed` — пунктир. `colored` — акцент. `gap` — пустой отступ. */
+variant?: "solid" | "dashed" | "colored" | "gap";
 size?: "small" | "medium" | "large" | "big";
+/** Подпись посередине. Не меняет стиль линии — для этого `variant`. */
+text?: string;
+/** Плавные края линии. У `gap` ничего не делает. */
+fade?: boolean;
 }>, {
 variant: string;
 size: string;
+text: string;
+fade: boolean;
 }>>> & Readonly<{}>, {
+text: string;
 size: "small" | "medium" | "large" | "big";
-variant: "gap" | "line" | "text";
+variant: "solid" | "dashed" | "colored" | "gap";
+fade: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_26: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToRuntimeProps_26<{
@@ -1148,9 +1164,14 @@ rows?: Record<string, unknown>[];
 rowKey?: string | ((row: Record<string, unknown>, index: number) => string | number);
 loading?: boolean;
 emptyText?: string;
-striped?: boolean;
+/** Зебра. `true` / `odd` — с первой строки, `even` — со второй. */
+striped?: boolean | "odd" | "even";
 compact?: boolean;
 hover?: boolean;
+/** Подсветка шапки. */
+head?: boolean;
+/** Горизонтальные линии между рядами. */
+lines?: boolean;
 sticky?: boolean;
 maxHeight?: string;
 clickable?: boolean;
@@ -1164,6 +1185,8 @@ emptyText: string;
 striped: boolean;
 compact: boolean;
 hover: boolean;
+head: boolean;
+lines: boolean;
 sticky: boolean;
 maxHeight: string;
 clickable: boolean;
@@ -1179,9 +1202,14 @@ rows?: Record<string, unknown>[];
 rowKey?: string | ((row: Record<string, unknown>, index: number) => string | number);
 loading?: boolean;
 emptyText?: string;
-striped?: boolean;
+/** Зебра. `true` / `odd` — с первой строки, `even` — со второй. */
+striped?: boolean | "odd" | "even";
 compact?: boolean;
 hover?: boolean;
+/** Подсветка шапки. */
+head?: boolean;
+/** Горизонтальные линии между рядами. */
+lines?: boolean;
 sticky?: boolean;
 maxHeight?: string;
 clickable?: boolean;
@@ -1195,6 +1223,8 @@ emptyText: string;
 striped: boolean;
 compact: boolean;
 hover: boolean;
+head: boolean;
+lines: boolean;
 sticky: boolean;
 maxHeight: string;
 clickable: boolean;
@@ -1207,14 +1237,16 @@ onSort?: ((value: TaoTableSort | null) => any) | undefined;
 }>, {
 sort: TaoTableSort | null;
 caption: string;
+head: boolean;
 hover: boolean;
 loading: boolean;
 emptyText: string;
 rows: Record<string, unknown>[];
 maxHeight: string;
 clickable: boolean;
+lines: boolean;
 rowKey: string | ((row: Record<string, unknown>, index: number) => string | number);
-striped: boolean;
+striped: boolean | "odd" | "even";
 compact: boolean;
 sticky: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/index.mjs

@@ -2459,41 +2459,58 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoTag = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-f353f529"]]);
-const _hoisted_1$y = {
+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,
-  class: "tao-divider-text"
+  class: "tao-divider__text"
 };
-const _hoisted_2$v = { class: "tao-divider-text__value" };
 const _hoisted_3$o = {
   key: 2,
-  class: "tao-divider-line"
+  class: "tao-divider__line tao-divider__line--end"
 };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{ name: "TaoDivider" },
   __name: "TaoDivider",
   props: {
-    variant: { default: "line" },
-    size: { default: "medium" }
+    variant: { default: "solid" },
+    size: { default: "medium" },
+    text: { default: "" },
+    fade: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
     const gapSize = computed(() => props.size === "big" ? "large" : props.size);
+    const hasLabel = computed(() => Boolean(props.text) || Boolean(slots.default));
     return (_ctx, _cache) => {
-      return __props.variant === "gap" ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["tao-divider-gap", `tao-divider-gap--${gapSize.value}`])
-      }, null, 2)) : __props.variant === "text" ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
-        _cache[0] || (_cache[0] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--left" }, null, -1)),
-        createElementVNode("span", _hoisted_2$v, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _cache[1] || (_cache[1] = createElementVNode("span", { class: "tao-divider-text__line tao-divider-text__line--right" }, null, -1))
-      ])) : (openBlock(), createElementBlock("div", _hoisted_3$o));
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tao-divider", [
+          `tao-divider--${__props.variant}`,
+          {
+            "tao-divider--labeled": hasLabel.value,
+            "tao-divider--fade": __props.fade && __props.variant !== "gap",
+            [`tao-divider--gap-${gapSize.value}`]: __props.variant === "gap"
+          }
+        ]]),
+        role: __props.variant === "gap" && !hasLabel.value ? void 0 : "separator",
+        "aria-hidden": __props.variant === "gap" && !hasLabel.value ? true : void 0
+      }, [
+        __props.variant !== "gap" ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(["tao-divider__line", { "tao-divider__line--start": hasLabel.value }])
+        }, null, 2)) : createCommentVNode("", true),
+        hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_2$v, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.text), 1)
+          ], true)
+        ])) : createCommentVNode("", true),
+        __props.variant !== "gap" && hasLabel.value ? (openBlock(), createElementBlock("span", _hoisted_3$o)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$y);
     };
   }
 });
-const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-8187a15d"]]);
+const TaoDivider = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c1d072e5"]]);
 const _hoisted_1$x = {
   key: 0,
   class: "tao-fieldset__legend"
@@ -6185,9 +6202,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     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 },
@@ -6200,6 +6219,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const colCount = computed(() => Math.max(props.columns.length, 1));
     const isEmpty = computed(() => !props.rows.length && !props.loading);
+    const stripeFrom = 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;
@@ -6250,9 +6278,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("table", {
           class: 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
           }])
@@ -6337,7 +6368,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 [];