@opendesign-plus-test/components 0.0.1-rc.146 → 0.0.1-rc.148

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

@@ -1,41 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-744f8385] {
+.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-744f8385] {
+.hover-icon-rotate:hover .o-icon[data-v-a34497b2] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper-items[data-v-744f8385] {
+.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-744f8385] {
+.o-logo-swiper-items .o-logo-swiper-track[data-v-a34497b2] {
   display: flex;
   flex-shrink: 0;
-  animation: logo-swiper-marquee-744f8385 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-744f8385] {
-  animation-name: logo-swiper-marquee-reverse-744f8385;
+.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-744f8385] {
+.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-744f8385] {
+.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-744f8385] {
+.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-744f8385] {
-  --o-logo-swiper-item-gap: 24px;
-  --o-logo-swiper-item-width: 269px;
-  --o-logo-swiper-item-height: 91px;
+.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;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -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-744f8385] {
-    --o-logo-swiper-item-gap: 20px;
+.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-744f8385] {
+.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-744f8385] {
+.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;
 }
 }
-@media (max-width: 600px) {
-.o-logo-swiper-item[data-v-744f8385] {
-    --o-logo-swiper-item-width: 160px;
-    --o-logo-swiper-item-height: 54px;
+.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);
 }
-.o-logo-swiper-item .o-logo-swiper-img[data-v-744f8385] {
-  --figure-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
 }
-@keyframes logo-swiper-marquee-744f8385 {
+@keyframes logo-swiper-marquee-a34497b2 {
 0% {
     transform: translateX(0);
 }
@@ -78,7 +91,7 @@
     transform: translateX(-50%);
 }
 }
-@keyframes logo-swiper-marquee-reverse-744f8385 {
+@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-744f8385"]]);
+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

@@ -14,6 +14,7 @@ declare const OLogoSwiper: {
 } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        tip?(_: {}): any;
     };
 }) & {
     install(app: App): void;
@@ -28,6 +29,7 @@ declare const OLogoSwiperItems: {
         data: import('./types').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
+        fit: "cover" | "contain" | "fill" | "none" | "scale-down";
         autoPlay: boolean;
         pauseOnHover: boolean;
         radius: number | string;
@@ -47,6 +49,7 @@ declare const OLogoSwiperItems: {
         data: import('./types').OLogoSwiperItemT[];
         target: "_blank" | "_parent" | "_self" | "_top";
         duration: number;
+        fit: "cover" | "contain" | "fill" | "none" | "scale-down";
         autoPlay: boolean;
         pauseOnHover: boolean;
         radius: number | string;
@@ -63,6 +66,7 @@ declare const OLogoSwiperItems: {
     data: import('./types').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;