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

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.120",
   "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",