@opendesign-plus-test/components 0.0.1-rc.161 → 0.0.1-rc.162

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

@@ -1,8 +1,394 @@
-import _sfc_main from "./OMeetingMinutes.vue2.mjs";
-import './OMeetingMinutes.css';
-import './OMeetingMinutes2.css';
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OMeetingMinutes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-212b77b6"]]);
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, unref, withCtx, createElementBlock, createElementVNode, createVNode, toDisplayString, Fragment, createTextVNode, createCommentVNode, normalizeClass, withDirectives, renderList, vShow, renderSlot } from "vue";
+import { useMessage, OScroller, OTextarea, OTag, ODivider, OLink, OIcon, OButton, ODialog, OIconLoading, OIconChevronDown } from "@opensig/opendesign";
+import IconEdit from "../../_virtual/icon-edit.mjs";
+import { useMeetingConfig } from "./composables/useMeetingConfig.mjs";
+import OMeetingSendMinutesDialog from "./components/OMeetingSendMinutesDialog.vue.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "o-meeting-minutes-main o-meeting-minutes-card"
+};
+const _hoisted_2 = { class: "o-meeting-minutes-loading" };
+const _hoisted_3 = { class: "loading-tip" };
+const _hoisted_4 = { class: "o-meeting-minutes-main o-meeting-minutes-card" };
+const _hoisted_5 = { class: "o-meeting-minutes-head" };
+const _hoisted_6 = { class: "o-meeting-minutes-head-left" };
+const _hoisted_7 = { class: "o-meeting-minutes-title-wrap" };
+const _hoisted_8 = { class: "minutes-title" };
+const _hoisted_9 = { class: "minutes-meta" };
+const _hoisted_10 = { class: "o-meeting-minutes-head-right" };
+const _hoisted_11 = { class: "o-meeting-minutes-body-wrap" };
+const _hoisted_12 = {
+  key: 0,
+  class: "minutes-preview"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "o-meeting-minutes-log-loading"
+};
+const _hoisted_14 = {
+  key: 1,
+  class: "o-meeting-minutes-copy-detail"
+};
+const _hoisted_15 = { class: "o-meeting-minutes-copy-meta" };
+const _hoisted_16 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_17 = { class: "copy-label" };
+const _hoisted_18 = { class: "copy-value" };
+const _hoisted_19 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_20 = { class: "copy-label" };
+const _hoisted_21 = { class: "copy-value" };
+const _hoisted_22 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_23 = { class: "copy-label" };
+const _hoisted_24 = { class: "copy-value copy-subject" };
+const _hoisted_25 = { class: "o-meeting-minutes-copy-field" };
+const _hoisted_26 = { class: "copy-label" };
+const _hoisted_27 = { class: "copy-value" };
+const _hoisted_28 = { class: "o-meeting-minutes-copy-body-card" };
+const _hoisted_29 = { class: "copy-body" };
+const _hoisted_30 = { class: "o-meeting-minutes-log-card o-meeting-minutes-card" };
+const _hoisted_31 = { class: "o-meeting-minutes-log-block" };
+const _hoisted_32 = { class: "o-meeting-minutes-log-head-left" };
+const _hoisted_33 = { class: "block-title" };
+const _hoisted_34 = { class: "block-count" };
+const _hoisted_35 = { class: "o-meeting-minutes-log-body" };
+const _hoisted_36 = {
+  key: 0,
+  class: "o-meeting-minutes-timeline"
+};
+const _hoisted_37 = { class: "o-meeting-minutes-timeline-content" };
+const _hoisted_38 = { class: "o-meeting-minutes-timeline-summary" };
+const _hoisted_39 = { class: "timeline-time" };
+const _hoisted_40 = { class: "timeline-desc" };
+const _hoisted_41 = {
+  key: 1,
+  class: "log-empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OMeetingMinutes",
+  props: {
+    mid: {},
+    getMinutesDetailRequest: {},
+    saveMinutesRequest: {},
+    getSendLogsRequest: {},
+    sendMinutesRequest: {},
+    getLogDetailRequest: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const message = useMessage(null);
+    const { t } = useMeetingConfig();
+    const meeting = ref(null);
+    const loading = ref(false);
+    const rootRef = ref();
+    const dialogWrapper = computed(() => {
+      var _a;
+      return ((_a = rootRef.value) == null ? void 0 : _a.$el) ?? null;
+    });
+    const mode = ref("preview");
+    const draft = ref("");
+    const saving = ref(false);
+    const logs = ref([]);
+    const sendVisible = ref(false);
+    const detailVisible = ref(false);
+    const detailLog = ref(null);
+    const detailLoading = ref(false);
+    let detailReqId = 0;
+    const logExpanded = ref(true);
+    watch(() => mode.value, (val) => {
+      logExpanded.value = val !== "edit";
+    });
+    const toggleLogExpanded = () => {
+      logExpanded.value = !logExpanded.value;
+    };
+    const sortLogs = (list) => {
+      return [...list].sort((a, b) => new Date(b.send_time).getTime() - new Date(a.send_time).getTime());
+    };
+    const loadMeeting = async () => {
+      var _a;
+      const mid = props.mid;
+      if (!mid || !props.getMinutesDetailRequest) return;
+      loading.value = true;
+      try {
+        const res = await props.getMinutesDetailRequest(mid);
+        const data = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) ?? (res == null ? void 0 : res.data) ?? res ?? null;
+        meeting.value = data;
+        if (meeting.value) {
+          mode.value = "preview";
+          draft.value = meeting.value.minutes || "";
+          if (props.getSendLogsRequest) {
+            logs.value = sortLogs(await props.getSendLogsRequest(meeting.value.id));
+          }
+        }
+      } finally {
+        loading.value = false;
+      }
+    };
+    onMounted(loadMeeting);
+    const enterEdit = () => {
+      var _a;
+      draft.value = ((_a = meeting.value) == null ? void 0 : _a.minutes) || "";
+      mode.value = "edit";
+    };
+    const cancelEdit = () => {
+      var _a;
+      mode.value = "preview";
+      draft.value = ((_a = meeting.value) == null ? void 0 : _a.minutes) || "";
+    };
+    const save = async () => {
+      if (!meeting.value || !props.saveMinutesRequest) return;
+      try {
+        saving.value = true;
+        await props.saveMinutesRequest(meeting.value.id, draft.value);
+        if (meeting.value) meeting.value.minutes = draft.value;
+        mode.value = "preview";
+        message.success({ content: t("meeting.minutesSaved") });
+      } finally {
+        saving.value = false;
+      }
+    };
+    const openSend = () => {
+      sendVisible.value = true;
+    };
+    const openDetail = async (log) => {
+      detailVisible.value = true;
+      detailLog.value = null;
+      if (!props.getLogDetailRequest) {
+        detailLog.value = log;
+        return;
+      }
+      const reqId = ++detailReqId;
+      detailLoading.value = true;
+      try {
+        const data = await props.getLogDetailRequest(log);
+        if (reqId !== detailReqId) return;
+        detailLog.value = {
+          ...log,
+          content: data
+        };
+      } finally {
+        if (reqId === detailReqId) detailLoading.value = false;
+      }
+    };
+    const onSent = async () => {
+      if (meeting.value && props.getSendLogsRequest) {
+        logs.value = sortLogs(await props.getSendLogsRequest(meeting.value.id));
+      }
+    };
+    __expose({ refresh: loadMeeting });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(OScroller), {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: "o-meeting-minutes",
+        "disabled-x": "",
+        "show-type": "auto"
+      }, {
+        default: withCtx(() => [
+          loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(OTextarea), {
+                "model-value": "",
+                readonly: "",
+                rows: 3
+              }),
+              createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("meeting.minutesLoading")), 1)
+            ])
+          ])) : meeting.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, [
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("div", _hoisted_7, [
+                    createElementVNode("span", _hoisted_8, toDisplayString(meeting.value.topic), 1),
+                    createVNode(unref(OTag), {
+                      variant: "outline",
+                      color: "primary"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesExpired")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  createElementVNode("div", _hoisted_9, [
+                    createElementVNode("span", null, toDisplayString(unref(t)("meeting.minutesSigGroup")) + toDisplayString(meeting.value.group_name), 1),
+                    createVNode(unref(ODivider), { direction: "v" }),
+                    createElementVNode("span", null, toDisplayString(meeting.value.date) + " " + toDisplayString(meeting.value.time), 1)
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_10, [
+                  mode.value === "preview" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(unref(OLink), {
+                      color: "primary",
+                      "hover-underline": false,
+                      onClick: enterEdit
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(unref(OIcon), null, {
+                          default: withCtx(() => [
+                            createVNode(unref(IconEdit))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      default: withCtx(() => [
+                        createTextVNode(" " + toDisplayString(unref(t)("meeting.minutesEdit")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(OButton), {
+                      color: "primary",
+                      variant: "solid",
+                      round: "pill",
+                      onClick: openSend
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesSend")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(unref(OLink), {
+                      "hover-underline": false,
+                      onClick: cancelEdit
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesCancel")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(OButton), {
+                      color: "primary",
+                      variant: "solid",
+                      round: "pill",
+                      loading: saving.value,
+                      onClick: save
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.minutesSave")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading"])
+                  ], 64))
+                ])
+              ]),
+              createVNode(unref(ODivider)),
+              createElementVNode("div", _hoisted_11, [
+                mode.value === "preview" ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(meeting.value.minutes), 1)) : (openBlock(), createBlock(unref(OTextarea), {
+                  key: 1,
+                  modelValue: draft.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+                  rows: 22,
+                  class: "minutes-editor"
+                }, null, 8, ["modelValue"]))
+              ]),
+              createVNode(OMeetingSendMinutesDialog, {
+                visible: sendVisible.value,
+                "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => sendVisible.value = $event),
+                meeting: meeting.value,
+                "send-minutes-request": __props.sendMinutesRequest,
+                onSent
+              }, null, 8, ["visible", "meeting", "send-minutes-request"]),
+              createVNode(unref(ODialog), {
+                visible: detailVisible.value,
+                "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => detailVisible.value = $event),
+                wrapper: dialogWrapper.value,
+                class: "o-meeting-minutes-log-detail"
+              }, {
+                header: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("meeting.minutesCopyTitle")), 1)
+                ]),
+                default: withCtx(() => [
+                  detailLoading.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                    createVNode(unref(OIcon), { class: "log-loading-icon o-rotating" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(OIconLoading))
+                      ]),
+                      _: 1
+                    })
+                  ])) : detailLog.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                    createElementVNode("div", _hoisted_15, [
+                      createElementVNode("div", _hoisted_16, [
+                        createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("meeting.minutesCopySender")), 1),
+                        createElementVNode("span", _hoisted_18, toDisplayString(detailLog.value.sender), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_19, [
+                        createElementVNode("span", _hoisted_20, toDisplayString(unref(t)("meeting.minutesCopyRecipient")), 1),
+                        createElementVNode("span", _hoisted_21, toDisplayString((detailLog.value.recipients || []).join("、")), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_22, [
+                        createElementVNode("span", _hoisted_23, toDisplayString(unref(t)("meeting.minutesCopySubject")), 1),
+                        createElementVNode("span", _hoisted_24, toDisplayString(detailLog.value.subject), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_25, [
+                        createElementVNode("span", _hoisted_26, toDisplayString(unref(t)("meeting.minutesCopyTime")), 1),
+                        createElementVNode("span", _hoisted_27, toDisplayString(detailLog.value.send_time), 1)
+                      ])
+                    ]),
+                    createElementVNode("div", _hoisted_28, [
+                      createElementVNode("pre", _hoisted_29, toDisplayString(detailLog.value.content), 1)
+                    ])
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              }, 8, ["visible", "wrapper"])
+            ]),
+            createElementVNode("div", _hoisted_30, [
+              createElementVNode("div", _hoisted_31, [
+                createElementVNode("div", {
+                  class: "o-meeting-minutes-log-head",
+                  onClick: toggleLogExpanded
+                }, [
+                  createElementVNode("div", _hoisted_32, [
+                    createElementVNode("span", _hoisted_33, toDisplayString(unref(t)("meeting.minutesSendLogs")), 1),
+                    createElementVNode("span", _hoisted_34, toDisplayString(logs.value.length), 1)
+                  ]),
+                  createVNode(unref(OIcon), {
+                    class: normalizeClass(["expand-icon", { "is-expanded": logExpanded.value }])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OIconChevronDown))
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ]),
+                withDirectives(createElementVNode("div", _hoisted_35, [
+                  logs.value.length ? (openBlock(), createElementBlock("ul", _hoisted_36, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(logs.value, (log) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: log.id,
+                        class: "o-meeting-minutes-timeline-item"
+                      }, [
+                        _cache[3] || (_cache[3] = createElementVNode("span", { class: "timeline-dot" }, null, -1)),
+                        createElementVNode("div", _hoisted_37, [
+                          createElementVNode("div", _hoisted_38, [
+                            createElementVNode("span", _hoisted_39, toDisplayString(log.send_time), 1),
+                            createElementVNode("span", _hoisted_40, toDisplayString(unref(t)("meeting.minutesSendLogsDesc")), 1),
+                            createVNode(unref(OLink), {
+                              color: "primary",
+                              "hover-underline": false,
+                              onClick: ($event) => openDetail(log)
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(t)("meeting.minutesViewDetail")), 1)
+                              ]),
+                              _: 1
+                            }, 8, ["onClick"])
+                          ])
+                        ])
+                      ]);
+                    }), 128))
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_41, toDisplayString(unref(t)("meeting.minutesNoLogs")), 1))
+                ], 512), [
+                  [vShow, logExpanded.value]
+                ])
+              ])
+            ])
+          ], 64)) : renderSlot(_ctx.$slots, "empty", { key: 2 })
+        ]),
+        _: 3
+      }, 512);
+    };
+  }
+});
 export {
-  _OMeetingMinutes as default
+  _sfc_main as default
 };

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

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