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

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/element-plus';
 export * from './components/empty';
 export * from './components/events';
 export * from './components/feedback-doc';
+export * from './components/float-poster';
 export * from './components/footer';
 export * from './components/header';
 export * from './components/header-language-switcher';

package/dist/treeshaking/components/float-poster/OFloatPoster.css

@@ -0,0 +1,64 @@
+.hover-icon-rotate .o-icon[data-v-05718ef8] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-05718ef8] {
+    transform: rotate(-180deg);
+}
+}
+.o-float-poster[data-v-05718ef8] {
+  --o-float-poster-z-index: 666;
+  --o-float-poster-width: 125px;
+  --o-float-poster-left: 32px;
+  --o-float-poster-bottom: 164px;
+  --o-float-poster-close-width: 20px;
+  --o-float-poster-close-height: 20px;
+  --o-float-poster-close-top: -2px;
+  --o-float-poster-close-right: -2px;
+  position: fixed;
+  left: var(--o-float-poster-left);
+  bottom: var(--o-float-poster-bottom);
+  z-index: var(--o-float-poster-z-index);
+}
+@media (min-width: 841px) and (max-width: 1680px) {
+.o-float-poster[data-v-05718ef8] {
+    --o-float-poster-width: 94px;
+    --o-float-poster-close-width: 18px;
+    --o-float-poster-close-height: 18px;
+    --o-float-poster-close-top: -4px;
+    --o-float-poster-close-right: -4px;
+}
+}
+@media (max-width: 840px) {
+.o-float-poster[data-v-05718ef8] {
+    --o-float-poster-width: 83px;
+    --o-float-poster-close-width: 16px;
+    --o-float-poster-close-height: 16px;
+}
+}
+.o-float-poster .o-float-poster__link[data-v-05718ef8] {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  top: var(--o-float-poster-close-height);
+  cursor: pointer;
+}
+.o-float-poster .o-float-poster__img[data-v-05718ef8] {
+  display: block;
+  position: relative;
+  z-index: 2;
+  pointer-events: none;
+  width: var(--o-float-poster-width);
+}
+.o-float-poster .o-float-poster__close[data-v-05718ef8] {
+  position: absolute;
+  z-index: 1;
+  width: var(--o-float-poster-close-width);
+  height: var(--o-float-poster-close-height);
+  top: var(--o-float-poster-close-top);
+  right: var(--o-float-poster-close-right);
+  cursor: pointer;
+}

