@toolbox-web/grid-vue 0.11.2 → 0.11.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +69 -22
- package/chunks/use-grid-DjGoQOoZ.js +52 -0
- package/chunks/use-grid-DjGoQOoZ.js.map +1 -0
- package/features/export.js +1 -1
- package/features/filtering.js +1 -1
- package/features/print.js +1 -1
- package/features/selection.js +1 -1
- package/features/undo-redo.js +1 -1
- package/index.js +320 -253
- package/index.js.map +1 -1
- package/lib/TbwGrid.vue.d.ts +13 -2
- package/lib/TbwGrid.vue.d.ts.map +1 -1
- package/lib/use-grid.d.ts +17 -5
- package/lib/use-grid.d.ts.map +1 -1
- package/package.json +1 -1
- package/chunks/use-grid-CeVD1azo.js +0 -28
- package/chunks/use-grid-CeVD1azo.js.map +0 -1
package/lib/TbwGrid.vue.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TbwGrid.vue.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/TbwGrid.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TbwGrid.vue.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/TbwGrid.vue"],"names":[],"mappings":"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"}
|
package/lib/use-grid.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DataGridElement } from '@toolbox-web/grid';
|
|
1
|
+
import { ColumnConfig, DataGridElement, GridConfig } from '@toolbox-web/grid';
|
|
2
2
|
import { InjectionKey, Ref } from 'vue';
|
|
3
3
|
/**
|
|
4
4
|
* Injection key for the grid element.
|
|
@@ -7,9 +7,13 @@ export declare const GRID_ELEMENT_KEY: InjectionKey<Ref<DataGridElement | null>>
|
|
|
7
7
|
/**
|
|
8
8
|
* Return type for useGrid composable.
|
|
9
9
|
*/
|
|
10
|
-
export interface UseGridReturn {
|
|
10
|
+
export interface UseGridReturn<TRow = unknown> {
|
|
11
11
|
/** The grid element reference */
|
|
12
|
-
gridElement: Ref<DataGridElement | null>;
|
|
12
|
+
gridElement: Ref<DataGridElement<TRow> | null>;
|
|
13
|
+
/** Whether the grid is ready */
|
|
14
|
+
isReady: Ref<boolean>;
|
|
15
|
+
/** Current grid configuration (reactive) */
|
|
16
|
+
config: Ref<GridConfig<TRow> | null>;
|
|
13
17
|
/** Force a layout recalculation */
|
|
14
18
|
forceLayout: () => Promise<void>;
|
|
15
19
|
/** Get current grid configuration */
|
|
@@ -23,6 +27,14 @@ export interface UseGridReturn {
|
|
|
23
27
|
* Uses the type-safe PluginNameMap for auto-completion and return type narrowing.
|
|
24
28
|
*/
|
|
25
29
|
getPluginByName: DataGridElement['getPluginByName'];
|
|
30
|
+
/** Toggle a group row */
|
|
31
|
+
toggleGroup: (key: string) => Promise<void>;
|
|
32
|
+
/** Register custom styles via `document.adoptedStyleSheets` */
|
|
33
|
+
registerStyles: (id: string, css: string) => void;
|
|
34
|
+
/** Unregister previously registered custom styles */
|
|
35
|
+
unregisterStyles: (id: string) => void;
|
|
36
|
+
/** Get currently visible columns (excluding hidden columns) */
|
|
37
|
+
getVisibleColumns: () => ColumnConfig<TRow>[];
|
|
26
38
|
}
|
|
27
39
|
/**
|
|
28
40
|
* Composable for programmatic access to the grid.
|
|
@@ -32,7 +44,7 @@ export interface UseGridReturn {
|
|
|
32
44
|
* <script setup>
|
|
33
45
|
* import { useGrid } from '@toolbox-web/grid-vue';
|
|
34
46
|
*
|
|
35
|
-
* const { forceLayout, getConfig } = useGrid();
|
|
47
|
+
* const { forceLayout, getConfig, isReady, getVisibleColumns } = useGrid();
|
|
36
48
|
*
|
|
37
49
|
* async function handleResize() {
|
|
38
50
|
* await forceLayout();
|
|
@@ -43,5 +55,5 @@ export interface UseGridReturn {
|
|
|
43
55
|
* DOM query instead of using Vue's provide/inject. Use when the component
|
|
44
56
|
* contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
|
|
45
57
|
*/
|
|
46
|
-
export declare function useGrid(selector?: string): UseGridReturn
|
|
58
|
+
export declare function useGrid<TRow = unknown>(selector?: string): UseGridReturn<TRow>;
|
|
47
59
|
//# sourceMappingURL=use-grid.d.ts.map
|
package/lib/use-grid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"use-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAA0B,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAsB,CAAC;AAE9F;;GAEG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO;IAC3C,iCAAiC;IACjC,WAAW,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/C,gCAAgC;IAChC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,4CAA4C;IAC5C,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;IACrC,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,qCAAqC;IACrC,SAAS,EAAE,MAAM,UAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACtE,gCAAgC;IAChC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,gCAAgC;IAChC,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAC5E;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;IACpD,yBAAyB;IACzB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,+DAA+D;IAC/D,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,qDAAqD;IACrD,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,+DAA+D;IAC/D,iBAAiB,EAAE,MAAM,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,OAAO,CAAC,IAAI,GAAG,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAyE9E"}
|
package/package.json
CHANGED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ref as u, inject as a } from "vue";
|
|
2
|
-
const i = /* @__PURE__ */ Symbol("tbw-grid");
|
|
3
|
-
function o(r) {
|
|
4
|
-
const n = r ? u(null) : a(i, u(null)), t = () => {
|
|
5
|
-
if (r) {
|
|
6
|
-
const e = document.querySelector(r);
|
|
7
|
-
return e && !n.value && (n.value = e), e;
|
|
8
|
-
}
|
|
9
|
-
return n.value;
|
|
10
|
-
};
|
|
11
|
-
return {
|
|
12
|
-
gridElement: n,
|
|
13
|
-
forceLayout: async () => {
|
|
14
|
-
await t()?.forceLayout();
|
|
15
|
-
},
|
|
16
|
-
getConfig: () => t()?.getConfig(),
|
|
17
|
-
ready: async () => {
|
|
18
|
-
await t()?.ready();
|
|
19
|
-
},
|
|
20
|
-
getPlugin: (e) => t()?.getPlugin(e),
|
|
21
|
-
getPluginByName: ((e) => t()?.getPluginByName(e))
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
export {
|
|
25
|
-
i as G,
|
|
26
|
-
o as u
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=use-grid-CeVD1azo.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-grid-CeVD1azo.js","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"sourcesContent":["import type { DataGridElement } from '@toolbox-web/grid';\nimport { inject, ref, type InjectionKey, type Ref } from 'vue';\n\n/**\n * Injection key for the grid element.\n */\nexport const GRID_ELEMENT_KEY: InjectionKey<Ref<DataGridElement | null>> = Symbol('tbw-grid');\n\n/**\n * Return type for useGrid composable.\n */\nexport interface UseGridReturn {\n /** The grid element reference */\n gridElement: Ref<DataGridElement | null>;\n /** Force a layout recalculation */\n forceLayout: () => Promise<void>;\n /** Get current grid configuration */\n getConfig: () => ReturnType<DataGridElement['getConfig']> | undefined;\n /** Wait for grid to be ready */\n ready: () => Promise<void>;\n /** Get a plugin by its class */\n getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => T | undefined;\n /**\n * Get a plugin by its registered name (preferred).\n * Uses the type-safe PluginNameMap for auto-completion and return type narrowing.\n */\n getPluginByName: DataGridElement['getPluginByName'];\n}\n\n/**\n * Composable for programmatic access to the grid.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGrid } from '@toolbox-web/grid-vue';\n *\n * const { forceLayout, getConfig } = useGrid();\n *\n * async function handleResize() {\n * await forceLayout();\n * }\n * </script>\n * ```\n * @param selector - Optional CSS selector to target a specific grid element via\n * DOM query instead of using Vue's provide/inject. Use when the component\n * contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGrid(selector?: string): UseGridReturn {\n const gridElement = selector ? (ref(null) as Ref<DataGridElement | null>) : inject(GRID_ELEMENT_KEY, ref(null));\n\n /**\n * Resolve the grid element. When a selector is provided, uses a DOM query;\n * otherwise falls back to the injected ref.\n */\n const getGrid = (): DataGridElement | null => {\n if (selector) {\n const el = document.querySelector(selector) as DataGridElement | null;\n if (el && !gridElement.value) gridElement.value = el;\n return el;\n }\n return gridElement.value;\n };\n\n return {\n gridElement,\n forceLayout: async () => {\n await getGrid()?.forceLayout();\n },\n getConfig: () => {\n return getGrid()?.getConfig();\n },\n ready: async () => {\n await getGrid()?.ready();\n },\n getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => {\n return getGrid()?.getPlugin(pluginClass);\n },\n getPluginByName: ((name: string) => {\n return getGrid()?.getPluginByName(name);\n }) as DataGridElement['getPluginByName'],\n };\n}\n"],"names":["GRID_ELEMENT_KEY","useGrid","selector","gridElement","ref","inject","getGrid","el","pluginClass","name"],"mappings":";AAMO,MAAMA,2BAAqE,UAAU;AA0CrF,SAASC,EAAQC,GAAkC;AACxD,QAAMC,IAAcD,IAAYE,EAAI,IAAI,IAAoCC,EAAOL,GAAkBI,EAAI,IAAI,CAAC,GAMxGE,IAAU,MAA8B;AAC5C,QAAIJ,GAAU;AACZ,YAAMK,IAAK,SAAS,cAAcL,CAAQ;AAC1C,aAAIK,KAAM,CAACJ,EAAY,YAAmB,QAAQI,IAC3CA;AAAA,IACT;AACA,WAAOJ,EAAY;AAAA,EACrB;AAEA,SAAO;AAAA,IACL,aAAAA;AAAA,IACA,aAAa,YAAY;AACvB,YAAMG,EAAA,GAAW,YAAA;AAAA,IACnB;AAAA,IACA,WAAW,MACFA,EAAA,GAAW,UAAA;AAAA,IAEpB,OAAO,YAAY;AACjB,YAAMA,EAAA,GAAW,MAAA;AAAA,IACnB;AAAA,IACA,WAAW,CAAIE,MACNF,EAAA,GAAW,UAAUE,CAAW;AAAA,IAEzC,kBAAkB,CAACC,MACVH,EAAA,GAAW,gBAAgBG,CAAI;AAAA,EACxC;AAEJ;"}
|