@opendesign-plus-test/components 0.0.1-rc.158 → 0.0.1-rc.159

package/dist/treeshaking/components/summit/components/OSummitTabs.vue2.mjs

@@ -0,0 +1,155 @@
+import { defineComponent, ref, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, createVNode, unref, withCtx, vShow, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { OIcon, OIconChevronLeft, OIconChevronRight } from "@opensig/opendesign";
+import { useResizeObserver } from "@vueuse/core";
+const _hoisted_1 = ["tabindex", "aria-disabled"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["tabindex", "aria-disabled"];
+const _hoisted_4 = {
+  key: 1,
+  class: "o-summit-tabs-single"
+};
+const SCROLL_STEP = 3;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSummitTabs",
+  props: {
+    modelValue: {},
+    items: {},
+    disabled: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const select = (idx) => {
+      emit("update:modelValue", idx);
+      emit("change", idx);
+    };
+    const scrollRef = ref(null);
+    const trackRef = ref(null);
+    const canScrollLeft = ref(false);
+    const canScrollRight = ref(false);
+    const isOverflowing = ref(false);
+    const updateArrows = () => {
+      const sc = scrollRef.value;
+      if (!sc) return;
+      const overflow = sc.scrollWidth - sc.clientWidth;
+      isOverflowing.value = overflow > 1;
+      canScrollLeft.value = sc.scrollLeft > 1;
+      canScrollRight.value = sc.scrollLeft < overflow - 1;
+    };
+    const firstVisibleIndex = () => {
+      const sc = scrollRef.value;
+      const track = trackRef.value;
+      if (!sc || !track) return 0;
+      const scLeft = sc.getBoundingClientRect().left;
+      const tabs = track.children;
+      for (let i = 0; i < tabs.length; i++) {
+        const el = tabs[i];
+        if (el.getBoundingClientRect().right > scLeft + 1) {
+          return i;
+        }
+      }
+      return 0;
+    };
+    const scrollTabs = (direction) => {
+      const sc = scrollRef.value;
+      const track = trackRef.value;
+      if (!sc || !track) return;
+      if (direction === -1 && !canScrollLeft.value) return;
+      if (direction === 1 && !canScrollRight.value) return;
+      const idx = firstVisibleIndex();
+      let target = idx + direction * SCROLL_STEP;
+      target = Math.max(0, Math.min(target, track.children.length - 1));
+      const targetEl = track.children[target];
+      if (targetEl) {
+        const delta = targetEl.getBoundingClientRect().left - sc.getBoundingClientRect().left;
+        sc.scrollTo({
+          left: sc.scrollLeft + delta,
+          behavior: "smooth"
+        });
+      }
+    };
+    useResizeObserver(scrollRef, updateArrows);
+    useResizeObserver(trackRef, updateArrows);
+    watch(
+      () => props.items.join("\0"),
+      () => {
+        nextTick(() => {
+          if (scrollRef.value) {
+            scrollRef.value.scrollTo({ left: 0 });
+          }
+          updateArrows();
+        });
+      }
+    );
+    onMounted(() => {
+      updateArrows();
+    });
+    return (_ctx, _cache) => {
+      return __props.items.length > 1 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["o-summit-tabs", { "is-overflowing": isOverflowing.value }])
+      }, [
+        withDirectives(createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["o-summit-tabs-arrow is-left", { "is-disabled": !canScrollLeft.value }]),
+          tabindex: canScrollLeft.value ? 0 : -1,
+          "aria-disabled": !canScrollLeft.value,
+          onClick: _cache[0] || (_cache[0] = ($event) => scrollTabs(-1))
+        }, [
+          createVNode(unref(OIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(OIconChevronLeft))
+            ]),
+            _: 1
+          })
+        ], 10, _hoisted_1), [
+          [vShow, isOverflowing.value]
+        ]),
+        createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: "o-summit-tabs-scroller",
+          onScroll: updateArrows
+        }, [
+          createElementVNode("div", {
+            ref_key: "trackRef",
+            ref: trackRef,
+            class: "o-summit-tabs-track"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (label, idx) => {
+              var _a;
+              return openBlock(), createElementBlock("button", {
+                key: idx,
+                class: normalizeClass(["o-summit-tab", {
+                  "is-active": __props.modelValue === idx,
+                  "is-disabled": (_a = __props.disabled) == null ? void 0 : _a.includes(idx)
+                }]),
+                onClick: ($event) => select(idx)
+              }, toDisplayString(label), 11, _hoisted_2);
+            }), 128))
+          ], 512)
+        ], 544),
+        withDirectives(createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["o-summit-tabs-arrow is-right", { "is-disabled": !canScrollRight.value }]),
+          tabindex: canScrollRight.value ? 0 : -1,
+          "aria-disabled": !canScrollRight.value,
+          onClick: _cache[1] || (_cache[1] = ($event) => scrollTabs(1))
+        }, [
+          createVNode(unref(OIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(OIconChevronRight))
+            ]),
+            _: 1
+          })
+        ], 10, _hoisted_3), [
+          [vShow, isOverflowing.value]
+        ])
+      ], 2)) : __props.items.length === 1 ? (openBlock(), createElementBlock("h4", _hoisted_4, toDisplayString(__props.items[0]), 1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,83 @@
+import { App } from 'vue';
+declare const OSummit: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitPropsT> & Readonly<{
+        onLiveChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        liveChange: (liveId: string | number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitPropsT> & Readonly<{
+        onLiveChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitPropsT> & Readonly<{
+    onLiveChange?: ((liveId: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    liveChange: (liveId: string | number) => any;
+}, 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 OSummitIntro: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitIntroPropsT> & 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 OSummitLive: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitLivePropsT> & Readonly<{
+        onChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (liveId: string | number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitLivePropsT> & Readonly<{
+        onChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitLivePropsT> & Readonly<{
+    onChange?: ((liveId: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (liveId: string | number) => any;
+}, 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 OSummitSchedule: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitSchedulePropsT> & 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;
+};
+export { OSummit, OSummitIntro, OSummitLive, OSummitSchedule, };
+export * from './types';

package/dist/treeshaking/components/summit/index.mjs

@@ -0,0 +1,30 @@
+import _OSummit from "./OSummit.vue.mjs";
+import _OSummitIntro from "./OSummitIntro.vue.mjs";
+import _OSummitLive from "./OSummitLive.vue.mjs";
+import _OSummitSchedule from "./OSummitSchedule.vue.mjs";
+const OSummit = Object.assign(_OSummit, {
+  install(app) {
+    app.component("OSummit", _OSummit);
+  }
+});
+const OSummitIntro = Object.assign(_OSummitIntro, {
+  install(app) {
+    app.component("OSummitIntro", _OSummitIntro);
+  }
+});
+const OSummitLive = Object.assign(_OSummitLive, {
+  install(app) {
+    app.component("OSummitLive", _OSummitLive);
+  }
+});
+const OSummitSchedule = Object.assign(_OSummitSchedule, {
+  install(app) {
+    app.component("OSummitSchedule", _OSummitSchedule);
+  }
+});
+export {
+  OSummit,
+  OSummitIntro,
+  OSummitLive,
+  OSummitSchedule
+};

package/dist/treeshaking/components/summit/types.d.ts

@@ -0,0 +1,69 @@
+export interface SummitIntroPropsT {
+    title?: string;
+    descList: string[];
+}
+export interface SummitLiveRoomT {
+    id: number | string;
+    liveId: number | string;
+    name: string;
+    background?: string;
+    backgroundDark?: string;
+}
+export interface SummitLivePropsT {
+    section: SummitLiveSectionT;
+    liveUrl: string;
+}
+export interface SummitSpeakerT {
+    name: string;
+    positions: string[];
+}
+export interface SummitScheduleTopicT {
+    topic: string | string[];
+    speakers?: SummitSpeakerT[];
+    description?: string;
+}
+export interface SummitScheduleEntryT {
+    time: string;
+    topics: SummitScheduleTopicT[];
+}
+export interface SummitSchedulePropsT {
+    schedule: SummitScheduleT;
+}
+export interface SummitLiveSectionT {
+    title?: string;
+    dates?: string[];
+    rooms?: SummitLiveRoomT[][];
+}
+export interface SummitSubForumT {
+    id: number | string;
+    name: string;
+    detailMode?: 'popover';
+    items: SummitScheduleEntryT[];
+}
+export interface SummitSessionT {
+    id: string;
+    label: string;
+    duration?: string;
+    items?: SummitScheduleEntryT[];
+    subForums?: SummitSubForumT[];
+}
+export interface SummitCategoryT {
+    id: string;
+    name: string;
+    sessions: SummitSessionT[];
+}
+export interface SummitScheduleDayT {
+    dateLabel: string;
+    categories: SummitCategoryT[];
+}
+export interface SummitScheduleT {
+    title?: string;
+    days: SummitScheduleDayT[];
+}
+export interface SummitPropsT {
+    descList?: string[];
+    descTitle?: string;
+    live?: SummitLiveSectionT;
+    liveUrl?: string;
+    schedule?: SummitScheduleT;
+}

package/dist/treeshaking/i18n/en.mjs

@@ -405,7 +405,13 @@ const en = {
   "meeting.sendMinutesEmailExists": "该收件人已存在",
   "meeting.sendMinutesEmptyRecipient": "请至少保留一个收件人",
   "meeting.sendMinutesSent": "会议纪要已发送",
-  "meeting.sendMinutesSubjectDefault": "[会议纪要] {0} ({1})"
+  "meeting.sendMinutesSubjectDefault": "[会议纪要] {0} ({1})",
+  // -------------------- 峰会（英文占位：暂用中文原文，等翻译） --------------------
+  "summit.introTitle": "大会简介",
+  "summit.scheduleTopicName": "议题名称：",
+  "summit.scheduleTopicDesc": "议题简介：",
+  "summit.scheduleSpeaker": "姓名：",
+  "summit.schedulePosition": "职位："
 };
 export {
   en as default

package/dist/treeshaking/i18n/zh.mjs

@@ -408,7 +408,13 @@ const zh = {
   "meeting.sendMinutesEmailExists": "该收件人已存在",
   "meeting.sendMinutesEmptyRecipient": "请至少保留一个收件人",
   "meeting.sendMinutesSent": "会议纪要已发送",
-  "meeting.sendMinutesSubjectDefault": "[会议纪要] {0} ({1})"
+  "meeting.sendMinutesSubjectDefault": "[会议纪要] {0} ({1})",
+  // -------------------- 峰会 --------------------
+  "summit.introTitle": "大会简介",
+  "summit.scheduleTopicName": "议题名称：",
+  "summit.scheduleTopicDesc": "议题简介：",
+  "summit.scheduleSpeaker": "姓名：",
+  "summit.schedulePosition": "职位："
 };
 export {
   zh as default

package/dist/treeshaking/index.d.ts

@@ -20,4 +20,5 @@ export * from './components/meeting';
 export * from './components/search';
 export * from './components/section';
 export * from './components/sig';
+export * from './components/summit';
 export * from './components/video';

package/dist/treeshaking/index.mjs

@@ -19,6 +19,7 @@ import { OMeetingCalendar, OMeetingForm, OMeetingMinutes, OMeetingMyCalendar, OM
 import { OSearchInput } from "./components/search/index.mjs";
 import { OSection } from "./components/section/index.mjs";
 import { OSigDetail, OSigList } from "./components/sig/index.mjs";
+import { OSummit, OSummitIntro, OSummitLive, OSummitSchedule } from "./components/summit/index.mjs";
 import { OVideoDetail } from "./components/video/index.mjs";
 import { CalendarDataType, MeetingGroupType } from "./components/meeting/types.mjs";
 import { EventsStatusT } from "./components/events/types.mjs";
@@ -66,6 +67,10 @@ export {
   OSection,
   OSigDetail,
   OSigList,
+  OSummit,
+  OSummitIntro,
+  OSummitLive,
+  OSummitSchedule,
   OVideoDetail,
   createSvgIcon
 };

package/package.json

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