@wikicasa-dev/components 2.1.16 → 2.1.17
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/assets/packages/components/lib/components/carousel/SwiperCarousel2.css +1 -1
- package/dist/components/carousel/SwiperCarousel.d.ts +2 -0
- package/dist/components/carousel/SwiperCarousel.js +2 -2
- package/dist/packages/components/lib/components/carousel/SwiperCarousel.vue.js +11 -11
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.no-transition[data-v-
|
|
1
|
+
.no-transition[data-v-e559a169]{transition-duration:0ms!important}.disable-select[data-v-e559a169]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-e559a169]{pointer-events:auto!important}
|
|
@@ -2320,12 +2320,14 @@ declare const __VLS_component: import('vue').DefineComponent<SwiperCarouselProps
|
|
|
2320
2320
|
activeIndex: number;
|
|
2321
2321
|
}) => any;
|
|
2322
2322
|
firstSlideLoaded: () => any;
|
|
2323
|
+
init: () => any;
|
|
2323
2324
|
}, string, import('vue').PublicProps, Readonly<SwiperCarouselProps> & Readonly<{
|
|
2324
2325
|
onClick?: (() => any) | undefined;
|
|
2325
2326
|
onMoved?: ((args_0: {
|
|
2326
2327
|
activeIndex: number;
|
|
2327
2328
|
}) => any) | undefined;
|
|
2328
2329
|
onFirstSlideLoaded?: (() => any) | undefined;
|
|
2330
|
+
onInit?: (() => any) | undefined;
|
|
2329
2331
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
2330
2332
|
root: HTMLDivElement;
|
|
2331
2333
|
swiperWrapper: HTMLDivElement;
|
|
@@ -2,7 +2,7 @@ import o from "../../packages/components/lib/components/carousel/SwiperCarousel.
|
|
|
2
2
|
import '../../assets/packages/components/lib/components/carousel/SwiperCarousel2.css';import '../../assets/packages/components/lib/components/carousel/SwiperCarousel.css';/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
import r from "../../_virtual/_plugin-vue_export-helper.js";
|
|
5
|
-
const
|
|
5
|
+
const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e559a169"]]);
|
|
6
6
|
export {
|
|
7
|
-
|
|
7
|
+
m as default
|
|
8
8
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as M, createElementBlock as l, openBlock as p, normalizeClass as u, createElementVNode as v, createCommentVNode as
|
|
1
|
+
import { defineComponent as Q, reactive as U, ref as k, useId as X, computed as f, onMounted as Y, watch as x, nextTick as M, createElementBlock as l, openBlock as p, normalizeClass as u, createElementVNode as v, createCommentVNode as $, renderSlot as E, Fragment as P, renderList as F, mergeProps as T, withModifiers as O } from "vue";
|
|
2
2
|
import { Swiper as B } from "swiper";
|
|
3
3
|
import _ from "../../../../../node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.js";
|
|
4
4
|
import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/modules/zoom.css';import '../../../../../assets/node_modules/.pnpm/swiper@11.2.6/node_modules/swiper/swiper.css';/* empty css */
|
|
@@ -19,9 +19,9 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
19
19
|
artDirection: {},
|
|
20
20
|
shiftFirstImage: { type: Boolean, default: !1 }
|
|
21
21
|
},
|
|
22
|
-
emits: ["moved", "click", "firstSlideLoaded"],
|
|
22
|
+
emits: ["moved", "click", "firstSlideLoaded", "init"],
|
|
23
23
|
setup(s, { expose: D, emit: j }) {
|
|
24
|
-
const
|
|
24
|
+
const y = j, r = U({
|
|
25
25
|
swiperParams: { modules: [_] },
|
|
26
26
|
swiper: null,
|
|
27
27
|
initCarousel: !1
|
|
@@ -76,7 +76,7 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
76
76
|
});
|
|
77
77
|
const L = k(null), G = (e) => {
|
|
78
78
|
e === 0 && h && h[e] && M(() => {
|
|
79
|
-
L.value?.setAttribute("data-first-slide-loaded", "true"),
|
|
79
|
+
L.value?.setAttribute("data-first-slide-loaded", "true"), y("firstSlideLoaded");
|
|
80
80
|
});
|
|
81
81
|
};
|
|
82
82
|
return Y(async () => {
|
|
@@ -120,10 +120,10 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
120
120
|
...r.swiperParams,
|
|
121
121
|
on: {
|
|
122
122
|
init: () => {
|
|
123
|
-
A.value = !0;
|
|
123
|
+
A.value = !0, y("init");
|
|
124
124
|
},
|
|
125
125
|
slideChange: (t) => {
|
|
126
|
-
Z(t.activeIndex),
|
|
126
|
+
Z(t.activeIndex), y("moved", { activeIndex: t.activeIndex });
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
};
|
|
@@ -167,7 +167,7 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
167
167
|
e.$attrs["swiper-wrapper-classes"],
|
|
168
168
|
K.value === "none" && "no-transition"
|
|
169
169
|
]]),
|
|
170
|
-
onClick: i[0] || (i[0] = (t) =>
|
|
170
|
+
onClick: i[0] || (i[0] = (t) => y("click"))
|
|
171
171
|
}, [
|
|
172
172
|
E(e.$slots, "default", {}, () => [
|
|
173
173
|
(p(!0), l(P, null, F(e.images, (t, a) => (p(), l("div", {
|
|
@@ -177,7 +177,7 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
177
177
|
v("div", {
|
|
178
178
|
class: u(["swiper-zoom-container", e.$attrs["swiper-zoom-container-classes"]])
|
|
179
179
|
}, [
|
|
180
|
-
e.backgroundImage ?
|
|
180
|
+
e.backgroundImage ? $("", !0) : (p(), l("img", T({
|
|
181
181
|
key: 0,
|
|
182
182
|
ref_for: !0,
|
|
183
183
|
ref: (o) => {
|
|
@@ -202,7 +202,7 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
202
202
|
class: u([e.$attrs["swiper-pagination-classes"], "swiper-pagination [&.swiper-pagination-fraction]:uikit-flex [&.swiper-pagination-fraction]:uikit-justify-center"]),
|
|
203
203
|
onClick: i[1] || (i[1] = O(() => {
|
|
204
204
|
}, ["stop"]))
|
|
205
|
-
}, null, 2)) :
|
|
205
|
+
}, null, 2)) : $("", !0),
|
|
206
206
|
C.value ? (p(), l(P, { key: 1 }, [
|
|
207
207
|
v("div", {
|
|
208
208
|
class: "swiper-button-prev",
|
|
@@ -216,7 +216,7 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
216
216
|
onClick: i[3] || (i[3] = O(() => {
|
|
217
217
|
}, ["stop"]))
|
|
218
218
|
})
|
|
219
|
-
], 64)) :
|
|
219
|
+
], 64)) : $("", !0)
|
|
220
220
|
], 10, se),
|
|
221
221
|
e.thumbSwiperOptions ? (p(), l("div", {
|
|
222
222
|
key: 0,
|
|
@@ -239,7 +239,7 @@ const te = ["id"], se = ["id", "data-cy"], ie = ["data-idx", "alt", "width", "he
|
|
|
239
239
|
}), null, 16, re)
|
|
240
240
|
], 2))), 128))
|
|
241
241
|
], 2)
|
|
242
|
-
], 10, ae)) :
|
|
242
|
+
], 10, ae)) : $("", !0)
|
|
243
243
|
], 10, te));
|
|
244
244
|
}
|
|
245
245
|
});
|