@ibiz-template/vue3-components 0.7.26-alpha.3 → 0.7.26

package/lib/control/calendar/components/calendar-month/calendar-month.cjs

@@ -1,244 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
-var qxUtil = require('qx-util');
-require('../interface/index.cjs');
-var useCalendarMonth = require('./use-calendar-month.cjs');
-require('./calendar-month.css');
-require('../util/index.cjs');
-var calendarMonth = require('../interface/calendar-month.cjs');
-var util = require('../util/util.cjs');
-
-"use strict";
-const CalendarMonth = /* @__PURE__ */ vue.defineComponent({
-  name: "CalendarMonth",
-  props: calendarMonth.calendarMonthProps,
-  emits: calendarMonth.calendarMonthEmits,
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const ns = vue3Util.useNamespace("calendar-month");
-    const {
-      isInRange,
-      rows,
-      weekDays,
-      hideHeader,
-      tableTd,
-      legends,
-      popVisible,
-      selectedDay,
-      selectedData,
-      getCellClass,
-      getSlotData,
-      handlePickDay,
-      eventClick,
-      handleMonthDraw,
-      handleEventsMoreData
-    } = useCalendarMonth.useCalendarMonth(props, emit);
-    props.controller._evt.on("onActive", () => {
-      vue.nextTick(() => {
-        popVisible.value = false;
-      });
-    });
-    vue.watch(() => props.selectedData, () => {
-      if (props.selectedData && props.selectedData.length > 0) {
-        const data = props.selectedData.length > selectedData.value.length ? props.selectedData : selectedData.value;
-        selectedData.value = data;
-      } else {
-        selectedData.value = [];
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
-    vue.onMounted(() => {
-      handleMonthDraw();
-    });
-    vue.watch(() => props.events, () => {
-      handleMonthDraw();
-    }, {
-      immediate: true,
-      deep: true
-    });
-    vue.watch(() => props.legends, () => {
-      legends.value = props.legends || [];
-      handleMonthDraw();
-    }, {
-      immediate: true,
-      deep: true
-    });
-    vue.watch(() => props.selectedDay, () => {
-      selectedDay.value = props.selectedDay;
-    }, {
-      immediate: true,
-      deep: true
-    });
-    const renderPopover = (content, event) => {
-      return vue.createVNode(vue.resolveComponent("el-popover"), {
-        "show-after": 10,
-        "offset": 4,
-        "width": "auto",
-        "popper-class": ns.e("event-popover"),
-        "placement": "top"
-      }, {
-        reference: () => content,
-        default: () => {
-          var _a;
-          return vue.createVNode("div", {
-            "class": [ns.em("event-popover", "body")]
-          }, [vue.createVNode("div", {
-            "class": [ns.em("event-popover", "close")],
-            "onClick": (el) => util.handlePopClose(el),
-            "innerHTML": util.closeIcon
-          }, null), vue.createVNode("div", {
-            "class": [ns.em("event-popover", "scroll")]
-          }, [(slots == null ? void 0 : slots.event) ? (_a = slots.event) == null ? void 0 : _a.call(slots, {
-            data: event
-          }) : vue.createVNode("div", {
-            "class": [ns.em("event-popover", "content")]
-          }, ["".concat(event.text || "", " ").concat(event.timeRange || "")])])]);
-        }
-      });
-    };
-    const renderEvent = (event) => {
-      const node = vue.createVNode("div", {
-        "class": ns.em("event-content", "event-summary")
-      }, [event.text && vue.createVNode("span", {
-        "class": [ns.em("event-content", "event-name")]
-      }, [event.text]), event.timeRange && vue.createVNode("span", {
-        "class": [ns.em("event-content", "time-range")]
-      }, [event.timeRange])]);
-      if (!props.controller.state.showDetail) {
-        return node;
-      }
-      return renderPopover(node, event);
-    };
-    const renderEventItem = (event, eventIndex) => {
-      let node = null;
-      node = vue.createVNode("div", {
-        "key": eventIndex,
-        "class": [ns.e("event-box"), "event-box"],
-        "style": {
-          top: "".concat(Number(eventIndex * 24) + 30, "px"),
-          width: "".concat(event == null ? void 0 : event.width)
-        }
-      }, [vue.createVNode("button", {
-        "class": ["event-content", ns.e("event-content"), event.isSelectedEvent ? "is-selected-event" : "", event == null ? void 0 : event.classname],
-        "style": {
-          background: event == null ? void 0 : event.bkColor,
-          color: event == null ? void 0 : event.color
-        },
-        "onClick": (el) => {
-          el.stopPropagation();
-          eventClick(event, "content");
-        }
-      }, [renderEvent(event), event.isSelectedEvent ? vue.createVNode("span", {
-        "class": [ns.em("event-content", "check"), "fa fa-check"]
-      }, null) : ""])]);
-      return node;
-    };
-    const renderEvents = (cell) => {
-      const eventsNode = cell.events.map((event, eventIndex) => {
-        let node = null;
-        const uuid = qxUtil.createUUID();
-        Object.assign(event, {
-          popId: uuid
-        });
-        if (eventIndex < 3 && (event.isShow || event.isToday)) {
-          node = renderEventItem(event, eventIndex);
-        }
-        return node;
-      });
-      let moreNode = null;
-      if (cell.events.length > 3) {
-        const tempEvents = handleEventsMoreData(cell);
-        moreNode = tempEvents.length > 0 ? vue.createVNode(vue.resolveComponent("el-popover"), {
-          "visible": popVisible.value,
-          "onUpdate:visible": ($event) => popVisible.value = $event,
-          "placement": "top",
-          "width": 400,
-          "trigger": "click",
-          "popper-class": ns.e("more-popover")
-        }, {
-          reference: () => {
-            return vue.createVNode(vue.resolveComponent("el-button"), {
-              "class": ns.em("more-popover", "more-events"),
-              "type": "text",
-              "onClick": (event) => event.stopPropagation()
-            }, {
-              default: () => [vue.createTextVNode("+"), tempEvents.length, vue.createTextVNode(" \u66F4\u591A")]
-            });
-          },
-          default: () => {
-            return vue.createVNode("div", {
-              "class": [ns.em("more-popover", "body")]
-            }, [vue.createVNode("div", {
-              "class": ns.em("more-popover", "title")
-            }, [cell.curDate ? cell.curDate.format("YYYY-MM-DD") : cell.text]), vue.createVNode("div", {
-              "class": ns.em("more-popover", "events-content")
-            }, [tempEvents.map((event, eventIndex) => renderEventItem(event, eventIndex))])]);
-          }
-        }) : null;
-      }
-      return vue.createVNode("div", {
-        "class": [ns.e("container__events")]
-      }, [eventsNode, moreNode]);
-    };
-    const renderThead = () => {
-      if (hideHeader.value) {
-        return null;
-      }
-      return vue.createVNode("thead", null, [weekDays.value.map((day) => vue.createVNode("th", {
-        "key": day
-      }, [day]))]);
-    };
-    const renderTbody = () => {
-      return vue.createVNode("tbody", null, [rows.value.map((row, index) => vue.createVNode("tr", {
-        "key": index,
-        "class": [ns.e("row"), index === 0 && hideHeader.value ? "el-calendar-table__row--hide-border" : ""]
-      }, [row.map((cell, key) => {
-        var _a;
-        return vue.createVNode("td", {
-          "key": key,
-          "class": [...getCellClass(cell), ns.em("row", "td")],
-          "onClick": () => handlePickDay(cell),
-          "ref": (el) => {
-            tableTd.value = el;
-          }
-        }, [vue.createVNode("div", {
-          "class": [ns.e("cell")]
-        }, [vue.createVNode("div", {
-          "class": [ns.em("row", "calendar-day")]
-        }, [slots["date-cell"] ? (_a = slots["date-cell"]) == null ? void 0 : _a.call(slots, {
-          key,
-          data: getSlotData(cell)
-        }) : vue.createVNode("span", null, [cell.text])]), vue.createVNode("div", {
-          "class": ns.e("container")
-        }, [renderEvents(cell)])])]);
-      })]))]);
-    };
-    return {
-      ns,
-      isInRange,
-      renderThead,
-      renderTbody
-    };
-  },
-  render() {
-    return vue.createVNode("div", {
-      "class": this.ns.b()
-    }, [vue.createVNode("table", {
-      "class": [this.ns.e("thead")]
-    }, [this.renderThead()]), vue.createVNode("div", {
-      "class": this.ns.e("table-body")
-    }, [vue.createVNode("div", {
-      "class": this.ns.em("table-body", "scroll")
-    }, [vue.createVNode("table", {
-      "class": [this.ns.e("tbody"), this.isInRange && "is-range"]
-    }, [this.renderTbody()])])])]);
-  }
-});
-
-exports.CalendarMonth = CalendarMonth;

package/lib/control/calendar/components/calendar-month/calendar-month.css

@@ -1 +0,0 @@
-.ibiz-calendar-month{width:100%;height:100%;display:flex;flex-direction:column}.ibiz-calendar-month__thead{width:100%;height:46px}.ibiz-calendar-month__thead th{padding:12px 0;font-weight:400}.ibiz-calendar-month__tbody{width:100%;height:100%;table-layout:fixed;width:100%}.ibiz-calendar-month__tbody:not(.is-range) td.next,.ibiz-calendar-month__tbody:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.ibiz-calendar-month__table-body{width:100%;height:100%;flex:1;padding-bottom:8px;overflow:scroll}.ibiz-calendar-month__table-body--scroll{width:auto;height:auto;overflow:scroll}.ibiz-calendar-month__row{min-height:126px}.ibiz-calendar-month__row:first-child td{border-top:1px solid var(--ibiz-color-border)}.ibiz-calendar-month__row--td{width:auto;border-bottom:1px solid var(--ibiz-color-border);border-right:1px solid var(--ibiz-color-border);vertical-align:top;transition:background-color var(--ibiz-color-border) ease;cursor:pointer}.ibiz-calendar-month__row--td.is-today{color:var(--el-color-primary)}.ibiz-calendar-month__row--td.is-selected{background-color:#ecf5ff}.ibiz-calendar-month__row--td.is-selected .ibiz-calendar-month__cell{background:#ecf5ff}.ibiz-calendar-month__row--td:first-child{border-left:1px solid var(--ibiz-color-border)}.ibiz-calendar-month__row--calendar-day{position:relative;z-index:1;height:auto}.ibiz-calendar-month__row--calendar-day:hover{background:0 0}.ibiz-calendar-month__cell{height:126px;width:100%;min-height:126px;display:flex;flex-direction:column;position:relative}.ibiz-calendar-month__container{width:100%;height:100%;position:absolute;left:0;right:0}.ibiz-calendar-month__container__events{position:relative;z-index:2}.ibiz-calendar-month__event-box{width:100%;height:auto;min-height:24px;display:flex;align-items:center;position:absolute;left:0;top:0}.ibiz-calendar-month__event-content{width:100%;height:20px;line-height:20px;padding:0 4px;border:none;outline:0;text-align:left;border-radius:4px;background:var(--ibiz-color-primary);color:#fff;position:relative;overflow:hidden;cursor:pointer}.ibiz-calendar-month__event-content:active{animation:pulse 1s linear}.ibiz-calendar-month__event-content--btn-ripple{position:absolute;display:block;width:50px;height:20px;border-radius:10px;background:rgba(255,255,255,.4);animation:ripple 1s ease}.ibiz-calendar-month__event-content--event-summary{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ibiz-calendar-month__event-content--event-name{margin-right:6px}.ibiz-calendar-month__event-content--time-range{margin-right:6px}.ibiz-calendar-month__event-content--check{color:var(--ibiz-color-primary);position:absolute;right:6px;top:50%;transform:translate(0,-50%)}.ibiz-calendar-month__more-popover.el-popper.el-popper{padding:0;border-radius:4px}.ibiz-calendar-month__more-popover--more-events{height:20px;padding:2px;position:absolute;left:0;top:106px}.ibiz-calendar-month__more-popover--body{width:100%;height:auto}.ibiz-calendar-month__more-popover--title{padding:6px 8px;font-size:16px;text-align:left;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-calendar-month__more-popover--events-content{width:100%;height:auto;max-height:380px;padding:8px 10px;overflow-x:hidden;overflow-y:scroll}.ibiz-calendar-month__more-popover .event-box{position:static}.ibiz-calendar-month__more-popover .event-box:nth-child(1){margin-top:0}.ibiz-calendar-month__event-popover{padding:0;width:auto;height:auto;position:relative}.ibiz-calendar-month__event-popover.el-popover.el-popper{padding:24px 12px 8px 12px}.ibiz-calendar-month__event-popover--body{width:auto;height:auto;overflow:hidden}.ibiz-calendar-month__event-popover--scroll{width:auto;height:auto;min-width:450px;min-height:200px;overflow:auto}.ibiz-calendar-month__event-popover--close{position:absolute;right:8px;top:8px;cursor:pointer}.ibiz-calendar-month__event-popover--close:hover .el-icon{background:var(--ibiz-color-primary);border-radius:50%}.ibiz-calendar-month__event-popover--close:hover .el-icon svg{fill:#fff}.ibiz-calendar-month__event-popover .el-icon{font-size:20px;min-height:24px;min-width:24px;display:flex;justify-content:center;align-items:center}.ibiz-calendar-month__event-popover .el-icon svg{fill:var(--el-text-color-secondary)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}

package/lib/control/calendar/components/calendar-month/index.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue3Util = require('@ibiz-template/vue3-util');
-var calendarMonth = require('./calendar-month.cjs');
-
-"use strict";
-const IBizCalendarMonth = vue3Util.withInstall(calendarMonth.CalendarMonth, function(v) {
-  v.component(calendarMonth.CalendarMonth.name, calendarMonth.CalendarMonth);
-});
-
-exports.IBizCalendarMonth = IBizCalendarMonth;
-exports.default = IBizCalendarMonth;

package/lib/control/calendar/components/calendar-month/use-calendar-month.cjs

@@ -1,386 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var dayjs = require('dayjs');
-var localeData = require('../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/localeData.cjs');
-var ramda = require('ramda');
-var ElementPlus = require('element-plus');
-require('../util/index.cjs');
-var util = require('../util/util.cjs');
-
-"use strict";
-const useCalendarMonth = (props, emit) => {
-  dayjs.extend(localeData.default);
-  const firstDayOfWeek = dayjs.localeData().firstDayOfWeek();
-  const { lang } = ElementPlus.useLocale();
-  const now = dayjs().locale(lang.value);
-  const rows = vue.ref([]);
-  const multiple = vue.computed(() => props.multiple === true);
-  const selectedData = vue.ref([]);
-  const popVisible = vue.ref(true);
-  const tableTd = vue.ref();
-  const legends = vue.ref([]);
-  const selectedDay = vue.ref();
-  const hideHeader = vue.computed(() => props.hideHeader);
-  const isInRange = vue.computed(() => !!props.range && !!props.range.length);
-  const weekDays = vue.computed(() => {
-    const start = firstDayOfWeek;
-    let tempValue;
-    const tempWeeks = [
-      "sunday",
-      "monday",
-      "tuesday",
-      "wednesday",
-      "thursday",
-      "friday",
-      "saturday"
-    ];
-    if (start === 0) {
-      tempValue = tempWeeks.map((item) => {
-        return ibiz.i18n.t("control.calendar.calendarmonth.weeks.".concat(item));
-      });
-    } else {
-      tempValue = tempWeeks.slice(start).concat(tempWeeks.slice(0, start)).map((item) => {
-        return ibiz.i18n.t("control.calendar.calendarmonth.weeks.".concat(item));
-      });
-    }
-    return tempValue;
-  });
-  const getPrevMonthLastDays = (date, count) => {
-    const lastDay = date.subtract(1, "month").endOf("month").date();
-    return util.rangeArr(count).map(
-      (_, index) => lastDay - (count - index - 1)
-    );
-  };
-  const getMonthDays = (date) => {
-    const days = date.daysInMonth();
-    return util.rangeArr(days).map((_, index) => index + 1);
-  };
-  const toNestedArr = (days) => util.rangeArr(days.length / 7).map((index) => {
-    const start = index * 7;
-    return days.slice(start, start + 7);
-  });
-  const isDateRange = (curDate, event) => {
-    const startDate = new Date(event == null ? void 0 : event.beginTime);
-    const endDate = new Date(event == null ? void 0 : event.endTime);
-    startDate.setHours(0, 0, 0, 0);
-    endDate.setHours(0, 0, 0, 0);
-    return curDate && (event == null ? void 0 : event.beginTime) && (event == null ? void 0 : event.endTime) && curDate.getTime() <= new Date(endDate).getTime() && curDate.getTime() >= new Date(startDate).getTime() && startDate.getTime() !== endDate.getTime();
-  };
-  const handleCurDayEvent = (curDate, events, td) => {
-    let tempEvents = [];
-    const tempArray = [];
-    const todayEvents = [];
-    const rangeEvents = [];
-    const tempColors = /* @__PURE__ */ new Map();
-    const { firstDay, lastDay } = util.getCurWeekDates(curDate);
-    events.forEach((event) => {
-      const tempEvent = {};
-      Object.assign(tempEvent, event);
-      if (curDate && event.beginTime) {
-        if (!(event == null ? void 0 : event.endTime)) {
-          Object.assign(tempEvent, { endTime: event.beginTime });
-        }
-        if (util.isToday(tempEvent == null ? void 0 : tempEvent.beginTime, curDate) && util.isToday(tempEvent.beginTime, tempEvent.endTime)) {
-          todayEvents.push(tempEvent);
-        } else if (curDate && isDateRange(curDate, tempEvent)) {
-          Object.assign(tempEvent, { isRange: true });
-          rangeEvents.push(tempEvent);
-        } else if (!util.isToday(tempEvent.beginTime, tempEvent.endTime) && util.isTimeGreaterThan(curDate, tempEvent.beginTime) && (util.isDateInCurWeek(tempEvent.beginTime, firstDay, lastDay) || util.isDateInCurWeek(tempEvent.endTime, firstDay, lastDay))) {
-          Object.assign(tempEvent, { isShow: false });
-          rangeEvents.push(tempEvent);
-        }
-      }
-    });
-    rangeEvents.sort((a, b) => {
-      const type = new Date(a.beginTime).getTime() - new Date(b.beginTime).getTime();
-      return type;
-    });
-    todayEvents.sort((a, b) => {
-      const type = new Date(a.beginTime).getTime() - new Date(b.beginTime).getTime();
-      return type;
-    });
-    tempEvents = tempEvents.concat(rangeEvents, todayEvents);
-    tempEvents.forEach((event, index) => {
-      util.handleBkColor(tempColors, event.itemType);
-      const legendIndex = legends.value.findIndex(
-        (legendItem) => Object.is(legendItem.id, event.itemType)
-      );
-      const targetEvent = selectedData.value.find(
-        (item) => item.id === event.id
-      );
-      const tempEvent = {};
-      Object.assign(tempEvent, event);
-      Object.assign(tempEvent, {
-        beginTime: event.beginTime,
-        end: event.endTime,
-        id: event.id
-      });
-      if (event.endTime) {
-        const format = util.isToday(event == null ? void 0 : event.beginTime, event.endTime) ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
-        const timeRange = util.handleTimeRange(
-          event.beginTime,
-          event.endTime,
-          format,
-          "~"
-        );
-        Object.assign(tempEvent, { timeRange });
-      }
-      if (!(event == null ? void 0 : event.bkColor)) {
-        const bkColor = legendIndex !== -1 ? legends.value[legendIndex].bkcolor : util.handleBkColor(tempColors, event.itemType);
-        Object.assign(tempEvent, { bkColor });
-      }
-      if (!(event == null ? void 0 : event.color)) {
-        Object.assign(tempEvent, { color: "#FFF" });
-      }
-      if (util.isToday(event == null ? void 0 : event.beginTime, curDate) && util.isToday(event == null ? void 0 : event.beginTime, event == null ? void 0 : event.endTime)) {
-        Object.assign(tempEvent, { isToday: true });
-      }
-      if (isDateRange(curDate, event) && (curDate.getDay() === 0 || util.isToday(event == null ? void 0 : event.beginTime, curDate))) {
-        if (td && index < 3) {
-          const currentDay = curDate.getDay();
-          const saturdayDate = new Date(curDate);
-          saturdayDate.setDate(curDate.getDate() + (6 - currentDay));
-          const endDate = new Date(event == null ? void 0 : event.endTime);
-          let week = 1;
-          if (currentDay === 0) {
-            if (endDate.getTime() > saturdayDate.getTime() || util.isToday(endDate, saturdayDate)) {
-              week = 7;
-            } else {
-              week = endDate.getDay() + 1;
-            }
-          } else if (endDate.getTime() > saturdayDate.getTime()) {
-            week = 7 - currentDay;
-          } else {
-            week = endDate.getDay() - currentDay;
-            week += 1;
-          }
-          const tempWidth = week * 100;
-          let tempVal = 0;
-          const fillUp = week - 1;
-          let widthDifference = 0;
-          if (currentDay === 0) {
-            widthDifference = 5;
-            tempVal += widthDifference * fillUp;
-            if (endDate.getTime() > saturdayDate.getTime()) {
-              tempVal += 3;
-            } else {
-              tempVal += 2;
-            }
-          } else if (week > 1) {
-            widthDifference = 4;
-            tempVal += widthDifference * fillUp;
-          }
-          const width = "calc(".concat(tempWidth, "% + ").concat(tempVal, "px)");
-          Object.assign(tempEvent, { width });
-        }
-        Object.assign(tempEvent, { isShow: true });
-      }
-      if (targetEvent) {
-        Object.assign(tempEvent, { isSelectedEvent: true });
-      } else {
-        Object.assign(tempEvent, { isSelectedEvent: false });
-      }
-      if (legendIndex !== -1 && legends.value[legendIndex].isShow || legendIndex === -1) {
-        tempArray.push(tempEvent);
-      }
-    });
-    tempColors.clear();
-    return tempArray;
-  };
-  const handleMonthDraw = () => {
-    let days = [];
-    if (isInRange.value) {
-      const [start, end] = props.range;
-      const currentMonthRange = util.rangeArr(
-        end.date() - start.date() + 1
-      ).map((index) => {
-        const curDate = new Date(
-          start.year(),
-          start.month(),
-          start.date() + index
-        );
-        const curDayEvents = handleCurDayEvent(
-          curDate,
-          props.events,
-          tableTd.value
-        );
-        return {
-          text: start.date() + index,
-          type: "current",
-          events: curDayEvents,
-          curDate: dayjs(curDate)
-        };
-      });
-      let remaining = currentMonthRange.length % 7;
-      remaining = remaining === 0 ? 0 : 7 - remaining;
-      const nextMonthRange = util.rangeArr(remaining).map(
-        (_, index) => {
-          const curDate = new Date(start.year(), start.month() + 1, index + 1);
-          const curDayEvents = handleCurDayEvent(
-            curDate,
-            props.events,
-            tableTd.value
-          );
-          return {
-            text: index + 1,
-            type: "next",
-            events: curDayEvents,
-            curDate: dayjs(curDate)
-          };
-        }
-      );
-      days = currentMonthRange.concat(nextMonthRange);
-    } else {
-      const firstDay = props.date.startOf("month").day();
-      const prevMonthDays = getPrevMonthLastDays(
-        props.date,
-        (firstDay - firstDayOfWeek + 7) % 7
-      ).map((day) => {
-        const curDate = new Date(
-          props.date.year(),
-          props.date.month() - 1,
-          day
-        );
-        const curDayEvents = handleCurDayEvent(
-          curDate,
-          props.events,
-          tableTd.value
-        );
-        return {
-          text: day,
-          type: "prev",
-          events: curDayEvents,
-          curDate: dayjs(curDate)
-        };
-      });
-      const currentMonthDays = getMonthDays(props.date).map(
-        (day) => {
-          const curDate = new Date(props.date.year(), props.date.month(), day);
-          const curDayEvents = handleCurDayEvent(
-            curDate,
-            props.events,
-            tableTd.value
-          );
-          return {
-            text: day,
-            type: "current",
-            events: curDayEvents,
-            curDate: dayjs(curDate)
-          };
-        }
-      );
-      days = [...prevMonthDays, ...currentMonthDays];
-      const remaining = 7 - (days.length % 7 || 7);
-      const nextMonthDays = util.rangeArr(remaining).map(
-        (_, index) => {
-          const curDate = new Date(
-            props.date.year(),
-            props.date.month() + 1,
-            index + 1
-          );
-          const curDayEvents = handleCurDayEvent(
-            curDate,
-            props.events,
-            tableTd.value
-          );
-          return {
-            text: index + 1,
-            type: "next",
-            events: curDayEvents,
-            curDate: dayjs(curDate)
-          };
-        }
-      );
-      days = days.concat(nextMonthDays);
-    }
-    rows.value = toNestedArr(days);
-  };
-  const getFormattedDate = (day, type) => {
-    switch (type) {
-      case "prev":
-        return props.date.startOf("month").subtract(1, "month").date(day);
-      case "next":
-        return props.date.startOf("month").add(1, "month").date(day);
-      case "current":
-        return props.date.date(day);
-      default:
-        return null;
-    }
-  };
-  const handlePickDay = ({ text, type }) => {
-    const date = getFormattedDate(text, type);
-    selectedDay.value = date;
-    if (type === "prev" || type === "next") {
-      emit("pickEvent", date);
-    }
-  };
-  const getSlotData = ({ text, type, events }) => {
-    const day = getFormattedDate(text, type);
-    return {
-      isSelected: day.isSame(props.selectedDay),
-      type: "".concat(type, "-month"),
-      day: day.format("YYYY-MM-DD"),
-      date: day.toDate(),
-      events
-    };
-  };
-  const getCellClass = ({ text, type }) => {
-    const classes = [type];
-    if (type === "current") {
-      const date = getFormattedDate(text, type);
-      if (date.isSame(selectedDay.value, "day")) {
-        classes.push("is-selected");
-      }
-      if (date.isSame(now, "day")) {
-        classes.push("is-today");
-      }
-    }
-    return classes;
-  };
-  const eventClick = async (item, location) => {
-    const res = await util.handleEVentClick(
-      item,
-      location,
-      props.events,
-      multiple.value,
-      selectedData.value,
-      emit
-    );
-    const { tempSelectedData } = res;
-    selectedData.value = tempSelectedData;
-    handleMonthDraw();
-  };
-  const handleEventsMoreData = (cell) => {
-    let events = ramda.clone(cell.events);
-    const { curDate } = cell;
-    const tempEvents = [];
-    events = events.splice(3, events.length);
-    events.forEach((event) => {
-      if (curDate && isDateRange(new Date(curDate), event) || util.isToday(event.beginTime, event.endTime)) {
-        tempEvents.push(event);
-      }
-    });
-    return tempEvents;
-  };
-  return {
-    isInRange,
-    rows,
-    weekDays,
-    hideHeader,
-    tableTd,
-    legends,
-    selectedDay,
-    selectedData,
-    popVisible,
-    getFormattedDate,
-    handlePickDay,
-    getSlotData,
-    getCellClass,
-    eventClick,
-    handleMonthDraw,
-    handleEventsMoreData
-  };
-};
-
-exports.useCalendarMonth = useCalendarMonth;

package/lib/control/calendar/components/interface/calendar-month.cjs

@@ -1,46 +0,0 @@
-'use strict';
-
-require('../util/index.cjs');
-var util = require('../util/util.cjs');
-
-"use strict";
-const calendarMonthProps = util.handleProps({
-  controller: {
-    type: Object
-  },
-  selectedDay: {
-    type: util.definePropType(Object)
-  },
-  range: {
-    type: util.definePropType(Array)
-  },
-  date: {
-    type: util.definePropType(Object),
-    required: true
-  },
-  hideHeader: {
-    type: Boolean
-  },
-  events: {
-    type: Array,
-    default: []
-  },
-  legends: {
-    type: Array,
-    default: []
-  },
-  multiple: {
-    type: Boolean
-  },
-  selectedData: {
-    type: Object
-  }
-});
-const calendarMonthEmits = {
-  pickEvent: (value) => value,
-  eventClick: (value) => value,
-  eventDblClick: (value) => value
-};
-
-exports.calendarMonthEmits = calendarMonthEmits;
-exports.calendarMonthProps = calendarMonthProps;