@opendesign-plus-test/components 0.0.1-rc.119 → 0.0.1-rc.121

package/dist/treeshaking/components/events/OEventsCalendar.css

@@ -84,6 +84,11 @@
   justify-content: space-between;
   margin-right: var(--o-gap-4);
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-events-calendar .collapse-header {
+    margin-right: var(--o-gap-3);
+}
+}
 @media (max-width: 840px) {
 .o-events-calendar .collapse-header {
     flex-direction: column;

package/dist/treeshaking/components/events/OEventsList.css

@@ -257,6 +257,9 @@
   --tag-color: rgb(var(--o-white));
   --tag-bg-color: rgba(var(--o-black), 0.25);
   --tag-padding: var(--o-gap-1) var(--o-gap-3);
+  --tag-text-size: 12px;
+  --tag-text-height: 18px;
+  --tag-height: 24px;
   border: none;
   border-radius: var(--events-tag-radius);
 }
@@ -265,6 +268,13 @@
     --tag-padding: var(--o-gap-1);
 }
 }
+.o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon {
+  height: 16px;
+}
+.o-events-list .list-content .o-card .o-card-content .tags-wrapper .o-tag .o-tag-icon svg {
+  width: 16px;
+  height: 16px;
+}
 .o-events-list .list-content .o-card .o-card-content .event-name {
   font-weight: 500;
   text-align: center;

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-49e6ebe6] {
+.hover-icon-rotate .o-icon[data-v-12fab110] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-49e6ebe6] {
+.hover-icon-rotate:hover .o-icon[data-v-12fab110] {
     transform: rotate(-180deg);
 }
 }
