@aurum-grid/vue 0.2.0 → 0.5.2
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/dist/index.d.ts +10 -1
- package/dist/index.js +25 -0
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type Component, type PropType } from 'vue';
|
|
2
|
-
import { type CellRendererParams, type FrameworkRendererResult, type GridOptions } from '@aurum-grid/core';
|
|
2
|
+
import { type CellRendererParams, type FrameworkRendererResult, type GridOptions, type ICellEditor, type ICellEditorParams } from '@aurum-grid/core';
|
|
3
3
|
/**
|
|
4
4
|
* <AurumGrid :options="gridOptions" @grid-ready="onReady" />
|
|
5
5
|
* Options are watched shallowly; replacing `rowData`, `columnDefs`, `theme`, etc. updates the grid.
|
|
@@ -31,3 +31,12 @@ export declare const AurumGrid: import("vue").DefineComponent<import("vue").Extr
|
|
|
31
31
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
32
32
|
/** Use a Vue component as a cell renderer: `cellRenderer: vueCellRenderer(StatusBadge)`. */
|
|
33
33
|
export declare function vueCellRenderer(comp: Component): (params: CellRendererParams) => FrameworkRendererResult;
|
|
34
|
+
/**
|
|
35
|
+
* Use a Vue component as a cell editor: `cellEditor: vueCellEditor(AddressForm, { popup: true })`.
|
|
36
|
+
* The component receives `params` and `value`, and emits `update:value` with the new value
|
|
37
|
+
* (so `v-model:value` works inside your own wrappers) — or calls `params.stopEditing()`.
|
|
38
|
+
*/
|
|
39
|
+
export declare function vueCellEditor(comp: Component, opts?: {
|
|
40
|
+
popup?: boolean;
|
|
41
|
+
popupPosition?: 'over' | 'under';
|
|
42
|
+
}): (params: ICellEditorParams) => ICellEditor;
|
package/dist/index.js
CHANGED
|
@@ -51,4 +51,29 @@ export function vueCellRenderer(comp) {
|
|
|
51
51
|
};
|
|
52
52
|
};
|
|
53
53
|
}
|
|
54
|
+
/**
|
|
55
|
+
* Use a Vue component as a cell editor: `cellEditor: vueCellEditor(AddressForm, { popup: true })`.
|
|
56
|
+
* The component receives `params` and `value`, and emits `update:value` with the new value
|
|
57
|
+
* (so `v-model:value` works inside your own wrappers) — or calls `params.stopEditing()`.
|
|
58
|
+
*/
|
|
59
|
+
export function vueCellEditor(comp, opts = {}) {
|
|
60
|
+
return (params) => {
|
|
61
|
+
const el = document.createElement('div');
|
|
62
|
+
el.className = 'agr-vue-editor';
|
|
63
|
+
let value = params.value;
|
|
64
|
+
const draw = () => render(h(comp, {
|
|
65
|
+
params, value,
|
|
66
|
+
'onUpdate:value': (v) => { value = v; params.onValueChange(v); draw(); },
|
|
67
|
+
}), el);
|
|
68
|
+
draw();
|
|
69
|
+
return {
|
|
70
|
+
getGui: () => el,
|
|
71
|
+
getValue: () => value,
|
|
72
|
+
isPopup: () => !!opts.popup,
|
|
73
|
+
getPopupPosition: () => opts.popupPosition ?? 'under',
|
|
74
|
+
afterGuiAttached: () => el.querySelector('[autofocus], input, select, textarea, button')?.focus(),
|
|
75
|
+
destroy: () => render(null, el),
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
}
|
|
54
79
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAiC,MAAM,KAAK,CAAC;AACpI,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurum-grid/vue",
|
|
3
|
-
"version": "0.2
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"description": "Aurum Grid Vue 3 adapter.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"type": "module",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"README.md"
|
|
19
19
|
],
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@aurum-grid/core": "0.2
|
|
21
|
+
"@aurum-grid/core": "0.5.2"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"vue": ">=3.3"
|