@opendesign-plus-test/components 0.0.1-rc.145 → 0.0.1-rc.147

package/dist/treeshaking/components/activity/OActivityMyCalendar.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, createElementVNode, unref, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeStyle, normalizeClass, createBlock, renderList, createTextVNode, resolveDynamicComponent, withModifiers, renderSlot, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, createVNode, unref, withCtx, normalizeStyle, normalizeClass, createBlock, renderList, createCommentVNode, createTextVNode, resolveDynamicComponent, withModifiers, renderSlot, nextTick } from "vue";
 import { useMessage, OIcon, OIconChevronLeft, OIconChevronRight, OScroller, OCollapse, OIconArrowLeft, OCollapseItem, OButton, OTag, ODivider, OLink, OIconArrowRight, ODialog } from "@opensig/opendesign";
 import { ElCalendar } from "element-plus";
 import "element-plus/es/components/calendar/style/css";
@@ -13,39 +13,39 @@ import _sfc_main$1 from "../meeting/components/OMeetingDetail.vue.mjs";
 import '../meeting/components/OMeetingDetail.css';
 import { useI18n, Locales } from "../../i18n/index.mjs";
 import { useMeetingConfig } from "../meeting/composables/useMeetingConfig.mjs";
+import _sfc_main$2 from "../common/TooltipText.vue.mjs";
+import '../common/TooltipText.css';
 const _hoisted_1 = { class: "o-my-activity-calendar" };
 const _hoisted_2 = { class: "activity-list" };
-const _hoisted_3 = {
-  key: 0,
-  class: "list-calendar-mb"
-};
+const _hoisted_3 = { class: "list-calendar-mb" };
 const _hoisted_4 = { class: "left-calendar" };
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = { class: "date-cell-text" };
 const _hoisted_7 = { class: "right-meeting" };
 const _hoisted_8 = { class: "list-body" };
 const _hoisted_9 = ["id"];
