@iris-ui-kit/vue 0.2.0 → 0.2.2

package/dist/index.cjs

@@ -3218,39 +3218,37 @@ var IrisPopoverContent = vue.defineComponent({
         target?.focus();
       }
     });
-    const contentVNode = vue.computed(
-      () => vue.h(
-        "div",
-        {
-          ...attrs,
-          ref: (el) => {
-            innerRef.value = el ?? null;
-          },
-          id: ctx.contentId,
-          role: "dialog",
-          tabindex: -1,
-          "data-state": ctx.open.value ? "open" : "closed",
-          "data-placement": ctx.placement,
-          style: {
-            ...floatingStyles.value,
-            background: "var(--iris-surface)",
-            color: "var(--iris-foreground)",
-            border: "1px solid var(--iris-border)",
-            borderRadius: "var(--iris-radius-md)",
-            padding: "var(--iris-padding-md)",
-            boxShadow: "0 8px 24px -8px rgba(0, 0, 0, 0.16), 0 4px 8px -2px rgba(0, 0, 0, 0.08)",
-            fontSize: "14px",
-            zIndex: "1000",
-            outline: "none",
-            ...attrs.style ?? {}
-          }
+    const renderContent = () => vue.h(
+      "div",
+      {
+        ...attrs,
+        ref: (el) => {
+          innerRef.value = el ?? null;
         },
-        slots.default?.()
-      )
+        id: ctx.contentId,
+        role: "dialog",
+        tabindex: -1,
+        "data-state": ctx.open.value ? "open" : "closed",
+        "data-placement": ctx.placement,
+        style: {
+          ...floatingStyles.value,
+          background: "var(--iris-surface)",
+          color: "var(--iris-foreground)",
+          border: "1px solid var(--iris-border)",
+          borderRadius: "var(--iris-radius-md)",
+          padding: "var(--iris-padding-md)",
+          boxShadow: "0 8px 24px -8px rgba(0, 0, 0, 0.16), 0 4px 8px -2px rgba(0, 0, 0, 0.08)",
+          fontSize: "14px",
+          zIndex: "1000",
+          outline: "none",
+          ...attrs.style ?? {}
+        }
+      },
+      slots.default?.()
     );
     return () => {
       if (!ctx.open.value) return null;
-      const node = contentVNode.value;
+      const node = renderContent();
       if (props.teleport === false) return node;
       return vue.h(vue.Teleport, { to: props.teleport }, [node]);
     };
@@ -9291,6 +9289,7 @@ var IrisTable = vue.defineComponent({
     "update:sort": (_value) => true,
     "update:columnWidths": (_value) => true,
     rowClick: (_row, _index) => true,
+    rowDblclick: (_row, _index) => true,
     cellEdit: (_payload) => true,
     expandedRowsChange: (_keys) => true
   },
@@ -9697,6 +9696,8 @@ var IrisTable = vue.defineComponent({
             const isLeaf = !col.children || col.children.length === 0;
             const sortable = isLeaf && col.sortable;
             const align = col.align ?? "left";
+            const headerSlot = slots[`header.${col.key}`];
+            const title = headerSlot?.({ column: col }) ?? col.title;
             cells.push(
               vue.h(
                 "div",
@@ -9727,7 +9728,7 @@ var IrisTable = vue.defineComponent({
                     textOverflow: "ellipsis"
                   }
                 },
-                [col.title, sortable ? sortIndicator(col) : null]
+                [title, sortable ? sortIndicator(col) : null]
               )
             );
           }
@@ -9797,6 +9798,8 @@ var IrisTable = vue.defineComponent({
         const col = props.columns[ci];
         if (visibleColSet.value && !visibleColSet.value.has(ci)) continue;
         const align = col.align ?? "left";
+        const headerSlot = slots[`header.${col.key}`];
+        const title = headerSlot?.({ column: col }) ?? col.title;
         wireResize(col);
         const handle = props.resizableColumns ? vue.h("span", {
           ref: (el) => {
@@ -9864,7 +9867,7 @@ var IrisTable = vue.defineComponent({
               },
               "aria-sort": internalSort.value?.key === col.key ? internalSort.value.direction === "asc" ? "ascending" : "descending" : col.sortable ? "none" : void 0
             },
-            [col.title, sortIndicator(col), handle]
+            [title, sortIndicator(col), handle]
           )
         );
       }
@@ -10140,6 +10143,7 @@ var IrisTable = vue.defineComponent({
             "data-iris-table-row": "",
             "data-state": selected ? "selected" : void 0,
             onClick: () => emit("rowClick", row, index),
+            onDblclick: () => emit("rowDblclick", row, index),
             style: {
               display: "grid",
               gridTemplateColumns: gridTemplate.value,