@vtable-guild/vtable-guild 2.8.0 → 2.9.0-alpha.0

package/dist/table/src/components/TableSelectionAlert.d.ts

@@ -0,0 +1,50 @@
+import { PropType, SlotsType } from 'vue';
+import { Key } from '../types/column';
+import { TableSelectionAlertProps, TableSelectionAlertSlots } from '../types/selection-alert';
+type Row = Record<string, unknown>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    selectedRowKeys: {
+        type: PropType<readonly Key[]>;
+        required: true;
+    };
+    selectedRows: PropType<readonly Row[]>;
+    alwaysShow: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: PropType<TableSelectionAlertProps["locale"]>;
+    ui: PropType<TableSelectionAlertProps["ui"]>;
+    class: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:selectedRowKeys': (_keys: Key[]) => true;
+    clear: (_selectedRowKeys: readonly Key[], _selectedRows: readonly Row[]) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    selectedRowKeys: {
+        type: PropType<readonly Key[]>;
+        required: true;
+    };
+    selectedRows: PropType<readonly Row[]>;
+    alwaysShow: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    locale: PropType<TableSelectionAlertProps["locale"]>;
+    ui: PropType<TableSelectionAlertProps["ui"]>;
+    class: StringConstructor;
+}>> & Readonly<{
+    onClear?: ((_selectedRowKeys: readonly Key[], _selectedRows: readonly Row[]) => any) | undefined;
+    "onUpdate:selectedRowKeys"?: ((_keys: Key[]) => any) | undefined;
+}>, {
+    loading: boolean;
+    disabled: boolean;
+    alwaysShow: boolean;
+    showClear: boolean;
+}, SlotsType<TableSelectionAlertSlots<Record<string, unknown>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=TableSelectionAlert.d.ts.map

package/dist/table/src/components/TableSelectionAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectionAlert.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableSelectionAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAOtF,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,KAAK,EACV,wBAAwB,EAExB,wBAAwB,EACzB,MAAM,0BAA0B,CAAA;AAEjC,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;;;cAKI,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;;;kBACnC,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;;;;;;;;YAK7B,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;QAChD,QAAQ,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;;;sCAIpB,GAAG,EAAE;8BACb,SAAS,GAAG,EAAE,iBAAiB,SAAS,GAAG,EAAE;;;cAZrC,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;;;kBACnC,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;;;;;;;;YAK7B,QAAQ,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;QAChD,QAAQ,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;AAV1D,wBAwFE"}

package/dist/table/src/components/TableSelectionAlert.mjs

