@indielayer/ui 1.14.0 → 1.14.1

package/docs/pages/component/table/selectable.vue

@@ -3,7 +3,7 @@ import { ref } from 'vue'
 import { type TableHeader } from '@indielayer/ui'
 
 const headers: TableHeader[] = [
-  { text: '#', value: 'id', align: 'center' },
+  { text: '#', value: 'id' },
   { text: 'Title', value: 'title' },
   { text: 'Description', value: 'description', truncate: true, width: 400 },
   { text: 'Published', value: 'published', align: 'center' },
@@ -50,6 +50,7 @@ const singleSelected = ref<number>(2)
         selectable
         :headers="headers"
         :items="items"
+        @click-row="(item) => console.log('Row clicked:', item)"
       />
     </x-card>
     <x-card>

package/lib/components/menu/MenuItem.vue.js

@@ -3,7 +3,7 @@ import o from "./MenuItem.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const e = {
   $style: o
-}, _ = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-4c0f9774"]]);
+}, _ = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-418dd6c3"]]);
 export {
   _ as default
 };

package/lib/components/menu/MenuItem.vue2.js

@@ -1,19 +1,20 @@
-import { defineComponent as R, ref as y, computed as b, onMounted as w, watch as x, resolveComponent as I, openBlock as l, createBlock as r, resolveDynamicComponent as O, mergeProps as P, unref as c, withCtx as j, withModifiers as D, createCommentVNode as s, createElementBlock as n, renderSlot as v, createTextVNode as f, toDisplayString as m, createElementVNode as F, Fragment as T } from "vue";
-import { useMutationObserver as V } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-import { useColors as E } from "../../composables/useColors.js";
+import { defineComponent as N, ref as y, computed as b, onMounted as R, watch as x, openBlock as l, createBlock as r, resolveDynamicComponent as w, mergeProps as I, unref as c, withCtx as O, withModifiers as P, createCommentVNode as s, createElementBlock as n, renderSlot as f, createTextVNode as v, toDisplayString as m, createElementVNode as j, Fragment as D } from "vue";
+import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { useColors as T } from "../../composables/useColors.js";
 import { useCommon as C } from "../../composables/useCommon.js";
-import { useTheme as A } from "../../composables/useTheme.js";
+import { useTheme as V } from "../../composables/useTheme.js";
 import $ from "../icon/Icon.vue.js";