-.o-feedback-doc-wrap[data-v-49e6ebe6] {
+.o-feedback-doc-wrap[data-v-12fab110] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -14,10 +14,10 @@
   cursor: pointer;
 }
 @media (hover: hover) {
-.o-feedback-doc-wrap[data-v-49e6ebe6]:hover {
+.o-feedback-doc-wrap[data-v-12fab110]:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-feedback-doc-wrap .o-feedback-icon-smile[data-v-49e6ebe6] {
+.o-feedback-doc-wrap .o-feedback-icon-smile[data-v-12fab110] {
   font-size: 24px;
 }

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OFeedbackDoc.vue2.mjs";
 import './OFeedbackDoc.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OFeedbackDoc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49e6ebe6"]]);
+const _OFeedbackDoc = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12fab110"]]);
 export {
   _OFeedbackDoc as default
 };

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue2.mjs

@@ -43,21 +43,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const completenessRate = useModel(__props, "completeness");
     const usabilityRate = useModel(__props, "usability");
     const feedback = useModel(__props, "feedback");
-    const { lePad } = useScreen();
+    const { lePadV } = useScreen();
     const feedbackRef = ref();
     const showDlg = ref(false);
     const showPopup = ref(false);
     const autoHide = ref(true);
     let timer;
     const onMouseEnter = () => {
-      if (lePad.value) {
+      if (lePadV.value) {
         return;
       }
       clearTimeout(timer);
       showPopup.value = true;
     };
     const onMouseLeave = () => {
-      if (lePad.value) {
+      if (lePadV.value) {
         return;
       }
       if (!autoHide.value) {
@@ -82,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       autoHide.value = false;
     };
     const onClick = () => {
-      if (!lePad.value) {
+      if (!lePadV.value) {
         return;
       }
       showDlg.value = true;
@@ -107,7 +107,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 512)
         ], true),
-        unref(lePad) ? (openBlock(), createBlock(_sfc_main$1, {
+        unref(lePadV) ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
           visible: showDlg.value,
           "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showDlg.value = $event),

package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.css

@@ -1,17 +1,17 @@
-.hover-icon-rotate .o-icon[data-v-8fc5dd70] {
+.hover-icon-rotate .o-icon[data-v-28bdd67f] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8fc5dd70] {
+.hover-icon-rotate:hover .o-icon[data-v-28bdd67f] {
     transform: rotate(-180deg);
 }
 }
-.o-feedback-doc[data-v-8fc5dd70] {
+.o-feedback-doc[data-v-28bdd67f] {
   position: relative;
   color: var(--o-color-info1);
   text-align: center;
 }
-.o-feedback-doc .o-feedback-icon-close[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-icon-close[data-v-28bdd67f] {
   position: absolute;
   top: -8px;
   right: -6px;
@@ -21,70 +21,70 @@
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.o-feedback-doc .o-feedback-icon-close[data-v-8fc5dd70]:hover {
+.o-feedback-doc .o-feedback-icon-close[data-v-28bdd67f]:hover {
     transform: rotate(180deg);
     color: var(--o-color-primary1);
 }
 }
-.o-feedback-doc .o-feedback-title[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-title[data-v-28bdd67f] {
   font-size: 14px;
   line-height: 22px;
   font-weight: 600;
   margin-bottom: 12px;
 }
-@media (max-width: 1200px) {
-.o-feedback-doc .o-feedback-title[data-v-8fc5dd70] {
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-title[data-v-28bdd67f] {
     font-size: 18px;
     line-height: 26px;
 }
 }
-.o-feedback-doc .o-feedback-star-wrap[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-star-wrap[data-v-28bdd67f] {
   padding: 0 16px;
 }
-@media (max-width: 1200px) {
-.o-feedback-doc .o-feedback-star-wrap[data-v-8fc5dd70] {
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-star-wrap[data-v-28bdd67f] {
     padding: 0 24px;
 }
 }
-.o-feedback-doc .o-feedback-doc-title[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-doc-title[data-v-28bdd67f] {
   margin-right: 16px;
   font-size: 12px;
   line-height: 18px;
   color: var(--o-color-info2);
   text-align: left;
 }
-@media (max-width: 1200px) {
-.o-feedback-doc .o-feedback-doc-title[data-v-8fc5dd70] {
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-doc-title[data-v-28bdd67f] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.o-feedback-doc .o-feedback-star-line[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-star-line[data-v-28bdd67f] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: 12px;
 }
-.o-feedback-doc .o-feedback-doc-rate[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-doc-rate[data-v-28bdd67f] {
   --rate-size: 16px;
 }
-@media (max-width: 1200px) {
-.o-feedback-doc .o-feedback-doc-rate[data-v-8fc5dd70] {
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-doc-rate[data-v-28bdd67f] {
     --rate-size: 32px;
 }
 }
-.o-feedback-doc .o-feedback-input-wrap[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-input-wrap[data-v-28bdd67f] {
   margin-top: 12px;
 }
-@media (max-width: 1200px) {
-.o-feedback-doc .o-feedback-input-wrap[data-v-8fc5dd70] {
+@media (max-width: 840px) {
+.o-feedback-doc .o-feedback-input-wrap[data-v-28bdd67f] {
     padding: 0 8px;
 }
 }
-.o-feedback-doc .o-feedback-input[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-input[data-v-28bdd67f] {
   width: 100%;
 }
-.o-feedback-doc .o-feedback-doc-submit[data-v-8fc5dd70] {
+.o-feedback-doc .o-feedback-doc-submit[data-v-28bdd67f] {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -94,13 +94,13 @@
   font-size: 14px;
   line-height: 22px;
 }
-.o-feedback-doc-btn-box[data-v-8fc5dd70] {
+.o-feedback-doc-btn-box[data-v-28bdd67f] {
   display: flex;
   align-items: center;
   justify-content: space-around;
   margin-top: 16px;
 }
-.o-feedback-doc-btn-box .o-btn[data-v-8fc5dd70] {
+.o-feedback-doc-btn-box .o-btn[data-v-28bdd67f] {
   flex: 1;
   padding: 2px 0;
   font-size: 16px;
@@ -110,6 +110,6 @@
   --btn-padding: 0 50px;
   --btn-color: var(--o-color-info1);
 }
-.o-feedback-doc-btn-box .divider-btn[data-v-8fc5dd70] {
+.o-feedback-doc-btn-box .divider-btn[data-v-28bdd67f] {
   height: 24px;
 }

package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OFeedbackDocContent.vue2.mjs";
 import './OFeedbackDocContent.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8fc5dd70"]]);
+const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28bdd67f"]]);
 export {
   _OFeedbackDocContent as default
 };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue2.mjs

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["change", "close", "submit"], ["update:efficiency", "update:accuracy", "update:completeness", "update:usability", "update:feedback"]),
   setup(__props, { emit: __emit }) {
     const message = useMessage(null);
-    const { lePad } = useScreen();
+    const { lePadV } = useScreen();
     const { locale, t } = useI18n();
     const props = __props;
     const efficiencyRate = useModel(__props, "efficiency");
@@ -184,7 +184,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 modelValue: item.value,
                 "onUpdate:modelValue": ($event) => item.value = $event,
                 class: "o-feedback-doc-rate",
-                size: unref(lePad) ? "large" : "medium",
+                size: unref(lePadV) ? "large" : "medium",
                 count: 5,
                 color: "primary",
                 onChange: ($event) => onRateChange(item)
@@ -202,7 +202,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             placeholder: unref(t)("feedback.placeholder")
           }, null, 8, ["modelValue", "placeholder"])
         ])) : createCommentVNode("", true),
-        unref(lePad) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_6, [
           showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createVNode(unref(OButton), {
               color: "normal",

package/dist/treeshaking/components/header-theme/OHeaderTheme.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-6209ad5c] {
+.hover-icon-rotate .o-icon[data-v-a8461f7a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-6209ad5c] {
+.hover-icon-rotate:hover .o-icon[data-v-a8461f7a] {
     transform: rotate(-180deg);
 }
 }
-.o-theme-switcher-common[data-v-6209ad5c] {
+.o-theme-switcher-common[data-v-a8461f7a] {
   display: flex;
   align-items: center;
   width: var(--o-icon_size-m);
@@ -14,35 +14,35 @@
   font-size: var(--o-icon_size-m);
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-theme-switcher-common[data-v-6209ad5c] {
+.o-theme-switcher-common[data-v-a8461f7a] {
     width: var(--o-icon_size-s);
     height: var(--o-icon_size-s);
     font-size: var(--o-icon_size-s);
 }
 }
-.o-theme-switcher-common[data-v-6209ad5c]:not(.disabled) {
+.o-theme-switcher-common[data-v-a8461f7a]:not(.disabled) {
   cursor: pointer;
 }
-.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c] {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-a8461f7a] {
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:hover {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-a8461f7a]:hover {
     color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
-.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-6209ad5c]:active {
+.o-theme-switcher-common:not(.disabled) .o-theme-icon[data-v-a8461f7a]:active {
   color: var(--o-color-primary3);
 }
-.o-theme-switcher-common.disabled[data-v-6209ad5c] {
+.o-theme-switcher-common.disabled[data-v-a8461f7a] {
   cursor: not-allowed;
 }
-.o-theme-switcher-common.disabled .o-theme-icon[data-v-6209ad5c] {
+.o-theme-switcher-common.disabled .o-theme-icon[data-v-a8461f7a] {
   color: var(--o-color-info4);
 }
-.o-theme-switcher-mobile .o-theme-switch[data-v-6209ad5c] {
+.o-theme-switcher-mobile .o-theme-switch[data-v-a8461f7a] {
   --switch-handler-color: var(--o-color-white);
   --switch-color: var(--o-color-info4);
 }

package/dist/treeshaking/components/header-theme/OHeaderTheme.vue.mjs

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

package/dist/treeshaking/components/header-theme/OHeaderTheme.vue2.mjs

@@ -21,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { gtPhone } = useScreen();
+    const { lePadV } = useScreen();
     const switchVal = computed({
       get() {
         return props.theme;
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     const isCommon = computed(() => {
-      return props.type === "common" || props.type === "auto" && gtPhone.value;
+      return props.type === "common" || props.type === "auto" && !lePadV.value;
     });
     const toggleTheme = () => {
       if (props.disabled) {

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

@@ -149,6 +149,9 @@
 .o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav {
   padding-bottom: var(--o-gap-3);
 }
+.o-sig-meeting-calendar .meeting-card-header .o-tab .o-tab-nav .o-icon svg path {
+  fill: currentColor;
+}
 .o-sig-meeting-calendar .el-input__prefix {
   display: none;
 }

package/dist/treeshaking/components/meeting/components/OMeetingSigAside.vue.d.ts

@@ -1,3 +1,4 @@
+import { nextTick, ComponentPublicInstance } from 'vue';
 type __VLS_Props = {
     data: any[];
     current: number;
@@ -12,5 +13,178 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onClick-date"?: ((...args: any[]) => any) | undefined;
     "onChange-month"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollerRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }> & Omit<{
+            readonly size: "small" | "medium";
+            readonly duration: number;
+            readonly disabledX: boolean;
+            readonly disabledY: boolean;
+            readonly showType: "auto" | "hover" | "always" | "never";
+            readonly autoUpdateOnScrollSize: boolean;
+            readonly wrapClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly barClass?: string | {
+                [k: string]: boolean;
+            } | (string | {
+                [k: string]: boolean;
+            })[] | undefined;
+            readonly onScroll?: ((event: Event) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            targetRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "scroll", event: Event) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            wrapClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+            disabledX: {
+                type: BooleanConstructor;
+                required: false;
+            };
+            disabledY: {
+                type: BooleanConstructor;
+            };
+            duration: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showType: {
+                type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+                default: string;
+            };
+            size: {
+                type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+                default: string;
+            };
+            autoUpdateOnScrollSize: {
+                type: BooleanConstructor;
+            };
+            barClass: {
+                type: import('vue').PropType<string | {
+                    [k: string]: boolean;
+                } | Array<{
+                    [k: string]: boolean;
+                } | string>>;
+            };
+        }>> & Readonly<{
+            onScroll?: ((event: Event) => any) | undefined;
+        }>, {
+            scrollTo: (options?: ScrollToOptions | undefined) => void;
+            scrollBy: (options?: ScrollToOptions | undefined) => void;
+            getContainerEl(): HTMLElement | null;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            scroll: (event: Event) => any;
+        }, string, {
+            size: "medium" | "small";
+            duration: number;
+            disabledX: boolean;
+            disabledY: boolean;
+            showType: "auto" | "always" | "never" | "hover";
+            autoUpdateOnScrollSize: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof 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<{
+        size: "medium" | "small";
+        duration: number;
+        disabledX: boolean;
+        disabledY: boolean;
+        showType: "auto" | "always" | "never" | "hover";
+        autoUpdateOnScrollSize: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        wrapClass: {
+            type: import('vue').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+        disabledX: {
+            type: BooleanConstructor;
+            required: false;
+        };
+        disabledY: {
+            type: BooleanConstructor;
+        };
+        duration: {
+            type: NumberConstructor;
+            default: number;
+        };
+        showType: {
+            type: import('vue').PropType<"auto" | "always" | "hover" | "never">;
+            default: string;
+        };
+        size: {
+            type: import('vue').PropType<import('@opensig/opendesign').ScrollerSizeT>;
+            default: string;
+        };
+        autoUpdateOnScrollSize: {
+            type: BooleanConstructor;
+        };
+        barClass: {
+            type: import('vue').PropType<string | {
+                [k: string]: boolean;
+            } | Array<{
+                [k: string]: boolean;
+            } | string>>;
+        };
+    }>> & Readonly<{
+        onScroll?: ((event: Event) => any) | undefined;
+    }>, "size" | "duration" | "disabledX" | "disabledY" | "showType" | "autoUpdateOnScrollSize" | "scrollTo" | "scrollBy" | "getContainerEl"> & {
+        scrollTo: (options?: ScrollToOptions | undefined) => void;
+        scrollBy: (options?: ScrollToOptions | undefined) => void;
+        getContainerEl: () => HTMLElement | null;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            thumb?(_: {}): any;
+            track?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createBlock, normalizeStyle, resolveDynamicComponent, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, nextTick, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createBlock, normalizeStyle, resolveDynamicComponent, createCommentVNode } from "vue";
 import { OScroller, OIcon, OIconArrowLeft, OIconArrowRight } from "@opensig/opendesign";
 import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
 import { CalendarDataType } from "../types.mjs";
@@ -32,9 +32,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.current + step >= props.total || props.current + step < 0) return;
       emits("change-month", step);
     };
+    const scrollerRef = ref(null);
+    const scrollToActiveTop = () => {
+      var _a, _b;
+      const containerEl = ((_b = (_a = scrollerRef.value) == null ? void 0 : _a.getContainerEl) == null ? void 0 : _b.call(_a)) ?? null;
+      if (!containerEl) return false;
+      const activeEl = containerEl.querySelector(".day-item.active");
+      if (!activeEl) return false;
+      const containerRect = containerEl.getBoundingClientRect();
+      const activeRect = activeEl.getBoundingClientRect();
+      containerEl.scrollTop += activeRect.top - containerRect.top;
+      return true;
+    };
+    let scrolled = false;
+    const stopActiveWatch = watch(
+      [() => props.active, () => props.data],
+      () => {
+        if (scrolled || !props.active) {
+          return;
+        }
+        nextTick(() => {
+          if (scrolled) return;
+          if (scrollToActiveTop()) {
+            scrolled = true;
+            stopActiveWatch();
+          }
+        });
+      },
+      { immediate: true, flush: "post" }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(OScroller), {
+          ref_key: "scrollerRef",
+          ref: scrollerRef,
           class: "month-wrapper",
           "show-type": "hover",
           size: "small"
@@ -91,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ]),
           _: 1
-        }),
+        }, 512),
         createElementVNode("div", _hoisted_7, [
           createVNode(unref(OIcon), {
             onClick: _cache[0] || (_cache[0] = ($event) => changeMonth(0 - STEP)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.119",
+  "version": "0.0.1-rc.121",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -45,8 +45,8 @@
     "vue-dompurify-html": "^3.1.2",
     "vue": "^3.5.13",
     "element-plus": "2.13.1",
-    "@opendesign-plus/styles": "0.0.1-rc.2",
-    "@opendesign-plus/composables": "0.0.1-rc.10"
+    "@opendesign-plus/composables": "0.0.1-rc.10",
+    "@opendesign-plus/styles": "0.0.1-rc.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",