@fewangsit/wangsvue-fats 1.0.1-alpha.41 → 1.0.1-alpha.42

package/animation/index.d.ts

@@ -1,3 +1,5 @@
+import type { Config } from '@lottiefiles/dotlottie-web';
+
 import { ClassComponent } from '../ts-helpers.d';
 
 export interface AnimationDefaultConfig {
@@ -5,7 +7,12 @@ export interface AnimationDefaultConfig {
 }
 
 export interface AnimationProps {
-  animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
+  animation:
+    | 'no-data'
+    | 'loading-plane'
+    | 'loading-page'
+    | 'loading-table'
+    | 'scan-qr';
   /**
    * @default true
    */
@@ -14,6 +21,11 @@ export interface AnimationProps {
    * @default true
    */
   loop?: boolean;
+  /**
+   * Custom configurations for the animation
+   * Reference: https://developers.lottiefiles.com/docs/dotlottie-player/dotlottie-web/api/config/
+   */
+  customConfig?: Partial<Config>;
 }
 
 /**

package/animation/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as p, computed as m, ref as u, onMounted as c, createElementBlock as d, openBlock as f, mergeProps as g, createElementVNode as y } from "vue";
-import { u as h } from "../plugins/WangsVue.es.js";
-import { m as v } from "../utils/mergePropsWithDefaults.util.es.js";
-const w = (n, e, i) => {
+import { defineComponent as p, computed as m, ref as u, onMounted as c, createElementBlock as d, openBlock as f, mergeProps as g, createElementVNode as w } from "vue";
+import { u as y } from "../plugins/WangsVue.es.js";
+import { m as h } from "../utils/mergePropsWithDefaults.util.es.js";
+const v = (n, e, i) => {
   const o = n[e];
   return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((a, s) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
@@ -18,17 +18,19 @@ const w = (n, e, i) => {
   props: {
     animation: {},
     autoplay: { type: Boolean, default: !0 },
-    loop: { type: Boolean, default: !0 }
+    loop: { type: Boolean, default: !0 },
+    customConfig: {}
   },
   setup(n) {
-    const e = n, { defaultProps: i } = h("Animation"), o = m(() => v(e, i)), a = u(null);
+    const e = n, { defaultProps: i } = y("Animation"), o = m(() => h(e, i)), a = u(null);
     c(async () => {
-      const l = await w(/* @__PURE__ */ Object.assign({ "../../assets/lottie/admin/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.l), "../../assets/lottie/admin/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.l), "../../assets/lottie/admin/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.n), "../../assets/lottie/supplyasset/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.a), "../../assets/lottie/supplyasset/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.a), "../../assets/lottie/supplyasset/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.a), "../../assets/lottie/workspace/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.b), "../../assets/lottie/workspace/loading-plane.lottie": () => import("../assets/lottiejs/loading-plane.es.js"), "../../assets/lottie/workspace/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.b), "../../assets/lottie/workspace/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.b) }), `../../assets/lottie/${o.value.libPath}/${e.animation}.lottie`, 6), { DotLottie: r } = await s();
+      const l = await v(/* @__PURE__ */ Object.assign({ "../../assets/lottie/admin/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.l), "../../assets/lottie/admin/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.l), "../../assets/lottie/admin/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.n), "../../assets/lottie/supplyasset/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.a), "../../assets/lottie/supplyasset/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.a), "../../assets/lottie/supplyasset/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.a), "../../assets/lottie/workspace/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((t) => t.b), "../../assets/lottie/workspace/loading-plane.lottie": () => import("../assets/lottiejs/loading-plane.es.js"), "../../assets/lottie/workspace/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((t) => t.b), "../../assets/lottie/workspace/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((t) => t.b), "../../assets/lottie/workspace/scan-qr.lottie": () => import("../assets/lottiejs/scan-qr.es.js") }), `../../assets/lottie/${o.value.libPath}/${e.animation}.lottie`, 6), { DotLottie: r } = await s();
       a.value && new r({
         canvas: a.value,
         src: l.default,
         autoplay: e.autoplay,
-        loop: e.loop
+        loop: e.loop,
+        ...e.customConfig
       });
     });
     const s = () => "System" in window ? new Function(
@@ -39,7 +41,7 @@ const w = (n, e, i) => {
       "https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web@0.38.2/+esm"
     );
     return (l, r) => (f(), d("div", g({ "data-wv-name": "animation" }, l.$attrs), [
-      y("canvas", {
+      w("canvas", {
         ref_key: "canvasRef",
         ref: a,
         style: { width: "100%", height: "100%" }

package/assets/lottiejs/scan-qr.es.js

@@ -0,0 +1,4 @@
+const A = "data:application/octet-stream;base64,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";
+export {
+  A as default
+};

package/badge/index.d.ts

@@ -22,6 +22,11 @@ export interface BadgeProps extends BadgeComponentConfigs {
    * Whether the badge text is editable.
    */
   editable?: boolean;
+  /**
+   * Prevent the badge text from being empty.
+   * When set to true, the badge text content will be set to the previous value if it left empty.
+   */
+  restoreOnEmpty?: boolean;
   /**
    * Sets the severity level for styling purposes. This prop might be omitted if getSeverity is provided.
    */
@@ -34,6 +39,11 @@ export interface BadgeProps extends BadgeComponentConfigs {
    * Whether to show the remove icon or not. Clicking the remove icon will emit 'remove' event.
    */
   removable?: boolean;
+  /**
+   * Wether to show remove button, but it must be disabled.
+   * It will affect nothing when `removable` is truthy
+   */
+  disableRemoveButton?: boolean;
   /**
    * Whether to set badge become disabled.
    */
@@ -56,7 +66,7 @@ export type BadgeEmits = {
    * Emits when the text is edited.
    * Only available when props.editable=true
    */
-  'update:label': [label: string | null];
+  'update:label': [label: string | null, prevLabel: string | null];
 };
 
 /**

package/badge/index.es.js

@@ -1,99 +1,101 @@
-import { defineComponent as C, computed as r, resolveDirective as w, withDirectives as D, createElementBlock as c, openBlock as i, mergeProps as d, createElementVNode as S, createBlock as T, createCommentVNode as V, toDisplayString as W } from "vue";
-import { u as _ } from "../plugins/WangsVue.es.js";
-import { m as N } from "../utils/mergePropsWithDefaults.util.es.js";
-import { f as P } from "../utils/textFormatter.util.es.js";
-import { _ as E } from "../button/index.es.js";
-const F = ["contenteditable"], H = {
+import { defineComponent as C, computed as n, resolveDirective as w, withDirectives as D, createElementBlock as c, openBlock as d, mergeProps as p, createElementVNode as S, createBlock as T, createCommentVNode as E, toDisplayString as R } from "vue";
+import { u as V } from "../plugins/WangsVue.es.js";
+import { m as W } from "../utils/mergePropsWithDefaults.util.es.js";
+import { f as _ } from "../utils/textFormatter.util.es.js";
+import { _ as N } from "../button/index.es.js";
+const O = ["contenteditable"], P = {
   key: 1,
   "aria-label": "invalid-label"
-}, z = /* @__PURE__ */ C({
+}, j = /* @__PURE__ */ C({
   __name: "Badge",
   props: {
     label: {},
     editable: { type: Boolean },
+    restoreOnEmpty: { type: Boolean },
     severity: {},
     format: {},
     removable: { type: Boolean },
+    disableRemoveButton: { type: Boolean },
     disabled: { type: Boolean },
     tooltip: {},
     getSeverity: { type: Function }
   },
   emits: ["remove", "update:label"],
-  setup(f, { emit: v }) {
-    const t = f, n = v, { defaultProps: g } = _("Badge"), y = r(() => N(t, g)), p = r(() => {
-      const e = typeof t.label;
-      return e === "number" || e === "string" && t.label && t.label !== "-";
-    }), s = r(() => {
-      var e, o;
-      return t.severity || ((o = (e = y.value).getSeverity) == null ? void 0 : o.call(e, t.label));
-    }), $ = r(() => {
-      if (!p.value) return "-";
-      switch (t.format) {
+  setup(v, { emit: f }) {
+    const e = v, s = f, { defaultProps: y } = V("Badge"), g = n(() => W(e, y)), b = n(() => {
+      const t = typeof e.label;
+      return t === "number" || t === "string" && e.label && e.label !== "-";
+    }), i = n(() => {
+      var t, o;
+      return e.severity || ((o = (t = g.value).getSeverity) == null ? void 0 : o.call(t, e.label));
+    }), B = n(() => {
+      if (!b.value) return "-";
+      switch (e.format) {
         case "nowrap":
-          return t.label;
+          return e.label;
         case "username":
-          return P(t.label);
+          return _(e.label);
         default:
-          if (t.label.length > 12) {
-            const e = t.label.slice(0, 5), o = t.label.slice(-5);
-            return `${e}..${o}`;
+          if (e.label.length > 12) {
+            const t = e.label.slice(0, 5), o = e.label.slice(-5);
+            return `${t}..${o}`;
           }
-          return t.label;
+          return e.label;
       }
-    }), u = r(() => t.tooltip || (t.format !== "nowrap" && t.label.length > 12 || t.format === "username" && t.label.length > 8 ? t.label : void 0)), B = (e) => {
-      const o = e.target;
-      (e.code === "Enter" || e.code === "Tab") && (e.preventDefault(), o.blur());
-    }, k = (e, o) => {
-      const a = e.textContent;
-      if (a !== t.label) {
-        const l = (a == null ? void 0 : a.trim()) ?? null;
-        e.textContent = l, n("update:label", l), o && !a && (o.remove(), n("remove"));
+    }), m = n(() => e.tooltip || (e.format !== "nowrap" && e.label.length > 12 || e.format === "username" && e.label.length > 8 ? e.label : void 0)), $ = (t) => {
+      const o = t.target;
+      (t.code === "Enter" || t.code === "Tab") && (t.preventDefault(), o.blur());
+    }, k = (t, o) => {
+      const l = t.textContent;
+      if (l !== e.label) {
+        const r = (l == null ? void 0 : l.trim()) ?? null, a = e.restoreOnEmpty && !r ? e.label : r;
+        t.textContent = a, s("update:label", a, e.label), o && !a && e.removable != !1 && (o.remove(), s("remove"));
       }
     };
-    return (e, o) => {
-      var l, b, m;
-      const a = w("tooltip");
-      return p.value ? D((i(), c("span", d(
+    return (t, o) => {
+      var r, a, u;
+      const l = w("tooltip");
+      return b.value ? D((d(), c("span", p(
         {
           key: 0,
           ref: "badge"
         },
-        (l = e.$preset.badge) == null ? void 0 : l.root({
-          props: { severity: s.value, disabled: e.disabled }
+        (r = t.$preset.badge) == null ? void 0 : r.root({
+          props: { severity: i.value, disabled: t.disabled }
         })
       ), [
-        S("span", d({ ref: "input" }, (b = e.$preset.badge) == null ? void 0 : b.input({ props: t, context: { badgeTooltip: u.value } }), {
-          contenteditable: e.editable,
+        S("span", p({ ref: "input" }, (a = t.$preset.badge) == null ? void 0 : a.input({ props: e, context: { badgeTooltip: m.value } }), {
+          contenteditable: t.editable,
           onBlur: o[0] || (o[0] = (h) => k(
-            e.$refs.input,
-            e.$refs.badge
+            t.$refs.input,
+            t.$refs.badge
           )),
-          onKeydown: B,
+          onKeydown: $,
           spellcheck: "false"
-        }), W($.value), 17, F),
-        t.removable ? (i(), T(E, d(
+        }), R(B.value), 17, O),
+        e.removable || e.disableRemoveButton ? (d(), T(N, p(
           { key: 0 },
-          (m = e.$preset.badge) == null ? void 0 : m.removebutton({ props: { badgeSeverity: s.value, disabled: e.disabled } }),
+          (u = t.$preset.badge) == null ? void 0 : u.removebutton({ props: { badgeSeverity: i.value, disabled: t.disabled } }),
           {
-            disabled: t.disabled,
-            severity: s.value,
-            onClick: o[1] || (o[1] = (h) => n("remove")),
+            disabled: e.disabled || !e.removable && e.disableRemoveButton,
+            severity: i.value,
+            onClick: o[1] || (o[1] = (h) => s("remove")),
             icon: "close",
             rounded: "",
             text: ""
           }
-        ), null, 16, ["disabled", "severity"])) : V("", !0)
+        ), null, 16, ["disabled", "severity"])) : E("", !0)
       ], 16)), [
         [
-          a,
-          { value: u.value, autoHide: !1 },
+          l,
+          { value: m.value, autoHide: !1 },
           void 0,
           { top: !0 }
         ]
-      ]) : (i(), c("span", H, "-"));
+      ]) : (d(), c("span", P, "-"));
     };
   }
 });
 export {
-  z as _
+  j as _
 };

package/badgegroup/index.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as k, shallowRef as c, computed as m, createElementBlock as s, openBlock as o, normalizeProps as h, mergeProps as u, createBlock as a, createCommentVNode as f, Fragment as d, renderList as y, unref as b, withCtx as $, renderSlot as w } from "vue";
-import { s as x } from "../vendor/primevue/dialog/dialog.esm.es.js";
+import { defineComponent as k, shallowRef as b, computed as m, createElementBlock as s, openBlock as o, normalizeProps as c, mergeProps as u, createBlock as a, createCommentVNode as y, Fragment as d, renderList as f, unref as h, withCtx as $, renderSlot as B } from "vue";
+import { s as w } from "../vendor/primevue/dialog/dialog.esm.es.js";
 import { _ as v } from "../badge/index.es.js";
-import { _ as B } from "../button/index.es.js";
-const L = { key: 0 }, j = /* @__PURE__ */ k({
+import { _ as x } from "../button/index.es.js";
+const L = { key: 0 }, R = /* @__PURE__ */ k({
   __name: "BadgeGroup",
   props: {
     labels: {},
@@ -11,32 +11,34 @@ const L = { key: 0 }, j = /* @__PURE__ */ k({
     limit: {},
     headerLabel: { default: "Header" },
     editable: { type: Boolean },
+    restoreOnEmpty: { type: Boolean },
     severity: {},
     format: {},
+    disableRemoveButton: { type: Boolean },
     tooltip: {},
     getSeverity: {}
   },
   setup(g) {
-    const t = g, l = c(!1), n = m(() => t.labels.slice(0, t.limit)), p = m(
+    const t = g, l = b(!1), n = m(() => t.labels.slice(0, t.limit)), p = m(
       () => t.labels.length - n.value.length
     );
-    return (r, i) => n.value.length ? (o(), s("div", h(u({ key: 1 }, r.$preset.badgegroup.root)), [
-      (o(!0), s(d, null, y(n.value, (e) => (o(), a(v, {
+    return (r, i) => n.value.length ? (o(), s("div", c(u({ key: 1 }, r.$preset.badgegroup.root)), [
+      (o(!0), s(d, null, f(n.value, (e) => (o(), a(v, {
         key: typeof e == "string" ? e : e.text,
         format: t.format,
         label: typeof e == "string" ? e : e.text,
         severity: typeof e == "string" ? t.severity : e.severity,
         tooltip: typeof e == "object" && e.tooltip
       }, null, 8, ["format", "label", "severity", "tooltip"]))), 128)),
-      p.value ? (o(), a(B, u({
+      p.value ? (o(), a(x, u({
         key: 0,
         label: `+${p.value} ${r.textMore}`
       }, r.$preset.badgegroup.showmorebutton, {
         severity: t.textMoreSeverity ?? "dark",
         onClick: i[0] || (i[0] = (e) => l.value = !0),
         text: ""
-      }), null, 16, ["label", "severity"])) : f("", !0),
-      r.limit ? (o(), a(b(x), {
+      }), null, 16, ["label", "severity"])) : y("", !0),
+      r.limit ? (o(), a(h(w), {
         key: 1,
         visible: l.value,
         "onUpdate:visible": i[1] || (i[1] = (e) => l.value = e),
@@ -46,10 +48,10 @@ const L = { key: 0 }, j = /* @__PURE__ */ k({
         modal: ""
       }, {
         default: $(() => [
-          w(r.$slots, "dialogcontent", {
+          B(r.$slots, "dialogcontent", {
             labels: t.labels
           }, () => [
-            (o(!0), s(d, null, y(t.labels, (e) => (o(), a(v, {
+            (o(!0), s(d, null, f(t.labels, (e) => (o(), a(v, {
               key: typeof e == "string" ? e : e.text,
               format: t.format,
               label: typeof e == "string" ? e : e.text,
@@ -59,10 +61,10 @@ const L = { key: 0 }, j = /* @__PURE__ */ k({
           ])
         ]),
         _: 3
-      }, 8, ["visible", "header", "pt"])) : f("", !0)
+      }, 8, ["visible", "header", "pt"])) : y("", !0)
     ], 16)) : (o(), s("span", L, " - "));
   }
 });
 export {
-  j as _
+  R as _
 };

package/buttonbulkaction/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as r, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
+import { defineComponent as Y, onMounted as Z, onUnmounted as I, ref as R, shallowRef as k, computed as x, watch as F, withDirectives as y, createElementBlock as h, openBlock as u, mergeProps as f, createBlock as E, createCommentVNode as w, createVNode as v, unref as o, Fragment as T, renderSlot as ee, withCtx as V, normalizeClass as te, vShow as $, createElementVNode as le, normalizeProps as ae, guardReactiveProps as oe, toDisplayString as P, createTextVNode as H, nextTick as ne } from "vue";
 import { e as c } from "../event-bus/index.es.js";
 import { u as se } from "../plugins/WangsVue.es.js";
 import { m as ie } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as re } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { s as ue } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
 import { _ as A } from "../button/index.es.js";
-import { _ as ue } from "../icon/index.es.js";
+import { _ as re } from "../icon/index.es.js";
 import { _ as ce } from "../menu/index.es.js";
 import { _ as de } from "../menuitem/index.es.js";
 const pe = (D, N) => {
@@ -58,7 +58,7 @@ const pe = (D, N) => {
       var t, s;
       if (e.useAdditionSlot) {
         n.value = e, await ne();
-        const u = (t = _.value) == null ? void 0 : t.children[1], a = u == null ? void 0 : u.querySelector(
+        const r = (t = _.value) == null ? void 0 : t.children[1], a = r == null ? void 0 : r.querySelector(
           "input"
         );
         a && (a == null || a.click(), a == null || a.focus());
@@ -84,22 +84,23 @@ const pe = (D, N) => {
       (e) => m.value = e ?? 0,
       { immediate: !0 }
     ), (e, t) => {
-      var s, u, a, U, W, q;
-      return y((r(), h("div", f(e.$preset.buttonbulkaction.root, {
+      var s, r, a, U, W, q;
+      return y((u(), h("div", f(e.$preset.buttonbulkaction.root, {
         ref_key: "wrapper",
         ref: _
       }), [
-        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (r(), E(ce, {
+        o(p).selectMenuType === "overlay-panel" && ((s = i.value) != null && s.length) ? (u(), E(ce, {
           key: 0,
           ref_key: "menu",
           ref: S,
           model: e.options,
           popup: ""
         }, null, 8, ["model"])) : w("", !0),
-        o(p).selectMenuType === "dropdown" ? (r(), h(T, { key: 1 }, [
-          (u = e.selectedData) != null && u.length ? (r(), E(o(re), {
+        o(p).selectMenuType === "dropdown" ? (u(), h(T, { key: 1 }, [
+          (r = e.selectedData) != null && r.length ? (u(), E(o(ue), {
             key: 0,
             disabled: l.disabled || M.value || !((a = e.selectedData) != null && a.length),
+            "model-value": n.value,
             options: o(pe)(
               e.options,
               e.$wangsvue.config.locale.components.Menu.noOptionLabel
@@ -111,7 +112,7 @@ const pe = (D, N) => {
             placeholder: "Bulk Action"
           }, {
             dropdownicon: V(({ class: b }) => [
-              v(ue, {
+              v(re, {
                 class: te([b]),
                 icon: "arrow-down"
               }, null, 8, ["class"])
@@ -127,7 +128,7 @@ const pe = (D, N) => {
               }, null, 8, ["item", "router-props"])
             ]),
             _: 1
-          }, 8, ["disabled", "options", "pt"])) : w("", !0),
+          }, 8, ["disabled", "model-value", "options", "pt"])) : w("", !0),
           ee(e.$slots, "addition", { selectedOption: n.value }),
           y(v(A, f({ onClick: X }, e.$preset.buttonbulkaction.applybutton, { label: "Apply" }), null, 16), [
             [$, (U = n.value) == null ? void 0 : U.useAdditionSlot]
@@ -147,9 +148,9 @@ const pe = (D, N) => {
           { text: "" }
         ), {
           default: V(() => [
-            C.value ? (r(), h(T, { key: 1 }, [
+            C.value ? (u(), h(T, { key: 1 }, [
               H(P(o(d).allRecordSelected.replace("{naming}", o(p).naming)), 1)
-            ], 64)) : (r(), h(T, { key: 0 }, [
+            ], 64)) : (u(), h(T, { key: 0 }, [
               H(P(o(d).selectAllRecords.replace(
                 "{totalRecords}",
                 m.value.toString()
@@ -160,7 +161,7 @@ const pe = (D, N) => {
         }, 16), [
           [$, j.value]
         ]),
-        o(p).selectMenuType === "overlay-panel" ? (r(), E(A, f({
+        o(p).selectMenuType === "overlay-panel" ? (u(), E(A, f({
           key: 2,
           onClick: K
         }, e.$preset.buttonbulkaction.bulkactiontoggle, {

package/datatable/index.d.ts

@@ -245,8 +245,38 @@ export type ColumnPreset =
   | ColumnMultiRowPreset
   | ColumnCheckboxPreset;
 
+export interface CombinedHeaders {
+  parent: TableParentHeaders[];
+  child: TreeTableColumns[];
+}
+
+export interface TableParentHeaders
+  extends Pick<
+    TableColumn,
+    'header' | 'info' | 'infoSeverity' | 'headerClass'
+  > {
+  /**
+   * Field is used as the header's key
+   */
+  field: string;
+  /**
+   * Note: colspan is calculated automatically
+   * @ignore
+   */
+  colspan?: number;
+  /**
+   * Note: rowspan is calculated automatically
+   * @ignore
+   */
+  rowspan?: number;
+}
+
 export interface TableColumn {
   header?: string;
+  /**
+   * The parent header (the header placed above this column)
+   */
+  parentHeader?: string;
   field: string;
   fieldType?: 'string' | 'number' | 'boolean' | 'array';
   info?: string;
@@ -500,6 +530,13 @@ export interface BaseDataTableProps {
    * @optional
    */
   tableTitle?: string;
+  /**
+   * The headers placed above certain child headers. If there are
+   * multiple child headers with the same parent header, the parent
+   * will have its colspan extended. The parent header will be shown
+   * when at least one of its child headers is visible.
+   */
+  parentHeaders?: TableParentHeaders[];
   /**
    * An array of table columns to display.
    */
@@ -666,6 +703,10 @@ export type BaseDataTableEmits = {
    * Emits when option menu button clicked.
    */
   'toggleOption': [data: Data];
+  /**
+   * Emits when an item is double clicked.
+   */
+  'doubleClick': [data: Data];
   /**
    * @deprecated use 'v-model:selected-data' instead.
    */