vueless 0.0.545 → 0.0.547

package/package.json

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

package/ui.data-table/UTable.vue

@@ -61,6 +61,12 @@ const emit = defineEmits([
    */
   "clickRow",
 
+  /**
+   * Triggers when the row is double-clicked.
+   * @property {object} row
+   */
+  "doubleClickRow",
+
   /**
    * Triggers when the cell is clicked.
    * @property {object} cell
@@ -394,6 +400,10 @@ function onClickRow(row: Row) {
   emit("clickRow", row);
 }
 
+function onDoubleClickRow(row: Row) {
+  emit("doubleClickRow", row);
+}
+
 function onClickCell(cell: Cell, row: Row) {
   emit("clickCell", cell, row);
 }
@@ -665,6 +675,7 @@ defineExpose({
               :empty-cell-label="emptyCellLabel"
               :data-test="`${dataTest}-row`"
               @click="onClickRow"
+              @dblclick="onDoubleClickRow"
               @click-cell="onClickCell"
               @toggle-row-visibility="onToggleRowVisibility"
             >

package/ui.data-table/UTableRow.vue

@@ -22,7 +22,7 @@ const LAST_NESTED_ROW_SHIFT_REM = 2;
 
 const props = defineProps<UTableRowProps>();
 
-const emit = defineEmits(["toggleRowVisibility", "click", "click-cell"]);
+const emit = defineEmits(["toggleRowVisibility", "click", "dblclick", "clickCell"]);
 
 const selectedRows = defineModel("selectedRows", { type: Array, default: () => [] });
 
@@ -103,7 +103,7 @@ function getIconWidth() {
 }
 
 function getCellClasses(row: Row, key: string) {
-  const isCellData = typeof row[key] === "object" && "class" in row[key];
+  const isCellData = typeof row[key] === "object" && row[key] !== null && "class" in row[key];
   const cell = row[key] as CellObject;
   const cellClasses = isCellData ? cell?.class : undefined;
 
@@ -155,6 +155,10 @@ function onClick(row: Row) {
   emit("click", row);
 }
 
+function onDoubleClick(row: Row) {
+  emit("dblclick", row);
+}
+
 function setCellTitle(mutations: MutationRecord[]) {
   mutations.forEach((mutation) => {
     const { target } = mutation;
@@ -196,7 +200,7 @@ function onClickToggleIcon() {
 }
 
 function onClickCell(cell: unknown | string | number, row: Row) {
-  emit("click-cell", cell, row);
+  emit("clickCell", cell, row);
 }
 
 function getRowClasses(row: Row) {
@@ -217,6 +221,7 @@ function getRowAttrs(rowId: string | number) {
     v-bind="{ ...$attrs, ...getRowAttrs(row.id) }"
     :class="cx([getRowAttrs(row.id).class, getRowClasses(row)])"
     @click="onClick(props.row)"
+    @dblclick="onDoubleClick(props.row)"
   >
     <td
       v-if="selectable"
@@ -326,6 +331,7 @@ function getRowAttrs(rowId: string | number) {
     :empty-cell-label="emptyCellLabel"
     @toggle-row-visibility="onClickToggleRowChild"
     @click="onClick"
+    @dblclick="onDoubleClick"
   >
     <template
       v-for="(value, key, index) in mapRowColumns(singleNestedRow, columns)"
@@ -356,6 +362,7 @@ function getRowAttrs(rowId: string | number) {
         :empty-cell-label="emptyCellLabel"
         @toggle-row-visibility="onClickToggleRowChild"
         @click="onClick"
+        @dblclick="onDoubleClick"
         @click-cell="onClickCell"
       >
         <template

package/ui.dropdown-badge/UDropdownBadge.vue

@@ -19,7 +19,6 @@ import type { Option } from "../ui.dropdown-list/types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<UDropdownBadgeProps>(), {
-  label: getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).label,
   options: () => [],
   labelKey: getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).labelKey,
   variant: getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).variant,

package/ui.dropdown-button/UDropdownButton.vue

@@ -19,7 +19,6 @@ import type { Option } from "../ui.dropdown-list/types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<UDropdownButtonProps>(), {
-  label: getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).label,
   options: () => [],
   labelKey: getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).labelKey,
   variant: getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).variant,

package/ui.dropdown-link/UDropdownLink.vue

@@ -20,7 +20,6 @@ defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<UDropdownLinkProps>(), {
   options: () => [],
-  label: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).label,
   labelKey: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).labelKey,
   color: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).color,
   size: getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).size,

package/ui.dropdown-list/UDropdownList.vue

@@ -116,7 +116,19 @@ watch(
         })
         .reduce((acc, cur) => acc + cur, 0);
 
-      wrapperMaxHeight.value = `${maxHeight + 10}px`;
+      const wrapperStyle = getComputedStyle(wrapperRef.value as Element);
+      const wrapperPaddingTop = parseFloat(wrapperStyle.paddingTop || "0");
+      const wrapperPaddingBottom = parseFloat(wrapperStyle.paddingBottom || "0");
+      const wrapperBorderTop = parseFloat(wrapperStyle.borderTopWidth || "0");
+      const wrapperBorderBottom = parseFloat(wrapperStyle.borderBottomWidth || "0");
+
+      wrapperMaxHeight.value = `${
+        maxHeight +
+        wrapperPaddingTop +
+        wrapperPaddingBottom +
+        wrapperBorderTop +
+        wrapperBorderBottom
+      }px`;
     });
   },
   { immediate: true },

package/ui.dropdown-list/config.ts

@@ -1,16 +1,16 @@
 export default /*tw*/ {
   wrapper: `
-    my-2 flex w-full absolute right-0 z-50
-    rounded-dynamic border border-gray-300 bg-white shadow
+    my-2 p-1 flex w-full absolute z-50 shadow
+    rounded-dynamic border border-gray-300 bg-white
     overflow-auto [-webkit-overflow-scrolling:touch]
     focus:outline-none
   `,
-  list: "m-1 p-0 inline-block list-none align-top w-full",
+  list: "list-none align-top w-full h-full",
   listItem: "group/item block",
   option: {
     base: `
       rounded px-2 py-2.5 flex items-center align-middle whitespace-nowrap cursor-pointer
-      font-normal !leading-none normal-case text-gray-900
+      font-normal !leading-none text-gray-900
       hover:bg-brand-50 active:bg-brand-100
       overflow-hidden text-ellipsis
     `,

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.545",
+  "version": "0.0.547",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -3955,8 +3955,7 @@
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "getDefault<UDropdownBadgeProps>(defaultConfig, UDropdownBadge).label"
+              }
             },
             {
               "name": "options",
@@ -4191,8 +4190,7 @@
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "getDefault<UDropdownButtonProps>(defaultConfig, UDropdownButton).label"
+              }
             },
             {
               "name": "options",
@@ -4461,8 +4459,7 @@
               "value": {
                 "kind": "expression",
                 "type": "string"
-              },
-              "default": "getDefault<UDropdownLinkProps>(defaultConfig, UDropdownLink).label"
+              }
             },
             {
               "name": "options",
@@ -10481,6 +10478,18 @@
                 }
               ]
             },
+            {
+              "name": "doubleClickRow",
+              "description": "Triggers when the row is double-clicked.",
+              "properties": [
+                {
+                  "type": [
+                    "object"
+                  ],
+                  "name": "row"
+                }
+              ]
+            },
             {
               "name": "clickCell",
               "description": "Triggers when the cell is clicked.",
@@ -10720,7 +10729,10 @@
               "name": "click"
             },
             {
-              "name": "click-cell"
+              "name": "dblclick"
+            },
+            {
+              "name": "clickCell"
             }
           ],
           "slots": [