vueless 0.0.547 → 0.0.549

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.547",
+  "version": "0.0.549",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.data-table/UTable.vue

@@ -206,7 +206,6 @@ const {
   tableWrapperAttrs,
   headerRowAttrs,
   bodyRowAfterAttrs,
-  bodyRowAfterCellAttrs,
   bodyRowBeforeAttrs,
   bodyRowBeforeCellAttrs,
   footerAttrs,
@@ -576,17 +575,11 @@ defineExpose({
       <table v-bind="tableAttrs">
         <thead v-bind="headerAttrs" :style="tableRowWidthStyle">
           <tr v-if="hasSlotContent($slots['before-header'])" v-bind="headerRowAttrs">
-            <td
-              v-if="hasSlotContent($slots['before-header'])"
-              :colspan="colsCount"
-              v-bind="headerCellBaseAttrs"
-            >
-              <!--
+            <!--
                 @slot Use it to add something before header row.
                 @binding {number} cols-count
               -->
-              <slot name="before-header" :cols-count="colsCount" />
-            </td>
+            <slot name="before-header" :cols-count="colsCount" />
           </tr>
 
           <tr v-if="hasSlotContent($slots['before-header'])" v-bind="headerRowAttrs"></tr>
@@ -710,10 +703,8 @@ defineExpose({
               v-if="rowIndex === lastRow && hasSlotContent($slots['after-last-row'])"
               v-bind="bodyRowAfterAttrs"
             >
-              <td :colspan="colsCount" v-bind="bodyRowAfterCellAttrs">
-                <!-- @slot Use it to add something after last row. -->
-                <slot name="after-last-row" />
-              </td>
+              <!-- @slot Use it to add something after last row. -->
+              <slot name="after-last-row" :cols-count="colsCount" />
             </tr>
           </template>
         </tbody>

package/ui.data-table/config.ts

@@ -47,7 +47,6 @@ export default /*tw*/ {
   bodyRowBefore: "!p-0",
   bodyRowBeforeCell: "py-1",
   bodyRowAfter: "!p-0",
-  bodyRowAfterCell: "py-1",
   bodyRowDateDivider: "",
   bodyCellBase: {
     base: "p-[1.125rem] py-5 truncate align-top",

package/ui.data-table/useAttrs.ts

@@ -78,9 +78,6 @@ export default function useAttrs(
     bodyRowBeforeCell: {
       base: computed(() => [extendingKeysClasses.bodyCellBase.value]),
     },
-    bodyRowAfterCell: {
-      base: computed(() => [extendingKeysClasses.bodyCellBase.value]),
-    },
     footer: {
       extend: computed(() => [isFooterSticky.value && extendingKeysClasses.stickyFooter.value]),
     },

package/ui.form-date-picker/UDatePicker.vue

@@ -86,10 +86,11 @@ const currentLocale = computed(() => merge(defaultConfig.i18n, i18nGlobal, props
 
 const elementId = props.id || useId();
 
-const { config, inputAttrs, activeInputAttrs, calendarAttrs, wrapperAttrs } = useAttrs(props, {
-  isTop,
-  isRight,
-});
+const { config, datepickerInputAttrs, datepickerInputActiveAttrs, calendarAttrs, wrapperAttrs } =
+  useAttrs(props, {
+    isTop,
+    isRight,
+  });
 
 function activate() {
   isShownCalendar.value = true;
@@ -195,7 +196,7 @@ defineExpose({
       :size="size"
       :left-icon="leftIcon"
       :right-icon="rightIcon"
-      v-bind="isShownCalendar ? activeInputAttrs : inputAttrs"
+      v-bind="isShownCalendar ? datepickerInputActiveAttrs : datepickerInputAttrs"
       @focus="activate"
     >
       <template #left>

package/ui.form-date-picker/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "relative",
-  input: "{UInput}",
-  activeInput: {
+  datepickerInput: "{UInput}",
+  datepickerInputActive: {
     component: "{UInput}",
     wrapper: "ring-dynamic rounded-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",
   },

package/ui.form-date-picker-range/UDatePickerRange.vue

@@ -134,14 +134,14 @@ const {
   config,
   wrapperAttrs,
   calendarAttrs,
-  inputAttrs,
+  datepickerInputAttrs,
   menuAttrs,
   buttonWrapperAttrs,
   buttonAttrs,
   shiftRangeButtonAttrs,
   rangeInputWrapperAttrs,
   rangeInputErrorAttrs,
-  activeInputAttrs,
+  datepickerActiveInputAttrs,
   rangeInputFirstAttrs,
   rangeInputLastAttrs,
   periodRowAttrs,
@@ -570,7 +570,7 @@ function onInputCalendar(value: RangeDate) {
       readonly
       :left-icon="leftIcon"
       :right-icon="rightIcon"
-      v-bind="isShownMenu ? activeInputAttrs : inputAttrs"
+      v-bind="isShownMenu ? datepickerActiveInputAttrs : datepickerInputAttrs"
       @focus="activate"
     >
       <template #left>

package/ui.form-date-picker-range/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "relative",
-  input: "{UInput}",
-  activeInput: {
+  datepickerInput: "{UInput}",
+  datepickerInputActive: {
     component: "{UInput}",
     wrapper: {
       base: "ring-dynamic rounded-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.547",
+  "version": "0.0.549",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -10613,7 +10613,13 @@
             },
             {
               "name": "after-last-row",
-              "description": "Use it to add something after last row."
+              "scoped": true,
+              "description": "Use it to add something after last row.",
+              "bindings": [
+                {
+                  "name": "cols-count"
+                }
+              ]
             },
             {
               "name": "empty-state",