@bagelink/vue 0.0.891 → 0.0.897
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/Carousel.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/FileUpload.vue.d.ts +2 -0
- package/dist/components/form/inputs/FileUpload.vue.d.ts.map +1 -1
- package/dist/index.cjs +18 -8
- package/dist/index.mjs +18 -8
- package/dist/style.css +47 -47
- package/package.json +1 -1
- package/src/components/Carousel.vue +14 -5
- package/src/components/form/inputs/FileUpload.vue +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA2ZA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAwCD,iBAAS,cAAc;;yBAsEM,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;WAUf,OAAO,IAA6B;EAEjD;AA6BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -84,6 +84,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
|
|
|
84
84
|
fill?: boolean;
|
|
85
85
|
oval?: boolean;
|
|
86
86
|
theme?: "dropzone" | "basic";
|
|
87
|
+
accept?: string;
|
|
87
88
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
88
89
|
"update:modelValue": (...args: any[]) => void;
|
|
89
90
|
addFileStart: (...args: any[]) => void;
|
|
@@ -99,6 +100,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
|
|
|
99
100
|
fill?: boolean;
|
|
100
101
|
oval?: boolean;
|
|
101
102
|
theme?: "dropzone" | "basic";
|
|
103
|
+
accept?: string;
|
|
102
104
|
}> & Readonly<{
|
|
103
105
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
104
106
|
onAddFileStart?: ((...args: any[]) => any) | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAwkBA,OAAO,EAAmC,KAAK,WAAW,EAAkB,MAAM,eAAe,CAAA;AAKjG,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAuJzC,iBAAS,MAAM,SAiBd;AA6BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA3KZ,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAglBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BAnlBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAilBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA9oBZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;;YAXP,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;kFA0oBd,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
|
@@ -597,13 +597,21 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
597
597
|
child.addEventListener("click", preventDefaultClick);
|
|
598
598
|
});
|
|
599
599
|
}
|
|
600
|
-
function
|
|
601
|
-
if (!
|
|
602
|
-
|
|
603
|
-
const
|
|
600
|
+
function calcHeight() {
|
|
601
|
+
if (!bglSlider.value) return;
|
|
602
|
+
try {
|
|
603
|
+
const slide = bglSlider.value.children[activeSlideIndex.value];
|
|
604
|
+
if (!slide) return;
|
|
605
|
+
const children2 = Array.from(slide.children);
|
|
604
606
|
const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
|
|
605
607
|
yHeight.value = `${totalHeight}px`;
|
|
606
|
-
}
|
|
608
|
+
} catch (error) {
|
|
609
|
+
console.error(error);
|
|
610
|
+
}
|
|
611
|
+
}
|
|
612
|
+
function updateHeight() {
|
|
613
|
+
if (!props2.autoHeight) return;
|
|
614
|
+
setTimeout(calcHeight, 200);
|
|
607
615
|
}
|
|
608
616
|
function easeScroll(target, duration = 500) {
|
|
609
617
|
if (!bglSlider.value || isPressed.value) return;
|
|
@@ -739,7 +747,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
739
747
|
};
|
|
740
748
|
}
|
|
741
749
|
});
|
|
742
|
-
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-
|
|
750
|
+
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-98e36ac5"]]);
|
|
743
751
|
function _isPlaceholder(a2) {
|
|
744
752
|
return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
|
|
745
753
|
}
|
|
@@ -18674,7 +18682,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
18674
18682
|
topic: {},
|
|
18675
18683
|
fill: { type: Boolean },
|
|
18676
18684
|
oval: { type: Boolean },
|
|
18677
|
-
theme: {}
|
|
18685
|
+
theme: {},
|
|
18686
|
+
accept: {}
|
|
18678
18687
|
},
|
|
18679
18688
|
emits: ["update:modelValue", "addFileStart"],
|
|
18680
18689
|
setup(__props, { emit: __emit }) {
|
|
@@ -18783,6 +18792,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
18783
18792
|
const input = document.createElement("input");
|
|
18784
18793
|
input.type = "file";
|
|
18785
18794
|
input.multiple = props2.multiple;
|
|
18795
|
+
input.accept = props2.accept || "*";
|
|
18786
18796
|
input.onchange = (e) => {
|
|
18787
18797
|
const target = e.target;
|
|
18788
18798
|
if (target.files) {
|
|
@@ -19029,7 +19039,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
19029
19039
|
};
|
|
19030
19040
|
}
|
|
19031
19041
|
});
|
|
19032
|
-
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-
|
|
19042
|
+
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-963c1a6d"]]);
|
|
19033
19043
|
const _hoisted_1$u = ["title"];
|
|
19034
19044
|
const _hoisted_2$k = { key: 0 };
|
|
19035
19045
|
const _hoisted_3$g = ["value", "placeholder"];
|
package/dist/index.mjs
CHANGED
|
@@ -595,13 +595,21 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
595
595
|
child.addEventListener("click", preventDefaultClick);
|
|
596
596
|
});
|
|
597
597
|
}
|
|
598
|
-
function
|
|
599
|
-
if (!
|
|
600
|
-
|
|
601
|
-
const
|
|
598
|
+
function calcHeight() {
|
|
599
|
+
if (!bglSlider.value) return;
|
|
600
|
+
try {
|
|
601
|
+
const slide = bglSlider.value.children[activeSlideIndex.value];
|
|
602
|
+
if (!slide) return;
|
|
603
|
+
const children2 = Array.from(slide.children);
|
|
602
604
|
const totalHeight = children2.reduce((sum, el) => sum + el.clientHeight, 0);
|
|
603
605
|
yHeight.value = `${totalHeight}px`;
|
|
604
|
-
}
|
|
606
|
+
} catch (error) {
|
|
607
|
+
console.error(error);
|
|
608
|
+
}
|
|
609
|
+
}
|
|
610
|
+
function updateHeight() {
|
|
611
|
+
if (!props2.autoHeight) return;
|
|
612
|
+
setTimeout(calcHeight, 200);
|
|
605
613
|
}
|
|
606
614
|
function easeScroll(target, duration = 500) {
|
|
607
615
|
if (!bglSlider.value || isPressed.value) return;
|
|
@@ -737,7 +745,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
737
745
|
};
|
|
738
746
|
}
|
|
739
747
|
});
|
|
740
|
-
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-
|
|
748
|
+
const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-98e36ac5"]]);
|
|
741
749
|
function _isPlaceholder(a2) {
|
|
742
750
|
return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
|
|
743
751
|
}
|
|
@@ -18672,7 +18680,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
18672
18680
|
topic: {},
|
|
18673
18681
|
fill: { type: Boolean },
|
|
18674
18682
|
oval: { type: Boolean },
|
|
18675
|
-
theme: {}
|
|
18683
|
+
theme: {},
|
|
18684
|
+
accept: {}
|
|
18676
18685
|
},
|
|
18677
18686
|
emits: ["update:modelValue", "addFileStart"],
|
|
18678
18687
|
setup(__props, { emit: __emit }) {
|
|
@@ -18781,6 +18790,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
18781
18790
|
const input = document.createElement("input");
|
|
18782
18791
|
input.type = "file";
|
|
18783
18792
|
input.multiple = props2.multiple;
|
|
18793
|
+
input.accept = props2.accept || "*";
|
|
18784
18794
|
input.onchange = (e) => {
|
|
18785
18795
|
const target = e.target;
|
|
18786
18796
|
if (target.files) {
|
|
@@ -19027,7 +19037,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
19027
19037
|
};
|
|
19028
19038
|
}
|
|
19029
19039
|
});
|
|
19030
|
-
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-
|
|
19040
|
+
const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-963c1a6d"]]);
|
|
19031
19041
|
const _hoisted_1$u = ["title"];
|
|
19032
19042
|
const _hoisted_2$k = { key: 0 };
|
|
19033
19043
|
const _hoisted_3$g = ["value", "placeholder"];
|
package/dist/style.css
CHANGED
|
@@ -350,7 +350,7 @@ display: block;
|
|
|
350
350
|
padding: 0;
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.blocker[data-v-
|
|
353
|
+
.blocker[data-v-98e36ac5] {
|
|
354
354
|
position: fixed;
|
|
355
355
|
top: 0;
|
|
356
356
|
left: 0;
|
|
@@ -358,7 +358,7 @@ display: block;
|
|
|
358
358
|
height: 100%;
|
|
359
359
|
z-index: 100;
|
|
360
360
|
}
|
|
361
|
-
.bgl-slider[data-v-
|
|
361
|
+
.bgl-slider[data-v-98e36ac5] {
|
|
362
362
|
display: grid;
|
|
363
363
|
position: relative;
|
|
364
364
|
/* scroll-behavior: smooth; */
|
|
@@ -367,43 +367,43 @@ display: block;
|
|
|
367
367
|
/* scroll-snap-type: x mandatory; */
|
|
368
368
|
overflow-x: hidden;
|
|
369
369
|
}
|
|
370
|
-
.autoHeight[data-v-
|
|
370
|
+
.autoHeight[data-v-98e36ac5] {
|
|
371
371
|
transition: height ease 0.7s;
|
|
372
372
|
}
|
|
373
|
-
.bgl-slider.allowScroll[data-v-
|
|
373
|
+
.bgl-slider.allowScroll[data-v-98e36ac5] {
|
|
374
374
|
overflow-x: scroll;
|
|
375
375
|
}
|
|
376
|
-
.bgl-slider[data-v-
|
|
376
|
+
.bgl-slider[data-v-98e36ac5] {
|
|
377
377
|
grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 1) * 1%);
|
|
378
378
|
gap: 1%;
|
|
379
379
|
}
|
|
380
|
-
.bgl-slider.odd[data-v-
|
|
380
|
+
.bgl-slider.odd[data-v-98e36ac5] {
|
|
381
381
|
grid-auto-columns: calc(100% / var(--item-count) - calc(var(--item-count) - 2) * 1%);
|
|
382
382
|
}
|
|
383
|
-
.bgl-slider.slides-1[data-v-
|
|
383
|
+
.bgl-slider.slides-1[data-v-98e36ac5] {
|
|
384
384
|
grid-auto-columns: 100%;
|
|
385
385
|
gap: 0;
|
|
386
386
|
}
|
|
387
|
-
.bgl-slider[data-v-
|
|
387
|
+
.bgl-slider[data-v-98e36ac5]::-webkit-scrollbar {
|
|
388
388
|
display: none;
|
|
389
389
|
}
|
|
390
|
-
.bgl-slider[data-v-
|
|
390
|
+
.bgl-slider[data-v-98e36ac5] * {
|
|
391
391
|
scroll-snap-align: start;
|
|
392
392
|
}
|
|
393
|
-
.dragging.bgl-slider[data-v-
|
|
393
|
+
.dragging.bgl-slider[data-v-98e36ac5] {
|
|
394
394
|
cursor: grabbing;
|
|
395
395
|
cursor: -webkit-grabbing;
|
|
396
396
|
scroll-snap-type: unset;
|
|
397
397
|
}
|
|
398
|
-
.clicking.bgl-slider[data-v-
|
|
398
|
+
.clicking.bgl-slider[data-v-98e36ac5] {
|
|
399
399
|
scroll-behavior: unset;
|
|
400
400
|
}
|
|
401
|
-
.dragging.bgl-slider[data-v-
|
|
401
|
+
.dragging.bgl-slider[data-v-98e36ac5] * {
|
|
402
402
|
scroll-snap-align: unset;
|
|
403
403
|
user-select: none;
|
|
404
404
|
}
|
|
405
405
|
@media screen and (max-width: 600px) {
|
|
406
|
-
.bgl-slider.slides-1[data-v-
|
|
406
|
+
.bgl-slider.slides-1[data-v-98e36ac5]> * {
|
|
407
407
|
margin-inline-start: 0%;
|
|
408
408
|
}
|
|
409
409
|
}
|
|
@@ -706,7 +706,7 @@ data[data-v-6c27f163] {
|
|
|
706
706
|
}
|
|
707
707
|
}
|
|
708
708
|
|
|
709
|
-
.fileUploadWrap[data-v-
|
|
709
|
+
.fileUploadWrap[data-v-963c1a6d] {
|
|
710
710
|
outline: 1px solid var(--border-color);
|
|
711
711
|
border-radius: var(--input-border-radius);
|
|
712
712
|
text-align: center;
|
|
@@ -718,7 +718,7 @@ data[data-v-6c27f163] {
|
|
|
718
718
|
background: var(--input-bg);
|
|
719
719
|
height: 215px;
|
|
720
720
|
}
|
|
721
|
-
.bagel-input .fileUploadWrap.fileDropZone[data-v-
|
|
721
|
+
.bagel-input .fileUploadWrap.fileDropZone[data-v-963c1a6d] {
|
|
722
722
|
background: var(--input-bg);
|
|
723
723
|
display: flex;
|
|
724
724
|
align-items: center;
|
|
@@ -726,14 +726,14 @@ data[data-v-6c27f163] {
|
|
|
726
726
|
color: var(--bgl-gray);
|
|
727
727
|
flex-direction: column;
|
|
728
728
|
}
|
|
729
|
-
.fileUploadWrap.dragover[data-v-
|
|
730
|
-
.fileUploadWrap[data-v-
|
|
729
|
+
.fileUploadWrap.dragover[data-v-963c1a6d],
|
|
730
|
+
.fileUploadWrap[data-v-963c1a6d]:hover {
|
|
731
731
|
box-shadow: inset 0 0 10px #00000012;
|
|
732
732
|
}
|
|
733
|
-
.fileUploadWrap[style*="height: auto;"][data-v-
|
|
733
|
+
.fileUploadWrap[style*="height: auto;"][data-v-963c1a6d] {
|
|
734
734
|
min-height: 215px;
|
|
735
735
|
}
|
|
736
|
-
.multi-image-item-preview[data-v-
|
|
736
|
+
.multi-image-item-preview[data-v-963c1a6d] {
|
|
737
737
|
border: 1px solid var(--border-color) !important;
|
|
738
738
|
border-radius: var(--input-border-radius);
|
|
739
739
|
margin: 0.5rem !important;
|
|
@@ -747,12 +747,12 @@ data[data-v-6c27f163] {
|
|
|
747
747
|
gap: 1rem;
|
|
748
748
|
align-items: center;
|
|
749
749
|
}
|
|
750
|
-
.multi-image-item-preview p[data-v-
|
|
750
|
+
.multi-image-item-preview p[data-v-963c1a6d] {
|
|
751
751
|
overflow: hidden;
|
|
752
752
|
text-overflow: ellipsis;
|
|
753
753
|
white-space: nowrap;
|
|
754
754
|
}
|
|
755
|
-
.multi-preview[data-v-
|
|
755
|
+
.multi-preview[data-v-963c1a6d]{
|
|
756
756
|
width: 40px;
|
|
757
757
|
height: 40px;
|
|
758
758
|
border-radius: var(--input-border-radius);
|
|
@@ -763,17 +763,17 @@ data[data-v-6c27f163] {
|
|
|
763
763
|
align-items: center;
|
|
764
764
|
display: flex;
|
|
765
765
|
}
|
|
766
|
-
.bgl-single-preview[data-v-
|
|
766
|
+
.bgl-single-preview[data-v-963c1a6d]{
|
|
767
767
|
height: 100%;
|
|
768
768
|
position: relative;
|
|
769
769
|
}
|
|
770
|
-
.bgl-single-preview + .fileUploadPlaceHolder[data-v-
|
|
770
|
+
.bgl-single-preview + .fileUploadPlaceHolder[data-v-963c1a6d]{
|
|
771
771
|
position: absolute;
|
|
772
772
|
inset: 0;
|
|
773
773
|
margin: auto;
|
|
774
774
|
top: calc(50% - 2rem);
|
|
775
775
|
}
|
|
776
|
-
.single-image-item-preview[data-v-
|
|
776
|
+
.single-image-item-preview[data-v-963c1a6d] {
|
|
777
777
|
height: 100%;
|
|
778
778
|
min-height: 100%;
|
|
779
779
|
position: relative;
|
|
@@ -781,13 +781,13 @@ data[data-v-6c27f163] {
|
|
|
781
781
|
align-items: center;
|
|
782
782
|
justify-content: center;
|
|
783
783
|
}
|
|
784
|
-
.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-
|
|
784
|
+
.fileUploadWrap[style*="height: auto"] .single-image-item-preview[data-v-963c1a6d] {
|
|
785
785
|
min-height: 215px;
|
|
786
786
|
}
|
|
787
|
-
.fileUploadWrap[style*="height: auto"] .single-preview[data-v-
|
|
787
|
+
.fileUploadWrap[style*="height: auto"] .single-preview[data-v-963c1a6d] {
|
|
788
788
|
margin: 0rem !important;
|
|
789
789
|
}
|
|
790
|
-
.single-preview[data-v-
|
|
790
|
+
.single-preview[data-v-963c1a6d]{
|
|
791
791
|
border-radius: var(--input-border-radius);
|
|
792
792
|
margin: 1rem;
|
|
793
793
|
padding: 0px;
|
|
@@ -796,7 +796,7 @@ data[data-v-6c27f163] {
|
|
|
796
796
|
object-fit: cover;
|
|
797
797
|
background: var(--bgl-gray-light);
|
|
798
798
|
}
|
|
799
|
-
.single-image-item-preview[data-v-
|
|
799
|
+
.single-image-item-preview[data-v-963c1a6d]:hover::after{
|
|
800
800
|
content: "zoom_in";
|
|
801
801
|
font-size: 32px;
|
|
802
802
|
font-family: "Material Symbols Outlined", serif;
|
|
@@ -806,20 +806,20 @@ data[data-v-6c27f163] {
|
|
|
806
806
|
z-index: 9;
|
|
807
807
|
pointer-events: none;
|
|
808
808
|
}
|
|
809
|
-
.single-image-item-preview:hover img[data-v-
|
|
809
|
+
.single-image-item-preview:hover img[data-v-963c1a6d]{
|
|
810
810
|
filter: brightness(70%);
|
|
811
811
|
}
|
|
812
|
-
.bgl_fill-image.single-image-item-preview[data-v-
|
|
812
|
+
.bgl_fill-image.single-image-item-preview[data-v-963c1a6d] {
|
|
813
813
|
height: 100%;
|
|
814
814
|
}
|
|
815
|
-
.bgl_fill-image.single-image-item-preview .single-preview[data-v-
|
|
815
|
+
.bgl_fill-image.single-image-item-preview .single-preview[data-v-963c1a6d]{
|
|
816
816
|
border-radius: unset;
|
|
817
817
|
object-fit: cover;
|
|
818
818
|
box-shadow: unset;
|
|
819
819
|
width: 100%;
|
|
820
820
|
height: auto;
|
|
821
821
|
}
|
|
822
|
-
.single-image-item-preview .pie[data-v-
|
|
822
|
+
.single-image-item-preview .pie[data-v-963c1a6d] {
|
|
823
823
|
transform-origin: top;
|
|
824
824
|
transform: scale(1.4);
|
|
825
825
|
position: absolute;
|
|
@@ -833,31 +833,31 @@ data[data-v-6c27f163] {
|
|
|
833
833
|
border: none !important;
|
|
834
834
|
padding: 0 !important;
|
|
835
835
|
}
|
|
836
|
-
.bgl_oval-upload[data-v-
|
|
836
|
+
.bgl_oval-upload[data-v-963c1a6d] {
|
|
837
837
|
border-radius: 100% !important;
|
|
838
838
|
overflow: hidden;
|
|
839
839
|
}
|
|
840
|
-
.bgl_oval-upload p[data-v-
|
|
840
|
+
.bgl_oval-upload p[data-v-963c1a6d] {
|
|
841
841
|
padding: 0.75rem !important;
|
|
842
842
|
font-size: 12px
|
|
843
843
|
}
|
|
844
|
-
.bgl_oval-upload .fileUploadPlaceHolder[data-v-
|
|
844
|
+
.bgl_oval-upload .fileUploadPlaceHolder[data-v-963c1a6d]{
|
|
845
845
|
top: 0;
|
|
846
846
|
}
|
|
847
|
-
.bgl_oval-upload .pie[data-v-
|
|
847
|
+
.bgl_oval-upload .pie[data-v-963c1a6d] {
|
|
848
848
|
transform: scale(1);
|
|
849
849
|
}
|
|
850
|
-
.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-
|
|
850
|
+
.bgl_oval-upload span.bgl_icon-font.color-primary[data-v-963c1a6d] {
|
|
851
851
|
transform: scale(0.4) !important;
|
|
852
852
|
}
|
|
853
|
-
.bgl_oval-upload .single-image-item-preview[data-v-
|
|
853
|
+
.bgl_oval-upload .single-image-item-preview[data-v-963c1a6d]{
|
|
854
854
|
height: 100%;
|
|
855
855
|
}
|
|
856
|
-
.bgl_oval-upload .single-preview[data-v-
|
|
856
|
+
.bgl_oval-upload .single-preview[data-v-963c1a6d] {
|
|
857
857
|
margin: 0;
|
|
858
858
|
height: 100% !important;
|
|
859
859
|
}
|
|
860
|
-
.pie[data-v-
|
|
860
|
+
.pie[data-v-963c1a6d] {
|
|
861
861
|
width: 30px;
|
|
862
862
|
height: 30px;
|
|
863
863
|
position: relative;
|
|
@@ -865,7 +865,7 @@ data[data-v-6c27f163] {
|
|
|
865
865
|
align-items: center;
|
|
866
866
|
justify-content: center;
|
|
867
867
|
}
|
|
868
|
-
.pie[data-v-
|
|
868
|
+
.pie[data-v-963c1a6d]:before {
|
|
869
869
|
content: '';
|
|
870
870
|
position: absolute;
|
|
871
871
|
border-radius: 50%;
|
|
@@ -883,26 +883,26 @@ data[data-v-6c27f163] {
|
|
|
883
883
|
#000 calc(100% - var(--b))
|
|
884
884
|
);
|
|
885
885
|
}
|
|
886
|
-
.pie .success[data-v-
|
|
886
|
+
.pie .success[data-v-963c1a6d] {
|
|
887
887
|
transform: scale(0);
|
|
888
888
|
opacity: 0;
|
|
889
889
|
transition: all 0.3s ease-in-out;
|
|
890
890
|
}
|
|
891
|
-
.pie .progress[data-v-
|
|
891
|
+
.pie .progress[data-v-963c1a6d] {
|
|
892
892
|
position: absolute;
|
|
893
893
|
font-size: 10px;
|
|
894
894
|
}
|
|
895
|
-
.pie.complete .progress[data-v-
|
|
895
|
+
.pie.complete .progress[data-v-963c1a6d] {
|
|
896
896
|
display: none;
|
|
897
897
|
}
|
|
898
|
-
.pie.complete .success[data-v-
|
|
898
|
+
.pie.complete .success[data-v-963c1a6d] {
|
|
899
899
|
transform: scale(1.3);
|
|
900
900
|
opacity: 1;
|
|
901
901
|
}
|
|
902
|
-
.pie.complete[data-v-
|
|
902
|
+
.pie.complete[data-v-963c1a6d]:before {
|
|
903
903
|
background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
|
|
904
904
|
}
|
|
905
|
-
.pie.complete[data-v-
|
|
905
|
+
.pie.complete[data-v-963c1a6d] {
|
|
906
906
|
color: var(--bgl-green);
|
|
907
907
|
}
|
|
908
908
|
|
package/package.json
CHANGED
|
@@ -38,13 +38,22 @@ function disableDrag() {
|
|
|
38
38
|
})
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
function
|
|
42
|
-
if (!
|
|
43
|
-
|
|
44
|
-
const
|
|
41
|
+
function calcHeight() {
|
|
42
|
+
if (!bglSlider) return
|
|
43
|
+
try {
|
|
44
|
+
const slide = bglSlider.children[activeSlideIndex]
|
|
45
|
+
if (!slide) return
|
|
46
|
+
const children = Array.from(slide.children)
|
|
45
47
|
const totalHeight = children.reduce((sum, el) => sum + el.clientHeight, 0)
|
|
46
48
|
yHeight = `${totalHeight}px`
|
|
47
|
-
}
|
|
49
|
+
} catch (error) {
|
|
50
|
+
console.error(error)
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
function updateHeight() {
|
|
55
|
+
if (!props.autoHeight) return
|
|
56
|
+
setTimeout(calcHeight, 200)
|
|
48
57
|
}
|
|
49
58
|
|
|
50
59
|
function easeScroll(target: number, duration = 500) {
|
|
@@ -18,6 +18,7 @@ const props = defineProps<{
|
|
|
18
18
|
fill?: boolean
|
|
19
19
|
oval?: boolean
|
|
20
20
|
theme?: 'dropzone' | 'basic'
|
|
21
|
+
accept?: string
|
|
21
22
|
}>()
|
|
22
23
|
|
|
23
24
|
const emit = defineEmits(['update:modelValue', 'addFileStart'])
|
|
@@ -157,6 +158,7 @@ function browse() {
|
|
|
157
158
|
const input = document.createElement('input')
|
|
158
159
|
input.type = 'file'
|
|
159
160
|
input.multiple = props.multiple
|
|
161
|
+
input.accept = props.accept || '*'
|
|
160
162
|
input.onchange = (e: Event) => {
|
|
161
163
|
const target = e.target as HTMLInputElement
|
|
162
164
|
if (target.files) {
|