@ouestfrance/sipa-bms-ui 8.9.2 → 8.10.0
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/components/layout/BmsModal.vue.d.ts +1 -1
- package/dist/components/table/BmsServerTable.vue.d.ts +5 -5
- package/dist/components/table/BmsTable.vue.d.ts +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/sipa-bms-ui.css +40 -38
- package/dist/sipa-bms-ui.es.js +400 -396
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +405 -400
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/layout/BmsModal.stories.js +9 -0
- package/src/components/layout/BmsModal.vue +2 -0
- package/src/components/table/BmsPagination.spec.ts +114 -18
- package/src/components/table/BmsServerTable.vue +12 -9
- package/src/index.ts +4 -0
- package/src/showroom/server.js +11 -21
|
@@ -28,9 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Pr
|
|
|
28
28
|
}>, {
|
|
29
29
|
type: StatusType;
|
|
30
30
|
modelValue: any;
|
|
31
|
+
loading: boolean;
|
|
31
32
|
priority: boolean;
|
|
32
33
|
backdropDismiss: boolean;
|
|
33
|
-
loading: boolean;
|
|
34
34
|
closable: boolean;
|
|
35
35
|
submitLabel: string;
|
|
36
36
|
cancelLabel: string;
|
|
@@ -65,17 +65,17 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
65
65
|
}>, {
|
|
66
66
|
mode: "normal" | "dense";
|
|
67
67
|
size: number;
|
|
68
|
+
request: (params: ServerTableRequestParams, abortController: AbortController, url?: string | undefined) => Promise<{
|
|
69
|
+
data: unknown[];
|
|
70
|
+
total: number;
|
|
71
|
+
}>;
|
|
72
|
+
filters: Filter[];
|
|
68
73
|
selectedItems: unknown[];
|
|
69
74
|
selectable: boolean;
|
|
70
75
|
selectMode: SelectMode;
|
|
71
76
|
selectableDisabled: boolean;
|
|
72
77
|
maxSelectedSize: number;
|
|
73
78
|
pagination: number[];
|
|
74
|
-
request: (params: ServerTableRequestParams, abortController: AbortController, url?: string | undefined) => Promise<{
|
|
75
|
-
data: unknown[];
|
|
76
|
-
total: number;
|
|
77
|
-
}>;
|
|
78
|
-
filters: Filter[];
|
|
79
79
|
canSaveFilters: boolean;
|
|
80
80
|
persistent: boolean;
|
|
81
81
|
initialPage: number;
|
|
@@ -52,10 +52,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
|
|
|
52
52
|
}>, {
|
|
53
53
|
mode: "normal" | "dense";
|
|
54
54
|
size: number;
|
|
55
|
+
filters: Filter[];
|
|
55
56
|
selectable: boolean;
|
|
56
57
|
selectableDisabled: boolean;
|
|
57
58
|
pagination: number[];
|
|
58
|
-
filters: Filter[];
|
|
59
59
|
canSaveFilters: boolean;
|
|
60
60
|
persistent: boolean;
|
|
61
61
|
defaultFiltersOpened: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ import { default as BmsCircularProgress } from './components/feedback/BmsCircula
|
|
|
8
8
|
import { default as BmsLoader } from './components/feedback/BmsLoader.vue';
|
|
9
9
|
import { default as BmsTooltip } from './components/feedback/BmsTooltip.vue';
|
|
10
10
|
import { default as BmsAutocomplete } from './components/form/BmsAutocomplete.vue';
|
|
11
|
+
import { default as BmsServerAutocomplete } from './components/form/BmsServerAutocomplete.vue';
|
|
11
12
|
import { default as BmsBetweenInput } from './components/form/BmsBetweenInput.vue';
|
|
12
13
|
import { default as BmsChip } from './components/form/BmsChip.vue';
|
|
13
14
|
import { default as BmsFilePicker } from './components/form/BmsFilePicker.vue';
|
|
@@ -71,4 +72,4 @@ export * from './plugins/confirm';
|
|
|
71
72
|
export * from './plugins/runtime-env';
|
|
72
73
|
export * from './plugins/router-history';
|
|
73
74
|
export * from './services';
|
|
74
|
-
export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsFixedMenu, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };
|
|
75
|
+
export { BmsButton, BmsIconButton, BmsAlert, BmsBadge, BmsCaption, BmsCircularProgress, BmsLoader, BmsTooltip, BmsAutocomplete, BmsServerAutocomplete, BmsBetweenInput, BmsChip, BmsFilePicker, BmsInputBooleanCheckbox, BmsInputCheckboxGroup, BmsInputCheckboxCaption, BmsInputCheckboxCaptionGroup, BmsInputCode, BmsInputDateTime, BmsInputFile, BmsInputNumber, BmsInputRadio, BmsInputRadioGroup, BmsInputRadioCaption, BmsInputRadioCaptionGroup, BmsInputText, BmsInputToggle, BmsMultiSelect, BmsSearch, BmsSelect, BmsTag, BmsTextArea, BmsContentPageLayout, BmsCard, BmsForm, BmsHeader, BmsHeaderTitle, BmsModal, BmsOverlay, BmsSection, BmsStep, BmsStepper, BmsBackButton, BmsBreadcrumb, BmsFixedMenu, BmsLink, BmsMenu, BmsMenuNav, BmsShortLinkMenu, BmsTabs, BmsTenantSwitcher, BmsDraggableList, BmsEmptyScreen, BmsPagination, BmsServerTable, BmsTable, BmsCocarde, BmsProblem, BmsRelativeTime, };
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -641,6 +641,19 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
641
641
|
}
|
|
642
642
|
.icon[data-v-b0e1e6f3] svg * {
|
|
643
643
|
fill: currentColor !important;
|
|
644
|
+
}.icon[data-v-3115cc27] {
|
|
645
|
+
height: 1em;
|
|
646
|
+
width: 1em;
|
|
647
|
+
}
|
|
648
|
+
.icon.datalist-icon[data-v-3115cc27] {
|
|
649
|
+
margin: 0 0.5em;
|
|
650
|
+
}
|
|
651
|
+
.icon[data-v-3115cc27] svg {
|
|
652
|
+
height: 100%;
|
|
653
|
+
width: 100%;
|
|
654
|
+
}
|
|
655
|
+
.icon[data-v-3115cc27] svg * {
|
|
656
|
+
fill: currentColor !important;
|
|
644
657
|
}.field-between__separator[data-v-f25b520b] {
|
|
645
658
|
margin-left: 10px;
|
|
646
659
|
margin-right: 10px;
|
|
@@ -1494,7 +1507,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1494
1507
|
}
|
|
1495
1508
|
.priority[data-v-383b958c] {
|
|
1496
1509
|
z-index: calc(var(--bms-z-index-modal) + 10);
|
|
1497
|
-
}.ui-modal[data-v-
|
|
1510
|
+
}.ui-modal[data-v-c222186a] {
|
|
1498
1511
|
--modal-header-border-size: 1px;
|
|
1499
1512
|
--modal-header-color: var(--bms-grey-10);
|
|
1500
1513
|
position: fixed;
|
|
@@ -1507,23 +1520,23 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1507
1520
|
justify-content: center;
|
|
1508
1521
|
z-index: 10;
|
|
1509
1522
|
}
|
|
1510
|
-
.ui-modal.Default[data-v-
|
|
1523
|
+
.ui-modal.Default[data-v-c222186a] {
|
|
1511
1524
|
--modal-header-border-size: 1px;
|
|
1512
1525
|
--modal-header-color: var(--bms-grey-10);
|
|
1513
1526
|
}
|
|
1514
|
-
.ui-modal.success[data-v-
|
|
1527
|
+
.ui-modal.success[data-v-c222186a] {
|
|
1515
1528
|
--modal-header-border-size: 4px;
|
|
1516
1529
|
--modal-header-color: var(--bms-success-color);
|
|
1517
1530
|
}
|
|
1518
|
-
.ui-modal.warning[data-v-
|
|
1531
|
+
.ui-modal.warning[data-v-c222186a] {
|
|
1519
1532
|
--modal-header-border-size: 4px;
|
|
1520
1533
|
--modal-header-color: var(--bms-warning-color);
|
|
1521
1534
|
}
|
|
1522
|
-
.ui-modal.danger[data-v-
|
|
1535
|
+
.ui-modal.danger[data-v-c222186a] {
|
|
1523
1536
|
--modal-header-border-size: 4px;
|
|
1524
1537
|
--modal-header-color: var(--bms-danger-color);
|
|
1525
1538
|
}
|
|
1526
|
-
.ui-modal__loader[data-v-
|
|
1539
|
+
.ui-modal__loader[data-v-c222186a] {
|
|
1527
1540
|
position: absolute;
|
|
1528
1541
|
top: 0;
|
|
1529
1542
|
left: 0;
|
|
@@ -1535,12 +1548,13 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1535
1548
|
align-items: center;
|
|
1536
1549
|
justify-content: center;
|
|
1537
1550
|
background: var(--bms-white);
|
|
1551
|
+
z-index: calc(var(--bms-z-index-fixed) + 5);
|
|
1538
1552
|
}
|
|
1539
|
-
.ui-modal__loader p[data-v-
|
|
1553
|
+
.ui-modal__loader p[data-v-c222186a] {
|
|
1540
1554
|
margin: 0;
|
|
1541
1555
|
font-size: 0.88em;
|
|
1542
1556
|
}
|
|
1543
|
-
.ui-modal__title[data-v-
|
|
1557
|
+
.ui-modal__title[data-v-c222186a] {
|
|
1544
1558
|
display: flex;
|
|
1545
1559
|
align-items: center;
|
|
1546
1560
|
gap: 1rem;
|
|
@@ -1548,10 +1562,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1548
1562
|
font-size: 1.5em;
|
|
1549
1563
|
font-weight: bold;
|
|
1550
1564
|
}
|
|
1551
|
-
.ui-modal__title .title-indicator[data-v-
|
|
1565
|
+
.ui-modal__title .title-indicator[data-v-c222186a] {
|
|
1552
1566
|
color: var(--modal-header-color);
|
|
1553
1567
|
}
|
|
1554
|
-
.ui-modal__inner[data-v-
|
|
1568
|
+
.ui-modal__inner[data-v-c222186a] {
|
|
1555
1569
|
position: relative;
|
|
1556
1570
|
pointer-events: all;
|
|
1557
1571
|
background: var(--bms-white);
|
|
@@ -1562,49 +1576,50 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1562
1576
|
padding: 1em;
|
|
1563
1577
|
border-radius: var(--bms-border-radius-large);
|
|
1564
1578
|
}
|
|
1565
|
-
.ui-modal__content[data-v-
|
|
1579
|
+
.ui-modal__content[data-v-c222186a] {
|
|
1566
1580
|
margin-top: 1rem;
|
|
1567
1581
|
}
|
|
1568
|
-
.ui-modal__header[data-v-
|
|
1582
|
+
.ui-modal__header[data-v-c222186a], .ui-modal__footer[data-v-c222186a] {
|
|
1569
1583
|
margin: -1em;
|
|
1570
1584
|
position: sticky;
|
|
1571
1585
|
background: var(--bms-white);
|
|
1586
|
+
z-index: var(--bms-z-index-fixed);
|
|
1572
1587
|
}
|
|
1573
|
-
.ui-modal__header[data-v-
|
|
1588
|
+
.ui-modal__header[data-v-c222186a] {
|
|
1574
1589
|
padding: 1em 1em 0.5em 1em;
|
|
1575
1590
|
border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
|
|
1576
1591
|
margin-bottom: 0;
|
|
1577
1592
|
top: -1em;
|
|
1578
1593
|
display: flex;
|
|
1579
1594
|
}
|
|
1580
|
-
.ui-modal__header-inner[data-v-
|
|
1595
|
+
.ui-modal__header-inner[data-v-c222186a] {
|
|
1581
1596
|
flex: 1 1 auto;
|
|
1582
1597
|
}
|
|
1583
|
-
.ui-modal__footer[data-v-
|
|
1598
|
+
.ui-modal__footer[data-v-c222186a] {
|
|
1584
1599
|
padding: 1em;
|
|
1585
1600
|
margin-top: 0;
|
|
1586
1601
|
bottom: -1em;
|
|
1587
1602
|
}
|
|
1588
|
-
.ui-modal__buttons[data-v-
|
|
1603
|
+
.ui-modal__buttons[data-v-c222186a] {
|
|
1589
1604
|
display: flex;
|
|
1590
1605
|
align-items: center;
|
|
1591
1606
|
justify-content: flex-end;
|
|
1592
1607
|
gap: 1em;
|
|
1593
1608
|
}
|
|
1594
|
-
.content-fade-enter-active[data-v-
|
|
1595
|
-
.content-fade-leave-active[data-v-
|
|
1609
|
+
.content-fade-enter-active[data-v-c222186a],
|
|
1610
|
+
.content-fade-leave-active[data-v-c222186a] {
|
|
1596
1611
|
transition: opacity 0.3s ease;
|
|
1597
1612
|
}
|
|
1598
|
-
.content-fade-enter-from[data-v-
|
|
1599
|
-
.content-fade-leave-to[data-v-
|
|
1613
|
+
.content-fade-enter-from[data-v-c222186a],
|
|
1614
|
+
.content-fade-leave-to[data-v-c222186a] {
|
|
1600
1615
|
opacity: 0;
|
|
1601
1616
|
}
|
|
1602
|
-
.content-fade-enter-active .ui-modal[data-v-
|
|
1603
|
-
.content-fade-leave-active .ui-modal[data-v-
|
|
1617
|
+
.content-fade-enter-active .ui-modal[data-v-c222186a],
|
|
1618
|
+
.content-fade-leave-active .ui-modal[data-v-c222186a] {
|
|
1604
1619
|
transition: transform 0.3s ease;
|
|
1605
1620
|
}
|
|
1606
|
-
.content-fade-enter-from .ui-modal[data-v-
|
|
1607
|
-
.content-fade-leave-to .ui-modal[data-v-
|
|
1621
|
+
.content-fade-enter-from .ui-modal[data-v-c222186a],
|
|
1622
|
+
.content-fade-leave-to .ui-modal[data-v-c222186a] {
|
|
1608
1623
|
transform: scale(0.8);
|
|
1609
1624
|
}.header[data-v-2e9192be] h1,
|
|
1610
1625
|
.header[data-v-2e9192be] h2,
|
|
@@ -2400,19 +2415,6 @@ nav .additional[data-v-731a6d8c] {
|
|
|
2400
2415
|
.indicator-scale-leave-from[data-v-6047ada7] {
|
|
2401
2416
|
opacity: 1;
|
|
2402
2417
|
transform: scale(1);
|
|
2403
|
-
}.icon[data-v-3115cc27] {
|
|
2404
|
-
height: 1em;
|
|
2405
|
-
width: 1em;
|
|
2406
|
-
}
|
|
2407
|
-
.icon.datalist-icon[data-v-3115cc27] {
|
|
2408
|
-
margin: 0 0.5em;
|
|
2409
|
-
}
|
|
2410
|
-
.icon[data-v-3115cc27] svg {
|
|
2411
|
-
height: 100%;
|
|
2412
|
-
width: 100%;
|
|
2413
|
-
}
|
|
2414
|
-
.icon[data-v-3115cc27] svg * {
|
|
2415
|
-
fill: currentColor !important;
|
|
2416
2418
|
}.filters[data-v-4a441463] {
|
|
2417
2419
|
padding: 16px;
|
|
2418
2420
|
background: var(--bms-white);
|
|
@@ -2446,7 +2448,7 @@ nav .additional[data-v-731a6d8c] {
|
|
|
2446
2448
|
}
|
|
2447
2449
|
.filters__inputs .input[data-v-4a441463] {
|
|
2448
2450
|
padding-right: 32px;
|
|
2449
|
-
}.table-search[data-v-
|
|
2451
|
+
}.table-search[data-v-df695c8a] {
|
|
2450
2452
|
width: 260px;
|
|
2451
2453
|
}.table-search[data-v-2f003e4e] {
|
|
2452
2454
|
width: 260px;
|