@milaboratories/milaboratories.ui-examples.ui 1.3.78 → 1.3.80
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/.turbo/turbo-build.log +4 -4
- package/CHANGELOG.md +14 -0
- package/dist/assets/{index-BtBFGe9Q.js → index-B4E4soHQ.js} +189 -189
- package/dist/assets/{index-BtBFGe9Q.js.map → index-B4E4soHQ.js.map} +1 -1
- package/dist/assets/{index-CeENxTPy.css → index-DzEimWah.css} +1 -1
- package/dist/index.html +2 -2
- package/package.json +4 -4
- package/src/pages/AgGridVuePage/AgGridVuePage.vue +10 -5
- package/src/pages/AgGridVuePage/AgGridVuePageWithBuilder.vue +12 -5
package/dist/index.html
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:">
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
-
<script type="module" crossorigin src="./assets/index-
|
|
8
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
|
7
|
+
<script type="module" crossorigin src="./assets/index-B4E4soHQ.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="./assets/index-DzEimWah.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="app"></div>
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/milaboratories.ui-examples.ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.80",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"vue": "^3.5.13",
|
|
7
|
-
"@
|
|
8
|
-
"@
|
|
7
|
+
"@milaboratories/milaboratories.ui-examples.model": "1.1.56",
|
|
8
|
+
"@platforma-sdk/model": "^1.30.24"
|
|
9
9
|
},
|
|
10
10
|
"devDependencies": {
|
|
11
11
|
"@vitejs/plugin-vue": "^5.2.3",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"ag-grid-enterprise": "^33.0.4",
|
|
18
18
|
"ag-grid-vue3": "^33.0.4",
|
|
19
19
|
"rollup-plugin-sourcemaps2": "^0.5.0",
|
|
20
|
-
"@platforma-sdk/ui-vue": "^1.30.
|
|
20
|
+
"@platforma-sdk/ui-vue": "^1.30.24",
|
|
21
21
|
"@milaboratories/helpers": "^1.6.11"
|
|
22
22
|
},
|
|
23
23
|
"scripts": {
|
|
@@ -84,6 +84,8 @@ const notReady = ref(true);
|
|
|
84
84
|
|
|
85
85
|
const hasRows = ref(false);
|
|
86
86
|
|
|
87
|
+
const rowSelection = ref(true);
|
|
88
|
+
|
|
87
89
|
const { gridOptions, gridApi } = useAgGridOptions<Row>(({ column }) => {
|
|
88
90
|
return {
|
|
89
91
|
columnDefs: [
|
|
@@ -213,11 +215,13 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ column }) => {
|
|
|
213
215
|
],
|
|
214
216
|
rowNumbersColumn: rowNumbers.value,
|
|
215
217
|
// @TODO (Now rowNumbersColumn && rowSelection enables rows selection with checkboxes)
|
|
216
|
-
rowSelection:
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
218
|
+
rowSelection: rowSelection.value
|
|
219
|
+
? {
|
|
220
|
+
mode: 'multiRow',
|
|
221
|
+
checkboxes: false,
|
|
222
|
+
headerCheckbox: false,
|
|
223
|
+
}
|
|
224
|
+
: undefined,
|
|
221
225
|
loading: loading.value,
|
|
222
226
|
loadingText: loadingText.value,
|
|
223
227
|
loadingOverlayType: isOverlayTransparent.value ? 'transparent' : undefined,
|
|
@@ -252,6 +256,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ column }) => {
|
|
|
252
256
|
<PlCheckbox v-model="loading">Loading</PlCheckbox>
|
|
253
257
|
<PlCheckbox v-model="notReady">Not Ready</PlCheckbox>
|
|
254
258
|
<PlCheckbox v-model="hasRows">Has rows</PlCheckbox>
|
|
259
|
+
<PlCheckbox v-model="rowSelection">Row selection</PlCheckbox>
|
|
255
260
|
<PlTextField v-model="loadingText" label="Loading text" />
|
|
256
261
|
</PlRow>
|
|
257
262
|
|
|
@@ -98,6 +98,8 @@ const notReady = ref(false);
|
|
|
98
98
|
|
|
99
99
|
const hasRows = ref(true);
|
|
100
100
|
|
|
101
|
+
const rowSelection = ref(true);
|
|
102
|
+
|
|
101
103
|
const { gridOptions, gridApi } = useAgGridOptions<Row>(({ builder }) => {
|
|
102
104
|
return builder
|
|
103
105
|
.setComponents({
|
|
@@ -106,11 +108,15 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ builder }) => {
|
|
|
106
108
|
.setOption('onRowDoubleClicked', (_e) => {
|
|
107
109
|
alert('Example "Open" button was clicked');
|
|
108
110
|
})
|
|
109
|
-
.setRowSelection(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
111
|
+
.setRowSelection(
|
|
112
|
+
rowSelection.value
|
|
113
|
+
? {
|
|
114
|
+
mode: 'multiRow',
|
|
115
|
+
checkboxes: false,
|
|
116
|
+
headerCheckbox: false,
|
|
117
|
+
}
|
|
118
|
+
: undefined,
|
|
119
|
+
)
|
|
114
120
|
.setLoading(loading.value)
|
|
115
121
|
.setLoadingText(loadingText.value)
|
|
116
122
|
.setNotReady(notReady.value)
|
|
@@ -269,6 +275,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ builder }) => {
|
|
|
269
275
|
<PlCheckbox v-model="loading">Loading</PlCheckbox>
|
|
270
276
|
<PlCheckbox v-model="notReady">Not Ready</PlCheckbox>
|
|
271
277
|
<PlCheckbox v-model="hasRows">Has rows</PlCheckbox>
|
|
278
|
+
<PlCheckbox v-model="rowSelection">Row selection</PlCheckbox>
|
|
272
279
|
<PlTextField v-model="loadingText" label="Loading text" />
|
|
273
280
|
</PlRow>
|
|
274
281
|
|