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

package/dist/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/_virtual/icon-time.mjs

@@ -0,0 +1,20 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667 0 2.829-1.124 5.542-3.124 7.542s-4.713 3.124-7.542 3.124zM17.173 15.52v-6.853c0-0.368-0.298-0.667-0.667-0.667h-1.013c-0.368 0-0.667 0.298-0.667 0.667v7.547c0.007 0.175 0.078 0.341 0.2 0.467l5.333 5.333c0.264 0.256 0.683 0.256 0.947 0l0.707-0.707c0.256-0.264 0.256-0.683 0-0.947l-4.84-4.84z"
+    }, null, -1)
+  ])]);
+}
+const IconTime = { name: "components-icon-time", render };
+export {
+  IconTime as default
+};

package/dist/treeshaking/components/activity/OActivityApproval.vue.mjs

@@ -46,13 +46,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     getActivityDetailRequest: {}
   },
   setup(__props) {
-    var _a, _b, _c;
     const { t, locale } = useI18n();
     const isZh = computed(() => locale.value === "zh");
     const { approvalStatusMap, statusMap, activityTypeMap } = useActivityConfig();
-    console.log(statusMap.value);
-    console.log((_a = statusMap.value) == null ? void 0 : _a.get(3));
-    console.log((_c = (_b = statusMap.value) == null ? void 0 : _b.get(3)) == null ? void 0 : _c.text);
     const message = useMessage(null);
     const { isPhone, lePadV } = useScreen();
     const props = __props;
@@ -145,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const res = await props.getTableDataRequest(paramsData);
       tableData.value = (res.data || []).map((item) => {
-        var _a2;
+        var _a;
         const { start_date, end_date, start, end, activity_type } = item;
         return [
           {
@@ -155,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             end_date_time: `${end_date} ${end}`,
             type: CalendarDataType.EVENTS,
             dateRange: `${start_date} ${start}-${end_date} ${end}`,
-            activity_type: (_a2 = activityTypeMap.value.get(activity_type)) == null ? void 0 : _a2.label
+            activity_type: (_a = activityTypeMap.value.get(activity_type)) == null ? void 0 : _a.label
           }
         ];
       }).flat();
@@ -183,21 +179,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       reason: [{ required: true, message: t("meeting.enterReviewNotes") }]
     });
     const confirm = async () => {
-      var _a2, _b2, _c2, _d;
+      var _a, _b, _c, _d;
       if (!props.approveActivityRequest || !props.rejectActivityRequest) {
         return;
       }
       try {
         loading.value = true;
-        const valid = await ((_a2 = formRef.value) == null ? void 0 : _a2.validate());
+        const valid = await ((_a = formRef.value) == null ? void 0 : _a.validate());
         if (!valid || valid.some((v) => !!v)) {
           loading.value = false;
           return;
         }
         if (reviewStatus.value === 1) {
-          await props.approveActivityRequest((_b2 = currentRow.value) == null ? void 0 : _b2.id, form.value);
+          await props.approveActivityRequest((_b = currentRow.value) == null ? void 0 : _b.id, form.value);
         } else {
-          await props.rejectActivityRequest((_c2 = currentRow.value) == null ? void 0 : _c2.id, form.value);
+          await props.rejectActivityRequest((_c = currentRow.value) == null ? void 0 : _c.id, form.value);
         }
         getData();
         cancel();
@@ -216,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       form.value.reason = "";
     };
     const confirmCancel = async () => {
-      var _a2;
+      var _a;
       if (props.deleteActivityRequest && props.cancelActivityRequest) {
         try {
           loading.value = true;
@@ -228,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           getData();
           cancel();
           message.success({
-            content: t("meeting.activityActionSuccess", [(_a2 = currentRow.value) == null ? void 0 : _a2.title, cancelText.value])
+            content: t("meeting.activityActionSuccess", [(_a = currentRow.value) == null ? void 0 : _a.title, cancelText.value])
           });
         } finally {
           loading.value = false;
@@ -275,8 +271,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       fetchedDetailIds.value.add(val);
       props.getActivityDetailRequest(val).then((res) => {
-        var _a2;
-        (_a2 = tableData.value) == null ? void 0 : _a2.forEach((item) => {
+        var _a;
+        (_a = tableData.value) == null ? void 0 : _a.forEach((item) => {
           if (item.id === res.id) {
             item.approve_record = res.approve_record;
             item.approver = res.approver;
@@ -387,18 +383,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(unref(dayjs)(asItem(row).create_time).format("YYYY/MM/DD HH:mm:ss")), 1)
             ]),
             td_status: withCtx(({ row }) => {
-              var _a2;
+              var _a;
               return [
                 asItem(row).is_delete !== 1 ? (openBlock(), createBlock(unref(OTag), {
                   key: 0,
                   color: "primary",
                   variant: "outline",
-                  class: normalizeClass([`tag-${(_a2 = unref(statusMap).get(asItem(row).status)) == null ? void 0 : _a2.id}`])
+                  class: normalizeClass([`tag-${(_a = unref(statusMap).get(asItem(row).status)) == null ? void 0 : _a.id}`])
                 }, {
                   default: withCtx(() => {
-                    var _a3;
+                    var _a2;
                     return [
-                      createTextVNode(toDisplayString(unref(statusMap).get(asItem(row).status)) + " " + toDisplayString((_a3 = unref(statusMap).get(asItem(row).status)) == null ? void 0 : _a3.text), 1)
+                      createTextVNode(toDisplayString((_a2 = unref(statusMap).get(asItem(row).status)) == null ? void 0 : _a2.text), 1)
                     ];
                   }),
                   _: 2
@@ -485,7 +481,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(tableData.value, (act) => {
-                var _a2;
+                var _a;
                 return openBlock(), createElementBlock(Fragment, {
                   key: act.id
                 }, [
@@ -495,12 +491,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       color: "primary",
                       variant: "outline",
-                      class: normalizeClass([`tag-${(_a2 = unref(statusMap).get(act.status)) == null ? void 0 : _a2.id}`])
+                      class: normalizeClass([`tag-${(_a = unref(statusMap).get(act.status)) == null ? void 0 : _a.id}`])
                     }, {
                       default: withCtx(() => {
-                        var _a3;
+                        var _a2;
                         return [
-                          createTextVNode(toDisplayString((_a3 = unref(statusMap).get(act.status)) == null ? void 0 : _a3.text), 1)
+                          createTextVNode(toDisplayString((_a2 = unref(statusMap).get(act.status)) == null ? void 0 : _a2.text), 1)
                         ];
                       }),
                       _: 2
@@ -660,9 +656,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(cancelTitle.value), 1)
           ]),
           default: withCtx(() => {
-            var _a2, _b2;
+            var _a, _b;
             return [
-              createElementVNode("div", _hoisted_15, toDisplayString(cancelStatus.value === 1 ? unref(t)("meeting.confirmCancelActivity", [(_a2 = currentRow.value) == null ? void 0 : _a2.title]) : unref(t)("meeting.confirmDeleteActivity", [(_b2 = currentRow.value) == null ? void 0 : _b2.title])), 1)
+              createElementVNode("div", _hoisted_15, toDisplayString(cancelStatus.value === 1 ? unref(t)("meeting.confirmCancelActivity", [(_a = currentRow.value) == null ? void 0 : _a.title]) : unref(t)("meeting.confirmDeleteActivity", [(_b = currentRow.value) == null ? void 0 : _b.title])), 1)
             ];
           }),
           _: 1

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

@@ -190,6 +190,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!allDatesLoaded.value) {
         return [];
       }
+      console.log(dateList.value);
+      console.log(summitDates.value);
+      console.log(eventsDates.value);
       return [.../* @__PURE__ */ new Set([...dateList.value, ...summitDates.value, ...eventsDates.value])].flat().sort((a, b) => dayjs(a).isAfter(dayjs(b)) ? 1 : -1);
     });
     const latestDayLoaded = ref("");
@@ -198,6 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return latestDayLoaded.value;
       }
       const dates = allDates.value;
+      console.log("dates", dates);
       if (!dates.length) return null;
       const today = dayjs().format("YYYY-MM-DD");
       let lo = 0, hi = dates.length - 1;
@@ -209,6 +213,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           hi = mid - 1;
         }
       }
+      console.log("lo", lo);
       return formatDate(lo < dates.length ? dates[lo] : dates[dates.length - 1]);
     });
     const changeMeetingDay = useDebounceFn((day, event) => {
@@ -226,8 +231,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => latestDay.value,
       () => {
         var _a;
+        console.log(latestDay.value);
         if (latestDay.value) {
-          latestDayLoaded.value = latestDay.value;
+          if (latestDay.value !== latestDayLoaded.value) {
+            latestDayLoaded.value = latestDay.value;
+          }
           (_a = calendar.value) == null ? void 0 : _a.pickDay(dayjs(latestDay.value));
           changeMeetingDay(latestDay.value);
         } else {
@@ -423,7 +431,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 createElementVNode("div", _hoisted_6, [
                   createElementVNode("span", null, toDisplayString(unref(t)("meeting.latestMeeting")) + " ", 1),
-                  createElementVNode("span", null, toDisplayString(unref(formatDate)(unref(dayjs)(latestDay.value))), 1)
+                  createElementVNode("span", null, toDisplayString(latestDay.value ? latestDay.value : unref(formatDate)()), 1)
                 ])
               ];
             }),

package/dist/treeshaking/components/meeting/utils.d.ts

@@ -1,6 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { OptionItemT } from './types';
-export declare const formatDate: (date?: undefined | string | Date | Dayjs, format?: string) => string;
+export declare const formatDate: (date?: undefined | null | string | Date | Dayjs, format?: string) => string;
 export declare const findLabelFromOptions: (value: string | number, options: OptionItemT[], labelKey?: keyof OptionItemT, valueKey?: keyof OptionItemT) => any;
 export declare const speakerNum: (val: string) => number;
 export declare const getDateNumber: (date: string) => number;

package/dist/treeshaking/components/summit/OSummit.css

@@ -0,0 +1,13 @@
+.hover-icon-rotate .o-icon[data-v-83d1b7cb] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-83d1b7cb] {
+    transform: rotate(-180deg);
+}
+}
+.o-summit[data-v-83d1b7cb] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--o-r-gap-8);
+}

package/dist/treeshaking/components/summit/OSummit.vue.d.ts

@@ -0,0 +1,7 @@
+import { SummitPropsT } from './types';
+declare const _default: import('vue').DefineComponent<SummitPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    liveChange: (liveId: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<SummitPropsT> & Readonly<{
+    onLiveChange?: ((liveId: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/summit/OSummit.vue.mjs

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

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

@@ -0,0 +1,49 @@
+import { defineComponent, computed, openBlock, createElementBlock, createBlock, createCommentVNode } from "vue";
+import { useI18n } from "../../i18n/index.mjs";
+import _OSummitIntro from "./OSummitIntro.vue.mjs";
+import _OSummitLive from "./OSummitLive.vue.mjs";
+import _OSummitSchedule from "./OSummitSchedule.vue.mjs";
+const _hoisted_1 = { class: "o-summit" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSummit",
+  props: {
+    descList: {},
+    descTitle: {},
+    live: {},
+    liveUrl: {},
+    schedule: {}
+  },
+  emits: ["liveChange"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useI18n();
+    const introTitle = computed(() => props.descTitle || t("summit.introTitle"));
+    const onLiveChange = (liveId) => {
+      emit("liveChange", liveId);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        props.descList ? (openBlock(), createBlock(_OSummitIntro, {
+          key: 0,
+          title: introTitle.value,
+          "desc-list": props.descList,
+          class: "o-summit-intro-section"
+        }, null, 8, ["title", "desc-list"])) : createCommentVNode("", true),
+        props.live ? (openBlock(), createBlock(_OSummitLive, {
+          key: 1,
+          section: props.live,
+          "live-url": props.liveUrl || "",
+          onChange: onLiveChange
+        }, null, 8, ["section", "live-url"])) : createCommentVNode("", true),
+        props.schedule ? (openBlock(), createBlock(_OSummitSchedule, {
+          key: 2,
+          schedule: props.schedule
+        }, null, 8, ["schedule"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/summit/OSummitIntro.css

@@ -0,0 +1,27 @@
+.hover-icon-rotate .o-icon[data-v-4878dd94] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-4878dd94] {
+    transform: rotate(-180deg);
+}
+}
+.o-summit-intro .o-summit-intro-title[data-v-4878dd94] {
+  margin-bottom: var(--o-r-gap-7);
+  color: var(--o-color-info1);
+  font-weight: 600;
+  text-align: center;
+  font-size: var(--o-r-font_size-display3);
+  line-height: var(--o-r-line_height-display3);
+}
+.o-summit-intro p[data-v-4878dd94] {
+  color: var(--o-color-info2);
+  font-weight: 400;
+  text-align: justify;
+  text-indent: 2em;
+  font-size: var(--o-r-font_size-text1);
+  line-height: var(--o-r-line_height-text1);
+}
+.o-summit-intro p + p[data-v-4878dd94] {
+  margin-top: var(--o-r-gap-5);
+}

package/dist/treeshaking/components/summit/OSummitIntro.vue.d.ts

@@ -0,0 +1,3 @@
+import { SummitIntroPropsT } from './types';
+declare const _default: import('vue').DefineComponent<SummitIntroPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/summit/OSummitIntro.vue.mjs

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

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

@@ -0,0 +1,26 @@
+import { defineComponent, openBlock, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList } from "vue";
+const _hoisted_1 = { class: "o-summit-intro" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-summit-intro-title"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSummitIntro",
+  props: {
+    title: {},
+    descList: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.descList, (item) => {
+          return openBlock(), createElementBlock("p", { key: item }, toDisplayString(item), 1);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/summit/OSummitLive.css

@@ -0,0 +1,103 @@
+.hover-icon-rotate .o-icon[data-v-dbbe6ecb] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-dbbe6ecb] {
+    transform: rotate(-180deg);
+}
+}
+.o-summit-live .o-summit-title[data-v-dbbe6ecb] {
+  margin-bottom: var(--o-r-gap-6);
+  color: var(--o-color-info1);
+  font-weight: 600;
+  text-align: center;
+  font-size: var(--o-r-font_size-display3);
+  line-height: var(--o-r-line_height-display3);
+}
+.o-summit-live .o-summit-live-wrapper[data-v-dbbe6ecb] {
+  margin-top: var(--o-r-gap-6);
+}
+.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] {
+  display: none;
+}
+.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] .o-select {
+  width: 100%;
+}
+.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] .o-select .o-input {
+  height: 48px;
+}
+@media (max-width: 840px) {
+.o-summit-live .o-summit-live-select[data-v-dbbe6ecb] {
+    display: block;
+    margin-bottom: var(--o-gap-2);
+}
+}
+.o-summit-live .o-summit-live-video[data-v-dbbe6ecb] {
+  margin-bottom: var(--o-r-gap-5);
+  width: 100%;
+  display: block;
+  border: none;
+}
+.o-summit-live .o-summit-live-web[data-v-dbbe6ecb] {
+  display: block;
+}
+@media (max-width: 840px) {
+.o-summit-live .o-summit-live-web[data-v-dbbe6ecb] {
+    display: none;
+}
+}
+.o-summit-live .o-summit-live-itembox[data-v-dbbe6ecb] {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: var(--o-r-gap-6) var(--o-r-gap-5);
+  width: 100%;
+  --link-height: 96px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-summit-live .o-summit-live-itembox[data-v-dbbe6ecb] {
+    --link-height: 92px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-summit-live .o-summit-live-itembox[data-v-dbbe6ecb] {
+    --link-height: 68px;
+}
+}
+.o-summit-live .o-summit-live-link[data-v-dbbe6ecb] {
+  flex: 1;
+  padding: var(--o-r-gap-6) var(--o-r-gap-5);
+  cursor: pointer;
+  background-color: var(--o-color-fill2);
+  background-image: var(--o-summit-live-bg);
+  background-position: right center;
+  background-repeat: no-repeat;
+  height: var(--link-height);
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--o-radius-xs);
+}
+.o-summit-live .o-summit-live-link [data-o-theme*=dark][data-v-dbbe6ecb] {
+  background-image: var(--o-summit-live-bg-dark);
+}
+.o-summit-live .o-summit-live-link .o-summit-live-name[data-v-dbbe6ecb] {
+  color: var(--o-color-info1);
+  font-size: var(--o-r-font_size-h2);
+  line-height: var(--o-r-line_height-h2);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.o-summit-live .o-summit-live-link[data-v-dbbe6ecb]:hover {
+  box-shadow: var(--o-shadow-2);
+}
+.o-summit-live .o-summit-live-link.is-active .o-summit-live-name[data-v-dbbe6ecb] {
+  color: #fff;
+}
+.o-summit-live .o-summit-live-link.is-main[data-v-dbbe6ecb] {
+  grid-column: 1/5;
+}

package/dist/treeshaking/components/summit/OSummitLive.vue.d.ts

@@ -0,0 +1,7 @@
+import { SummitLivePropsT } from './types';
+declare const _default: import('vue').DefineComponent<SummitLivePropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (liveId: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<SummitLivePropsT> & Readonly<{
+    onChange?: ((liveId: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/summit/OSummitLive.vue.mjs

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

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

@@ -0,0 +1,135 @@
+import { defineComponent, ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, toDisplayString, createCommentVNode, createVNode, createElementVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeStyle, normalizeClass } from "vue";
+import { OSelect, OOption } from "@opensig/opendesign";
+import OSummitTabs from "./components/OSummitTabs.vue.mjs";
+const _hoisted_1 = { class: "o-summit-live" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-summit-title"
+};
+const _hoisted_3 = { class: "o-summit-live-wrapper" };
+const _hoisted_4 = { class: "o-summit-live-select" };
+const _hoisted_5 = ["height", "src"];
+const _hoisted_6 = { class: "o-summit-live-web" };
+const _hoisted_7 = { class: "o-summit-live-itembox" };
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "o-summit-live-name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSummitLive",
+  props: {
+    section: {},
+    liveUrl: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const props = __props;
+    const emit = __emit;
+    const height = ref(800);
+    const roomId = ref(0);
+    const dateIndex = ref(0);
+    const currentRooms = computed(() => {
+      var _a2;
+      return ((_a2 = props.section.rooms) == null ? void 0 : _a2[dateIndex.value]) || [];
+    });
+    const liveRoom = ref((_a = currentRooms.value[0]) == null ? void 0 : _a.liveId);
+    watch(currentRooms, (val) => {
+      var _a2;
+      liveRoom.value = (_a2 = val[0]) == null ? void 0 : _a2.liveId;
+      roomId.value = 0;
+      emit("change", liveRoom.value);
+    });
+    const setLiveRoom = (item, index) => {
+      roomId.value = index;
+      emit("change", item.liveId);
+    };
+    const changeLive = (val) => {
+      emit("change", val);
+    };
+    function setHeight(data) {
+      if (data.height === "auto") {
+        height.value = 550;
+      } else if (data.height) {
+        height.value = parseInt(data.height, 10);
+      }
+    }
+    const messageHandler = (event) => {
+      let data = "";
+      try {
+        data = JSON.parse(event.data);
+      } catch {
+        data = event.data;
+      }
+      setHeight(data);
+    };
+    onMounted(() => {
+      window.addEventListener("message", messageHandler, false);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("message", messageHandler);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(props.section.title), 1)) : createCommentVNode("", true),
+        createVNode(OSummitTabs, {
+          modelValue: dateIndex.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dateIndex.value = $event),
+          items: props.section.dates || []
+        }, null, 8, ["modelValue", "items"]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(unref(OSelect), {
+              modelValue: liveRoom.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => liveRoom.value = $event),
+              clearable: "",
+              filterable: "",
+              onChange: changeLive
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(currentRooms.value, (item) => {
+                  return openBlock(), createBlock(unref(OOption), {
+                    key: item.id,
+                    label: item.name,
+                    value: item.liveId
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          createElementVNode("iframe", {
+            height: height.value,
+            allow: "camera *;microphone *;",
+            scrolling: "no",
+            src: props.liveUrl,
+            allowfullscreen: "true",
+            class: "o-summit-live-video"
+          }, null, 8, _hoisted_5),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(currentRooms.value, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.id,
+                  class: normalizeClass([
+                    "o-summit-live-link",
+                    roomId.value === index ? "is-active" : "",
+                    index === 0 ? "is-main" : ""
+                  ]),
+                  style: normalizeStyle({
+                    "--o-summit-live-bg": item.background ? `url(${item.background})` : "",
+                    "--o-summit-live-bg-dark": item.backgroundDark ? `url(${item.backgroundDark})` : ""
+                  }),
+                  onClick: ($event) => setLiveRoom(item, index)
+                }, [
+                  createElementVNode("p", _hoisted_9, toDisplayString(item.name), 1)
+                ], 14, _hoisted_8);
+              }), 128))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};