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

package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs

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

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

@@ -1,31 +1,45 @@
-.hover-icon-rotate .o-icon[data-v-ab4e8144] {
+.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-ab4e8144] {
+.hover-icon-rotate:hover .o-icon[data-v-6c8c87fc] {
     transform: rotate(-180deg);
 }
 }
-.o-logo-swiper[data-v-ab4e8144] {
-  --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-ab4e8144] {
-    --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-ab4e8144] {
+.o-logo-swiper[data-v-6c8c87fc] {
     --o-logo-swiper-row-gap: 16px;
 }
 }
 @media (max-width: 840px) {
-.o-logo-swiper[data-v-ab4e8144] {
+.o-logo-swiper[data-v-6c8c87fc] {
     --o-logo-swiper-row-gap: 12px;
 }
+}
+.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-6c8c87fc] {
+    font-size: 12px;
+    line-height: 18px;
+}
 }

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

@@ -2,6 +2,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        tip?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;

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

@@ -1,14 +1,7 @@
-import { openBlock, createElementBlock, renderSlot } from "vue";
+import _sfc_main from "./OLogoSwiper.vue2.mjs";
 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"]]);
+const _OLogoSwiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c8c87fc"]]);
 export {
   _OLogoSwiper as default
 };

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

@@ -0,0 +1,21 @@
+import { defineComponent, openBlock, createElementBlock, renderSlot, createElementVNode, toDisplayString, unref } from "vue";
+import { useI18n } from "../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-logo-swiper" };
+const _hoisted_2 = { class: "o-logo-swiper-tip" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OLogoSwiper",
+  setup(__props) {
+    const { t } = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        renderSlot(_ctx.$slots, "tip", {}, () => [
+          createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("logo.tip")), 1)
+        ], true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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;

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css

@@ -179,6 +179,9 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
   fill: currentColor;
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav-list {
+  width: fit-content !important;
+}
 .o-sig-meeting-calendar .meeting-card-header .o-tab.hide-icons .o-tab-nav-list .o-icon {
   display: none;
 }

package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs

@@ -301,7 +301,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(OSelect), {
               modelValue: selectDate.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectDate.value = $event),
-              onChange: changeSelect
+              onChange: changeSelect,
+              placeholder: unref(t)("meeting.selectDate")
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(dateList.value, (date) => {
@@ -313,7 +314,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 1
-            }, 8, ["modelValue"])
+            }, 8, ["modelValue", "placeholder"])
           ]),
           createElementVNode("div", _hoisted_5, [
             createVNode(unref(OTab), {

package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs

@@ -4,7 +4,7 @@ import _sfc_main$1 from "./OMeetingDetail.vue.mjs";
 import './OMeetingDetail.css';
 import IconCopy from "../../../_virtual/icon-copy.mjs";
 import { MeetingGroupType, CalendarDataType } from "../types.mjs";
-import IconChevronRight from "../../../_virtual/icon-chevron-right.mjs";
+import IconRight from "../../../_virtual/icon-chevron-right.mjs";
 import { INTERVAL_DAY, INTERVAL_WEEK, INTERVAL_MONTH } from "../config.mjs";
 import { formatDate } from "../utils.mjs";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
@@ -307,7 +307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })
@@ -327,7 +327,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })
@@ -347,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })
@@ -367,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         suffix: withCtx(() => [
                           createVNode(unref(OIcon), null, {
                             default: withCtx(() => [
-                              createVNode(unref(IconChevronRight))
+                              createVNode(unref(IconRight))
                             ]),
                             _: 1
                           })

package/dist/treeshaking/components/section/OSection.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, unref, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode, withCtx } from "vue";
 import { isArray, OLink, OIcon } from "@opensig/opendesign";
-import IconChevronRight from "../../_virtual/icon-chevron-right.mjs";
+import IconRight from "../../_virtual/icon-chevron-right.mjs";
 const _hoisted_1 = { class: "section-wrapper" };
 const _hoisted_2 = {
   key: 1,
@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   suffix: withCtx(() => [
                     createVNode(unref(OIcon), { class: "footer-icon" }, {
                       default: withCtx(() => [
-                        createVNode(unref(IconChevronRight))
+                        createVNode(unref(IconRight))
                       ]),
                       _: 1
                     })