sprintify-ui 0.6.56 → 0.6.58

package/dist/sprintify-ui.es.js

@@ -44271,7 +44271,7 @@ function Ab(n) {
 function g5(n) {
   return n == "sm" ? "px-1 py-0.5" : n == "md" ? "px-2 py-2" : n == "lg" ? "px-4 py-3" : "";
 }
-const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
+const v5 = ["align", "colspan"], y5 = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "BaseTableCell",
   props: {
@@ -44279,6 +44279,8 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
     to: { default: void 0 },
     target: { default: void 0 },
     title: { default: void 0 },
+    align: { default: void 0 },
+    colspan: { default: void 0 },
     class: { type: [Array, String, null, Number, Boolean], default: void 0 }
   },
   setup(n) {
@@ -44300,7 +44302,11 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
         t.class
       );
     });
-    return (c, p) => (B(), K("td", v5, [
+    return (c, p) => (B(), K("td", {
+      class: "p-0 border-b border-slate-200",
+      align: c.align,
+      colspan: c.colspan
+    }, [
       (B(), De(In(C(s)), {
         class: de(C(d)),
         to: C(l).to,
@@ -44313,7 +44319,7 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
         ]),
         _: 3
       }, 8, ["class", "to", "href", "title", "target"]))
-    ]));
+    ], 8, v5));
   }
 }), b5 = /* @__PURE__ */ be({
   __name: "BaseTableHead",
@@ -44328,11 +44334,13 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
       Ne(r.$slots, "default")
     ]));
   }
-}), w5 = { class: "p-0 border-b border-slate-200" }, x5 = /* @__PURE__ */ be({
+}), w5 = ["align", "colspan"], x5 = /* @__PURE__ */ be({
   inheritAttrs: !1,
   __name: "BaseTableHeader",
   props: {
-    class: { type: [Array, String, null, Number, Boolean], default: void 0 }
+    class: { type: [Array, String, null, Number, Boolean], default: void 0 },
+    align: { default: void 0 },
+    colspan: { default: void 0 }
   },
   setup(n) {
     const t = n, e = pt("BaseTable");
@@ -44353,13 +44361,17 @@ const v5 = { class: "p-0 border-b border-slate-200" }, y5 = /* @__PURE__ */ be({
         t.class
       );
     });
-    return (a, l) => (B(), K("th", w5, [
+    return (a, l) => (B(), K("th", {
+      class: "p-0 border-b border-slate-200",
+      align: a.align,
+      colspan: a.colspan
+    }, [
       j("div", {
         class: de(C(o))
       }, [
         Ne(a.$slots, "default")
       ], 2)
-    ]));
+    ], 8, w5));
   }
 }), E5 = /* @__PURE__ */ be({
   __name: "BaseTableRow",

package/dist/types/src/components/BaseTableCell.vue.d.ts

@@ -21,6 +21,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: undefined;
+    };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
@@ -42,12 +50,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: undefined;
+    };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }>>, {
     class: string | false | 0 | ClassNameValue[] | null;
     title: string;
     to: RouteLocationRaw;
     target: "_blank" | "_self" | "_parent" | "_top";
     href: string;
+    align: "left" | "right" | "center";
+    colspan: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/src/components/BaseTableHeader.vue.d.ts

@@ -4,13 +4,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: undefined;
+    };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: import("vue").PropType<string | false | 0 | ClassNameValue[] | null>;
         default: undefined;
     };
+    align: {
+        type: import("vue").PropType<"left" | "right" | "center">;
+        default: undefined;
+    };
+    colspan: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
 }>>, {
     class: string | false | 0 | ClassNameValue[] | null;
+    align: "left" | "right" | "center";
+    colspan: number;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.6.56",
+  "version": "0.6.58",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseTableCell.vue

@@ -1,5 +1,9 @@
 <template>
-  <td class="p-0 border-b border-slate-200">
+  <td
+    class="p-0 border-b border-slate-200"
+    :align="align"
+    :colspan="colspan"
+  >
     <component
       :is="componentName"
       :class="classes"
@@ -40,12 +44,16 @@ const props = withDefaults(defineProps<{
   to?: RouteLocationRaw,
   target?: '_blank' | '_self' | '_parent' | '_top',
   title?: string,
+  align?: 'left' | 'center' | 'right',
+  colspan?: number,
   class?: ClassNameValue,
 }>(), {
   href: undefined,
   to: undefined,
   target: undefined,
   title: undefined,
+  align: undefined,
+  colspan: undefined,
   class: undefined,
 });
 

package/src/components/BaseTableHeader.vue

@@ -1,5 +1,9 @@
 <template>
-  <th class="p-0 border-b border-slate-200">
+  <th
+    class="p-0 border-b border-slate-200"
+    :align="align"
+    :colspan="colspan"
+  >
     <div :class="classes">
       <slot />  
     </div>
@@ -25,8 +29,12 @@ defineOptions({
 
 const props = withDefaults(defineProps<{
   class?: ClassNameValue,
+  align?: 'left' | 'center' | 'right',
+  colspan?: number,
 }>(), {
   class: undefined,
+  align: undefined,
+  colspan: undefined,
 });
 
 const cellConfig = computed<CellConfig>(() => {