@ouestfrance/sipa-bms-ui 8.9.3 → 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/sipa-bms-ui.css +27 -25
- package/dist/sipa-bms-ui.es.js +17 -14
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +17 -14
- 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/dist/sipa-bms-ui.css
CHANGED
|
@@ -1507,7 +1507,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1507
1507
|
}
|
|
1508
1508
|
.priority[data-v-383b958c] {
|
|
1509
1509
|
z-index: calc(var(--bms-z-index-modal) + 10);
|
|
1510
|
-
}.ui-modal[data-v-
|
|
1510
|
+
}.ui-modal[data-v-c222186a] {
|
|
1511
1511
|
--modal-header-border-size: 1px;
|
|
1512
1512
|
--modal-header-color: var(--bms-grey-10);
|
|
1513
1513
|
position: fixed;
|
|
@@ -1520,23 +1520,23 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1520
1520
|
justify-content: center;
|
|
1521
1521
|
z-index: 10;
|
|
1522
1522
|
}
|
|
1523
|
-
.ui-modal.Default[data-v-
|
|
1523
|
+
.ui-modal.Default[data-v-c222186a] {
|
|
1524
1524
|
--modal-header-border-size: 1px;
|
|
1525
1525
|
--modal-header-color: var(--bms-grey-10);
|
|
1526
1526
|
}
|
|
1527
|
-
.ui-modal.success[data-v-
|
|
1527
|
+
.ui-modal.success[data-v-c222186a] {
|
|
1528
1528
|
--modal-header-border-size: 4px;
|
|
1529
1529
|
--modal-header-color: var(--bms-success-color);
|
|
1530
1530
|
}
|
|
1531
|
-
.ui-modal.warning[data-v-
|
|
1531
|
+
.ui-modal.warning[data-v-c222186a] {
|
|
1532
1532
|
--modal-header-border-size: 4px;
|
|
1533
1533
|
--modal-header-color: var(--bms-warning-color);
|
|
1534
1534
|
}
|
|
1535
|
-
.ui-modal.danger[data-v-
|
|
1535
|
+
.ui-modal.danger[data-v-c222186a] {
|
|
1536
1536
|
--modal-header-border-size: 4px;
|
|
1537
1537
|
--modal-header-color: var(--bms-danger-color);
|
|
1538
1538
|
}
|
|
1539
|
-
.ui-modal__loader[data-v-
|
|
1539
|
+
.ui-modal__loader[data-v-c222186a] {
|
|
1540
1540
|
position: absolute;
|
|
1541
1541
|
top: 0;
|
|
1542
1542
|
left: 0;
|
|
@@ -1548,12 +1548,13 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1548
1548
|
align-items: center;
|
|
1549
1549
|
justify-content: center;
|
|
1550
1550
|
background: var(--bms-white);
|
|
1551
|
+
z-index: calc(var(--bms-z-index-fixed) + 5);
|
|
1551
1552
|
}
|
|
1552
|
-
.ui-modal__loader p[data-v-
|
|
1553
|
+
.ui-modal__loader p[data-v-c222186a] {
|
|
1553
1554
|
margin: 0;
|
|
1554
1555
|
font-size: 0.88em;
|
|
1555
1556
|
}
|
|
1556
|
-
.ui-modal__title[data-v-
|
|
1557
|
+
.ui-modal__title[data-v-c222186a] {
|
|
1557
1558
|
display: flex;
|
|
1558
1559
|
align-items: center;
|
|
1559
1560
|
gap: 1rem;
|
|
@@ -1561,10 +1562,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1561
1562
|
font-size: 1.5em;
|
|
1562
1563
|
font-weight: bold;
|
|
1563
1564
|
}
|
|
1564
|
-
.ui-modal__title .title-indicator[data-v-
|
|
1565
|
+
.ui-modal__title .title-indicator[data-v-c222186a] {
|
|
1565
1566
|
color: var(--modal-header-color);
|
|
1566
1567
|
}
|
|
1567
|
-
.ui-modal__inner[data-v-
|
|
1568
|
+
.ui-modal__inner[data-v-c222186a] {
|
|
1568
1569
|
position: relative;
|
|
1569
1570
|
pointer-events: all;
|
|
1570
1571
|
background: var(--bms-white);
|
|
@@ -1575,49 +1576,50 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1575
1576
|
padding: 1em;
|
|
1576
1577
|
border-radius: var(--bms-border-radius-large);
|
|
1577
1578
|
}
|
|
1578
|
-
.ui-modal__content[data-v-
|
|
1579
|
+
.ui-modal__content[data-v-c222186a] {
|
|
1579
1580
|
margin-top: 1rem;
|
|
1580
1581
|
}
|
|
1581
|
-
.ui-modal__header[data-v-
|
|
1582
|
+
.ui-modal__header[data-v-c222186a], .ui-modal__footer[data-v-c222186a] {
|
|
1582
1583
|
margin: -1em;
|
|
1583
1584
|
position: sticky;
|
|
1584
1585
|
background: var(--bms-white);
|
|
1586
|
+
z-index: var(--bms-z-index-fixed);
|
|
1585
1587
|
}
|
|
1586
|
-
.ui-modal__header[data-v-
|
|
1588
|
+
.ui-modal__header[data-v-c222186a] {
|
|
1587
1589
|
padding: 1em 1em 0.5em 1em;
|
|
1588
1590
|
border-bottom: var(--modal-header-border-size) solid var(--modal-header-color);
|
|
1589
1591
|
margin-bottom: 0;
|
|
1590
1592
|
top: -1em;
|
|
1591
1593
|
display: flex;
|
|
1592
1594
|
}
|
|
1593
|
-
.ui-modal__header-inner[data-v-
|
|
1595
|
+
.ui-modal__header-inner[data-v-c222186a] {
|
|
1594
1596
|
flex: 1 1 auto;
|
|
1595
1597
|
}
|
|
1596
|
-
.ui-modal__footer[data-v-
|
|
1598
|
+
.ui-modal__footer[data-v-c222186a] {
|
|
1597
1599
|
padding: 1em;
|
|
1598
1600
|
margin-top: 0;
|
|
1599
1601
|
bottom: -1em;
|
|
1600
1602
|
}
|
|
1601
|
-
.ui-modal__buttons[data-v-
|
|
1603
|
+
.ui-modal__buttons[data-v-c222186a] {
|
|
1602
1604
|
display: flex;
|
|
1603
1605
|
align-items: center;
|
|
1604
1606
|
justify-content: flex-end;
|
|
1605
1607
|
gap: 1em;
|
|
1606
1608
|
}
|
|
1607
|
-
.content-fade-enter-active[data-v-
|
|
1608
|
-
.content-fade-leave-active[data-v-
|
|
1609
|
+
.content-fade-enter-active[data-v-c222186a],
|
|
1610
|
+
.content-fade-leave-active[data-v-c222186a] {
|
|
1609
1611
|
transition: opacity 0.3s ease;
|
|
1610
1612
|
}
|
|
1611
|
-
.content-fade-enter-from[data-v-
|
|
1612
|
-
.content-fade-leave-to[data-v-
|
|
1613
|
+
.content-fade-enter-from[data-v-c222186a],
|
|
1614
|
+
.content-fade-leave-to[data-v-c222186a] {
|
|
1613
1615
|
opacity: 0;
|
|
1614
1616
|
}
|
|
1615
|
-
.content-fade-enter-active .ui-modal[data-v-
|
|
1616
|
-
.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] {
|
|
1617
1619
|
transition: transform 0.3s ease;
|
|
1618
1620
|
}
|
|
1619
|
-
.content-fade-enter-from .ui-modal[data-v-
|
|
1620
|
-
.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] {
|
|
1621
1623
|
transform: scale(0.8);
|
|
1622
1624
|
}.header[data-v-2e9192be] h1,
|
|
1623
1625
|
.header[data-v-2e9192be] h2,
|
|
@@ -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;
|
package/dist/sipa-bms-ui.es.js
CHANGED
|
@@ -89563,7 +89563,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
89563
89563
|
}
|
|
89564
89564
|
});
|
|
89565
89565
|
|
|
89566
|
-
const BmsModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-
|
|
89566
|
+
const BmsModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c222186a"]]);
|
|
89567
89567
|
|
|
89568
89568
|
const _hoisted_1$u = { class: "header" };
|
|
89569
89569
|
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
@@ -101437,13 +101437,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101437
101437
|
},
|
|
101438
101438
|
{ deep: true }
|
|
101439
101439
|
);
|
|
101440
|
+
const debouncedHandler = _debounce((callBack) => {
|
|
101441
|
+
callBack();
|
|
101442
|
+
}, props.debounceTime);
|
|
101440
101443
|
watch(
|
|
101441
101444
|
[() => filters.value, () => sort.value, size, search],
|
|
101442
101445
|
() => {
|
|
101443
101446
|
if (!isMounting.value) {
|
|
101444
|
-
|
|
101445
|
-
|
|
101446
|
-
|
|
101447
|
+
const callBack = () => {
|
|
101448
|
+
currentPage.value = props.initialPage;
|
|
101449
|
+
emits("update:selectMode", SelectMode.DEFAULT);
|
|
101450
|
+
fetchData();
|
|
101451
|
+
};
|
|
101452
|
+
debouncedHandler(callBack);
|
|
101447
101453
|
}
|
|
101448
101454
|
},
|
|
101449
101455
|
{ deep: true }
|
|
@@ -101485,9 +101491,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101485
101491
|
}
|
|
101486
101492
|
}
|
|
101487
101493
|
}
|
|
101488
|
-
const debouncedSearch = _debounce((value) => {
|
|
101489
|
-
search.value = value;
|
|
101490
|
-
}, props.debounceTime);
|
|
101491
101494
|
const onPrevClick = () => {
|
|
101492
101495
|
goToPage(currentPage.value - 1, total.value);
|
|
101493
101496
|
};
|
|
@@ -101517,9 +101520,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101517
101520
|
return (_ctx, _cache) => {
|
|
101518
101521
|
return openBlock(), createBlock(UiBmsTable, {
|
|
101519
101522
|
selectedItems: selectedItems.value,
|
|
101520
|
-
"onUpdate:selectedItems": _cache[
|
|
101523
|
+
"onUpdate:selectedItems": _cache[6] || (_cache[6] = ($event) => selectedItems.value = $event),
|
|
101521
101524
|
selectMode: localSelectMode.value,
|
|
101522
|
-
"onUpdate:selectMode": _cache[
|
|
101525
|
+
"onUpdate:selectMode": _cache[7] || (_cache[7] = ($event) => localSelectMode.value = $event),
|
|
101523
101526
|
loading: loading.value,
|
|
101524
101527
|
items: unref(items),
|
|
101525
101528
|
headers: _ctx.headers,
|
|
@@ -101583,8 +101586,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101583
101586
|
createVNode(BmsSearch, {
|
|
101584
101587
|
modelValue: unref(search),
|
|
101585
101588
|
class: "table-search",
|
|
101586
|
-
"onUpdate:modelValue":
|
|
101587
|
-
}, null, 8, ["modelValue"
|
|
101589
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => search.value = $event)
|
|
101590
|
+
}, null, 8, ["modelValue"])
|
|
101588
101591
|
], true) : createCommentVNode("", true)
|
|
101589
101592
|
]),
|
|
101590
101593
|
empty: withCtx(() => [
|
|
@@ -101599,14 +101602,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101599
101602
|
props.size ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
|
|
101600
101603
|
createVNode(BmsPagination, {
|
|
101601
101604
|
currentSize: unref(size),
|
|
101602
|
-
"onUpdate:currentSize": _cache[
|
|
101605
|
+
"onUpdate:currentSize": _cache[4] || (_cache[4] = ($event) => isRef(size) ? size.value = $event : null),
|
|
101603
101606
|
total: total.value,
|
|
101604
101607
|
currentPage: props.initialPage === 1 ? unref(currentPage) - 1 : unref(currentPage),
|
|
101605
101608
|
sizes: unref(paginationsOptions),
|
|
101606
101609
|
pages: totalPages.value,
|
|
101607
101610
|
onPrev: onPrevClick,
|
|
101608
101611
|
onNext: onNextClick,
|
|
101609
|
-
onGo: _cache[
|
|
101612
|
+
onGo: _cache[5] || (_cache[5] = ($event) => go($event))
|
|
101610
101613
|
}, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages"])
|
|
101611
101614
|
])) : createCommentVNode("", true)
|
|
101612
101615
|
]),
|
|
@@ -101625,7 +101628,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101625
101628
|
}
|
|
101626
101629
|
});
|
|
101627
101630
|
|
|
101628
|
-
const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
|
|
101631
|
+
const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-df695c8a"]]);
|
|
101629
101632
|
|
|
101630
101633
|
const _hoisted_1$6 = { class: "filters-container" };
|
|
101631
101634
|
const _hoisted_2$5 = {
|