@opendesign-plus/components 0.0.1-rc.65 → 0.0.1-rc.66

package/dist/components.es.js

@@ -47193,7 +47193,7 @@ const kS = { class: "o-logo-swiper" }, DS = { class: "o-logo-swiper-tip" }, IS =
       ], !0)
     ]));
   }
-}), df = /* @__PURE__ */ _t(IS, [["__scopeId", "data-v-4b0e6665"]]), PS = { class: "o-logo-swiper-track" }, OS = ["onClick"], MS = ["href", "target"], LS = /* @__PURE__ */ it({
+}), df = /* @__PURE__ */ _t(IS, [["__scopeId", "data-v-6c8c87fc"]]), PS = { class: "o-logo-swiper-track" }, OS = ["onClick"], MS = ["href", "target"], LS = /* @__PURE__ */ it({
   __name: "OLogoSwiperItems",
   props: {
     data: { default: () => [] },
@@ -47202,7 +47202,8 @@ const kS = { class: "o-logo-swiper" }, DS = { class: "o-logo-swiper-tip" }, IS =
     duration: { default: 100 },
     pauseOnHover: { type: Boolean, default: !0 },
     target: { default: "_blank" },
-    radius: { default: "" }
+    radius: { default: "" },
+    fit: { default: "fill" }
   },
   emits: ["click"],
   setup(i, { emit: e }) {
@@ -47237,7 +47238,10 @@ const kS = { class: "o-logo-swiper" }, DS = { class: "o-logo-swiper-tip" }, IS =
         b.push(...t.data);
       return b;
     });
-    mt(() => t.data, () => wt(S)), Qt(() => {
+    mt(
+      () => t.data,
+      () => wt(S)
+    ), Qt(() => {
       typeof IntersectionObserver > "u" || !o.value ? u.value = !0 : (v = new IntersectionObserver(
         (b) => {
           b.forEach((E) => {
@@ -47264,7 +47268,7 @@ const kS = { class: "o-logo-swiper" }, DS = { class: "o-logo-swiper-tip" }, IS =
       _("div", PS, [
         (y(!0), k(Se, null, qe(T.value, (w, M) => (y(), k("div", {
           key: M,
-          class: "o-logo-swiper-item",
+          class: Pe(["o-logo-swiper-item", { link: P(w) }]),
           onClick: (H) => s("click", w)
         }, [
           P(w) ? (y(), k("a", {
@@ -47276,19 +47280,19 @@ const kS = { class: "o-logo-swiper" }, DS = { class: "o-logo-swiper-tip" }, IS =
             I(c(Qs), {
               class: "o-logo-swiper-img",
               src: m(w),
-              fit: "contain"
-            }, null, 8, ["src"])
+              fit: i.fit
+            }, null, 8, ["src", "fit"])
           ], 8, MS)) : (y(), fe(c(Qs), {
             key: 1,
             class: "o-logo-swiper-img",
             src: m(w),
-            fit: "contain"
-          }, null, 8, ["src"]))
-        ], 8, OS))), 128))
+            fit: i.fit
+          }, null, 8, ["src", "fit"]))
+        ], 10, OS))), 128))
       ])
     ], 6));
   }
