@milaboratories/milaboratories.ui-examples.ui 1.3.73 → 1.3.76
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 +20 -0
- package/dist/assets/index-8qI9guHq.css +1 -0
- package/dist/assets/{index-BpzMCkW6.js → index-BA3BRm9T.js} +164 -164
- package/dist/assets/{index-BpzMCkW6.js.map → index-BA3BRm9T.js.map} +1 -1
- package/dist/index.html +2 -2
- package/package.json +5 -5
- package/src/pages/AgGridVuePage/AgGridVuePage.vue +6 -1
- package/src/pages/AgGridVuePage/AgGridVuePageWithBuilder.vue +6 -1
- package/src/pages/FormComponentsPage/Main.vue +13 -0
- package/dist/assets/index-D9lL02NT.css +0 -1
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-BA3BRm9T.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="./assets/index-8qI9guHq.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.76",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"vue": "^3.5.13",
|
|
7
|
-
"@milaboratories/milaboratories.ui-examples.model": "1.1.
|
|
8
|
-
"@platforma-sdk/model": "^1.30.
|
|
7
|
+
"@milaboratories/milaboratories.ui-examples.model": "1.1.54",
|
|
8
|
+
"@platforma-sdk/model": "^1.30.11"
|
|
9
9
|
},
|
|
10
10
|
"devDependencies": {
|
|
11
11
|
"@vitejs/plugin-vue": "^5.2.3",
|
|
@@ -17,8 +17,8 @@
|
|
|
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
|
-
"@
|
|
21
|
-
"@
|
|
20
|
+
"@milaboratories/helpers": "^1.6.11",
|
|
21
|
+
"@platforma-sdk/ui-vue": "^1.30.20"
|
|
22
22
|
},
|
|
23
23
|
"scripts": {
|
|
24
24
|
"dev": "vite",
|
|
@@ -15,6 +15,7 @@ import {
|
|
|
15
15
|
makeEaseOut,
|
|
16
16
|
animate,
|
|
17
17
|
PlBtnPrimary,
|
|
18
|
+
PlTextField,
|
|
18
19
|
} from '@platforma-sdk/ui-vue';
|
|
19
20
|
import { AgGridVue } from 'ag-grid-vue3';
|
|
20
21
|
import { times } from '@milaboratories/helpers';
|
|
@@ -77,9 +78,11 @@ const rowNumbers = ref(true);
|
|
|
77
78
|
|
|
78
79
|
const loading = ref(false);
|
|
79
80
|
|
|
81
|
+
const loadingText = ref('Loading...');
|
|
82
|
+
|
|
80
83
|
const notReady = ref(true);
|
|
81
84
|
|
|
82
|
-
const hasRows = ref(
|
|
85
|
+
const hasRows = ref(false);
|
|
83
86
|
|
|
84
87
|
const { gridOptions, gridApi } = useAgGridOptions<Row>(({ column }) => {
|
|
85
88
|
return {
|
|
@@ -216,6 +219,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ column }) => {
|
|
|
216
219
|
headerCheckbox: false,
|
|
217
220
|
},
|
|
218
221
|
loading: loading.value,
|
|
222
|
+
loadingText: loadingText.value,
|
|
219
223
|
loadingOverlayType: isOverlayTransparent.value ? 'transparent' : undefined,
|
|
220
224
|
notReady: notReady.value,
|
|
221
225
|
notReadyText: 'I am not ready(',
|
|
@@ -248,6 +252,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ column }) => {
|
|
|
248
252
|
<PlCheckbox v-model="loading">Loading</PlCheckbox>
|
|
249
253
|
<PlCheckbox v-model="notReady">Not Ready</PlCheckbox>
|
|
250
254
|
<PlCheckbox v-model="hasRows">Has rows</PlCheckbox>
|
|
255
|
+
<PlTextField v-model="loadingText" label="Loading text" />
|
|
251
256
|
</PlRow>
|
|
252
257
|
|
|
253
258
|
<AgGridVue
|
|
@@ -15,6 +15,7 @@ import {
|
|
|
15
15
|
makeEaseOut,
|
|
16
16
|
animate,
|
|
17
17
|
PlBtnPrimary,
|
|
18
|
+
PlTextField,
|
|
18
19
|
} from '@platforma-sdk/ui-vue';
|
|
19
20
|
import { AgGridVue } from 'ag-grid-vue3';
|
|
20
21
|
import { times } from '@milaboratories/helpers';
|
|
@@ -91,6 +92,8 @@ const rowNumbers = ref(true);
|
|
|
91
92
|
|
|
92
93
|
const loading = ref(false);
|
|
93
94
|
|
|
95
|
+
const loadingText = ref('Loading...');
|
|
96
|
+
|
|
94
97
|
const notReady = ref(false);
|
|
95
98
|
|
|
96
99
|
const hasRows = ref(true);
|
|
@@ -109,6 +112,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ builder }) => {
|
|
|
109
112
|
headerCheckbox: false,
|
|
110
113
|
})
|
|
111
114
|
.setLoading(loading.value)
|
|
115
|
+
.setLoadingText(loadingText.value)
|
|
112
116
|
.setNotReady(notReady.value)
|
|
113
117
|
.setNotReadyText('Not ready text (custom, default is "Not ready"')
|
|
114
118
|
.setRowData(hasRows.value ? result.value : [])
|
|
@@ -250,7 +254,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ builder }) => {
|
|
|
250
254
|
|
|
251
255
|
<template>
|
|
252
256
|
<PlBlockPage style="max-width: 100%">
|
|
253
|
-
<template #title>AgGridVue</template>
|
|
257
|
+
<template #title>AgGridVue (Builder)</template>
|
|
254
258
|
<template #append>
|
|
255
259
|
<PlBtnPrimary @click="showProgress">Show progress</PlBtnPrimary>
|
|
256
260
|
<PlAgDataTableToolsPanel>
|
|
@@ -265,6 +269,7 @@ const { gridOptions, gridApi } = useAgGridOptions<Row>(({ builder }) => {
|
|
|
265
269
|
<PlCheckbox v-model="loading">Loading</PlCheckbox>
|
|
266
270
|
<PlCheckbox v-model="notReady">Not Ready</PlCheckbox>
|
|
267
271
|
<PlCheckbox v-model="hasRows">Has rows</PlCheckbox>
|
|
272
|
+
<PlTextField v-model="loadingText" label="Loading text" />
|
|
268
273
|
</PlRow>
|
|
269
274
|
|
|
270
275
|
<AgGridVue
|
|
@@ -25,6 +25,8 @@ const data = reactive({
|
|
|
25
25
|
currentTab: 'one',
|
|
26
26
|
compactBtnGroup: false,
|
|
27
27
|
multipleAccordion: false,
|
|
28
|
+
indeterminateCheckboxValue: false,
|
|
29
|
+
indeterminateCheckboxIsIndeterminate: true,
|
|
28
30
|
});
|
|
29
31
|
|
|
30
32
|
const shortOptions = listToOptions(['A', 'B', 'C', 'D']);
|
|
@@ -50,6 +52,17 @@ const options = listToOptions(['A', 'B', 'C', 'D', 'Lorem ipsum', 'Lorem ipsum d
|
|
|
50
52
|
<PlSectionSeparator>Group name</PlSectionSeparator>
|
|
51
53
|
<PlTextField v-model="data.text" label="PlTextField" />
|
|
52
54
|
<PlDropdown v-model="data.single" label="PlDropdown" :options="options" />
|
|
55
|
+
<PlCheckbox v-model="data.indeterminateCheckboxIsIndeterminate">Make checkbox below indeterminate</PlCheckbox>
|
|
56
|
+
<PlCheckbox
|
|
57
|
+
:model-value="data.indeterminateCheckboxValue"
|
|
58
|
+
:indeterminate="data.indeterminateCheckboxIsIndeterminate"
|
|
59
|
+
@update:model-value="() => {
|
|
60
|
+
data.indeterminateCheckboxValue = !data.indeterminateCheckboxValue;
|
|
61
|
+
data.indeterminateCheckboxIsIndeterminate = false;
|
|
62
|
+
}"
|
|
63
|
+
>
|
|
64
|
+
Indeterminate checkbox demo (checked: {{ data.indeterminateCheckboxValue }})
|
|
65
|
+
</PlCheckbox>
|
|
53
66
|
<PlCheckboxGroup v-model="data.multiple" label="PlCheckboxGroup" :options="options" />
|
|
54
67
|
<PlSectionSeparator>
|
|
55
68
|
<PlMaskIcon16 name="chevron-right" />Slot usage<PlMaskIcon16 name="chevron-left" />
|