@@ -0,0 +1,86 @@
+import { defineComponent as y, inject as v, computed as n, createVNode as o } from "vue";
+import { useTheme as m } from "../../../core/src/composables/useTheme.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as b } from "../../../core/src/plugin/index.mjs";
+import { resolveSelectionAlertThemePreset as f, selectionAlertZhCN as R } from "../../../theme/src/selection-alert.mjs";
+import { resolveBuiltInLocale as g } from "../../../theme/src/presets/index.mjs";
+const B = /* @__PURE__ */ y({
+  name: "TableSelectionAlert",
+  props: {
+    selectedRowKeys: {
+      type: Array,
+      required: !0
+    },
+    selectedRows: Array,
+    alwaysShow: Boolean,
+    disabled: Boolean,
+    loading: Boolean,
+    showClear: {
+      type: Boolean,
+      default: !0
+    },
+    locale: Object,
+    ui: Object,
+    class: String
+  },
+  emits: {
+    "update:selectedRowKeys": (e) => !0,
+    clear: (e, i) => !0
+  },
+  slots: Object,
+  setup(e, {
+    emit: i,
+    slots: a
+  }) {
+    const s = v(b, null), r = n(() => s?.themePreset ?? "antdv"), {
+      slots: l
+    } = m("selectionAlert", n(() => f(r.value)), e), d = n(() => ({
+      ...R,
+      ...g(r.value, s?.locale)?.selectionAlert,
+      ...s?.locales[s.locale]?.selectionAlert,
+      ...s?.localeOverrides.selectionAlert,
+      ...e.locale
+    })), u = n(() => e.disabled || e.loading);
+    function w() {
+      if (u.value || e.selectedRowKeys.length === 0) return;
+      const t = [...e.selectedRowKeys], c = [...e.selectedRows ?? []];
+      i("update:selectedRowKeys", []), i("clear", t, c);
+    }
+    return () => {
+      const t = e.selectedRowKeys.length;
+      if (!t && !e.alwaysShow) return null;
+      const c = {
+        selectedRowKeys: [...e.selectedRowKeys],
+        selectedRows: [...e.selectedRows ?? []],
+        count: t,
+        disabled: u.value,
+        loading: e.loading,
+        clear: w
+      };
+      return o("div", {
+        role: "group",
+        "aria-label": d.value.label,
+        "aria-busy": e.loading,
+        "data-vtg-preset": r.value,
+        class: l.root()
+      }, [o("div", {
+        class: l.info()
+      }, [a.info ? a.info(c) : o("span", {
+        role: "status",
+        "aria-live": "polite",
+        class: l.text()
+      }, [d.value.selected.replace("{count}", String(t))])]), (e.showClear || a.actions) && o("div", {
+        class: l.option()
+      }, [e.showClear && o("button", {
+        type: "button",
+        class: l.clear(),
+        disabled: u.value || !t,
+        onClick: w
+      }, [d.value.clear]), a.actions && o("div", {
+        class: l.actions()
+      }, [a.actions(c)])])]);
+    };
+  }
+});
+export {
+  B as default
+};

package/dist/table/src/components/TableSelectionAlert.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableSelectionAlert.test.d.ts.map

package/dist/table/src/components/TableSelectionAlert.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelectionAlert.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableSelectionAlert.test.ts"],"names":[],"mappings":""}

package/dist/table/src/components/TableToolbar.d.ts

@@ -0,0 +1,87 @@
+import { PropType, SlotsType } from 'vue';
+import { ColumnsType } from '../types';
+import { TableColumnSettingsSize } from '../types/column-settings';
+import { TableToolbarProps, TableToolbarSlots } from '../types/toolbar';
+type Row = Record<string, unknown>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: PropType<TableToolbarProps["title"]>;
+    };
+    columns: PropType<ColumnsType<Row>>;
+    size: PropType<TableColumnSettingsSize>;
+    options: {
+        type: PropType<TableToolbarProps["options"]>;
+        default: undefined;
+    };
+    loading: BooleanConstructor;
+    search: {
+        type: PropType<TableToolbarProps["search"]>;
+        default: boolean;
+    };
+    searchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    multipleLine: BooleanConstructor;
+    disabled: BooleanConstructor;
+    fullscreenTarget: PropType<TableToolbarProps["fullscreenTarget"]>;
+    columnSettings: PropType<TableToolbarProps["columnSettings"]>;
+    locale: PropType<TableToolbarProps["locale"]>;
+    ui: PropType<TableToolbarProps["ui"]>;
+    class: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:columns': (_columns: ColumnsType<Row>) => true;
+    'update:size': (_size: TableColumnSettingsSize) => true;
+    reset: () => true;
+    reload: () => true;
+    'update:searchValue': (_value: string) => true;
+    search: (_value: string) => true;
+    clearSearch: () => true;
+    fullscreenChange: (_active: boolean) => true;
+    fullscreenError: (_error: unknown) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: PropType<TableToolbarProps["title"]>;
+    };
+    columns: PropType<ColumnsType<Row>>;
+    size: PropType<TableColumnSettingsSize>;
+    options: {
+        type: PropType<TableToolbarProps["options"]>;
+        default: undefined;
+    };
+    loading: BooleanConstructor;
+    search: {
+        type: PropType<TableToolbarProps["search"]>;
+        default: boolean;
+    };
+    searchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    multipleLine: BooleanConstructor;
+    disabled: BooleanConstructor;
+    fullscreenTarget: PropType<TableToolbarProps["fullscreenTarget"]>;
+    columnSettings: PropType<TableToolbarProps["columnSettings"]>;
+    locale: PropType<TableToolbarProps["locale"]>;
+    ui: PropType<TableToolbarProps["ui"]>;
+    class: StringConstructor;
+}>> & Readonly<{
+    onSearch?: ((_value: string) => any) | undefined;
+    onReset?: (() => any) | undefined;
+    onClearSearch?: (() => any) | undefined;
+    onReload?: (() => any) | undefined;
+    "onUpdate:columns"?: ((_columns: ColumnsType<Row>) => any) | undefined;
+    "onUpdate:size"?: ((_size: TableColumnSettingsSize) => any) | undefined;
+    "onUpdate:searchValue"?: ((_value: string) => any) | undefined;
+    onFullscreenChange?: ((_active: boolean) => any) | undefined;
+    onFullscreenError?: ((_error: unknown) => any) | undefined;
+}>, {
+    search: boolean | import('../../../vtable-guild/src/index.ts').TableToolbarSearchConfig | undefined;
+    loading: boolean;
+    disabled: boolean;
+    options: false | import('../../../vtable-guild/src/index.ts').TableToolbarOptions | undefined;
+    multipleLine: boolean;
+    searchValue: string;
+}, SlotsType<TableToolbarSlots<Record<string, unknown>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=TableToolbar.d.ts.map

