@opendesign-plus/components 0.0.1-rc.61 → 0.0.1-rc.63

package/dist/treeshaking/components/header/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -19,7 +19,7 @@ declare const OHeader: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
+    }, Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -29,7 +29,7 @@ declare const OHeader: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
@@ -50,15 +50,15 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('./types').NavItemT) => any;
+        "handle-click": (val: import('../../index').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('./types').LangItemT) => any;
+        "lang-click": (val: import('../../index').LangItemT) => any;
         "go-back": () => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         mobileNav: ({
@@ -66,14 +66,14 @@ declare const OHeaderMobile: {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('./types').NavItemT[];
-                readonly codeData?: import('./types').CodeT | undefined;
-                readonly langData?: import('./types').LangT | undefined;
+                readonly navData: import('../../index').NavItemT[];
+                readonly codeData?: import('../../index').CodeT | undefined;
+                readonly langData?: import('../../index').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
-                readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('./types').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('./types').LangItemT) => any;
+                "lang-click": (val: import('../../index').LangItemT) => any;
             }, string, {
-                navData: import('./types').NavItemT[];
+                navData: import('../../index').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            navData: import('./types').NavItemT[];
+            navData: import('../../index').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    }, Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('./types').NavItemT) => any;
+    "handle-click": (val: import('../../index').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('./types').LangItemT) => any;
+    "lang-click": (val: import('../../index').LangItemT) => any;
     "go-back": () => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/header-search/index.d.ts

@@ -20,8 +20,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../search').OSearchRecommendItem[];
-        suggestItems: import('../search').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
                 readonly imagePlaceholder?: string | undefined;
                 readonly size?: "small" | "medium" | "large" | undefined;
                 readonly enableImageSearch?: boolean | undefined;
-                readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
+                readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
                 readonly maxImageSize?: number | undefined;
                 readonly imageUploadTooltip?: string | undefined;
                 readonly expanded?: boolean | undefined;
@@ -505,8 +505,8 @@ declare const OHeaderSearch: {
         imageUrl: string;
         enableImageSearch: boolean;
         maxImageSize: number;
-        onestepItems: import('../search').OSearchRecommendItem[];
-        suggestItems: import('../search').OSearchRecommendItem[];
+        onestepItems: import('../../index').OSearchRecommendItem[];
+        suggestItems: import('../../index').OSearchRecommendItem[];
         recommendItems: string[];
         historyItems: string[];
         hotItems: string[];
@@ -542,8 +542,8 @@ declare const OHeaderSearch: {
     imageUrl: string;
     enableImageSearch: boolean;
     maxImageSize: number;
-    onestepItems: import('../search').OSearchRecommendItem[];
-    suggestItems: import('../search').OSearchRecommendItem[];
+    onestepItems: import('../../index').OSearchRecommendItem[];
+    suggestItems: import('../../index').OSearchRecommendItem[];
     recommendItems: string[];
     historyItems: string[];
     hotItems: string[];
@@ -569,8 +569,8 @@ declare const OHeaderSearch: {
             recommendItems: string[];
             historyItems: string[];
             hotItems: string[];
-            suggestItems: import('../search').OSearchRecommendItem[];
-            onestepItems: import('../search').OSearchRecommendItem[];
+            suggestItems: import('../../index').OSearchRecommendItem[];
+            onestepItems: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'recommend-header'?(_: {
@@ -580,17 +580,17 @@ declare const OHeaderSearch: {
             items: string[];
         }): any;
         'onestep-header'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'onestep-content'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'suggest-header'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
         }): any;
         'suggest-content'?(_: {
-            items: import('../search').OSearchRecommendItem[];
+            items: import('../../index').OSearchRecommendItem[];
             keyword: string;
         }): any;
         'history-header'?(_: {

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

@@ -0,0 +1,31 @@
+.hover-icon-rotate .o-icon[data-v-ab4e8144] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-ab4e8144] {
+    transform: rotate(-180deg);
+}
+}
+.o-logo-swiper[data-v-ab4e8144] {
+  --o-logo-swiper-row-gap: 24px;
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  gap: var(--o-logo-swiper-row-gap);
+}
+@media (max-width: 1680px) {
+.o-logo-swiper[data-v-ab4e8144] {
+    --o-logo-swiper-row-gap: 20px;
+}
+}
+@media (max-width: 1200px) {
+.o-logo-swiper[data-v-ab4e8144] {
+    --o-logo-swiper-row-gap: 16px;
+}
+}
+@media (max-width: 840px) {
+.o-logo-swiper[data-v-ab4e8144] {
+    --o-logo-swiper-row-gap: 12px;
+}
+}

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

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+import { openBlock, createElementBlock, renderSlot } from "vue";
+import './OLogoSwiper.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _sfc_main = {};
+const _hoisted_1 = { class: "o-logo-swiper" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  ]);
+}
+const _OLogoSwiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ab4e8144"]]);
+export {
+  _OLogoSwiper as default
+};

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

