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

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

@@ -13,6 +13,7 @@
   --meeting-card-radius: var(--o-radius-xs);
   --meeting-input-radius: var(--o-radius-xs);
   --meeting-cell-radius: var(--o-radius-xs);
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 @media (max-width: 840px) {
 .o-meeting-playback {
@@ -173,7 +174,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+  background: var(--after-linear-bg);
 }
 @media (max-width: 840px) {
 .o-meeting-playback .left-card .info-wrapper .tab-content::after {
@@ -353,4 +354,7 @@
 .o-meeting-playback .right-card {
     width: 100%;
 }
+}
+[data-o-theme*=dark] .o-meeting-playback {
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-4), 0), rgba(var(--o-grey-4), 1) 100%);
 }

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

@@ -309,7 +309,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       createElementVNode("div", _hoisted_8, [
                         createElementVNode("span", null, toDisplayString(unref(t)("meeting.item2")), 1),
-                        createElementVNode("span", null, toDisplayString(__props.detail.groupName || __props.detail.group_name), 1)
+                        createElementVNode("span", null, toDisplayString(__props.detail.groupName), 1)
                       ]),
                       createElementVNode("div", _hoisted_9, [
                         createElementVNode("span", null, toDisplayString(unref(t)("meeting.item3")), 1),

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/OMeetingPlaybackSubtitles.css

@@ -303,6 +303,7 @@
   min-height: calc(var(--layout-content-min-height) - 104px);
   background-color: var(--o-color-fill2);
   border-radius: var(--meeting-card-radius);
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
 }
 .o-meeting-playback-subtitles .search-captions {
   display: flex;
@@ -437,6 +438,34 @@
     padding: 0 var(--o-gap-3);
 }
 }
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+  left: var(--o-gap-5);
+  right: var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-4);
+    right: var(--o-gap-4);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
+@media (max-width: 600px) {
+.o-meeting-playback-subtitles .o-tab .o-tab-head.show-line::after {
+    left: var(--o-gap-3);
+    right: var(--o-gap-3);
+}
+}
 .o-meeting-playback-subtitles .o-tab .o-tab-nav-list {
   width: 100%;
 }
@@ -514,7 +543,7 @@
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
+  background: var(--after-linear-bg);
 }
 .o-meeting-playback-subtitles .o-tab .o-tab-body .o-tab-pane .o-scroller {
   height: 100%;
@@ -708,4 +737,7 @@
 }
 .o-meeting-playback-subtitles .captions-tab .captions-item .text .light-keyword-active {
   background-color: rgba(var(--o-blue-6), 0.4);
+}
+[data-o-theme*=dark] .o-meeting-playback-subtitles {
+  --after-linear-bg: linear-gradient(180deg, rgba(var(--o-grey-4), 0), rgba(var(--o-grey-4), 1) 100%);
 }

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/dist/treeshaking/components/meeting/types.d.ts

@@ -192,8 +192,7 @@ export interface MeetingPlaybackPropsDetailT {
     end: string;
     agenda: string;
     sponsor: string;
-    groupName?: string;
-    group_name?: string;
+    groupName: string;
 }
 export interface MeetingPlaybackPropsDataT {
     mid: string;

package/package.json

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