@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/esm/components/meeting/components/OMeetingCalendarSelector.vue.mjs

@@ -0,0 +1,97 @@
+import { defineComponent as R, computed as S, ref as m, watchEffect as b, openBlock as p, createElementBlock as k, normalizeClass as x, createVNode as d, unref as o, createSlots as w, withCtx as s, Fragment as z, renderList as D, createBlock as I, createTextVNode as h, toDisplayString as C } from "vue";
+import { OButton as V } from "@opensig/opendesign";
+import { ElSelect as L, ElOption as N } from "element-plus";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { useI18n as F } from "../../../i18n/index.mjs";
+const J = /* @__PURE__ */ R({
+  __name: "OMeetingCalendarSelector",
+  props: {
+    modelValue: { default: () => [] },
+    multiple: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { emit: y }) {
+    const { t: i } = F(), c = r, _ = y, B = () => {
+      let l = [];
+      for (let t = 1; t <= 31; t++)
+        l.push(t);
+      return l;
+    }, T = S(() => B()), f = m([]), e = m([]), a = m(null), v = () => {
+      f.value = [...c.modelValue], e.value = [...c.modelValue];
+    };
+    b(() => {
+      v();
+    });
+    const u = () => {
+      _("update:modelValue", e.value), a.value && (a.value.expanded = !1);
+    }, E = () => {
+      v(), a.value && (a.value.expanded = !1);
+    }, g = (l) => {
+      if (c.multiple) {
+        const t = e.value.indexOf(l);
+        t === -1 ? e.value.push(l) : e.value.splice(t, 1), e.value.sort();
+      } else
+        e.value = [l], u();
+    }, O = (l) => {
+      c.multiple ? g(l) : e.value = [], u();
+    };
+    return (l, t) => (p(), k("div", {
+      class: x(["o-meeting-calendar-selector", !r.multiple && "is-single"])
+    }, [
+      d(o(L), {
+        ref_key: "selectorRef",
+        ref: a,
+        "popper-class": "o-meeting-calendar-selector-popper",
+        placeholder: o(i)("meeting.selectRepeatDate"),
+        size: "large",
+        multiple: "",
+        collapseTags: "",
+        maxCollapseTags: 3,
+        modelValue: f.value,
+        onRemoveTag: O
+      }, w({
+        default: s(() => [
+          (p(!0), k(z, null, D(T.value, (n) => (p(), I(o(N), {
+            key: n,
+            label: n,
+            value: n,
+            onClick: (M) => g(n),
+            class: x(e.value.includes(n) && "is-checked")
+          }, null, 8, ["label", "value", "onClick", "class"]))), 128))
+        ]),
+        _: 2
+      }, [
+        r.multiple ? {
+          name: "footer",
+          fn: s(() => [
+            d(o(V), {
+              round: "pill",
+              color: "primary",
+              variant: "outline",
+              onClick: u
+            }, {
+              default: s(() => [
+                h(C(o(i)("common.confirm")), 1)
+              ]),
+              _: 1
+            }),
+            d(o(V), {
+              variant: "text",
+              onClick: E
+            }, {
+              default: s(() => [
+                h(C(o(i)("common.cancel")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["placeholder", "modelValue"])
+    ], 2));
+  }
+});
+export {
+  J as default
+};

package/dist/esm/components/meeting/components/OMeetingCalendarSelector.vue4.mjs

@@ -0,0 +1,6 @@
+import o from "./OMeetingCalendarSelector.vue.mjs";
+import './OMeetingCalendarSelector.css';
+import './OMeetingCalendarSelector2.css';
+export {
+  o as default
+};

package/dist/esm/components/meeting/components/OMeetingCalendarSelector2.css

@@ -0,0 +1,319 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .el-input {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.o-meeting-calendar-selector-popper {
+  --meeting-card-radius: var(--o-radius-xs);
+  --meeting-input-radius: var(--o-radius-xs);
+  --meeting-cell-radius: var(--o-radius-xs);
+  padding: 0 var(--o-gap-5);
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__list {
+  padding: 16px 0;
+  display: flex;
+  gap: 12px 8px;
+  flex-wrap: wrap;
+  width: 272px;
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__list .el-select-dropdown__item {
+  padding: 0;
+  width: 32px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--o-color-fill2);
+  color: var(--o-color-info1);
+  border-radius: var(--meeting-cell-radius);
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__list .el-select-dropdown__item:hover, .o-meeting-calendar-selector-popper .el-select-dropdown__list .el-select-dropdown__item.is-checked {
+  background-color: var(--o-color-primary1);
+  color: #fff;
+  font-weight: inherit;
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__list .el-select-dropdown__item.is-selected {
+  font-weight: inherit;
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__list .el-select-dropdown__item.is-selected::after {
+  content: none;
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__footer {
+  padding: 16px 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__footer .o-btn {
+  min-width: fit-content;
+}
+.o-meeting-calendar-selector-popper .el-select-dropdown__footer .o-btn:last-child {
+  padding: 0;
+}

package/dist/esm/components/meeting/components/OMeetingDetail.css

@@ -0,0 +1,103 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-meeting-detail {
+  position: relative;
+}
+.o-meeting-detail .label-item {
+  color: var(--o-color-info3);
+  display: flex;
+  align-items: flex-start;
+  font-size: 14px;
+  gap: var(--o-gap-2);
+}
+@media (max-width: 840px) {
+.o-meeting-detail .label-item {
+    font-size: 12px;
+    gap: var(--o-gap-1);
+}
+}
+.o-meeting-detail .label-item:not(.is-empty) {
+  margin-bottom: var(--o-gap-2);
+}
+.o-meeting-detail .label-item:last-child {
+  margin-bottom: 0;
+}
+.o-meeting-detail .label-item.record-item {
+  align-items: flex-start;
+}
+.o-meeting-detail .label-item.record-item .value {
+  margin-bottom: 0;
+}
+.o-meeting-detail .label-item .label {
+  width: 4em;
+  flex-shrink: 0;
+  display: flex;
+}
+.o-meeting-detail .label-item .label i {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+.o-meeting-detail .label-item .split-mark {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+.o-meeting-detail .label-item.type_events .label {
+  width: 6em;
+}
+.o-meeting-detail .label-item .o-link .o-link-main {
+  word-wrap: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.o-meeting-detail .label-item .value {
+  word-wrap: break-word;
+  display: flex !important;
+  align-items: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.o-meeting-detail .label-item .value.link {
+  color: var(--o-color-primary1);
+  cursor: pointer;
+}
+.o-meeting-detail .label-item .value .extra {
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+.o-meeting-detail .label-item.is-empty {
+  margin: 0;
+}
+.o-meeting-detail .meeting-action {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--o-gap-2);
+}
+@media (max-width: 600px) {
+.o-meeting-detail .meeting-action {
+    border-top: 1px solid var(--o-color-control4);
+    padding-top: var(--o-gap-2);
+    position: static;
+    margin-top: var(--o-gap-2);
+}
+}

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

@@ -0,0 +1,128 @@
+import { defineComponent as N, computed as m, ref as E, openBlock as r, createElementBlock as n, Fragment as u, renderList as D, normalizeClass as V, createElementVNode as p, toDisplayString as s, createBlock as x, unref as c, withCtx as B, createTextVNode as R, createCommentVNode as k } from "vue";
+import { OLink as S } from "@opensig/opendesign";
+import { CalendarDataType as v } from "../types.mjs";
+import U from "../../common/MoreText.vue.mjs";
+import { formatDate as Y } from "../utils.mjs";
+import { useMeetingConfig as j } from "../composables/useMeetingConfig.mjs";
+import { useI18n as O } from "../../../i18n/index.mjs";
+const z = { class: "o-meeting-detail" }, F = { class: "label" }, H = { key: 2 }, K = {
+  key: 3,
+  class: "value"
+}, Z = {
+  key: 0,
+  class: "extra"
+}, q = { class: "label" }, w = "|", re = /* @__PURE__ */ N({
+  __name: "OMeetingDetail",
+  props: {
+    data: {},
+    from: {},
+    show: { type: Boolean },
+    page: {}
+  },
+  setup(y, { expose: T }) {
+    const i = y, { t: e, getPlatformLabel: C } = j(), { locale: P } = O(), A = m(() => P.value === "zh"), I = m(
+      () => [
+        { label: e("meeting.meetingDetail"), key: "agenda", ellipsis: !0 },
+        { label: e("meeting.meetingCreator"), key: "sponsor" },
+        { label: e("meeting.meetingDate2"), key: "timeRange", extra: "date" },
+        { label: e("meeting.meetingId"), key: "mid" },
+        { label: e("meeting.meetingPlatform"), key: "platform" },
+        { label: e("meeting.meetingLink"), key: "join_url", isLink: !0 },
+        { label: e("meeting.meetingEtherpad"), key: "etherpad", isLink: !0 },
+        { label: e("meeting.meetingReplay"), key: "replay_url", isLink: !0 }
+      ].slice(0, i.from === "my" ? 7 : 8)
+    ), _ = m(() => {
+      var o;
+      const a = !!((o = i.data.live_url) != null && o.length);
+      return [
+        { label: e("meeting.activityDetail2"), key: "agenda", ellipsis: !0 },
+        { label: e("meeting.startDate"), key: "start_date_time" },
+        { label: e("meeting.endDate"), key: "end_date_time" },
+        { label: e("meeting.registrationDeadline"), key: "register_end_date" },
+        { label: e(a ? "meeting.livePlatform" : "meeting.activityAddress"), key: a ? "live_url" : "address" },
+        { label: e("meeting.activityDetailUrl"), key: "content_url", isLink: !0 },
+        { label: e("meeting.activityApprover"), key: "approver" },
+        { label: e("meeting.reviewNotesLabel"), key: "approve_record", isRecord: !0 }
+      ].slice(0, i.from === "home" ? 5 : 8);
+    }), M = m(() => {
+      var o;
+      const a = !!((o = i.data.live_url) != null && o.length);
+      return [
+        { label: e("meeting.activityType"), key: "activity_type", isType: !0 },
+        { label: e(a ? "meeting.livePlatform" : "meeting.activityAddress"), key: a ? "live_url" : "address" },
+        { label: e("meeting.startDate"), key: "start_date_time" },
+        { label: e("meeting.endDate"), key: "end_date_time" },
+        { label: e("meeting.registrationDeadline"), key: "register_end_date" },
+        { label: e("meeting.registrationUrl"), key: "register_url", isLink: !0 },
+        { label: e("meeting.activityDetailUrl"), key: "content_url", isLink: !0 },
+        { label: e("meeting.activityApprover"), key: "approver" },
+        { label: e("meeting.reviewNotesLabel"), key: "approve_record", isRecord: !0 }
+      ];
+    }), l = (a) => i.data[a], $ = m(() => i.data.type === v.EVENTS ? i.page === v.APPROVAL ? M.value : _.value : i.data.type === v.SUMMIT ? _.value : I.value), b = E([]);
+    return T({ copyInfo: () => {
+      try {
+        const a = A.value ? "：" : ": ";
+        let o = `${e("meeting.meetingTopic")}${a}${i.data.topic || i.data.name || i.data.title}
+`;
+        return o += [...b.value].reduce((t, d) => `${t}${d.textContent ? d.textContent.replace(w, a) : ""}
+`, ""), navigator.clipboard.writeText(o), Promise.resolve();
+      } catch (a) {
+        return Promise.reject(a);
+      }
+    } }), (a, o) => (r(), n("div", z, [
+      (r(!0), n(u, null, D($.value, (t, d) => {
+        var h, L, f;
+        return r(), n("div", {
+          ref_for: !0,
+          ref_key: "domRef",
+          ref: b,
+          class: V(["label-item", {
+            "record-item": t.isRecord && ((h = l(t.key)) == null ? void 0 : h.length),
+            "link-item": t.isLink,
+            "is-empty": !((L = l(t.key)) != null && L.length),
+            [`label-item_${y.data.id}`]: !0,
+            [`type_${y.data.type}`]: !0
+          }]),
+          key: d
+        }, [
+          l(t.key) && !t.isRecord ? (r(), n(u, { key: 0 }, [
+            p("span", F, s(t.label), 1),
+            p("span", { class: "split-mark" }, s(w)),
+            t.ellipsis ? (r(), x(U, {
+              key: 0,
+              show: y.show,
+              text: l(t.key) || "-"
+            }, null, 8, ["show", "text"])) : t.isLink ? (r(), x(c(S), {
+              key: 1,
+              target: "_blank",
+              class: "value",
+              color: "primary",
+              "hover-underline": "",
+              href: l(t.key)
+            }, {
+              default: B(() => [
+                R(s(l(t.key)), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"])) : t.key === "platform" ? (r(), n("span", H, s(c(C)(l(t.key))), 1)) : (r(), n("span", K, [
+              t.extra ? (r(), n("i", Z, s(l(t.extra)), 1)) : k("", !0),
+              R(" " + s(l(t.key) || "-"), 1)
+            ]))
+          ], 64)) : k("", !0),
+          t.isRecord && ((f = l(t.key)) != null && f.length) ? (r(), n(u, { key: 1 }, [
+            p("span", q, s(t.label), 1),
+            p("div", null, [
+              (r(!0), n(u, null, D(l(t.key), (g) => (r(), n("p", {
+                key: g.create_time,
+                class: "value"
+              }, s(g.reason) + "   " + s(c(Y)(g.create_time, "YYYY/MM/DD HH:mm:ss")) + " " + s(g.action === 1 ? c(e)("meeting.approveReview") : c(e)("meeting.rejectReview")), 1))), 128))
+            ])
+          ], 64)) : k("", !0)
+        ], 2);
+      }), 128))
+    ]));
+  }
+});
+export {
+  re as default
+};

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

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