@@ -0,0 +1,88 @@
+.hover-icon-rotate .o-icon[data-v-744f8385] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-744f8385] {
+    transform: rotate(-180deg);
+}
+}
+.o-logo-swiper-items[data-v-744f8385] {
+  display: flex;
+  white-space: nowrap;
+  overflow: hidden;
+  position: relative;
+}
+.o-logo-swiper-items .o-logo-swiper-track[data-v-744f8385] {
+  display: flex;
+  flex-shrink: 0;
+  animation: logo-swiper-marquee-744f8385 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-paused .o-logo-swiper-track[data-v-744f8385] {
+  animation-play-state: paused;
+}
+.o-logo-swiper-items.is-visible:not(.is-paused) .o-logo-swiper-track[data-v-744f8385] {
+  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] {
+    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;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+  width: var(--o-logo-swiper-item-width);
+  height: var(--o-logo-swiper-item-height);
+  margin-right: var(--o-logo-swiper-item-gap);
+  background-color: var(--o-color-fill2);
+  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;
+}
+}
+@media (max-width: 1200px) {
+.o-logo-swiper-item[data-v-744f8385] {
+    --o-logo-swiper-item-gap: 16px;
+}
+}
+@media (max-width: 840px) {
+.o-logo-swiper-item[data-v-744f8385] {
+    --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-744f8385] {
+  --figure-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
+}
+@keyframes logo-swiper-marquee-744f8385 {
+0% {
+    transform: translateX(0);
+}
+100% {
+    transform: translateX(-50%);
+}
+}
+@keyframes logo-swiper-marquee-reverse-744f8385 {
+0% {
+    transform: translateX(-50%);
+}
+100% {
+    transform: translateX(0);
+}
+}

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

@@ -0,0 +1,17 @@
+import { OLogoSwiperItemsPropsT, OLogoSwiperItemT } from './types';
+declare const _default: import('vue').DefineComponent<OLogoSwiperItemsPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (item: OLogoSwiperItemT) => any;
+}, string, import('vue').PublicProps, Readonly<OLogoSwiperItemsPropsT> & Readonly<{
+    onClick?: ((item: OLogoSwiperItemT) => any) | undefined;
+}>, {
+    reverse: boolean;
+    data: OLogoSwiperItemT[];
+    target: "_blank" | "_parent" | "_self" | "_top";
+    duration: number;
+    autoPlay: boolean;
+    pauseOnHover: boolean;
+    radius: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  _OLogoSwiperItems as default
+};

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