package/dist/table/src/components/TableToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,QAAQ,EACb,KAAK,SAAS,EACf,MAAM,KAAK,CAAA;AAeZ,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAEnG,KAAK,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;;;cAKI,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;;aACpD,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;UAC5B,QAAQ,CAAC,uBAAuB,CAAC;;cAEpB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;;;;;cAI9B,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;;;;;;;;;sBAI5C,QAAQ,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;oBACnD,QAAQ,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;YACrD,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACzC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;;;iCAIlB,WAAW,CAAC,GAAG,CAAC;2BACtB,uBAAuB;;;mCAGf,MAAM;qBACpB,MAAM;;gCAEK,OAAO;8BACT,OAAO;;;cA3BC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;;aACpD,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;UAC5B,QAAQ,CAAC,uBAAuB,CAAC;;cAEpB,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;;;;;cAI9B,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;;;;;;;;;sBAI5C,QAAQ,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;oBACnD,QAAQ,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;YACrD,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACzC,QAAQ,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;AAlBnD,wBAmTE"}

package/dist/table/src/components/TableToolbar.mjs

@@ -0,0 +1,265 @@
+import { defineComponent as _, inject as j, computed as o, ref as F, shallowRef as w, onMounted as A, onBeforeUnmount as U, watch as k, createVNode as a, Fragment as N, mergeProps as D } from "vue";
+import { useTheme as R } from "../../../core/src/composables/useTheme.mjs";
+import I from "../../../core/src/components/Tooltip.mjs";
+import Z from "../../../core/src/components/Input.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as q } from "../../../core/src/plugin/index.mjs";
+import G from "../../../icons/src/SearchIcon.mjs";
+import M from "../../../icons/src/ReloadOutlinedIcon.mjs";
+import J from "../../../icons/src/FullscreenOutlinedIcon.mjs";
+import K from "../../../icons/src/FullscreenExitOutlinedIcon.mjs";
+import { resolveToolbarThemePreset as Y, toolbarZhCN as H } from "../../../theme/src/toolbar.mjs";
+import { resolveTableThemePreset as Q, resolveBuiltInLocale as W } from "../../../theme/src/presets/index.mjs";
+import X from "./TableColumnSettings.mjs";
+const se = /* @__PURE__ */ _({
+  name: "TableToolbar",
+  props: {
+    title: {
+      type: null
+    },
+    columns: Array,
+    size: String,
+    options: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    loading: Boolean,
+    search: {
+      type: [Boolean, Object],
+      default: !1
+    },
+    searchValue: {
+      type: String,
+      default: ""
+    },
+    multipleLine: Boolean,
+    disabled: Boolean,
+    fullscreenTarget: Function,
+    columnSettings: Object,
+    locale: Object,
+    ui: Object,
+    class: String
+  },
+  emits: {
+    "update:columns": (e) => !0,
+    "update:size": (e) => !0,
+    reset: () => !0,
+    reload: () => !0,
+    "update:searchValue": (e) => !0,
+    search: (e) => !0,
+    clearSearch: () => !0,
+    fullscreenChange: (e) => !0,
+    fullscreenError: (e) => !0
+  },
+  slots: Object,
+  setup(e, {
+    emit: c,
+    slots: t
+  }) {
+    const d = j(q, null), v = o(() => d?.themePreset ?? "antdv"), {
+      slots: n
+    } = R("toolbar", o(() => Y(v.value)), e), C = o(() => {
+      if (e.size) return e.size;
+      const l = d?.theme.table?.defaultVariants?.size;
+      return l === "large" || l === "middle" || l === "small" ? l : Q(v.value).defaultVariants.size;
+    }), r = o(() => ({
+      ...H,
+      ...W(v.value, d?.locale)?.toolbar,
+      ...d?.locales[d.locale]?.toolbar,
+      ...d?.localeOverrides.toolbar,
+      ...e.locale
+    })), i = o(() => {
+      const l = e.options !== !1, u = e.options === !1 ? void 0 : e.options;
+      return {
+        reload: l && u?.reload !== !1,
+        density: l && u?.density !== !1,
+        setting: l && u?.setting !== !1,
+        fixed: l && u?.fixed !== !1,
+        draggable: l && u?.draggable !== !1,
+        fullScreen: l && u?.fullScreen === !0
+      };
+    }), g = F(!1), h = w(null), b = F(!1), s = o(() => !!h.value && h.value === e.fullscreenTarget?.()), y = o(() => g.value && typeof e.fullscreenTarget?.()?.requestFullscreen == "function" && typeof document.exitFullscreen == "function");
+    function z() {
+      return document.body;
+    }
+    function E() {
+      return e.fullscreenTarget?.() ?? document.body;
+    }
+    const P = o(() => e.columnSettings?.getPopupContainer ?? (s.value ? E : z));
+    function m() {
+      h.value = document.fullscreenElement;
+    }
+    A(() => {
+      g.value = !0, m(), document.addEventListener("fullscreenchange", m);
+    }), U(() => {
+      g.value && document.removeEventListener("fullscreenchange", m);
+    }), k(s, (l) => c("fullscreenChange", l));
+    function T() {
+      !e.disabled && !e.loading && c("reload");
+    }
+    function x(l) {
+      e.disabled || c("update:searchValue", l);
+    }
+    function S(l = e.searchValue) {
+      !e.disabled && !e.loading && c("search", l);
+    }
+    function L() {
+      e.disabled || e.loading || (c("update:searchValue", ""), c("clearSearch"));
+    }
+    function O(l) {
+      if (t.search) return t.search(l);
+      if (!e.search) return null;
+      const u = typeof e.search == "object" ? e.search : void 0;
+      return a("div", {
+        class: n.searchGroup(),
+        "data-vtg-search-group": ""
+      }, [a("span", {
+        class: n.searchField(),
+        "data-disabled": e.disabled ? "" : void 0
+      }, [a(Z, {
+        bare: !0,
+        value: e.searchValue,
+        placeholder: u?.placeholder ?? r.value.searchPlaceholder,
+        "aria-label": u?.placeholder ?? r.value.searchPlaceholder,
+        disabled: e.disabled,
+        ui: {
+          root: n.searchInput()
+        },
+        "onUpdate:value": x,
+        onPressEnter: (f) => {
+          f.isComposing || (f.preventDefault(), S());
+        }
+      }, null), u?.clearable !== !1 && e.searchValue && a("button", {
+        type: "button",
+        class: n.searchClear(),
+        "aria-label": r.value.clearSearch,
+        title: r.value.clearSearch,
+        disabled: e.disabled || e.loading,
+        onClick: L
+      }, [a("svg", {
+        class: n.searchIcon(),
+        viewBox: "0 0 16 16",
+        fill: "currentColor",
+        "aria-hidden": "true"
+      }, [a("path", {
+        "fill-rule": "evenodd",
+        d: "M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm-2.1 4.2-.7.7L7.3 8l-2.1 2.1.7.7L8 8.7l2.1 2.1.7-.7L8.7 8l2.1-2.1-.7-.7L8 7.3 5.9 5.2Z",
+        "clip-rule": "evenodd"
+      }, null)])])]), a("button", {
+        type: "button",
+        class: n.searchSubmit(),
+        "aria-label": r.value.search,
+        title: r.value.search,
+        disabled: e.disabled || e.loading,
+        onClick: () => S()
+      }, [a(G, {
+        class: n.searchIcon(),
+        "aria-hidden": "true"
+      }, null)])]);
+    }
+    async function V() {
+      if (e.disabled || b.value || !y.value) return;
+      const l = e.fullscreenTarget?.();
+      if (l) {
+        b.value = !0;
+        try {
+          document.fullscreenElement === l ? await document.exitFullscreen() : await l.requestFullscreen(), m();
+        } catch (u) {
+          c("fullscreenError", u);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    function B() {
+      const l = i.value.setting && e.columns !== void 0, u = i.value.density;
+      return a(N, null, [i.value.reload && a(I, {
+        title: r.value.reload
+      }, {
+        default: () => [a("button", {
+          type: "button",
+          class: n.action(),
+          disabled: e.disabled || e.loading,
+          "aria-label": r.value.reload,
+          "aria-busy": e.loading,
+          onClick: T
+        }, [a(M, {
+          class: e.loading ? n.loadingIcon() : n.icon()
+        }, null)])]
+      }), (l || u) && a(X, D(e.columnSettings, {
+        getPopupContainer: P.value,
+        columns: e.columns ?? [],
+        size: C.value,
+        options: {
+          density: u,
+          setting: l,
+          fixed: i.value.fixed,
+          draggable: i.value.draggable
+        },
+        disabled: e.disabled,
+        "onUpdate:columns": (f) => c("update:columns", f),
+        "onUpdate:size": (f) => c("update:size", f),
+        onReset: () => c("reset")
+      }), {
+        columnLabel: t.columnLabel
+      }), i.value.fullScreen && a(I, {
+        title: s.value ? r.value.exitFullScreen : r.value.fullScreen
+      }, {
+        default: () => [a("button", {
+          type: "button",
+          class: n.action(),
+          disabled: e.disabled || !y.value || b.value,
+          "aria-label": s.value ? r.value.exitFullScreen : r.value.fullScreen,
+          "aria-pressed": s.value,
+          onClick: () => {
+            V();
+          }
+        }, [s.value ? a(K, {
+          class: n.icon()
+        }, null) : a(J, {
+          class: n.icon()
+        }, null)])]
+      })]);
+    }
+    return () => {
+      const l = {
+        columns: e.columns ?? [],
+        size: C.value,
+        loading: e.loading,
+        disabled: e.disabled,
+        fullscreen: s.value,
+        fullscreenAvailable: y.value,
+        reload: T,
+        toggleFullscreen: V,
+        searchValue: e.searchValue,
+        updateSearchValue: x,
+        submitSearch: S,
+        clearSearch: L
+      }, u = t.settings || i.value.reload || i.value.density || i.value.setting && e.columns !== void 0 || i.value.fullScreen;
+      return a("div", {
+        role: "group",
+        "aria-label": r.value.label,
+        class: n.root(),
+        "data-vtg-preset": v.value
+      }, [(t.title || e.title != null) && a("div", {
+        class: n.title()
+      }, [t.title ? t.title(l) : e.title]), a("div", {
+        class: n.right()
+      }, [(t.search || e.search) && a("div", {
+        class: n.search()
+      }, [O(l)]), t.filter && !e.multipleLine && a("div", {
+        class: n.filter()
+      }, [t.filter(l)]), t.actions && a("div", {
+        class: n.actions()
+      }, [t.actions(l)]), u && a("div", {
+        class: n.settings()
+      }, [t.settings ? t.settings(l) : B()])]), t.filter && e.multipleLine && a("div", {
+        class: n.extra()
+      }, [t.filter(l)]), t.extra && a("div", {
+        class: n.extra()
+      }, [t.extra(l)])]);
+    };
+  }
+});
+export {
+  se as default
+};

package/dist/table/src/components/TableToolbar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableToolbar.test.d.ts.map

package/dist/table/src/components/TableToolbar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.test.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/TableToolbar.test.ts"],"names":[],"mappings":""}

package/dist/table/src/components/VTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VTable.vue.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTable.vue"],"names":[],"mappings":"AAmJA,OAAO,KAAK,EACV,UAAU,EAEV,gBAAgB,EAGhB,gBAAgB,EAEhB,UAAU,EACV,cAAc,EACd,eAAe,EACf,kBAAkB,EACnB,MAAM,UAAU,CAAA;yBAGA,OAAO,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0QO,mBAAmB,CAAC;;;;wMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArRzE,wBAqR4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"VTable.vue.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTable.vue"],"names":[],"mappings":"AAsJA,OAAO,KAAK,EACV,UAAU,EAEV,gBAAgB,EAGhB,gBAAgB,EAEhB,UAAU,EACV,cAAc,EACd,eAAe,EACf,kBAAkB,EACnB,MAAM,UAAU,CAAA;yBAGA,OAAO,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmRO,mBAAmB,CAAC;;;;wMAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9RzE,wBA8R4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/table/src/components/VTable.vue.mjs

@@ -1,10 +1,12 @@
-import { defineComponent as h, getCurrentInstance as $, createBlock as F, openBlock as v, unref as B, mergeProps as b, createSlots as k, withCtx as t, renderSlot as l, normalizeProps as r, guardReactiveProps as a } from "vue";
+import { defineComponent as $, getCurrentInstance as h, createBlock as b, openBlock as B, unref as F, mergeProps as v, createSlots as k, withCtx as t, renderSlot as l, normalizeProps as a, guardReactiveProps as r } from "vue";
 import R from "./Table.mjs";
-const P = /* @__PURE__ */ h({
+const I = /* @__PURE__ */ $({
   name: "VTable",
   __name: "VTable",
   props: {
     pagination: { type: [Boolean, Object] },
+    manual: { type: [Boolean, Object] },
+    columnEmptyText: { type: [Object, String, Number, Boolean, null, Array] },
     dataSource: {},
     columns: {},
     columnOrder: {},
@@ -23,7 +25,7 @@ const P = /* @__PURE__ */ h({
     rowClassName: { type: [String, Function] },
     customRow: { type: Function },
     customHeaderRow: { type: Function },
-    showSorterTooltip: { type: Boolean },
+    showSorterTooltip: { type: [Boolean, Object] },
     sortDirections: {},
     locale: {},
     locales: {},
@@ -49,7 +51,7 @@ const P = /* @__PURE__ */ h({
   },
   emits: ["change", "resizeColumn", "rowDragEnd"],
   setup(S, { emit: p }) {
-    const s = p, u = $();
+    const s = p, u = h();
     function d() {
       const e = {};
       for (const [n, o] of Object.entries(u?.vnode.props ?? {}))
@@ -88,7 +90,7 @@ const P = /* @__PURE__ */ h({
     function i(e) {
       return e;
     }
-    return (e, n) => (v(), F(B(R), b(d(), {
+    return (e, n) => (B(), b(F(R), v(d(), {
       onChange: m,
       onResizeColumn: y,
       onRowDragEnd: c
@@ -96,14 +98,14 @@ const P = /* @__PURE__ */ h({
       e.$slots.bodyCell ? {
         name: "bodyCell",
         fn: t((o) => [
-          l(e.$slots, "bodyCell", r(a(f(o))))
+          l(e.$slots, "bodyCell", a(r(f(o))))
         ]),
         key: "0"
       } : void 0,
       e.$slots.headerCell ? {
         name: "headerCell",
         fn: t((o) => [
-          l(e.$slots, "headerCell", r(a(g(o))))
+          l(e.$slots, "headerCell", a(r(g(o))))
         ]),
         key: "1"
       } : void 0,
@@ -124,48 +126,55 @@ const P = /* @__PURE__ */ h({
       e.$slots.customFilterDropdown ? {
         name: "customFilterDropdown",
         fn: t((o) => [
-          l(e.$slots, "customFilterDropdown", r(a(C(o))))
+          l(e.$slots, "customFilterDropdown", a(r(C(o))))
         ]),
         key: "4"
       } : void 0,
       e.$slots.customFilterIcon ? {
         name: "customFilterIcon",
         fn: t((o) => [
-          l(e.$slots, "customFilterIcon", r(a(w(o))))
+          l(e.$slots, "customFilterIcon", a(r(w(o))))
         ]),
         key: "5"
       } : void 0,
       e.$slots.title ? {
         name: "title",
         fn: t((o) => [
-          l(e.$slots, "title", r(a(i(o))))
+          l(e.$slots, "title", a(r(i(o))))
         ]),
         key: "6"
       } : void 0,
       e.$slots.footer ? {
         name: "footer",
         fn: t((o) => [
-          l(e.$slots, "footer", r(a(i(o))))
+          l(e.$slots, "footer", a(r(i(o))))
         ]),
         key: "7"
       } : void 0,
+      e.$slots.expandColumnTitle ? {
+        name: "expandColumnTitle",
+        fn: t(() => [
+          l(e.$slots, "expandColumnTitle")
+        ]),
+        key: "8"
+      } : void 0,
       e.$slots.paginationItem ? {
         name: "paginationItem",
         fn: t((o) => [
-          l(e.$slots, "paginationItem", r(a(o)))
+          l(e.$slots, "paginationItem", a(r(o)))
         ]),
-        key: "8"
+        key: "9"
       } : void 0,
       e.$slots.summary ? {
         name: "summary",
         fn: t(() => [
           l(e.$slots, "summary")
         ]),
-        key: "9"
+        key: "10"
       } : void 0
     ]), 1040));
   }
 });
 export {
-  P as default
+  I as default
 };

package/dist/table/src/components/VTableColumnSettings.vue.d.ts

@@ -0,0 +1,20 @@
+import { ColumnsType } from '../types';
+import { TableColumnSettingsProps, TableColumnSettingsSize, TableColumnSettingsSlots } from '../types/column-settings';
+declare const _default: <TRecord extends object = Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onReset?: (() => any) | undefined;
+        readonly "onUpdate:columns"?: ((columns: ColumnsType<TRecord>) => any) | undefined;
+        readonly "onUpdate:size"?: ((size: TableColumnSettingsSize) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onReset" | "onUpdate:columns" | "onUpdate:size"> & TableColumnSettingsProps<TRecord> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<TableColumnSettingsSlots<TRecord>> & TableColumnSettingsSlots<TRecord>;
+    emit: ((evt: "reset") => void) & ((evt: "update:columns", columns: ColumnsType<TRecord>) => void) & ((evt: "update:size", size: TableColumnSettingsSize) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=VTableColumnSettings.vue.d.ts.map

package/dist/table/src/components/VTableColumnSettings.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VTableColumnSettings.vue.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/VTableColumnSettings.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,0BAA0B,CAAA;yBAEhB,OAAO,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwGO,mBAAmB,CAAC;;;;wNAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;EAIP,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnHzE,wBAmH4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}