-}), hf = /* @__PURE__ */ _t(LS, [["__scopeId", "data-v-6a616946"]]), mI = Object.assign(df, {
+}), hf = /* @__PURE__ */ _t(LS, [["__scopeId", "data-v-a34497b2"]]), mI = Object.assign(df, {
   install(i) {
     i.component("OLogoSwiper", df);
   }

package/dist/treeshaking/components/logo-swiper/OLogoSwiper.css

@@ -1,42 +1,44 @@
-.hover-icon-rotate .o-icon[data-v-4b0e6665] {
+.hover-icon-rotate .o-icon[data-v-6c8c87fc] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-4b0e6665] {
+.hover-icon-rotate:hover .o-icon[data-v-6c8c87fc] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper[data-v-4b0e6665] {
-  --o-logo-swiper-row-gap: 24px;
+.o-logo-swiper[data-v-6c8c87fc] {
+  --o-logo-swiper-row-gap: 32px;
   width: 100%;
   overflow: hidden;
+  overflow-x: clip;
+  overflow-y: visible;
   display: flex;
   flex-direction: column;
   gap: var(--o-logo-swiper-row-gap);
 }
 @media (max-width: 1680px) {
-.o-logo-swiper[data-v-4b0e6665] {
-    --o-logo-swiper-row-gap: 20px;
+.o-logo-swiper[data-v-6c8c87fc] {
+    --o-logo-swiper-row-gap: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-logo-swiper[data-v-4b0e6665] {
+.o-logo-swiper[data-v-6c8c87fc] {
     --o-logo-swiper-row-gap: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-logo-swiper[data-v-4b0e6665] {
+.o-logo-swiper[data-v-6c8c87fc] {
     --o-logo-swiper-row-gap: 12px;
 }
 }
-.o-logo-swiper .o-logo-swiper-tip[data-v-4b0e6665] {
+.o-logo-swiper .o-logo-swiper-tip[data-v-6c8c87fc] {
   text-align: center;
   color: var(--o-color-info3);
   font-size: 14px;
   line-height: 22px;
 }
 @media (max-width: 1200px) {
-.o-logo-swiper .o-logo-swiper-tip[data-v-4b0e6665] {
+.o-logo-swiper .o-logo-swiper-tip[data-v-6c8c87fc] {
     font-size: 12px;
     line-height: 18px;
 }

package/dist/treeshaking/components/logo-swiper/OLogoSwiper.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OLogoSwiper.vue2.mjs";
 import './OLogoSwiper.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLogoSwiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b0e6665"]]);
+const _OLogoSwiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c8c87fc"]]);
 export {
   _OLogoSwiper as default
 };

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.css

@@ -1,38 +1,40 @@
-.hover-icon-rotate .o-icon[data-v-6a616946] {
+.hover-icon-rotate .o-icon[data-v-a34497b2] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-6a616946] {
+.hover-icon-rotate:hover .o-icon[data-v-a34497b2] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper-items[data-v-6a616946] {
+.o-logo-swiper-items[data-v-a34497b2] {
   display: flex;
   white-space: nowrap;
   overflow: hidden;
+  overflow-x: clip;
+  overflow-y: visible;
   position: relative;
 }
-.o-logo-swiper-items .o-logo-swiper-track[data-v-6a616946] {
+.o-logo-swiper-items .o-logo-swiper-track[data-v-a34497b2] {
   display: flex;
   flex-shrink: 0;
-  animation: logo-swiper-marquee-6a616946 var(--logo-swiper-duration) linear infinite;
+  animation: logo-swiper-marquee-a34497b2 var(--logo-swiper-duration) linear infinite;
   animation-play-state: paused;
 }
-.o-logo-swiper-items.is-reverse .o-logo-swiper-track[data-v-6a616946] {
-  animation-name: logo-swiper-marquee-reverse-6a616946;
+.o-logo-swiper-items.is-reverse .o-logo-swiper-track[data-v-a34497b2] {
+  animation-name: logo-swiper-marquee-reverse-a34497b2;
 }
-.o-logo-swiper-items.is-paused .o-logo-swiper-track[data-v-6a616946] {
+.o-logo-swiper-items.is-paused .o-logo-swiper-track[data-v-a34497b2] {
   animation-play-state: paused;
 }
-.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-6a616946] {
+.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-a34497b2] {
   animation-play-state: running;
 }
 @media (min-width: 601px) and (hover: hover) {
-.o-logo-swiper-items.pause-on-hover:hover .o-logo-swiper-track[data-v-6a616946] {
+.o-logo-swiper-items.pause-on-hover:hover .o-logo-swiper-track[data-v-a34497b2] {
     animation-play-state: paused;
 }
 }
-.o-logo-swiper-item[data-v-6a616946] {
+.o-logo-swiper-item[data-v-a34497b2] {
   --o-logo-swiper-item-gap: 32px;
   --o-logo-swiper-item-width: 268px;
   --o-logo-swiper-item-height: 96px;
@@ -47,30 +49,41 @@
   border-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
 }
 @media (max-width: 1680px) {
-.o-logo-swiper-item[data-v-6a616946] {
+.o-logo-swiper-item[data-v-a34497b2] {
     --o-logo-swiper-item-width: 201px;
     --o-logo-swiper-item-height: 72px;
     --o-logo-swiper-item-gap: 24px;
 }
 }
 @media (max-width: 1200px) {
-.o-logo-swiper-item[data-v-6a616946] {
+.o-logo-swiper-item[data-v-a34497b2] {
     --o-logo-swiper-item-width: 150px;
     --o-logo-swiper-item-height: 54px;
     --o-logo-swiper-item-gap: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-logo-swiper-item[data-v-6a616946] {
+.o-logo-swiper-item[data-v-a34497b2] {
     --o-logo-swiper-item-width: 103px;
     --o-logo-swiper-item-height: 37px;
     --o-logo-swiper-item-gap: 12px;
 }
 }
-.o-logo-swiper-item .o-logo-swiper-img[data-v-6a616946] {
+.o-logo-swiper-item .o-logo-swiper-img[data-v-a34497b2] {
   --figure-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
+  width: var(--o-logo-swiper-item-width);
+  height: var(--o-logo-swiper-item-height);
+}
+.o-logo-swiper-item .o-logo-swiper-img img[data-v-a34497b2] {
+  width: var(--o-logo-swiper-item-width);
+  height: var(--o-logo-swiper-item-height);
+}
+@media (hover: hover) {
+.o-logo-swiper-item.link[data-v-a34497b2]:hover {
+    box-shadow: var(--o-shadow-2);
+}
 }
-@keyframes logo-swiper-marquee-6a616946 {
+@keyframes logo-swiper-marquee-a34497b2 {
 0% {
     transform: translateX(0);
 }
@@ -78,7 +91,7 @@
     transform: translateX(-50%);
 }
 }
-@keyframes logo-swiper-marquee-reverse-6a616946 {
+@keyframes logo-swiper-marquee-reverse-a34497b2 {
 0% {
     transform: translateX(-50%);
 }

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: import('vue').DefineComponent<OLogoSwiperItemsPropsT, {}
     data: OLogoSwiperItemT[];
     target: "_blank" | "_parent" | "_self" | "_top";
     duration: number;
+    fit: "cover" | "contain" | "fill" | "none" | "scale-down";
     autoPlay: boolean;
     pauseOnHover: boolean;
     radius: number | string;

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OLogoSwiperItems.vue2.mjs";
 import './OLogoSwiperItems.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a616946"]]);
+const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a34497b2"]]);
 export {
   _OLogoSwiperItems as default
 };

package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue2.mjs

@@ -14,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     duration: { default: 100 },
     pauseOnHover: { type: Boolean, default: true },
     target: { default: "_blank" },
-    radius: { default: "" }
+    radius: { default: "" },
+    fit: { default: "fill" }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -72,7 +73,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return out;
     });
-    watch(() => props.data, () => nextTick(measure));
+    watch(
+      () => props.data,
+      () => nextTick(measure)
+    );
     onMounted(() => {
       if (typeof IntersectionObserver === "undefined" || !rootRef.value) {
         isVisible.value = true;
@@ -126,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(loopData.value, (item, i) => {
             return openBlock(), createElementBlock("div", {
               key: i,
-              class: "o-logo-swiper-item",
+              class: normalizeClass(["o-logo-swiper-item", { link: getHref(item) }]),
               onClick: ($event) => emit("click", item)
             }, [
               getHref(item) ? (openBlock(), createElementBlock("a", {
@@ -138,15 +142,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createVNode(unref(OFigure), {
                   class: "o-logo-swiper-img",
                   src: getLogo(item),
-                  fit: "contain"
-                }, null, 8, ["src"])
+                  fit: __props.fit
+                }, null, 8, ["src", "fit"])
               ], 8, _hoisted_3)) : (openBlock(), createBlock(unref(OFigure), {
                 key: 1,
                 class: "o-logo-swiper-img",
                 src: getLogo(item),
-                fit: "contain"
-              }, null, 8, ["src"]))
-            ], 8, _hoisted_2);
+                fit: __props.fit
+              }, null, 8, ["src", "fit"]))
+            ], 10, _hoisted_2);
           }), 128))
         ])
       ], 6);

package/dist/treeshaking/components/logo-swiper/index.d.ts

@@ -29,6 +29,7 @@ declare const OLogoSwiperItems: {
         data: import('../../index').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
+        fit: "cover" | "contain" | "fill" | "none" | "scale-down";
         autoPlay: boolean;
         pauseOnHover: boolean;
         radius: number | string;
@@ -48,6 +49,7 @@ declare const OLogoSwiperItems: {
         data: import('../../index').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
+        fit: "cover" | "contain" | "fill" | "none" | "scale-down";
         autoPlay: boolean;
         pauseOnHover: boolean;
         radius: number | string;
@@ -64,6 +66,7 @@ declare const OLogoSwiperItems: {
     data: import('../../index').OLogoSwiperItemT[];
     target: "_blank" | "_parent" | "_self" | "_top";
     duration: number;
+    fit: "cover" | "contain" | "fill" | "none" | "scale-down";
     autoPlay: boolean;
     pauseOnHover: boolean;
     radius: number | string;

package/dist/treeshaking/components/logo-swiper/types.d.ts

@@ -12,6 +12,7 @@ export interface OLogoSwiperItemsPropsT {
     pauseOnHover?: boolean;
     target?: '_blank' | '_parent' | '_self' | '_top';
     radius?: number | string;
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
 }
 export interface OLogoSwiperItemsEmitsT {
     (e: 'click', item: OLogoSwiperItemT): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus/components",
-  "version": "0.0.1-rc.65",
+  "version": "0.0.1-rc.66",
   "type": "module",
   "publishConfig": {
     "access": "public",