@milaboratories/milaboratories.ui-examples.ui 1.5.25 → 1.5.27
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 +5 -5
- package/CHANGELOG.md +15 -0
- package/dist/assets/{index-D7xzxuwL.js → index-BrwqIBJ6.js} +94 -94
- package/dist/assets/{index-D7xzxuwL.js.map → index-BrwqIBJ6.js.map} +1 -1
- package/dist/assets/{index-CCeUali8.css → index-CToU-2p9.css} +1 -1
- package/dist/index.html +2 -2
- package/dist/pages/FormComponentsPage/Dropdowns.vue.d.ts.map +1 -1
- package/dist/pages/ModalsPage.vue.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/pages/FormComponentsPage/Dropdowns.vue +11 -4
- package/src/pages/ModalsPage.vue +21 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
.content-box[data-v-
|
|
1
|
+
.content-box[data-v-83f44a06]{background-color:#f7f8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ic-02);border-radius:6px}._inputs_lvlt7_2{display:flex;flex-direction:row;gap:10px}._input_lvlt7_2{flex-grow:1;min-width:100px}._drag-and-drop_lj9h6_2{border:1px solid var(--txt-01);padding:24px;width:600px}._components_lj9h6_8 pre{border:1px solid var(--txt-01);padding:12px;font-weight:bolder;overflow:auto;max-width:50vw;background-color:#eee5}._content_2bvi2_10{display:flex;place-items:center;place-content:center;height:100%;background-color:#eee;color:#fff;font-size:34px;font-weight:700}.test-cell-container{width:300px;height:50px;border:1px solid gray;padding:0;border-radius:1px}._components_14cn3_10 pre,._components_obl5m_2 pre{border:1px solid var(--txt-01);padding:12px;font-weight:bolder;overflow:auto;max-width:50vw;background-color:#eee5}._chip_u5b92_2{width:120px;height:120px;color:#fff}._components_obl5m_2 pre{border:1px solid var(--txt-01);padding:12px;font-weight:bolder;overflow:auto;max-width:50vw;background-color:#eee5}._container_1oob8_2{display:flex;flex-direction:column;gap:8px}._container_1oob8_2 h1{font-size:2rem;line-height:1.5;margin-block-end:16px}._container_1oob8_2 output{margin-block-start:12px}._buttons_1bxae_2{position:sticky;display:flex;flex-direction:row;gap:10px}._button_1bxae_2{display:flex}._dataset_ed5qj_2{display:flex;align-items:center;gap:10px}._components_14cn3_10 pre{border:1px solid var(--txt-01);padding:12px;font-weight:bolder;overflow:auto;max-width:50vw;background-color:#eee5}
|
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: data: 'unsafe-eval';">
|
|
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-BrwqIBJ6.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="./assets/index-CToU-2p9.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="app"></div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdowns.vue.d.ts","sourceRoot":"","sources":["../../../src/pages/FormComponentsPage/Dropdowns.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Dropdowns.vue.d.ts","sourceRoot":"","sources":["../../../src/pages/FormComponentsPage/Dropdowns.vue"],"names":[],"mappings":";AA+pBA,wBAKG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalsPage.vue.d.ts","sourceRoot":"","sources":["../../src/pages/ModalsPage.vue"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ModalsPage.vue.d.ts","sourceRoot":"","sources":["../../src/pages/ModalsPage.vue"],"names":[],"mappings":";AA4vCA,wBAKG"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@milaboratories/milaboratories.ui-examples.ui",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.27",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"vue": "^3.5.13",
|
|
7
|
-
"@
|
|
8
|
-
"@
|
|
7
|
+
"@milaboratories/milaboratories.ui-examples.model": "1.2.23",
|
|
8
|
+
"@platforma-sdk/model": "^1.42.15"
|
|
9
9
|
},
|
|
10
10
|
"devDependencies": {
|
|
11
11
|
"@vitejs/plugin-vue": "^5.2.3",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"ag-grid-vue3": "^34.0.2",
|
|
20
20
|
"rollup-plugin-sourcemaps2": "^0.5.2",
|
|
21
21
|
"@milaboratories/ts-configs": "1.0.5",
|
|
22
|
-
"@platforma-sdk/ui-vue": "^1.42.10",
|
|
23
|
-
"@milaboratories/uikit": "^2.3.29",
|
|
24
22
|
"@milaboratories/build-configs": "1.0.5",
|
|
25
|
-
"@milaboratories/helpers": "^1.6.19"
|
|
23
|
+
"@milaboratories/helpers": "^1.6.19",
|
|
24
|
+
"@platforma-sdk/ui-vue": "^1.42.15",
|
|
25
|
+
"@milaboratories/uikit": "^2.4.1"
|
|
26
26
|
},
|
|
27
27
|
"scripts": {
|
|
28
28
|
"dev": "vite",
|
|
@@ -8,8 +8,8 @@ import {
|
|
|
8
8
|
PlDropdownMulti,
|
|
9
9
|
PlDropdownMultiRef,
|
|
10
10
|
PlDropdownRef,
|
|
11
|
+
PlIcon16,
|
|
11
12
|
PlRow,
|
|
12
|
-
PlMaskIcon16,
|
|
13
13
|
} from '@platforma-sdk/ui-vue';
|
|
14
14
|
import { computed, reactive, ref } from 'vue';
|
|
15
15
|
import type { ListOption } from '@platforma-sdk/ui-vue';
|
|
@@ -169,7 +169,7 @@ const showOptionsLoading = () => {
|
|
|
169
169
|
:options="simpleOptions"
|
|
170
170
|
>
|
|
171
171
|
<template #append>
|
|
172
|
-
<
|
|
172
|
+
<PlIcon16 name="settings" />
|
|
173
173
|
</template>
|
|
174
174
|
</PlDropdown>
|
|
175
175
|
<PlDropdown
|
|
@@ -179,11 +179,18 @@ const showOptionsLoading = () => {
|
|
|
179
179
|
label="PlDropdown"
|
|
180
180
|
:options="simpleOptions"
|
|
181
181
|
/>
|
|
182
|
+
<PlDropdownRef
|
|
183
|
+
v-model="data.model"
|
|
184
|
+
:disabled="data.disabled"
|
|
185
|
+
:clearable="data.clearable"
|
|
186
|
+
label="PlDropdownRef (with regular options)"
|
|
187
|
+
:options="simpleOptions"
|
|
188
|
+
/>
|
|
182
189
|
<PlDropdownRef
|
|
183
190
|
v-model="data.ref"
|
|
184
191
|
:disabled="data.disabled"
|
|
185
192
|
:clearable="data.clearable"
|
|
186
|
-
label="PlDropdownRef"
|
|
193
|
+
label="PlDropdownRef (with ref options)"
|
|
187
194
|
:options="refOptions"
|
|
188
195
|
/>
|
|
189
196
|
|
|
@@ -201,7 +208,7 @@ const showOptionsLoading = () => {
|
|
|
201
208
|
label="PlDropdownMulti"
|
|
202
209
|
>
|
|
203
210
|
<template #append>
|
|
204
|
-
<
|
|
211
|
+
<PlIcon16 name="settings" />
|
|
205
212
|
</template>
|
|
206
213
|
</PlDropdownMulti>
|
|
207
214
|
|
package/src/pages/ModalsPage.vue
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import { faker } from '@faker-js/faker';
|
|
3
3
|
import { listToOptions } from '@milaboratories/helpers';
|
|
4
|
-
import type {
|
|
5
|
-
Size } from '@platforma-sdk/ui-vue';
|
|
4
|
+
import type { Size } from '@platforma-sdk/ui-vue';
|
|
6
5
|
import {
|
|
7
6
|
PlBlockPage,
|
|
8
7
|
PlTextField,
|
|
@@ -20,12 +19,15 @@ import {
|
|
|
20
19
|
PlBtnDanger,
|
|
21
20
|
PlBtnGroup,
|
|
22
21
|
PlAccordionSection,
|
|
22
|
+
PlDropdownMulti,
|
|
23
|
+
PlDropdownLine,
|
|
23
24
|
} from '@platforma-sdk/ui-vue';
|
|
24
25
|
import { computed, reactive } from 'vue';
|
|
25
26
|
|
|
26
27
|
const dialogData = reactive({
|
|
27
28
|
text: '',
|
|
28
29
|
item: '',
|
|
30
|
+
items: [],
|
|
29
31
|
dialogModal: false,
|
|
30
32
|
title: true,
|
|
31
33
|
actions: true,
|
|
@@ -95,7 +97,11 @@ const sizeOptions = [{
|
|
|
95
97
|
Open PlDialogModal
|
|
96
98
|
</PlBtnPrimary>
|
|
97
99
|
</PlRow>
|
|
98
|
-
<PlDropdown
|
|
100
|
+
<PlDropdown
|
|
101
|
+
v-model="dialogData.size"
|
|
102
|
+
label="Size (Takes precedence over (min | max)(width | height) properties)"
|
|
103
|
+
:options="sizeOptions"
|
|
104
|
+
/>
|
|
99
105
|
<PlNumberField
|
|
100
106
|
v-model="dialogData.dialogWidth"
|
|
101
107
|
label="Dialog width in px (without gutters)"
|
|
@@ -239,9 +245,19 @@ const sizeOptions = [{
|
|
|
239
245
|
v-model="dialogData.item"
|
|
240
246
|
:options="listToOptions(['Item 1', 'Item 2', 'Item 3'])"
|
|
241
247
|
/>
|
|
242
|
-
<
|
|
248
|
+
<PlDropdownLine
|
|
243
249
|
v-model="dialogData.item"
|
|
244
|
-
|
|
250
|
+
:mode="'list'"
|
|
251
|
+
:options="listToOptions(['Item 1', 'Item 2', 'Item 3'])"
|
|
252
|
+
/>
|
|
253
|
+
<PlDropdownLine
|
|
254
|
+
v-model="dialogData.item"
|
|
255
|
+
:mode="'tabs'"
|
|
256
|
+
:options="listToOptions(['Item 1', 'Item 2', 'Item 3'])"
|
|
257
|
+
/>
|
|
258
|
+
<PlDropdownMulti
|
|
259
|
+
v-model="dialogData.items"
|
|
260
|
+
label="Select items"
|
|
245
261
|
:options="listToOptions(['Item 1', 'Item 2', 'Item 3'])"
|
|
246
262
|
/>
|
|
247
263
|
<PlCheckbox v-model="slideData.slideModal">Also closes the modal window</PlCheckbox>
|