@wssto2/vue-core 0.2.0 → 0.3.0

package/dist/DataTable.vue_vue_type_script_setup_true_lang-DSYgS9lC.js

@@ -0,0 +1,52 @@
+import { defineComponent as d, computed as s, useSlots as u, openBlock as w, createElementBlock as p, createVNode as y, unref as f, createSlots as m, renderList as b, withCtx as h, renderSlot as v, normalizeProps as _, guardReactiveProps as g } from "vue";
+import { u as k, _ as R } from "./rowLayout-BI7a3Kom.js";
+const B = ["aria-busy"], S = /* @__PURE__ */ d({
+  __name: "DataTable",
+  props: {
+    rows: {},
+    columns: {},
+    rowKey: {},
+    loading: { type: Boolean, default: !1 },
+    skeletonRows: { default: 3 },
+    recordRoute: { type: Function, default: void 0 },
+    rowActions: { type: Function, default: void 0 },
+    rowLabel: { type: Function, default: void 0 },
+    rowHeight: { default: void 0 },
+    density: { default: "regular" },
+    actionsVisible: { type: Boolean, default: !1 },
+    rowClass: { type: Function, default: void 0 }
+  },
+  setup(r) {
+    const o = r, { phone: a } = k(() => o.columns), n = s(() => o.loading ? "loading" : o.rows.length === 0 ? "empty" : "rows"), l = (e) => o.recordRoute ? o.recordRoute(e) : null, i = s(() => Object.keys(u()));
+    return (e, C) => (w(), p("div", {
+      "aria-busy": o.loading || void 0,
+      "data-test": "data-table"
+    }, [
+      y(R, {
+        columns: o.columns,
+        rows: o.rows,
+        "row-key": o.rowKey,
+        display: n.value,
+        phone: f(a),
+        link: l,
+        "row-actions": o.rowActions,
+        "row-label": o.rowLabel,
+        "row-height": o.rowHeight,
+        density: o.density,
+        "actions-visible": o.actionsVisible,
+        "skeleton-rows": o.skeletonRows,
+        "row-class": o.rowClass
+      }, m({ _: 2 }, [
+        b(i.value, (t) => ({
+          name: t,
+          fn: h((c) => [
+            v(e.$slots, t, _(g(c ?? {})))
+          ])
+        }))
+      ]), 1032, ["columns", "rows", "row-key", "display", "phone", "row-actions", "row-label", "row-height", "density", "actions-visible", "skeleton-rows", "row-class"])
+    ], 8, B));
+  }
+});
+export {
+  S as _
+};