@opendesign-plus/components 0.0.1-rc.34 → 0.0.1-rc.36

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

@@ -0,0 +1,189 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createBlock, unref, withCtx, createTextVNode, createCommentVNode } from "vue";
+import { OLink } from "@opensig/opendesign";
+import { CalendarDataType } from "../types.mjs";
+import MoreText from "../../common/MoreText.vue.mjs";
+import { formatDate } from "../utils.mjs";
+import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-meeting-detail" };
+const _hoisted_2 = { class: "label" };
+const _hoisted_3 = { key: 2 };
+const _hoisted_4 = {
+  key: 3,
+  class: "value"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "extra"
+};
+const _hoisted_6 = { class: "value-text" };
+const _hoisted_7 = { class: "label" };
+const SPLIT_MARK = "|";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingDetail",
+  props: {
+    data: {},
+    from: {},
+    show: { type: Boolean },
+    page: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { t, getPlatformLabel } = useMeetingConfig();
+    const { locale } = useI18n();
+    const isEn = computed(() => locale.value === "en");
+    const infoList = computed(
+      () => [
+        { label: t("meeting.meetingDetail"), key: "agenda", ellipsis: true },
+        { label: t("meeting.meetingCreator"), key: "sponsor" },
+        { label: t("meeting.meetingDate2"), key: "timeRange", extra: "date" },
+        { label: t("meeting.meetingId"), key: "mid" },
+        { label: t("meeting.meetingPlatform"), key: "platform" },
+        { label: t("meeting.meetingLink"), key: "join_url", isLink: true },
+        { label: t("meeting.meetingEtherpad"), key: "etherpad", isLink: true },
+        { label: t("meeting.meetingReplay"), key: "replay_url", isLink: true }
+      ].slice(0, props.from === "my" ? 7 : 8)
+    );
+    const activityInfoList = computed(() => {
+      var _a;
+      const isLive = !!((_a = props.data.live_url) == null ? void 0 : _a.length);
+      return [
+        { label: t("meeting.activityDetail2"), key: "agenda", ellipsis: true },
+        { label: t("meeting.startDate"), key: "start_date_time" },
+        { label: t("meeting.endDate"), key: "end_date_time" },
+        { label: t("meeting.registrationDeadline"), key: "register_end_date" },
+        { label: isLive ? t("meeting.livePlatform") : t("meeting.activityAddress"), key: isLive ? "live_url" : "address" },
+        { label: t("meeting.activityDetailUrl"), key: "content_url", isLink: true },
+        { label: t("meeting.activityApprover"), key: "approver" },
+        { label: t("meeting.reviewNotesLabel"), key: "approve_record", isRecord: true }
+      ].slice(0, props.from === "home" ? 5 : 8);
+    });
+    const activityInfoApprovalList = computed(() => {
+      var _a;
+      const isLive = !!((_a = props.data.live_url) == null ? void 0 : _a.length);
+      return [
+        { label: t("meeting.activityType"), key: "activity_type", isType: true },
+        { label: isLive ? t("meeting.livePlatform") : t("meeting.activityAddress"), key: isLive ? "live_url" : "address" },
+        { label: t("meeting.startDate"), key: "start_date_time" },
+        { label: t("meeting.endDate"), key: "end_date_time" },
+        { label: t("meeting.registrationDeadline"), key: "register_end_date" },
+        { label: t("meeting.registrationUrl"), key: "register_url", isLink: true },
+        { label: t("meeting.activityDetailUrl"), key: "content_url", isLink: true },
+        { label: t("meeting.activityApprover"), key: "approver" },
+        { label: t("meeting.reviewNotesLabel"), key: "approve_record", isRecord: true }
+      ];
+    });
+    const getField = (key) => {
+      const val = props.data[key];
+      if (key === "register_end_date" && val) {
+        return formatDate(val, "YYYY/MM/DD HH:mm");
+      }
+      if (key === "date" && val) {
+        if (props.data.is_cycle) {
+          return "";
+        }
+        return formatDate(val);
+      }
+      return val;
+    };
+    const columns = computed(() => {
+      if (props.data.type === CalendarDataType.EVENTS) {
+        if (props.page === CalendarDataType.APPROVAL) {
+          return activityInfoApprovalList.value;
+        }
+        return activityInfoList.value;
+      }
+      if (props.data.type === CalendarDataType.SUMMIT) {
+        return activityInfoList.value;
+      }
+      return infoList.value;
+    });
+    const domRef = ref([]);
+    const titleMap = ref({
+      [CalendarDataType.ALL]: t("meeting.meetingTopic"),
+      [CalendarDataType.MEETING]: t("meeting.meetingTopic"),
+      [CalendarDataType.EVENTS]: t("meeting.eventsTitle"),
+      [CalendarDataType.APPROVAL]: t("meeting.eventsTitle"),
+      [CalendarDataType.SUMMIT]: t("meeting.summitTitle")
+    });
+    const copyInfo = () => {
+      try {
+        const colon = !isEn.value ? "：" : ": ";
+        let text = `${titleMap.value[props.data.type] ?? t("meeting.meetingTopic")}${colon}${props.data.topic || props.data.name || props.data.title}
+`;
+        text += [...domRef.value].reduce((pre, cur) => {
+          if (cur.textContent) {
+            return `${pre}${cur.textContent ? cur.textContent.replace(SPLIT_MARK, colon) : ""}
+`;
+          }
+          return pre;
+        }, "");
+        navigator.clipboard.writeText(text);
+        return Promise.resolve();
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    __expose({ copyInfo });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (info, infoIdx) => {
+          var _a, _b, _c;
+          return openBlock(), createElementBlock("div", {
+            ref_for: true,
+            ref_key: "domRef",
+            ref: domRef,
+            class: normalizeClass(["label-item", {
+              "record-item": info.isRecord && ((_a = getField(info.key)) == null ? void 0 : _a.length),
+              "link-item": info.isLink,
+              "is-empty": !((_b = getField(info.key)) == null ? void 0 : _b.length),
+              [`label-item_${__props.data.id}`]: true,
+              [`type_${__props.data.type}`]: true,
+              "is-en": isEn.value
+            }]),
+            key: infoIdx
+          }, [
+            getField(info.key) && !info.isRecord ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("span", _hoisted_2, toDisplayString(info.label), 1),
+              createElementVNode("span", { class: "split-mark" }, toDisplayString(SPLIT_MARK)),
+              info.ellipsis ? (openBlock(), createBlock(MoreText, {
+                key: 0,
+                show: __props.show,
+                text: getField(info.key) || "-"
+              }, null, 8, ["show", "text"])) : info.isLink ? (openBlock(), createBlock(unref(OLink), {
+                key: 1,
+                target: "_blank",
+                class: "value",
+                color: "primary",
+                "hover-underline": "",
+                href: getField(info.key)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(getField(info.key)), 1)
+                ]),
+                _: 2
+              }, 1032, ["href"])) : info.key === "platform" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(getPlatformLabel)(getField(info.key))), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                info.extra && getField(info.extra) ? (openBlock(), createElementBlock("i", _hoisted_5, toDisplayString(getField(info.extra)), 1)) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_6, toDisplayString(getField(info.key) || "-"), 1)
+              ]))
+            ], 64)) : createCommentVNode("", true),
+            info.isRecord && ((_c = getField(info.key)) == null ? void 0 : _c.length) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("span", _hoisted_7, toDisplayString(info.label), 1),
+              createElementVNode("div", null, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(getField(info.key), (re) => {
+                  return openBlock(), createElementBlock("p", {
+                    key: re.create_time,
+                    class: "value"
+                  }, toDisplayString(re.reason) + "   " + toDisplayString(unref(formatDate)(re.create_time, "YYYY/MM/DD HH:mm:ss")) + " " + toDisplayString(re.action === 1 ? unref(t)("meeting.approveReview") : unref(t)("meeting.rejectReview")), 1);
+                }), 128))
+              ])
+            ], 64)) : createCommentVNode("", true)
+          ], 2);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./OMeetingDetail.vue.mjs";
+import './OMeetingDetail.css';
+export {
+  _sfc_main as default
+};