-import L from "../spinner/Spinner.vue.js";
-const X = {
+import E from "../spinner/Spinner.vue.js";
+import X from "../checkbox/Checkbox.vue.js";
+const A = {
   key: 1,
   class: "mr-2 shrink-0"
-}, q = {
+}, L = {
   key: 3,
   class: "flex-1 truncate"
-}, G = { class: "ml-1 shrink-0" }, H = { key: 0 }, J = {
+}, q = { class: "ml-1 shrink-0" }, G = { key: 0 }, H = {
   ...C.props(),
-  ...E.props("secondary"),
+  ...T.props("secondary"),
   item: {
     type: Object,
     default: () => {
@@ -49,22 +50,22 @@ const X = {
   prefix: String,
   suffix: String,
   checkbox: Boolean
-}, K = {
+}, J = {
   name: "XMenuItem",
   validators: {
     ...C.validators()
   }
-}, le = /* @__PURE__ */ R({
-  ...K,
-  props: J,
+}, le = /* @__PURE__ */ N({
+  ...J,
+  props: H,
   emits: ["active", "click", "checkbox-click"],
   setup(B, { emit: S }) {
     const p = B, d = S, o = y(), a = y(!1), e = b(() => ({
       ...p,
       ...p.item
     })), k = b(() => e.value.to ? "router-link" : e.value.href ? "a" : "div");
-    w(() => {
-      o.value && (g(), k.value === "router-link" && V(o.value.$el, g, {
+    R(() => {
+      o.value && (g(), k.value === "router-link" && F(o.value.$el, g, {
         attributes: !0,
         attributeFilter: ["class"]
       }));
@@ -88,76 +89,73 @@ const X = {
     }), x(() => e.value.active, (t) => {
       a.value = !!t;
     });
-    const { styles: z, classes: _, className: M } = A("MenuItem", {}, e, { isActive: a });
-    return (t, i) => {
-      const N = I("x-checkbox");
-      return l(), r(O(k.value), P({
-        ref_key: "elRef",
-        ref: o
-      }, {
-        ...e.value.href ? { href: e.value.href } : {},
-        ...e.value.attrs
-      }, {
-        to: e.value.to,
-        target: e.value.target,
-        color: e.value.color,
-        style: c(z),
-        class: [
-          c(M),
-          t.$style["menu-item"],
-          [a.value && !t.checkbox ? t.$style["menu-item--active"] : ""],
-          c(_).wrapper,
-          {
-            "flex items-center": t.$slots.prefix || t.$slots.suffix
-          }
-        ],
-        title: e.value.label,
-        alt: e.value.label,
-        onClick: i[1] || (i[1] = (u) => h(u, "click"))
-      }), {
-        default: j(() => [
-          t.checkbox ? (l(), r(N, {
+    const { styles: z, classes: _, className: M } = V("MenuItem", {}, e, { isActive: a });
+    return (t, i) => (l(), r(w(k.value), I({
+      ref_key: "elRef",
+      ref: o
+    }, {
+      ...e.value.href ? { href: e.value.href } : {},
+      ...e.value.attrs
+    }, {
+      to: e.value.to,
+      target: e.value.target,
+      color: e.value.color,
+      style: c(z),
+      class: [
+        c(M),
+        t.$style["menu-item"],
+        [a.value && !t.checkbox ? t.$style["menu-item--active"] : ""],
+        c(_).wrapper,
+        {
+          "flex items-center": t.$slots.prefix || t.$slots.suffix
+        }
+      ],
+      title: e.value.label,
+      alt: e.value.label,
+      onClick: i[1] || (i[1] = (u) => h(u, "click"))
+    }), {
+      default: O(() => [
+        t.checkbox ? (l(), r(X, {
+          key: 0,
+          "model-value": e.value.active,
+          "hide-footer": "",
+          "skip-form-registry": "",
+          onClick: i[0] || (i[0] = P((u) => h(u, "checkbox-click"), ["stop", "prevent"]))
+        }, null, 8, ["model-value"])) : s("", !0),
+        t.$slots.prefix || e.value.prefix ? (l(), n("span", A, [
+          f(t.$slots, "prefix", { item: e.value }, () => [
+            v(m(e.value.prefix), 1)
+          ], !0)
+        ])) : e.value.icon ? (l(), r($, {
+          key: 2,
+          size: e.value.size,
+          icon: e.value.icon,
+          class: "mr-2"
+        }, null, 8, ["size", "icon"])) : s("", !0),
+        t.minimal ? s("", !0) : (l(), n("span", L, [
+          f(t.$slots, "default", { item: e.value }, () => [
+            v(m(e.value.label), 1)
+          ], !0)
+        ])),
+        j("span", q, [
+          e.value.loading ? (l(), r(E, {
             key: 0,
-            "model-value": e.value.active,
-            "hide-footer": "",
-            "skip-form-registry": "",
-            onClick: i[0] || (i[0] = D((u) => h(u, "checkbox-click"), ["stop", "prevent"]))
-          }, null, 8, ["model-value"])) : s("", !0),
-          t.$slots.prefix || e.value.prefix ? (l(), n("span", X, [
-            v(t.$slots, "prefix", { item: e.value }, () => [
-              f(m(e.value.prefix), 1)
-            ], !0)
-          ])) : e.value.icon ? (l(), r($, {
-            key: 2,
-            size: e.value.size,
-            icon: e.value.icon,
-            class: "mr-2"
-          }, null, 8, ["size", "icon"])) : s("", !0),
-          t.minimal ? s("", !0) : (l(), n("span", q, [
-            v(t.$slots, "default", { item: e.value }, () => [
-              f(m(e.value.label), 1)
-            ], !0)
-          ])),
-          F("span", G, [
-            e.value.loading ? (l(), r(L, {
-              key: 0,
-              size: e.value.size
-            }, null, 8, ["size"])) : (l(), n(T, { key: 1 }, [
-              t.$slots.suffix || e.value.suffix ? (l(), n("span", H, [
-                v(t.$slots, "suffix", { item: e.value }, () => [
-                  f(m(e.value.suffix), 1)
-                ], !0)
-              ])) : e.value.iconRight ? (l(), r($, {
-                key: 1,
-                size: e.value.size,
-                icon: e.value.iconRight
-              }, null, 8, ["size", "icon"])) : s("", !0)
-            ], 64))
-          ])
-        ]),
-        _: 3
-      }, 16, ["to", "target", "color", "style", "class", "title", "alt"]);
-    };
+            size: e.value.size
+          }, null, 8, ["size"])) : (l(), n(D, { key: 1 }, [
+            t.$slots.suffix || e.value.suffix ? (l(), n("span", G, [
+              f(t.$slots, "suffix", { item: e.value }, () => [
+                v(m(e.value.suffix), 1)
+              ], !0)
+            ])) : e.value.iconRight ? (l(), r($, {
+              key: 1,
+              size: e.value.size,
+              icon: e.value.iconRight
+            }, null, 8, ["size", "icon"])) : s("", !0)
+          ], 64))
+        ])
+      ]),
+      _: 3
+    }, 16, ["to", "target", "color", "style", "class", "title", "alt"]));
   }
 });
 export {