@vcita/design-system 0.6.2 → 0.6.3
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/CHANGELOG.MD
CHANGED
|
@@ -3568,30 +3568,22 @@ var script$r = {
|
|
|
3568
3568
|
default: 'VcListbox'
|
|
3569
3569
|
}
|
|
3570
3570
|
},
|
|
3571
|
-
data: () => ({
|
|
3572
|
-
confirmedArray: []
|
|
3573
|
-
}),
|
|
3574
|
-
watch: {
|
|
3575
|
-
items: {
|
|
3576
|
-
immediate: true,
|
|
3577
|
-
deep: true,
|
|
3578
|
-
|
|
3579
|
-
handler(values) {
|
|
3580
|
-
this.confirmedArray = values.filter(item => item.checked);
|
|
3581
|
-
}
|
|
3582
|
-
|
|
3583
|
-
}
|
|
3584
|
-
},
|
|
3585
3571
|
computed: {
|
|
3586
3572
|
getAddAnotherLabel() {
|
|
3587
3573
|
return this.addAnotherLabel || this.$dst('ds.listbox.add');
|
|
3574
|
+
},
|
|
3575
|
+
|
|
3576
|
+
confirmedArray() {
|
|
3577
|
+
return this.items.filter(item => item.checked);
|
|
3588
3578
|
}
|
|
3589
3579
|
|
|
3590
3580
|
},
|
|
3591
3581
|
methods: {
|
|
3592
3582
|
onSelection(selections) {
|
|
3593
|
-
selections.
|
|
3594
|
-
|
|
3583
|
+
const newSelections = selections.map(selected => ({ ...selected,
|
|
3584
|
+
checked: true
|
|
3585
|
+
}));
|
|
3586
|
+
this.$emit('change', newSelections);
|
|
3595
3587
|
}
|
|
3596
3588
|
|
|
3597
3589
|
}
|
|
@@ -3622,17 +3614,11 @@ var __vue_render__$r = function () {
|
|
|
3622
3614
|
staticClass: "vc-overflow"
|
|
3623
3615
|
}, [_c('v-list-item-group', {
|
|
3624
3616
|
attrs: {
|
|
3617
|
+
"value": _vm.confirmedArray,
|
|
3625
3618
|
"multiple": ""
|
|
3626
3619
|
},
|
|
3627
3620
|
on: {
|
|
3628
3621
|
"change": _vm.onSelection
|
|
3629
|
-
},
|
|
3630
|
-
model: {
|
|
3631
|
-
value: _vm.confirmedArray,
|
|
3632
|
-
callback: function ($$v) {
|
|
3633
|
-
_vm.confirmedArray = $$v;
|
|
3634
|
-
},
|
|
3635
|
-
expression: "confirmedArray"
|
|
3636
3622
|
}
|
|
3637
3623
|
}, _vm._l(_vm.items, function (item, index) {
|
|
3638
3624
|
return _c('VcTooltip', {
|
|
@@ -3686,8 +3672,8 @@ var __vue_staticRenderFns__$r = [];
|
|
|
3686
3672
|
|
|
3687
3673
|
const __vue_inject_styles__$r = function (inject) {
|
|
3688
3674
|
if (!inject) return;
|
|
3689
|
-
inject("data-v-
|
|
3690
|
-
source: "[data-v-
|
|
3675
|
+
inject("data-v-07369312_0", {
|
|
3676
|
+
source: "[data-v-07369312]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--popover-width:360px;--popover-max-height:464px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-list-title[data-v-07369312]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-small2);line-height:var(--size-value5);margin-block-end:var(--size-value3)}.VcListbox[data-v-07369312]{padding-block:var(--size-value1);margin-block:var(--size-value1);border:1px solid var(--gray-lighten-1);box-sizing:border-box;border-radius:var(--border-radius);box-shadow:none!important}.VcListbox .vc-overflow[data-v-07369312]{overflow:auto;max-height:160px}.VcListbox .vc-overflow .vc-list-item[data-v-07369312]{padding:var(--size-value0);min-height:unset}.VcListbox .vc-overflow .vc-list-item[data-v-07369312]:before{opacity:0}.VcListbox .divider[data-v-07369312]{border-color:var(--gray-lighten-1)}.VcListbox .last-item[data-v-07369312]{cursor:pointer;min-height:var(--size-value10)}.VcListbox .last-item[data-v-07369312]:hover{background-color:var(--gray-lighten-3)}.VcListbox .last-item .add-another-label[data-v-07369312]{font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small);line-height:var(--size-value5);color:var(--gray-darken-5)}.VcListbox .last-item .add-another-icon[data-v-07369312]{margin-inline-end:var(--size-value3);cursor:pointer}.VcListbox .last-item .add-another-icon[data-v-07369312] .v-icon__component{height:unset;width:unset}.VcListbox .last-item .add-another-icon[data-v-07369312] .v-icon__component svg{width:var(--size-value3)}",
|
|
3691
3677
|
map: undefined,
|
|
3692
3678
|
media: undefined
|
|
3693
3679
|
});
|
|
@@ -3695,7 +3681,7 @@ const __vue_inject_styles__$r = function (inject) {
|
|
|
3695
3681
|
/* scoped */
|
|
3696
3682
|
|
|
3697
3683
|
|
|
3698
|
-
const __vue_scope_id__$r = "data-v-
|
|
3684
|
+
const __vue_scope_id__$r = "data-v-07369312";
|
|
3699
3685
|
/* module identifier */
|
|
3700
3686
|
|
|
3701
3687
|
const __vue_module_identifier__$r = undefined;
|