package/dist/treeshaking/components/float-poster/OFloatPoster.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    wrapper?: string | HTMLElement;
+    img: string;
+    href?: string;
+    target?: '_blank' | '_self';
+    closeStorageKey?: string;
+};
+type __VLS_PublicProps = {
+    'visible'?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+} & {
+    close: () => any;
+    "update:visible": (value: boolean) => any;
+    visit: (href?: string | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onVisit?: ((href?: string | undefined) => any) | undefined;
+}>, {
+    target: "_blank" | "_self";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/float-poster/OFloatPoster.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OFloatPoster.vue2.mjs";
+import './OFloatPoster.css';
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _OFloatPoster = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-05718ef8"]]);
+export {
+  _OFloatPoster as default
+};

package/dist/treeshaking/components/float-poster/OFloatPoster.vue2.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, useModel, computed, onMounted, openBlock, createBlock, withCtx, Teleport, createVNode, Transition, createElementBlock, createCommentVNode, createElementVNode, mergeModels } from "vue";
+import { isClient } from "@opensig/opendesign";
+import _sfc_main$1 from "../common/ClientOnly.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-float-poster"
+};
+const _hoisted_2 = ["href", "target"];
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OFloatPoster",
+  props: /* @__PURE__ */ mergeModels({
+    wrapper: {},
+    img: {},
+    href: {},
+    target: { default: "_blank" },
+    closeStorageKey: {}
+  }, {
+    "visible": { type: Boolean, ...{
+      default: true
+    } },
+    "visibleModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:visible", "close", "visit"], ["update:visible"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = useModel(__props, "visible");
+    const teleportTo = computed(() => props.wrapper || "body");
+    onMounted(() => {
+      if (isClient && props.closeStorageKey) {
+        const closeStorageKey = sessionStorage.getItem(props.closeStorageKey);
+        if (closeStorageKey) {
+          visible.value = false;
+        }
+      }
+    });
+    function close() {
+      visible.value = false;
+      if (isClient && props.closeStorageKey) {
+        sessionStorage.setItem(props.closeStorageKey, "1");
+      }
+      emit("close");
+    }
+    function onClick() {
+      emit("visit", props.href);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, null, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(Teleport, { to: teleportTo.value }, [
+            createVNode(Transition, { name: "o-float-poster" }, {
+              default: withCtx(() => [
+                visible.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  __props.href ? (openBlock(), createElementBlock("a", {
+                    key: 0,
+                    class: "o-float-poster__link",
+                    href: __props.href,
+                    target: __props.target,
+                    rel: "noopener noreferrer",
+                    onClick
+                  }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+                  createElementVNode("img", {
+                    class: "o-float-poster__img",
+                    src: __props.img
+                  }, null, 8, _hoisted_3),
+                  createElementVNode("div", {
+                    class: "o-float-poster__close",
+                    onClick: close
+                  })
+                ])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ], 8, ["to"]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/float-poster/index.d.ts

@@ -0,0 +1,72 @@
+import { App } from 'vue';
+declare const OFloatPoster: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        visible?: boolean;
+    } & {
+        wrapper?: string | HTMLElement;
+        img: string;
+        href?: string;
+        target?: "_blank" | "_self";
+        closeStorageKey?: string;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        onVisit?: ((href?: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+    } & {
+        close: () => any;
+        "update:visible": (value: boolean) => any;
+        visit: (href?: string | undefined) => any;
+    }, import('vue').PublicProps, {
+        target: "_blank" | "_self";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        visible?: boolean;
+    } & {
+        wrapper?: string | HTMLElement;
+        img: string;
+        href?: string;
+        target?: "_blank" | "_self";
+        closeStorageKey?: string;
+    }> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        onVisit?: ((href?: string | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        target: "_blank" | "_self";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    visible?: boolean;
+} & {
+    wrapper?: string | HTMLElement;
+    img: string;
+    href?: string;
+    target?: "_blank" | "_self";
+    closeStorageKey?: string;
+}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onVisit?: ((href?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+} & {
+    close: () => any;
+    "update:visible": (value: boolean) => any;
+    visit: (href?: string | undefined) => any;
+}, string, {
+    target: "_blank" | "_self";
+}, {}, 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 { OFloatPoster };
+export * from './types';

package/dist/treeshaking/components/float-poster/index.mjs

@@ -0,0 +1,9 @@
+import _OFloatPoster from "./OFloatPoster.vue.mjs";
+const OFloatPoster = Object.assign(_OFloatPoster, {
+  install(app) {
+    app.component("OFloatPoster", _OFloatPoster);
+  }
+});
+export {
+  OFloatPoster
+};

package/dist/treeshaking/components/float-poster/types.d.ts

@@ -0,0 +1,21 @@
+export interface FloatPosterProps {
+    /** 自定义挂载节点（Teleport 目标），不传则挂载到 body */
+    wrapper?: string | HTMLElement;
+    /** 图片地址 */
+    img: string;
+    /** 跳转链接 */
+    href?: string;
+    /** 链接打开方式，默认 _blank */
+    target?: '_blank' | '_self';
+    /** 关闭后记忆的 sessionStorage key；传入后关闭时写入，挂载时若已存在则自动隐藏 */
+    closeStorageKey?: string;
+    /** z-index，默认 666 */
+    zIndex?: number;
+    /** 是否展示，支持 v-model:visible，默认 true */
+    visible?: boolean;
+}
+export interface FloatPosterEmits {
+    (e: 'update:visible', value: boolean): void;
+    (e: 'close'): void;
+    (e: 'visit', href?: string): void;
+}

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

@@ -1,38 +1,38 @@
-.hover-icon-rotate .o-icon[data-v-c1fafbcb] {
+.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-c1fafbcb] {
+.hover-icon-rotate:hover .o-icon[data-v-744f8385] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper-items[data-v-c1fafbcb] {
+.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-c1fafbcb] {
+.o-logo-swiper-items .o-logo-swiper-track[data-v-744f8385] {
   display: flex;
   flex-shrink: 0;
-  animation: logo-swiper-marquee-c1fafbcb var(--logo-swiper-duration) linear infinite;
+  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-c1fafbcb] {
-  animation-name: logo-swiper-marquee-reverse-c1fafbcb;
+.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-c1fafbcb] {
+.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-c1fafbcb] {
+.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-c1fafbcb] {
+.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-c1fafbcb] {
+.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;
@@ -47,30 +47,30 @@
   border-radius: var(--o-logo-swiper-item-radius, var(--o-radius-xs));
 }
 @media (max-width: 1680px) {
-.o-logo-swiper-item[data-v-c1fafbcb] {
+.o-logo-swiper-item[data-v-744f8385] {
     --o-logo-swiper-item-gap: 20px;
 }
 }
 @media (max-width: 1200px) {
-.o-logo-swiper-item[data-v-c1fafbcb] {
+.o-logo-swiper-item[data-v-744f8385] {
     --o-logo-swiper-item-gap: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-logo-swiper-item[data-v-c1fafbcb] {
+.o-logo-swiper-item[data-v-744f8385] {
     --o-logo-swiper-item-gap: 12px;
 }
 }
 @media (max-width: 600px) {
-.o-logo-swiper-item[data-v-c1fafbcb] {
+.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-c1fafbcb] {
+.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-c1fafbcb {
+@keyframes logo-swiper-marquee-744f8385 {
 0% {
     transform: translateX(0);
 }
@@ -78,7 +78,7 @@
     transform: translateX(-50%);
 }
 }
-@keyframes logo-swiper-marquee-reverse-c1fafbcb {
+@keyframes logo-swiper-marquee-reverse-744f8385 {
 0% {
     transform: translateX(-50%);
 }

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-c1fafbcb"]]);
+const _OLogoSwiperItems = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-744f8385"]]);
 export {
   _OLogoSwiperItems as default
 };

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

@@ -115,10 +115,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "rootRef",
         ref: rootRef,
         class: normalizeClass(["o-logo-swiper-items", {
-          "is-reverse": props.reverse,
-          "is-paused": !props.autoPlay,
+          "is-reverse": __props.reverse,
+          "is-paused": !__props.autoPlay,
           "is-visible": isVisible.value,
-          "pause-on-hover": props.pauseOnHover
+          "pause-on-hover": __props.pauseOnHover
         }]),
         style: normalizeStyle(rootStyle.value)
       }, [
@@ -129,10 +129,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "o-logo-swiper-item",
               onClick: ($event) => emit("click", item)
             }, [
-              item.href ? (openBlock(), createElementBlock("a", {
+              getHref(item) ? (openBlock(), createElementBlock("a", {
                 key: 0,
                 href: getHref(item),
-                target: props.target,
+                target: __props.target,
                 rel: "noopener noreferrer"
               }, [
                 createVNode(unref(OFigure), {

package/dist/treeshaking/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/element-plus';
 export * from './components/empty';
 export * from './components/events';
 export * from './components/feedback-doc';
+export * from './components/float-poster';
 export * from './components/footer';
 export * from './components/header';
 export * from './components/header-language-switcher';

package/dist/treeshaking/index.mjs

@@ -5,6 +5,7 @@ import { OCookieNotice } from "./components/cookie-notice/index.mjs";
 import { OEmpty } from "./components/empty/index.mjs";
 import { OEventsApply, OEventsCalendar, OEventsList } from "./components/events/index.mjs";
 import { OFeedbackDoc, OFeedbackDocContent, OFeedbackDocDialog, OFeedbackDocPopup } from "./components/feedback-doc/index.mjs";
+import { OFloatPoster } from "./components/float-poster/index.mjs";
 import { OFooter } from "./components/footer/index.mjs";
 import { OHeader, OHeaderMobile } from "./components/header/index.mjs";
 import { OHeaderLanguageSwitcher } from "./components/header-language-switcher/index.mjs";
@@ -42,6 +43,7 @@ export {
   OFeedbackDocContent,
   OFeedbackDocDialog,
   OFeedbackDocPopup,
+  OFloatPoster,
   OFooter,
   OHeader,
   OHeaderLanguageSwitcher,

package/package.json

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