-const _hoisted_10 = { class: "item-header-left" };
-const _hoisted_11 = { class: "header-info" };
-const _hoisted_12 = { class: "act-title" };
-const _hoisted_13 = { class: "title-text" };
-const _hoisted_14 = { class: "act-info" };
-const _hoisted_15 = { class: "date-range" };
-const _hoisted_16 = {
+const _hoisted_10 = { class: "item-header" };
+const _hoisted_11 = { class: "item-header-left" };
+const _hoisted_12 = { class: "header-info" };
+const _hoisted_13 = { class: "act-title" };
+const _hoisted_14 = { class: "title-wrapper" };
+const _hoisted_15 = { class: "title-text" };
+const _hoisted_16 = { class: "act-info" };
+const _hoisted_17 = {
   key: 0,
   class: "item-header-right"
 };
-const _hoisted_17 = { class: "activity-detail" };
-const _hoisted_18 = {
+const _hoisted_18 = { class: "activity-detail" };
+const _hoisted_19 = {
   key: 0,
   class: "activity-btn"
 };
-const _hoisted_19 = {
+const _hoisted_20 = {
   key: 0,
   class: "load-text"
 };
-const _hoisted_20 = { class: "dialog-content" };
 const _hoisted_21 = { class: "dialog-content" };
+const _hoisted_22 = { class: "dialog-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OActivityMyCalendar",
   props: {
@@ -413,12 +413,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cancelDelete = () => {
       deleteVisible.value = false;
     };
-    const headerRef = ref();
-    const headerHeight = ref(0);
-    const getHeaderHeight = () => {
-      var _a;
-      headerHeight.value = ((_a = headerRef.value) == null ? void 0 : _a.clientHeight) || 0;
-    };
     const handleScroll = useDebounceFn(() => {
       if (!canLoadMore.value) return;
       if (!isPhone.value) return;
@@ -436,14 +430,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getList();
       window.addEventListener("scroll", handleScroll);
       window.addEventListener("resize", handleScroll);
-      getHeaderHeight();
-      window.addEventListener("resize", getHeaderHeight);
     });
     onUnmounted(() => {
       var _a;
       window.removeEventListener("scroll", handleScroll);
       window.removeEventListener("resize", handleScroll);
-      window.removeEventListener("resize", getHeaderHeight);
       const scrollerContainerEl = (_a = scrollerRef.value) == null ? void 0 : _a.getContainerEl();
       scrollerContainerEl == null ? void 0 : scrollerContainerEl.removeEventListener("scroll", scrollerScroll);
     });
@@ -499,7 +490,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", _hoisted_2, [
-            unref(isPhone) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_3, [
               createElementVNode("span", null, toDisplayString(formatMonthYear(selectedDate.value)), 1),
               createElementVNode("span", null, [
                 createVNode(unref(OIcon), {
@@ -519,7 +510,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ])
-            ])) : createCommentVNode("", true),
+            ]),
             createElementVNode("div", _hoisted_4, [
               createVNode(unref(ElCalendar), {
                 ref_key: "calendarRef",
@@ -574,7 +565,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ref_key: "scrollerRef",
                 ref: scrollerRef,
                 onScrollend: unref(load),
-                style: normalizeStyle({ "--header-height": headerHeight.value }),
                 "show-type": "hover",
                 class: "scroller-container"
               }, {
@@ -639,87 +629,98 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     var _a, _b;
                                     return [
                                       createElementVNode("div", _hoisted_10, [
-                                        createElementVNode("div", {
-                                          class: "act-icon",
-                                          style: normalizeStyle({
-                                            backgroundColor: `${row.is_delete ? "var(--o-color-info4)" : unref(getConfig)(unref(CalendarDataType).EVENTS, "color")}`
-                                          })
-                                        }, [
-                                          createVNode(unref(OIcon), null, {
-                                            default: withCtx(() => [
-                                              (openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).EVENTS, "icon"))))
-                                            ]),
-                                            _: 1
-                                          })
-                                        ], 4),
                                         createElementVNode("div", _hoisted_11, [
-                                          createElementVNode("div", _hoisted_12, [
-                                            createElementVNode("div", _hoisted_13, toDisplayString(row.title), 1),
-                                            createVNode(unref(OTag), {
-                                              color: "primary",
-                                              variant: "outline",
-                                              class: normalizeClass([`tag-${row.is_delete ? "delete" : (_a = unref(statusMap).get(row.status)) == null ? void 0 : _a.id}`])
-                                            }, {
-                                              default: withCtx(() => {
-                                                var _a2;
-                                                return [
-                                                  createTextVNode(toDisplayString(row.is_delete === 1 ? unref(t)("meeting.statusCanceled") : (_a2 = unref(statusMap).get(row.status)) == null ? void 0 : _a2.text), 1)
-                                                ];
-                                              }),
-                                              _: 2
-                                            }, 1032, ["class"])
-                                          ]),
-                                          createElementVNode("div", _hoisted_14, [
-                                            createElementVNode("span", _hoisted_15, toDisplayString(row.dateRange), 1),
-                                            createVNode(unref(ODivider), { direction: "v" }),
-                                            createElementVNode("span", null, toDisplayString((_b = unref(activityTypeMap).get(row.activity_type)) == null ? void 0 : _b.label), 1)
-                                          ])
-                                        ])
-                                      ]),
-                                      row.content_url && !row.is_delete && [3, 4, 5, 6].includes(row.status) ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                                        row.content_url ? (openBlock(), createBlock(unref(OLink), {
-                                          key: 0,
-                                          "hover-underline": false,
-                                          href: row.content_url,
-                                          target: "_blank",
-                                          rel: "noopener noreferrer"
-                                        }, {
-                                          suffix: withCtx(() => [
-                                            createVNode(unref(OIcon), null, {
-                                              default: withCtx(() => [
-                                                createVNode(unref(OIconChevronRight))
-                                              ]),
-                                              _: 1
+                                          createElementVNode("div", {
+                                            class: "act-icon",
+                                            style: normalizeStyle({
+                                              backgroundColor: `${row.is_delete ? "var(--o-color-info4)" : unref(getConfig)(unref(CalendarDataType).EVENTS, "color")}`
                                             })
-                                          ]),
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("meeting.activityDetail")) + " ", 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["href"])) : createCommentVNode("", true),
-                                        row.register_url && (row.status === 3 || row.status === 4 || row.status === 2 && row.update_activity_id && new Date(row.register_end_date).getTime() > (/* @__PURE__ */ new Date()).getTime()) ? (openBlock(), createBlock(unref(OLink), {
-                                          key: 1,
-                                          "hover-underline": false,
-                                          href: row.register_url,
-                                          target: "_blank",
-                                          rel: "noopener noreferrer"
-                                        }, {
-                                          suffix: withCtx(() => [
+                                          }, [
                                             createVNode(unref(OIcon), null, {
                                               default: withCtx(() => [
-                                                createVNode(unref(OIconChevronRight))
+                                                (openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).EVENTS, "icon"))))
                                               ]),
                                               _: 1
                                             })
-                                          ]),
-                                          default: withCtx(() => [
-                                            createTextVNode(toDisplayString(unref(t)("meeting.registerNow")) + " ", 1)
-                                          ]),
-                                          _: 1
-                                        }, 8, ["href"])) : createCommentVNode("", true)
-                                      ])) : createCommentVNode("", true),
+                                          ], 4),
+                                          createElementVNode("div", _hoisted_12, [
+                                            createElementVNode("div", _hoisted_13, [
+                                              createElementVNode("div", _hoisted_14, [
+                                                createElementVNode("div", _hoisted_15, [
+                                                  createVNode(_sfc_main$2, null, {
+                                                    default: withCtx(() => [
+                                                      createTextVNode(toDisplayString(row.title), 1)
+                                                    ]),
+                                                    _: 2
+                                                  }, 1024)
+                                                ])
+                                              ]),
+                                              createVNode(unref(OTag), {
+                                                color: "primary",
+                                                variant: "outline",
+                                                class: normalizeClass([`tag-${row.is_delete ? "delete" : (_a = unref(statusMap).get(row.status)) == null ? void 0 : _a.id}`])
+                                              }, {
+                                                default: withCtx(() => {
+                                                  var _a2;
+                                                  return [
+                                                    createTextVNode(toDisplayString(row.is_delete === 1 ? unref(t)("meeting.statusCanceled") : (_a2 = unref(statusMap).get(row.status)) == null ? void 0 : _a2.text), 1)
+                                                  ];
+                                                }),
+                                                _: 2
+                                              }, 1032, ["class"])
+                                            ]),
+                                            createElementVNode("div", _hoisted_16, [
+                                              createElementVNode("span", null, toDisplayString(row.dateRange), 1),
+                                              createVNode(unref(ODivider), { direction: "v" }),
+                                              createElementVNode("span", null, toDisplayString((_b = unref(activityTypeMap).get(row.activity_type)) == null ? void 0 : _b.label), 1)
+                                            ])
+                                          ])
+                                        ]),
+                                        row.content_url && !row.is_delete && [3, 4, 5, 6].includes(row.status) ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                                          row.content_url ? (openBlock(), createBlock(unref(OLink), {
+                                            key: 0,
+                                            "hover-underline": false,
+                                            href: row.content_url,
+                                            target: "_blank",
+                                            rel: "noopener noreferrer"
+                                          }, {
+                                            suffix: withCtx(() => [
+                                              createVNode(unref(OIcon), null, {
+                                                default: withCtx(() => [
+                                                  createVNode(unref(OIconChevronRight))
+                                                ]),
+                                                _: 1
+                                              })
+                                            ]),
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(unref(t)("meeting.activityDetail")) + " ", 1)
+                                            ]),
+                                            _: 1
+                                          }, 8, ["href"])) : createCommentVNode("", true),
+                                          row.register_url && (row.status === 3 || row.status === 4 || row.status === 2 && row.update_activity_id && new Date(row.register_end_date).getTime() > (/* @__PURE__ */ new Date()).getTime()) ? (openBlock(), createBlock(unref(OLink), {
+                                            key: 1,
+                                            "hover-underline": false,
+                                            href: row.register_url,
+                                            target: "_blank",
+                                            rel: "noopener noreferrer"
+                                          }, {
+                                            suffix: withCtx(() => [
+                                              createVNode(unref(OIcon), null, {
+                                                default: withCtx(() => [
+                                                  createVNode(unref(OIconChevronRight))
+                                                ]),
+                                                _: 1
+                                              })
+                                            ]),
+                                            default: withCtx(() => [
+                                              createTextVNode(toDisplayString(unref(t)("meeting.registerNow")) + " ", 1)
+                                            ]),
+                                            _: 1
+                                          }, 8, ["href"])) : createCommentVNode("", true)
+                                        ])) : createCommentVNode("", true)
+                                      ]),
                                       createVNode(unref(OIcon), {
-                                        onClick: withModifiers(() => copyInfo(rowIdx), ["stop"]),
+                                        onClick: withModifiers(() => copyInfo(row.id), ["stop"]),
                                         class: "copy-icon"
                                       }, {
                                         default: withCtx(() => [
@@ -730,14 +731,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     ];
                                   }),
                                   default: withCtx(() => [
-                                    createElementVNode("div", _hoisted_17, [
+                                    createElementVNode("div", _hoisted_18, [
                                       createVNode(_sfc_main$1, {
                                         show: expanded.value.includes(row.id),
                                         data: row,
                                         ref_for: true,
                                         ref: (insRef) => getDetailRefs(insRef, row.id)
                                       }, null, 8, ["show", "data"]),
-                                      !row.isExpired && !row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                                      !row.isExpired && !row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_19, [
                                         row.status === 2 ? (openBlock(), createBlock(unref(OButton), {
                                           key: 0,
                                           variant: "text",
@@ -787,7 +788,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               _cache[11] || (_cache[11] = createElementVNode("div", { class: "height-placeholder" }, null, -1))
                             ], 2),
                             idx === activityList.value.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                              bottomReached.value ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(unref(t)("meeting.loading")), 1)) : createCommentVNode("", true),
+                              bottomReached.value ? (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString(unref(t)("meeting.loading")), 1)) : createCommentVNode("", true),
                               createElementVNode("div", {
                                 class: "list-month-change next-month",
                                 onClick: _cache[6] || (_cache[6] = ($event) => changeMonth("next-month"))
@@ -809,11 +810,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 1
-              }, 8, ["onScrollend", "style"])) : renderSlot(_ctx.$slots, "empty", { key: 1 })
+              }, 8, ["onScrollend"])) : renderSlot(_ctx.$slots, "empty", { key: 1 })
             ])
           ])
         ]),
         createVNode(unref(ODialog), {
+          class: "handle-dialog-active-wrapper",
           visible: revokeVisible.value,
           "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => revokeVisible.value = $event),
           "main-class": "handle-dialog-active",
@@ -825,12 +827,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a;
             return [
-              createElementVNode("div", _hoisted_20, toDisplayString(unref(t)("meeting.confirmRevokeActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
+              createElementVNode("div", _hoisted_21, toDisplayString(unref(t)("meeting.confirmRevokeActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
             ];
           }),
           _: 1
         }, 8, ["visible", "actions"]),
         createVNode(unref(ODialog), {
+          class: "handle-dialog-active-wrapper",
           visible: deleteVisible.value,
           "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => deleteVisible.value = $event),
           "main-class": "handle-dialog-active",
@@ -842,7 +845,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a;
             return [
-              createElementVNode("div", _hoisted_21, toDisplayString(unref(t)("meeting.confirmDeleteActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
+              createElementVNode("div", _hoisted_22, toDisplayString(unref(t)("meeting.confirmDeleteActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
             ];
           }),
           _: 1

package/dist/treeshaking/components/activity/OActivityMyCalendar2.css

@@ -294,10 +294,16 @@
 :root .el-input-number.el-input-number--large {
   line-height: var(--el-component-size-large);
 }
+@media (max-width: 600px) {
+.handle-dialog-active-wrapper.o-dialog-responsive {
+    --layer-align: center;
+    --layer-justify: center;
+    --layer-origin: center;
+}
+}
 .handle-dialog-active {
-  --activity-card-radius: var(--o-radius-xs);
   width: 450px;
-  --dlg-radius: var(--activity-card-radius);
+  --dlg-radius: var(--dialog-radius, var(--o-radius-xs));
 }
 .handle-dialog-active .o-dlg-header {
   margin-bottom: var(--o-gap-5);
@@ -307,5 +313,6 @@
   justify-content: center;
 }
 .handle-dialog-active .dialog-content {
-  margin-bottom: var(--o-gap-2);
+  width: 384px;
+  text-align: center;
 }

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

@@ -301,12 +301,7 @@ declare const OActivityApproval: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & 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: {
-        'filter-empty'?(_: {}): any;
-        'filter-empty'?(_: {}): any;
-    };
-}) & {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').ActivityTablePropsT> & 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 & {
     install(app: App): void;
 };
 declare const OActivityMyCalendar: {

package/dist/treeshaking/components/common/WordAvatar.css

@@ -6,13 +6,14 @@
     transform: rotate(-180deg);
 }
 }
-.o-sig-detail-word-avatar {
+.o-word-avatar {
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--o-color-white);
+  object-fit: cover;
 }
-.o-sig-detail-word-avatar.o-sig-detail-word-avatar-round {
+.o-word-avatar.o-word-avatar-round {
   border-radius: 50%;
   border: 1px solid var(--o-color-info1-inverse);
 }

package/dist/treeshaking/components/common/WordAvatar.vue.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WordAvatar",
   props: {
@@ -20,6 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     variant: {
       type: String,
       default: "round"
+    },
+    src: {
+      type: String,
+      default: ""
     }
   },
   setup(__props) {
@@ -55,11 +60,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       avatarStyle["font-size"] = `${sizeNum / 2}px`;
       return avatarStyle;
     });
+    const getImgStyle = computed(() => ({
+      width: getAvatarStyle.value.width,
+      height: getAvatarStyle.value.height
+    }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["o-sig-detail-word-avatar", `o-sig-detail-word-avatar-${__props.variant}`]),
+      return __props.src ? (openBlock(), createElementBlock("img", {
+        key: 0,
+        src: __props.src,
+        class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+        style: normalizeStyle(getImgStyle.value),
+        alt: ""
+      }, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
         style: normalizeStyle(getAvatarStyle.value)
-      }, toDisplayString(avatarText.value), 7);
+      }, toDisplayString(avatarText.value), 7));
     };
   }
 });

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

@@ -1,28 +1,38 @@
-.hover-icon-rotate .o-icon[data-v-05718ef8] {
+.hover-icon-rotate .o-icon[data-v-e67cdd62] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-05718ef8] {
+.hover-icon-rotate:hover .o-icon[data-v-e67cdd62] {
     transform: rotate(-180deg);
 }
 }
-.o-float-poster[data-v-05718ef8] {
+.o-float-poster[data-v-e67cdd62] {
   --o-float-poster-z-index: 666;
   --o-float-poster-width: 125px;
-  --o-float-poster-left: 32px;
-  --o-float-poster-bottom: 164px;
+  --o-float-poster-height: 186px;
+  --o-float-poster-left: 64px;
+  --o-float-poster-right: auto;
+  --o-float-poster-top: auto;
+  --o-float-poster-bottom: 160px;
   --o-float-poster-close-width: 20px;
   --o-float-poster-close-height: 20px;
+  --o-float-poster-close-left: auto;
+  --o-float-poster-close-bottom: auto;
   --o-float-poster-close-top: -2px;
   --o-float-poster-close-right: -2px;
   position: fixed;
   left: var(--o-float-poster-left);
+  right: var(--o-float-poster-right);
+  top: var(--o-float-poster-top);
   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] {
+@media (max-width: 1680px) {
+.o-float-poster[data-v-e67cdd62] {
     --o-float-poster-width: 94px;
+    --o-float-poster-height: 140px;
+    --o-float-poster-left: 48px;
+    --o-float-poster-bottom: 120px;
     --o-float-poster-close-width: 18px;
     --o-float-poster-close-height: 18px;
     --o-float-poster-close-top: -4px;
@@ -30,13 +40,15 @@
 }
 }
 @media (max-width: 840px) {
-.o-float-poster[data-v-05718ef8] {
+.o-float-poster[data-v-e67cdd62] {
     --o-float-poster-width: 83px;
+    --o-float-poster-height: 93px;
+    --o-float-poster-left: 16px;
     --o-float-poster-close-width: 16px;
     --o-float-poster-close-height: 16px;
 }
 }
-.o-float-poster .o-float-poster__link[data-v-05718ef8] {
+.o-float-poster .o-float-poster__link[data-v-e67cdd62] {
   position: absolute;
   inset: 0;
   z-index: 1;
@@ -46,18 +58,20 @@
   top: var(--o-float-poster-close-height);
   cursor: pointer;
 }
-.o-float-poster .o-float-poster__img[data-v-05718ef8] {
+.o-float-poster .o-float-poster__img[data-v-e67cdd62] {
   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] {
+.o-float-poster .o-float-poster__close[data-v-e67cdd62] {
   position: absolute;
   z-index: 1;
   width: var(--o-float-poster-close-width);
   height: var(--o-float-poster-close-height);
+  left: var(--o-float-poster-close-left);
+  bottom: var(--o-float-poster-close-bottom);
   top: var(--o-float-poster-close-top);
   right: var(--o-float-poster-close-right);
   cursor: pointer;

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

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