@bagelink/vue 0.0.813 → 0.0.815
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OA4XO,EAKN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA0L/B,iBAAS,cAAc;;
|
|
1
|
+
{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SelectInput.vue"],"names":[],"mappings":"AAAA,OA4XO,EAKN,KAAK,aAAa,EAClB,KAAK,MAAM,EAEX,MAAM,eAAe,CAAA;AAEtB,OAAO,wBAAwB,CAAA;AA0L/B,iBAAS,cAAc;;sBAsNI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA8BP,GAAG,8CACF,GAAG,yBAAyB,GACnD,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WArBzB,OAAO,IAA6B;EAEjD;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAvbX,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;;;;aAbjB,MAAM,EAAE;kBACH,MAAM;eACT,OAAO;iBACL,MAAM;iBACN,OAAO;eACT,OAAO;YACV,MAAM;gBACF,OAAO;kBACL,OAAO;WACd,aAAa;gBACR,OAAO;mBACJ,MAAM;gBACT,OAAO;wBACC,MAAM;;;kFAibzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/index.cjs
CHANGED
|
@@ -43667,7 +43667,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
43667
43667
|
const searchTerm = search.value.split(/\s+/).filter(Boolean).map((t) => new RegExp(t.replaceAll(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"));
|
|
43668
43668
|
return Boolean(option2) && searchTerm.every((s2) => getLabel(option2).match(s2));
|
|
43669
43669
|
}));
|
|
43670
|
-
const isSelected = (option2) => selectedItems.value.
|
|
43670
|
+
const isSelected = (option2) => selectedItems.value.find((item) => getValue(option2) === getValue(item)) !== void 0;
|
|
43671
43671
|
function updateOpen(visible) {
|
|
43672
43672
|
open.value = visible;
|
|
43673
43673
|
if (!open.value) {
|
|
@@ -43878,7 +43878,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
43878
43878
|
};
|
|
43879
43879
|
}
|
|
43880
43880
|
});
|
|
43881
|
-
const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-
|
|
43881
|
+
const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-94b45d29"]]);
|
|
43882
43882
|
const _hoisted_1$n = {
|
|
43883
43883
|
class: "toolbar flex gap-025 pb-05 flex-wrap",
|
|
43884
43884
|
role: "toolbar"
|
package/dist/index.mjs
CHANGED
|
@@ -43665,7 +43665,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
43665
43665
|
const searchTerm = search.value.split(/\s+/).filter(Boolean).map((t) => new RegExp(t.replaceAll(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"));
|
|
43666
43666
|
return Boolean(option2) && searchTerm.every((s2) => getLabel(option2).match(s2));
|
|
43667
43667
|
}));
|
|
43668
|
-
const isSelected = (option2) => selectedItems.value.
|
|
43668
|
+
const isSelected = (option2) => selectedItems.value.find((item) => getValue(option2) === getValue(item)) !== void 0;
|
|
43669
43669
|
function updateOpen(visible) {
|
|
43670
43670
|
open.value = visible;
|
|
43671
43671
|
if (!open.value) {
|
|
@@ -43876,7 +43876,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
43876
43876
|
};
|
|
43877
43877
|
}
|
|
43878
43878
|
});
|
|
43879
|
-
const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-
|
|
43879
|
+
const SelectInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-94b45d29"]]);
|
|
43880
43880
|
const _hoisted_1$n = {
|
|
43881
43881
|
class: "toolbar flex gap-025 pb-05 flex-wrap",
|
|
43882
43882
|
role: "toolbar"
|
package/dist/style.css
CHANGED
|
@@ -1190,10 +1190,10 @@ p {
|
|
|
1190
1190
|
}
|
|
1191
1191
|
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
|
|
1192
1192
|
|
|
1193
|
-
.selectinput[data-v-
|
|
1193
|
+
.selectinput[data-v-94b45d29] {
|
|
1194
1194
|
width: 100%;
|
|
1195
1195
|
}
|
|
1196
|
-
.selectinput-option[data-v-
|
|
1196
|
+
.selectinput-option[data-v-94b45d29] {
|
|
1197
1197
|
padding: 6px 12px;
|
|
1198
1198
|
cursor: pointer;
|
|
1199
1199
|
border-radius: 5px;
|
|
@@ -1205,23 +1205,23 @@ p {
|
|
|
1205
1205
|
font-size: var(--input-font-size);
|
|
1206
1206
|
margin-block: 0.15rem;
|
|
1207
1207
|
}
|
|
1208
|
-
.selectinput-option .bgl_icon-font[data-v-
|
|
1208
|
+
.selectinput-option .bgl_icon-font[data-v-94b45d29]{
|
|
1209
1209
|
line-height: normal;
|
|
1210
1210
|
}
|
|
1211
|
-
.selectinput-options.multiselect .selectinput-option[data-v-
|
|
1211
|
+
.selectinput-options.multiselect .selectinput-option[data-v-94b45d29] {
|
|
1212
1212
|
grid-template-columns: 10px 1fr;
|
|
1213
1213
|
}
|
|
1214
|
-
.selectinput-options[data-v-
|
|
1214
|
+
.selectinput-options[data-v-94b45d29] {
|
|
1215
1215
|
max-height: 300px;
|
|
1216
1216
|
overflow-y: auto;
|
|
1217
1217
|
}
|
|
1218
|
-
.selectinput-option[data-v-
|
|
1218
|
+
.selectinput-option[data-v-94b45d29]:hover {
|
|
1219
1219
|
background: var(--bgl-gray-20);
|
|
1220
1220
|
}
|
|
1221
|
-
.isEmpty p[data-v-
|
|
1221
|
+
.isEmpty p[data-v-94b45d29] {
|
|
1222
1222
|
opacity: 0.3;
|
|
1223
1223
|
}
|
|
1224
|
-
.selected[data-v-
|
|
1224
|
+
.selected[data-v-94b45d29]{
|
|
1225
1225
|
/* background: var(--bgl-primary-tint); */
|
|
1226
1226
|
background: var(--bgl-selected);
|
|
1227
1227
|
}
|
package/package.json
CHANGED
|
@@ -72,7 +72,7 @@ const filteredOptions = $computed(() => props.options.filter((option) => {
|
|
|
72
72
|
)
|
|
73
73
|
}))
|
|
74
74
|
|
|
75
|
-
const isSelected = (option: Option) => selectedItems.
|
|
75
|
+
const isSelected = (option: Option) => selectedItems.find(item => getValue(option) === getValue(item)) !== undefined
|
|
76
76
|
|
|
77
77
|
function updateOpen(visible: boolean) {
|
|
78
78
|
open = visible
|
|
@@ -267,8 +267,8 @@ onMounted(() => {
|
|
|
267
267
|
>
|
|
268
268
|
<template v-if="multiselect">
|
|
269
269
|
<Icon
|
|
270
|
-
v-if="isSelected(option)" :size="1.1
|
|
271
|
-
|
|
270
|
+
v-if="isSelected(option)" :size="1.1"
|
|
271
|
+
icon="select_check_box"
|
|
272
272
|
/>
|
|
273
273
|
<Icon
|
|
274
274
|
v-if="!isSelected(option)"
|