@ouestfrance/sipa-bms-ui 8.9.3 → 8.10.1
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 +39 -37
- package/dist/sipa-bms-ui.es.js +21 -17
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +21 -17
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/form/BmsTextArea.vue +1 -1
- package/src/components/form/UiBmsSwitch.vue +1 -0
- 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
|
@@ -1036,10 +1036,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1036
1036
|
}
|
|
1037
1037
|
.input-radio-group-caption-wrapper.column[data-v-a4287904] {
|
|
1038
1038
|
flex-direction: column;
|
|
1039
|
-
}input[data-v-
|
|
1039
|
+
}input[data-v-6de1a5c6] {
|
|
1040
1040
|
display: none;
|
|
1041
1041
|
}
|
|
1042
|
-
.switch-wrapper[data-v-
|
|
1042
|
+
.switch-wrapper[data-v-6de1a5c6] {
|
|
1043
1043
|
--switch-background-color: var(--bms-grey-25);
|
|
1044
1044
|
--switch-color: var(--bms-grey-100);
|
|
1045
1045
|
--switch-transform: none;
|
|
@@ -1053,8 +1053,9 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1053
1053
|
border-radius: var(--bms-border-radius-xlarge);
|
|
1054
1054
|
position: relative;
|
|
1055
1055
|
transition: 0.2s;
|
|
1056
|
+
flex-shrink: 0;
|
|
1056
1057
|
}
|
|
1057
|
-
.switch-wrapper[data-v-
|
|
1058
|
+
.switch-wrapper[data-v-6de1a5c6]::before {
|
|
1058
1059
|
content: "";
|
|
1059
1060
|
transition: 0.5s;
|
|
1060
1061
|
transform: var(--switch-transform);
|
|
@@ -1064,12 +1065,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1064
1065
|
display: block;
|
|
1065
1066
|
border-radius: var(--bms-border-radius);
|
|
1066
1067
|
}
|
|
1067
|
-
.switch-wrapper.isOn[data-v-
|
|
1068
|
+
.switch-wrapper.isOn[data-v-6de1a5c6] {
|
|
1068
1069
|
--switch-transform: translateX(1em);
|
|
1069
1070
|
--switch-background-color: var(--bms-main-100);
|
|
1070
1071
|
--switch-color: var(--bms-white);
|
|
1071
1072
|
}
|
|
1072
|
-
.switch-wrapper.disabled[data-v-
|
|
1073
|
+
.switch-wrapper.disabled[data-v-6de1a5c6] {
|
|
1073
1074
|
--switch-background-color: var(--bms-grey-25);
|
|
1074
1075
|
--switch-color: var(--bms-grey-50);
|
|
1075
1076
|
}.input-toggle[data-v-9570e0a9] {
|
|
@@ -1288,7 +1289,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1288
1289
|
line-height: 1;
|
|
1289
1290
|
width: 100%;
|
|
1290
1291
|
height: 100%;
|
|
1291
|
-
}.field__input textarea[data-v-
|
|
1292
|
+
}.field__input textarea[data-v-b7e10b40] {
|
|
1292
1293
|
display: flex;
|
|
1293
1294
|
align-items: center;
|
|
1294
1295
|
width: 100%;
|
|
@@ -1301,22 +1302,21 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1301
1302
|
font: inherit;
|
|
1302
1303
|
color: inherit;
|
|
1303
1304
|
}
|
|
1304
|
-
.field__input textarea[data-v-
|
|
1305
|
+
.field__input textarea[data-v-b7e10b40]:hover {
|
|
1305
1306
|
--field-border-color: var(--bms-grey-100);
|
|
1306
1307
|
}
|
|
1307
|
-
.field__input textarea[data-v-
|
|
1308
|
+
.field__input textarea[data-v-b7e10b40]:active, .field__input textarea[data-v-b7e10b40]:focus {
|
|
1308
1309
|
--field-border-color: var(--field-border-color-active);
|
|
1309
1310
|
}
|
|
1310
|
-
.field__input textarea.is-error[data-v-
|
|
1311
|
+
.field__input textarea.is-error[data-v-b7e10b40] {
|
|
1311
1312
|
--field-border-color: var(--bms-red-100);
|
|
1312
1313
|
--textarea-background-color: var(--bms-red-25);
|
|
1313
1314
|
}
|
|
1314
|
-
.field__input textarea.is-disabled[data-v-
|
|
1315
|
+
.field__input textarea.is-disabled[data-v-b7e10b40] {
|
|
1315
1316
|
--field-border-color: var(--bms-grey-25);
|
|
1316
1317
|
--textarea-background-color: var(--bms-grey-25);
|
|
1317
|
-
pointer-events: none;
|
|
1318
1318
|
}
|
|
1319
|
-
.field__input textarea.is-small[data-v-
|
|
1319
|
+
.field__input textarea.is-small[data-v-b7e10b40] {
|
|
1320
1320
|
min-height: 56px;
|
|
1321
1321
|
}.page[data-v-31057778] {
|
|
1322
1322
|
margin: 0 auto;
|
|
@@ -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
|
@@ -68425,7 +68425,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
68425
68425
|
}
|
|
68426
68426
|
});
|
|
68427
68427
|
|
|
68428
|
-
const UiBmsSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-
|
|
68428
|
+
const UiBmsSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-6de1a5c6"]]);
|
|
68429
68429
|
|
|
68430
68430
|
const _hoisted_1$G = { class: "input-switch-info" };
|
|
68431
68431
|
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
@@ -86096,7 +86096,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
86096
86096
|
|
|
86097
86097
|
const BmsSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-21c618e0"]]);
|
|
86098
86098
|
|
|
86099
|
-
const _hoisted_1$C = ["value", "required", "placeholder"];
|
|
86099
|
+
const _hoisted_1$C = ["value", "required", "placeholder", "disabled"];
|
|
86100
86100
|
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
86101
86101
|
__name: "BmsTextArea",
|
|
86102
86102
|
props: {
|
|
@@ -86147,6 +86147,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
86147
86147
|
class: normalizeClass(classes.value),
|
|
86148
86148
|
required: _ctx.required,
|
|
86149
86149
|
placeholder: _ctx.placeholder,
|
|
86150
|
+
disabled: _ctx.disabled,
|
|
86150
86151
|
onInput,
|
|
86151
86152
|
onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {
|
|
86152
86153
|
}, ["stop"]), ["enter"])),
|
|
@@ -86159,7 +86160,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
86159
86160
|
}
|
|
86160
86161
|
});
|
|
86161
86162
|
|
|
86162
|
-
const BmsTextArea = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-
|
|
86163
|
+
const BmsTextArea = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-b7e10b40"]]);
|
|
86163
86164
|
|
|
86164
86165
|
const _hoisted_1$B = { class: "page__breadcrumb" };
|
|
86165
86166
|
const _hoisted_2$o = { class: "page__header" };
|
|
@@ -89563,7 +89564,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
89563
89564
|
}
|
|
89564
89565
|
});
|
|
89565
89566
|
|
|
89566
|
-
const BmsModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-
|
|
89567
|
+
const BmsModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c222186a"]]);
|
|
89567
89568
|
|
|
89568
89569
|
const _hoisted_1$u = { class: "header" };
|
|
89569
89570
|
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
@@ -101437,13 +101438,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101437
101438
|
},
|
|
101438
101439
|
{ deep: true }
|
|
101439
101440
|
);
|
|
101441
|
+
const debouncedHandler = _debounce((callBack) => {
|
|
101442
|
+
callBack();
|
|
101443
|
+
}, props.debounceTime);
|
|
101440
101444
|
watch(
|
|
101441
101445
|
[() => filters.value, () => sort.value, size, search],
|
|
101442
101446
|
() => {
|
|
101443
101447
|
if (!isMounting.value) {
|
|
101444
|
-
|
|
101445
|
-
|
|
101446
|
-
|
|
101448
|
+
const callBack = () => {
|
|
101449
|
+
currentPage.value = props.initialPage;
|
|
101450
|
+
emits("update:selectMode", SelectMode.DEFAULT);
|
|
101451
|
+
fetchData();
|
|
101452
|
+
};
|
|
101453
|
+
debouncedHandler(callBack);
|
|
101447
101454
|
}
|
|
101448
101455
|
},
|
|
101449
101456
|
{ deep: true }
|
|
@@ -101485,9 +101492,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101485
101492
|
}
|
|
101486
101493
|
}
|
|
101487
101494
|
}
|
|
101488
|
-
const debouncedSearch = _debounce((value) => {
|
|
101489
|
-
search.value = value;
|
|
101490
|
-
}, props.debounceTime);
|
|
101491
101495
|
const onPrevClick = () => {
|
|
101492
101496
|
goToPage(currentPage.value - 1, total.value);
|
|
101493
101497
|
};
|
|
@@ -101517,9 +101521,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101517
101521
|
return (_ctx, _cache) => {
|
|
101518
101522
|
return openBlock(), createBlock(UiBmsTable, {
|
|
101519
101523
|
selectedItems: selectedItems.value,
|
|
101520
|
-
"onUpdate:selectedItems": _cache[
|
|
101524
|
+
"onUpdate:selectedItems": _cache[6] || (_cache[6] = ($event) => selectedItems.value = $event),
|
|
101521
101525
|
selectMode: localSelectMode.value,
|
|
101522
|
-
"onUpdate:selectMode": _cache[
|
|
101526
|
+
"onUpdate:selectMode": _cache[7] || (_cache[7] = ($event) => localSelectMode.value = $event),
|
|
101523
101527
|
loading: loading.value,
|
|
101524
101528
|
items: unref(items),
|
|
101525
101529
|
headers: _ctx.headers,
|
|
@@ -101583,8 +101587,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101583
101587
|
createVNode(BmsSearch, {
|
|
101584
101588
|
modelValue: unref(search),
|
|
101585
101589
|
class: "table-search",
|
|
101586
|
-
"onUpdate:modelValue":
|
|
101587
|
-
}, null, 8, ["modelValue"
|
|
101590
|
+
"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => search.value = $event)
|
|
101591
|
+
}, null, 8, ["modelValue"])
|
|
101588
101592
|
], true) : createCommentVNode("", true)
|
|
101589
101593
|
]),
|
|
101590
101594
|
empty: withCtx(() => [
|
|
@@ -101599,14 +101603,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101599
101603
|
props.size ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
|
|
101600
101604
|
createVNode(BmsPagination, {
|
|
101601
101605
|
currentSize: unref(size),
|
|
101602
|
-
"onUpdate:currentSize": _cache[
|
|
101606
|
+
"onUpdate:currentSize": _cache[4] || (_cache[4] = ($event) => isRef(size) ? size.value = $event : null),
|
|
101603
101607
|
total: total.value,
|
|
101604
101608
|
currentPage: props.initialPage === 1 ? unref(currentPage) - 1 : unref(currentPage),
|
|
101605
101609
|
sizes: unref(paginationsOptions),
|
|
101606
101610
|
pages: totalPages.value,
|
|
101607
101611
|
onPrev: onPrevClick,
|
|
101608
101612
|
onNext: onNextClick,
|
|
101609
|
-
onGo: _cache[
|
|
101613
|
+
onGo: _cache[5] || (_cache[5] = ($event) => go($event))
|
|
101610
101614
|
}, null, 8, ["currentSize", "total", "currentPage", "sizes", "pages"])
|
|
101611
101615
|
])) : createCommentVNode("", true)
|
|
101612
101616
|
]),
|
|
@@ -101625,7 +101629,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
101625
101629
|
}
|
|
101626
101630
|
});
|
|
101627
101631
|
|
|
101628
|
-
const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
|
|
101632
|
+
const BmsServerTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-df695c8a"]]);
|
|
101629
101633
|
|
|
101630
101634
|
const _hoisted_1$6 = { class: "filters-container" };
|
|
101631
101635
|
const _hoisted_2$5 = {
|