bitboss-ui 2.0.106 → 2.0.107

package/dist/components/BbRows/BbRows.vue.d.ts

@@ -70,6 +70,7 @@ declare function __VLS_template(): {
             checked: boolean | undefined;
             columns: Record<string, ItemColumn>;
             disabled: boolean | undefined;
+            index: number;
             item: any;
             select: () => void;
             unselect: () => void;

package/dist/components/BbTable/types.d.ts

@@ -150,6 +150,14 @@ export type BbTableProps = {
      * String displayed when there are no items to display.
      */
     noDataText?: string;
+    /**
+     * Current page number starting from 1
+     */
+    page?: number;
+    /**
+     * Number of items per page.
+     */
+    perPage?: number;
     /**
      * Sets the input in a readonly state.
      */
@@ -176,6 +184,10 @@ export type BbTableProps = {
      * Defines the classes to be passed to the `<th>`.
      */
     thClass?: Classes;
+    /**
+     * Total number of items there is.
+     */
+    totalItems?: number;
 };
 /**
  * We allow table data classes to be a function so it can depend on the item
@@ -191,6 +203,7 @@ export type MappedItem = Option & {
     onRowClick: (event: MouseEvent) => void;
     onRowContextMenu: (event: MouseEvent) => void;
     onRowDblClick: (event: MouseEvent) => void;
+    rowIndex: number | undefined;
 };
 /**
  * Projection that represnets a header

package/dist/index100.js

@@ -1,16 +1,16 @@
-import { defineComponent as L, mergeModels as V, computed as b, toRef as m, reactive as P, useModel as I, watch as R, openBlock as B, createElementBlock as g, Fragment as k, renderSlot as r, unref as j, createCommentVNode as E, renderList as G } from "vue";
-import { useItemValue as U } from "./index263.js";
-import { isNil as x } from "./index258.js";
-import { indexBy as W } from "./index302.js";
-import { hash as H } from "./index212.js";
-import { useItemsGetter as q } from "./index208.js";
-import { usePrefill as z } from "./index214.js";
-import { useIndexById as J } from "./index209.js";
-import { useBaseOptions as K } from "./index210.js";
-import { useHashedWatcher as Q } from "./index213.js";
-const ne = /* @__PURE__ */ L({
+import { defineComponent as P, mergeModels as b, computed as I, toRef as m, reactive as R, useModel as B, watch as j, openBlock as g, createElementBlock as k, Fragment as x, renderSlot as r, unref as E, createCommentVNode as G, renderList as U } from "vue";
+import { useItemValue as W } from "./index268.js";
+import { isNil as H } from "./index257.js";
+import { indexBy as q } from "./index269.js";
+import { hash as w } from "./index208.js";
+import { useItemsGetter as z } from "./index244.js";
+import { usePrefill as J } from "./index249.js";
+import { useIndexById as K } from "./index245.js";
+import { useBaseOptions as Q } from "./index246.js";
+import { useHashedWatcher as X } from "./index248.js";
+const ne = /* @__PURE__ */ P({
   __name: "BbRows",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ b({
     columns: { default: () => [] },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
@@ -30,24 +30,24 @@ const ne = /* @__PURE__ */ L({
     "select-all": { type: Boolean, default: !1 },
     "select-allModifiers": {}
   }),
-  emits: /* @__PURE__ */ V(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
-  setup(d, { emit: w }) {
-    const l = d, u = w, { getItemValue: M } = U(), p = b(() => !!(l.loading || O.value)), {
+  emits: /* @__PURE__ */ b(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
+  setup(d, { emit: M }) {
+    const l = d, u = M, { getItemValue: O } = W(), p = I(() => !!(l.loading || S.value)), {
       getter: f,
       items: v,
-      loading: O
-    } = q({
+      loading: S
+    } = z({
       items: m(l, "items")
-    }), { hasPrefilled: S } = z({
+    }), { hasPrefilled: F } = J({
       onStart: !0,
       currentValue: l.modelValue,
       multiple: l.multiple,
       fn: async ({ prefill: e }) => {
         await f(e, l.modelValue);
       }
-    }), { data: y } = J({
+    }), { data: y } = K({
       items: m(l, "modelValue")
-    }), { options: F } = K({
+    }), { options: N } = Q({
       disabled: m(l, "disabled"),
       items: v,
       itemText: void 0,
@@ -55,36 +55,36 @@ const ne = /* @__PURE__ */ L({
       max: l.max,
       selectable: !0,
       selectedIndexedByHash: y
-    }), N = async (e) => {
+    }), T = async (e) => {
       l.multiple ? u("update:modelValue", l.modelValue.concat(e.value)) : u("update:modelValue", e.value);
-    }, T = async (e) => {
+    }, $ = async (e) => {
       if (l.multiple) {
         const t = { ...y.value };
         delete t[e.valueHash], u("update:modelValue", Object.values(t));
       } else
         u("update:modelValue", null);
     };
-    Q(
+    X(
       () => [l.dependencies, l.items],
       async () => {
-        S.value && await f(!1, l.modelValue);
+        F.value && await f(!1, l.modelValue);
       },
       {
         debounce: l.depsDebounceTime
       }
     );
-    const h = b(() => F.value.map((e) => {
+    const h = I(() => N.value.map((e) => {
       let t = !l.selectable;
       return typeof l.selectable == "function" && (t = !l.selectable(e.item)), t = t || !!e.disabled, {
-        columns: W(
+        columns: q(
           l.columns.map((a) => {
-            const { label: C, key: D } = a;
-            let o = M(e.item, a.key);
+            const { label: D, key: L } = a;
+            let o = O(e.item, a.key);
             return a.formatter && // By default the formatter runs anyway
-            (!x(o) || a.formatOnNull !== !1) && (o = a.formatter(o, a.key, e.item)), a.placeholder && x(o) && (o = a.placeholder), {
+            (!H(o) || a.formatOnNull !== !1) && (o = a.formatter(o, a.key, e.item)), a.placeholder && H(o) && (o = a.placeholder), {
               value: o,
-              key: D,
-              label: C
+              key: L,
+              label: D
             };
           }),
           (a) => a.key
@@ -96,29 +96,30 @@ const ne = /* @__PURE__ */ L({
         selected: !!(e.selected || i.value),
         disabled: t
       };
-    })), $ = (e) => {
-      i.value || N(e), c.delete(e.valueHash), n.value = n.value.filter(
-        (t) => H(t) !== H(e.item)
+    })), A = (e) => {
+      i.value || T(e), c.delete(e.valueHash), n.value = n.value.filter(
+        (t) => w(t) !== w(e.item)
       );
-    }, A = (e) => {
-      c.add(e.valueHash), n.value.push(e.item), T(e);
-    }, c = P(/* @__PURE__ */ new Set()), n = I(d, "unselected-items");
-    let i = I(d, "select-all");
-    return R(i, () => {
+    }, C = (e) => {
+      c.add(e.valueHash), n.value.push(e.item), $(e);
+    }, c = R(/* @__PURE__ */ new Set()), n = B(d, "unselected-items");
+    let i = B(d, "select-all");
+    return j(i, () => {
       c.clear(), n.value = [], u("update:modelValue", []);
-    }), (e, t) => (B(), g(k, null, [
+    }), (e, t) => (g(), k(x, null, [
       p.value ? r(e.$slots, "loading", {
         key: 0,
-        items: j(v)
-      }) : E("", !0),
-      h.value.length ? (B(!0), g(k, { key: 2 }, G(h.value, (s) => r(e.$slots, "default", {
+        items: E(v)
+      }) : G("", !0),
+      h.value.length ? (g(!0), k(x, { key: 2 }, U(h.value, (s, V) => r(e.$slots, "default", {
         key: s.valueHash,
         checked: s.selected,
         columns: s.columns,
         disabled: s.disabled,
+        index: V,
         item: s.item,
-        select: () => $(s),
-        unselect: () => A(s),
+        select: () => A(s),
+        unselect: () => C(s),
         value: s.value
       })), 128)) : r(e.$slots, "no-data", {
         key: 1,