@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/cjs/components/meeting/OMeetingSigCalendar.vue.cjs

@@ -1,395 +0,0 @@
-"use strict";
-const vue = require("vue");
-const opendesign = require("@opensig/opendesign");
-const dayjs = require("dayjs");
-const iconTips = require("../../_virtual/icon-tips.cjs");
-const OMeetingSigAside_vue_vue_type_script_setup_true_lang = require("./components/OMeetingSigAside.vue.cjs");
-;require('./components/OMeetingSigAside.css');
-const types = require("./types.cjs");
-const composables = require("@opendesign-plus/composables");
-const useMeetingConfig = require("./composables/useMeetingConfig.cjs");
-const OMeetingCalendarList_vue_vue_type_script_setup_true_lang = require("./components/OMeetingCalendarList.vue.cjs");
-;require('./components/OMeetingCalendarList.css');
-const utils = require("./utils.cjs");
-const empty = require("../../assets/meeting/empty.png.cjs");
-const _hoisted_1 = { class: "o-sig-meeting-calendar" };
-const _hoisted_2 = { class: "meeting-card-header" };
-const _hoisted_3 = {
-  key: 0,
-  class: "header-left"
-};
-const _hoisted_4 = {
-  key: 0,
-  class: "phone-filter-wrapper"
-};
-const _hoisted_5 = { class: "date-select" };
-const _hoisted_6 = { class: "meeting-card-content" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "OMeetingSigCalendar",
-  props: {
-    sigName: {},
-    getMeetingListRequest: {},
-    getDateListRequest: {},
-    getEventsListRequest: {},
-    dates: {},
-    emptyImg: {},
-    emptyText: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { t, meetingTabs } = useMeetingConfig.useMeetingConfig();
-    const { lePadV } = composables.useScreen();
-    const selectDate = vue.ref("");
-    const loading = vue.ref(false);
-    const meetingData = vue.ref([]);
-    const calendarRows = vue.computed(() => lePadV.value ? 100 : 5);
-    const latestDate = vue.ref("");
-    const meetingDates = vue.ref([]);
-    const eventsDates = vue.ref([]);
-    const eventsData = vue.ref([]);
-    const monthIdx = vue.ref(-1);
-    const clickDateCell2 = (date) => {
-      clickDateCell(date);
-    };
-    const changeSelect = (v) => {
-      clickDateCell(v);
-    };
-    const clickDateCell = async (date) => {
-      if (!props.getMeetingListRequest) {
-        return;
-      }
-      try {
-        loading.value = true;
-        selectDate.value = dayjs(date).format("YYYY-MM-DD");
-        const res = await props.getMeetingListRequest(selectDate.value, props.sigName);
-        meetingData.value = res.map((v) => {
-          return {
-            ...v,
-            time: `${v.start}-${v.end}`,
-            date: v.date || selectDate.value,
-            type: types.CalendarDataType.MEETING
-          };
-        });
-      } finally {
-        loading.value = false;
-      }
-    };
-    const getDates = async () => {
-      if (props.getDateListRequest) {
-        meetingDates.value = await props.getDateListRequest();
-      }
-      if (props.getEventsListRequest) {
-        eventsData.value = (await props.getEventsListRequest(selectDate.value, props.sigName)).map((v) => {
-          return {
-            ...v,
-            type: types.CalendarDataType.EVENTS
-          };
-        });
-        eventsDates.value = (eventsData.value || []).map((v) => v.dates || []).flat();
-      }
-    };
-    const tabType = vue.ref(types.CalendarDataType.ALL);
-    const selectTab = () => {
-      getDates();
-    };
-    const getMonthAndDay = (date) => {
-      const dateStr = dayjs(date).format("YYYY-MM-DD");
-      return [dateStr.slice(0, 7), dateStr.slice(8, 10)];
-    };
-    const dateList = vue.computed(() => {
-      let list2;
-      if (tabType.value === types.CalendarDataType.ALL) {
-        list2 = [...meetingDates.value || [], ...eventsDates.value];
-      } else if (tabType.value === types.CalendarDataType.MEETING) {
-        list2 = meetingDates.value || [];
-      } else if (tabType.value === types.CalendarDataType.EVENTS) {
-        list2 = eventsDates.value || [];
-      } else {
-        list2 = [];
-      }
-      return [...new Set(list2)].sort((a, b) => !dayjs(a).isAfter(dayjs(b)) ? -1 : 1).map((v) => dayjs(v).format("YYYY-MM-DD"));
-    });
-    const getLatestDate = () => {
-      let targetDate = dateList.value.find((date) => date === dayjs().format("YYYY-MM-DD"));
-      if (!targetDate) {
-        targetDate = dateList.value.find((date) => dayjs(date).isAfter(dayjs())) || // 未来日期最近日期
-        [...dateList.value].reverse().find((date) => dayjs().isAfter(dayjs(date)));
-      }
-      latestDate.value = targetDate;
-    };
-    vue.watch(() => dateList.value, (val) => {
-      if (val.length) {
-        getLatestDate();
-        vue.nextTick(() => {
-          clickDateCell(latestDate.value);
-        });
-      }
-    });
-    const groupDateList = vue.computed(() => {
-      const obj = dateList.value.reduce((pre, cur) => {
-        var _a, _b;
-        const [month, day] = getMonthAndDay(cur);
-        pre[month] = {
-          count: (((_a = pre[month]) == null ? void 0 : _a.count) || 0) + 1,
-          days: [...((_b = pre[month]) == null ? void 0 : _b.days) || [], day]
-        };
-        return pre;
-      }, {});
-      const monthList = Object.keys(obj).map((month) => {
-        return {
-          ...obj[month],
-          month
-        };
-      });
-      const list2 = [];
-      let current = [];
-      monthList.forEach((t2) => {
-        while (t2.days.length) {
-          if (!current.length) {
-            t2.days.splice(0, 6).forEach((day) => {
-              current.push({
-                month: t2.month,
-                day
-              });
-            });
-            if (current.length >= 5) {
-              list2.push(current);
-              current = [];
-            }
-          } else {
-            let count = current.length;
-            if (count % 2 === 1) {
-              count += 1;
-            }
-            if (t2.days.length + current.length <= 6) {
-              t2.days.splice(0, 6).forEach((day) => {
-                current.push({
-                  month: t2.month,
-                  day
-                });
-              });
-              if (current.length >= 5) {
-                list2.push(current);
-                current = [];
-              }
-            } else {
-              t2.days.splice(0, 6 - count).forEach((day) => {
-                current.push({
-                  month: t2.month,
-                  day
-                });
-              });
-              if (current.length >= 5) {
-                list2.push(current);
-                current = [];
-              }
-            }
-          }
-        }
-      });
-      if (current.length) {
-        list2.push(current);
-        current = [];
-      }
-      return list2;
-    });
-    const dateMapList = vue.computed(() => {
-      return groupDateList.value.map((group) => {
-        const obj = group.reduce((prev, cur) => {
-          prev[cur.month] = prev[cur.month] || [];
-          prev[cur.month].push(cur.day);
-          return prev;
-        }, {});
-        return Object.keys(obj).map((key) => {
-          return {
-            month: key,
-            days: obj[key] || []
-          };
-        });
-      });
-    });
-    const getMonthIdx = () => {
-      if (groupDateList.value.length) {
-        monthIdx.value = groupDateList.value.findIndex((v) => v.some((t2) => latestDate.value === `${t2.month}-${t2.day}`));
-        if (monthIdx.value === -1) {
-          monthIdx.value = groupDateList.value.findIndex((v) => v.some((t2) => latestDate.value.includes(t2.month)));
-        }
-      } else {
-        monthIdx.value = -1;
-      }
-    };
-    vue.watch(
-      [() => groupDateList.value, () => latestDate.value],
-      () => {
-        getMonthIdx();
-      },
-      { deep: true }
-    );
-    const changeMonthIdx = (step) => {
-      monthIdx.value += step;
-    };
-    vue.onMounted(() => {
-      getDates();
-    });
-    const list = vue.computed(() => {
-      let list2;
-      if (tabType.value === types.CalendarDataType.ALL) {
-        list2 = [...meetingData.value || [], ...eventsData.value];
-      } else if (tabType.value === types.CalendarDataType.MEETING) {
-        list2 = meetingData.value || [];
-      } else if (tabType.value === types.CalendarDataType.EVENTS) {
-        list2 = eventsData.value || [];
-      } else {
-        list2 = [];
-      }
-      return list2;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          latestDate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("meeting.latestMeeting")), 1),
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(dayjs)(latestDate.value).format("YYYY/MM/DD")), 1),
-            vue.createVNode(vue.unref(opendesign.OPopover), null, {
-              target: vue.withCtx(() => [
-                vue.createVNode(vue.unref(opendesign.OIcon), { class: "tips" }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(iconTips))
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", null, [
-                  vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(t)("meeting.detailHalfYearMeetings")), 1)
-                ])
-              ]),
-              _: 1
-            })
-          ])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(opendesign.OTab), {
-            modelValue: tabType.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabType.value = $event),
-            onChange: selectTab,
-            line: false,
-            "max-show": 9999
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(meetingTabs).slice(0, -1), (item) => {
-                return vue.openBlock(), vue.createBlock(vue.unref(opendesign.OTabPane), {
-                  key: item.value,
-                  value: item.value
-                }, {
-                  nav: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(opendesign.OIcon), null, {
-                      default: vue.withCtx(() => [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon)))
-                      ]),
-                      _: 2
-                    }, 1024),
-                    vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        vue.unref(lePadV) && dateList.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createVNode(vue.unref(opendesign.OSelect), {
-              modelValue: selectDate.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectDate.value = $event),
-              onChange: changeSelect
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dateList.value, (date) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(opendesign.OOption), {
-                    key: date,
-                    value: date,
-                    label: vue.unref(utils.formatDate)(date)
-                  }, null, 8, ["value", "label"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", null, [
-            vue.createVNode(vue.unref(opendesign.OTab), {
-              modelValue: tabType.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tabType.value = $event),
-              onChange: selectTab,
-              line: false,
-              "max-show": 9999
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(meetingTabs).slice(0, -1), (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(opendesign.OTabPane), {
-                    key: item.value,
-                    value: item.value
-                  }, {
-                    nav: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["value"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ])
-        ])) : vue.createCommentVNode("", true),
-        !vue.unref(lePadV) || vue.unref(lePadV) && dateList.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(opendesign.ODivider), {
-          key: 1,
-          class: "meeting-divider"
-        })) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_6, [
-          !vue.unref(lePadV) && monthIdx.value !== -1 ? (vue.openBlock(), vue.createBlock(OMeetingSigAside_vue_vue_type_script_setup_true_lang, {
-            key: 0,
-            data: dateMapList.value.slice(monthIdx.value, monthIdx.value + 1),
-            meetingDates: tabType.value !== vue.unref(types.CalendarDataType).EVENTS ? meetingDates.value : [],
-            eventsDates: tabType.value !== vue.unref(types.CalendarDataType).MEETING ? eventsDates.value : [],
-            onClickDate: clickDateCell2,
-            onChangeMonth: changeMonthIdx,
-            current: monthIdx.value,
-            total: dateMapList.value.length,
-            active: selectDate.value
-          }, null, 8, ["data", "meetingDates", "eventsDates", "current", "total", "active"])) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(opendesign.OScroller), {
-            class: "list-content",
-            "show-type": "hover",
-            size: "small"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(OMeetingCalendarList_vue_vue_type_script_setup_true_lang, {
-                list: list.value,
-                rows: calendarRows.value
-              }, {
-                empty: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-                    vue.createVNode(vue.unref(opendesign.OResult), { class: "empty-result" }, {
-                      image: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(opendesign.OFigure), {
-                          class: "img",
-                          src: __props.emptyImg ?? vue.unref(empty)
-                        }, null, 8, ["src"])
-                      ]),
-                      description: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(__props.emptyText ?? vue.unref(t)("meeting.meetingEmptyText")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ])
-                ]),
-                _: 3
-              }, 8, ["list", "rows"])
-            ]),
-            _: 3
-          })
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

package/dist/treeshaking/cjs/components/meeting/OMeetingSigCalendar.vue3.cjs

@@ -1,4 +0,0 @@
-"use strict";
-const OMeetingSigCalendar_vue_vue_type_script_setup_true_lang = require("./OMeetingSigCalendar.vue.cjs");
-;require('./OMeetingSigCalendar.css');
-module.exports = OMeetingSigCalendar_vue_vue_type_script_setup_true_lang;