@@ -0,0 +1,158 @@
+import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, Fragment, renderList, createVNode, unref, createBlock } from "vue";
+import { OFigure } from "@opensig/opendesign";
+import { useI18n } from "../../i18n/index.mjs";
+import { useTheme } from "../../shared/theme.mjs";
+const _hoisted_1 = { class: "o-logo-swiper-track" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["href", "target"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OLogoSwiperItems",
+  props: {
+    data: { default: () => [] },
+    reverse: { type: Boolean, default: false },
+    autoPlay: { type: Boolean, default: true },
+    duration: { default: 100 },
+    pauseOnHover: { type: Boolean, default: true },
+    target: { default: "_blank" },
+    radius: { default: "" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { locale } = useI18n();
+    const { isDark } = useTheme();
+    const rootStyle = computed(() => {
+      const style = {
+        "--logo-swiper-duration": `${props.duration}s`
+      };
+      if (props.radius !== "") {
+        style["--o-logo-swiper-item-radius"] = typeof props.radius === "number" ? `${props.radius}px` : props.radius;
+      }
+      return style;
+    });
+    const rootRef = ref(null);
+    const isVisible = ref(false);
+    const repeatCount = ref(2);
+    let resizeObserver = null;
+    let io = null;
+    const measure = () => {
+      const root = rootRef.value;
+      if (!root || !props.data.length) {
+        repeatCount.value = 2;
+        return;
+      }
+      const containerWidth = root.offsetWidth;
+      if (containerWidth <= 0) {
+        return;
+      }
+      const firstItem = root.querySelector(".o-logo-swiper-item");
+      if (!firstItem) {
+        return;
+      }
+      const style = getComputedStyle(firstItem);
+      const itemWidth = firstItem.offsetWidth + (parseFloat(style.marginRight) || 0);
+      if (itemWidth <= 0) {
+        return;
+      }
+      const dataWidth = props.data.length * itemWidth;
+      let need = Math.ceil(containerWidth * 2 / dataWidth);
+      if (need < 2) {
+        need = 2;
+      }
+      if (need % 2 !== 0) {
+        need += 1;
+      }
+      repeatCount.value = need;
+    };
+    const loopData = computed(() => {
+      const out = [];
+      for (let i = 0; i < repeatCount.value; i++) {
+        out.push(...props.data);
+      }
+      return out;
+    });
+    watch(() => props.data, () => nextTick(measure));
+    onMounted(() => {
+      if (typeof IntersectionObserver === "undefined" || !rootRef.value) {
+        isVisible.value = true;
+      } else {
+        io = new IntersectionObserver(
+          (entries) => {
+            entries.forEach((entry) => {
+              isVisible.value = entry.isIntersecting;
+            });
+          },
+          { threshold: 0.5 }
+        );
+        io.observe(rootRef.value);
+      }
+      nextTick(measure);
+      if (typeof ResizeObserver !== "undefined" && rootRef.value) {
+        resizeObserver = new ResizeObserver(() => measure());
+        resizeObserver.observe(rootRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      io == null ? void 0 : io.disconnect();
+      resizeObserver = io = null;
+    });
+    const getHref = (item) => {
+      if (locale.value !== "zh" && item.hrefEn) {
+        return item.hrefEn;
+      }
+      return item.href;
+    };
+    const getLogo = (item) => {
+      if (isDark.value) {
+        return item.logoDark || item.logo;
+      }
+      return item.logo;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(["o-logo-swiper-items", {
+          "is-reverse": __props.reverse,
+          "is-paused": !__props.autoPlay,
+          "is-visible": isVisible.value,
+          "pause-on-hover": __props.pauseOnHover
+        }]),
+        style: normalizeStyle(rootStyle.value)
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(loopData.value, (item, i) => {
+            return openBlock(), createElementBlock("div", {
+              key: i,
+              class: "o-logo-swiper-item",
+              onClick: ($event) => emit("click", item)
+            }, [
+              getHref(item) ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                href: getHref(item),
+                target: __props.target,
+                rel: "noopener noreferrer"
+              }, [
+                createVNode(unref(OFigure), {
+                  class: "o-logo-swiper-img",
+                  src: getLogo(item),
+                  fit: "contain"
+                }, null, 8, ["src"])
+              ], 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);
+          }), 128))
+        ])
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,73 @@
+import { App } from 'vue';
+declare const OLogoSwiper: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & 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;
+    };
+}) & {
+    install(app: App): void;
+};
+declare const OLogoSwiperItems: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (item: import('../../index').OLogoSwiperItemT) => any;
+    }, import('vue').PublicProps, {
+        reverse: boolean;
+        data: import('../../index').OLogoSwiperItemT[];
+        target: "_blank" | "_parent" | "_self" | "_top";
+        duration: number;
+        autoPlay: boolean;
+        pauseOnHover: boolean;
+        radius: number | string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+        onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        reverse: boolean;
+        data: import('../../index').OLogoSwiperItemT[];
+        target: "_blank" | "_parent" | "_self" | "_top";
+        duration: number;
+        autoPlay: boolean;
+        pauseOnHover: boolean;
+        radius: number | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').OLogoSwiperItemsPropsT> & Readonly<{
+    onClick?: ((item: import('../../index').OLogoSwiperItemT) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (item: import('../../index').OLogoSwiperItemT) => any;
+}, string, {
+    reverse: boolean;
+    data: import('../../index').OLogoSwiperItemT[];
+    target: "_blank" | "_parent" | "_self" | "_top";
+    duration: number;
+    autoPlay: boolean;
+    pauseOnHover: boolean;
+    radius: number | string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OLogoSwiper, OLogoSwiperItems };
+export * from './types';

package/dist/treeshaking/components/logo-swiper/index.mjs

@@ -0,0 +1,16 @@
+import _OLogoSwiper from "./OLogoSwiper.vue.mjs";
+import _OLogoSwiperItems from "./OLogoSwiperItems.vue.mjs";
+const OLogoSwiper = Object.assign(_OLogoSwiper, {
+  install(app) {
+    app.component("OLogoSwiper", _OLogoSwiper);
+  }
+});
+const OLogoSwiperItems = Object.assign(_OLogoSwiperItems, {
+  install(app) {
+    app.component("OLogoSwiperItems", _OLogoSwiperItems);
+  }
+});
+export {
+  OLogoSwiper,
+  OLogoSwiperItems
+};

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

@@ -0,0 +1,18 @@
+export interface OLogoSwiperItemT {
+    logo: string;
+    logoDark?: string;
+    href?: string;
+    hrefEn?: string;
+}
+export interface OLogoSwiperItemsPropsT {
+    data: OLogoSwiperItemT[];
+    reverse?: boolean;
+    autoPlay?: boolean;
+    duration?: number;
+    pauseOnHover?: boolean;
+    target?: '_blank' | '_parent' | '_self' | '_top';
+    radius?: number | string;
+}
+export interface OLogoSwiperItemsEmitsT {
+    (e: 'click', item: OLogoSwiperItemT): void;
+}