@ibiz-template/vue3-components 0.7.26-alpha.1 → 0.7.26-alpha.2

package/es/control/calendar/components/custom-calendar/custom-calendar.mjs

@@ -0,0 +1,283 @@
+import { onMounted, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import dayjs from 'dayjs';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { IBizCalendarDaily } from '../calendar-daily/index.mjs';
+import { IBizCalendarWeek } from '../calendar-week/index.mjs';
+import { IBizCalendarMonth } from '../calendar-month/index.mjs';
+import { useCustomCalendar } from './use-custom-calendar.mjs';
+import './custom-calendar.css';
+import '../interface/index.mjs';
+import { customCalendarProps, customCalendarEmits } from '../interface/custom-calendar.mjs';
+
+"use strict";
+const CustomCalendar = /* @__PURE__ */ defineComponent({
+  name: "CustomCalendar",
+  props: customCalendarProps,
+  emits: customCalendarEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const ns = useNamespace("custom-calendar");
+    const {
+      date,
+      events,
+      i18nDate,
+      shortcuts,
+      viewType,
+      validatedRange,
+      realSelectedDay,
+      curWeek,
+      legends,
+      multiple,
+      selectedData,
+      pickDay,
+      handleEVentClick,
+      handleEVentDblClick,
+      selectDate,
+      selectLegend
+    } = useCustomCalendar(props, emit, "custom-calendar");
+    onMounted(() => {
+      pickDay(dayjs(/* @__PURE__ */ new Date()));
+    });
+    const renderMonth = () => {
+      var _a;
+      return createVNode("div", {
+        "class": [ns.e("calendar-month")]
+      }, [(slots == null ? void 0 : slots.header) ? createVNode("div", {
+        "class": [ns.em("calendar-month", "header")]
+      }, [(_a = slots == null ? void 0 : slots.header) == null ? void 0 : _a.call(slots, {
+        date: i18nDate.value,
+        legends: legends.value
+      })]) : createVNode("div", {
+        "class": [ns.em("calendar-month", "header")]
+      }, [createVNode("div", {
+        "class": [ns.em("header", "title")]
+      }, [i18nDate.value]), createVNode("div", {
+        "class": ns.em("calendar-month", "legend")
+      }, [legends.value.length > 1 && legends.value.map((legend) => {
+        return createVNode("div", {
+          "class": ns.em("calendar-month", "legend-item"),
+          "onClick": () => selectLegend(legend)
+        }, [createVNode("div", {
+          "class": ns.em("calendar-month", "legend-item-tip"),
+          "style": {
+            background: legend.isShow ? legend.bkcolor : "#CCCCCC"
+          }
+        }, null), createVNode("div", {
+          "class": ns.em("calendar-month", "legend-item-text"),
+          "style": {
+            color: legend.isShow ? legend.color : "#CCCCCC"
+          },
+          "title": legend.name
+        }, [legend.name])]);
+      })]), validatedRange.value.length === 0 && createVNode("div", {
+        "class": [ns.em("calendar-month", "button-group")]
+      }, [createVNode(resolveComponent("el-date-picker"), {
+        "modelValue": realSelectedDay.value,
+        "onUpdate:modelValue": ($event) => realSelectedDay.value = $event,
+        "type": "month"
+      }, null), createVNode(resolveComponent("el-button-group"), null, {
+        default: () => [createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": () => {
+            selectDate("prev-year");
+          }
+        }, {
+          default: () => [createTextVNode("\u53BB\u5E74")]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": () => {
+            selectDate("prev-month");
+          }
+        }, {
+          default: () => [createTextVNode("\u4E0A\u4E2A\u6708")]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": () => {
+            selectDate("today");
+          }
+        }, {
+          default: () => [createTextVNode("\u4ECA\u5929")]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": () => {
+            selectDate("next-month");
+          }
+        }, {
+          default: () => [createTextVNode("\u4E0B\u4E2A\u6708")]
+        }), createVNode(resolveComponent("el-button"), {
+          "size": "small",
+          "onClick": () => {
+            selectDate("next-year");
+          }
+        }, {
+          default: () => [createTextVNode("\u660E\u5E74")]
+        })]
+      })])]), validatedRange.value.length === 0 ? createVNode("div", {
+        "class": [ns.em("calendar-month", "body")]
+      }, [createVNode(IBizCalendarMonth, {
+        "date": date.value,
+        "controller": props.controller,
+        "selected-day": realSelectedDay.value,
+        "events": events.value,
+        "legends": legends.value,
+        "multiple": multiple.value,
+        "selectedData": selectedData.value,
+        "onPickEvent": (day) => pickDay(day),
+        "onEventClick": (value) => handleEVentClick(value),
+        "onEventDblClick": (value) => handleEVentDblClick(value)
+      }, slots)]) : createVNode("div", {
+        "class": [ns.em("calendar-month", "body")]
+      }, [validatedRange.value.map((item, index) => {
+        return createVNode(IBizCalendarMonth, {
+          "date": item[0],
+          "controller": props.controller,
+          "selected-day": realSelectedDay.value,
+          "range": item,
+          "hide-header": index !== 0,
+          "onPickEvent": (day) => pickDay(day),
+          "events": events.value,
+          "legends": legends.value,
+          "multiple": multiple.value,
+          "selectedData": selectedData.value,
+          "onEventClick": (value) => handleEVentClick(value),
+          "onEventDblClick": (value) => handleEVentDblClick(value)
+        }, slots);
+      })])]);
+    };
+    const renderWeek = () => {
+      var _a;
+      return createVNode("div", {
+        "class": [ns.e("calendar-week")]
+      }, [(slots == null ? void 0 : slots.header) ? createVNode("div", {
+        "class": [ns.em("calendar-month", "header")]
+      }, [(_a = slots == null ? void 0 : slots.header) == null ? void 0 : _a.call(slots, {
+        date: dayjs(realSelectedDay.value).format("YYYY-MM-DD"),
+        legends: legends.value
+      })]) : createVNode("div", {
+        "class": [ns.em("calendar-week", "header")]
+      }, [createVNode("div", {
+        "class": ns.em("calendar-week", "header-top")
+      }, [createVNode("div", {
+        "class": ns.em("calendar-week", "title")
+      }, [props.controller.state.calendarTitle || ibiz.i18n.t("control.calendar.title")]), createVNode("div", {
+        "class": ns.em("calendar-week", "legend")
+      }, [legends.value.length > 1 && legends.value.map((item) => {
+        return createVNode("div", {
+          "class": ns.em("calendar-week", "legend-item"),
+          "onClick": () => selectLegend(item)
+        }, [createVNode("div", {
+          "class": ns.em("calendar-week", "legend-item-tip"),
+          "style": {
+            background: item.isShow ? item.bkcolor : "#CCCCCC"
+          }
+        }, null), createVNode("div", {
+          "class": ns.em("calendar-week", "legend-item-text"),
+          "style": {
+            color: item.isShow ? item.color : "#CCCCCC"
+          },
+          "title": item.name
+        }, [item.name])]);
+      })]), createVNode("div", {
+        "class": ns.em("calendar-week", "select-time")
+      }, [createVNode(resolveComponent("el-date-picker"), {
+        "modelValue": realSelectedDay.value,
+        "onUpdate:modelValue": ($event) => realSelectedDay.value = $event,
+        "type": "date",
+        "placeholder": "\u9009\u62E9\u65E5\u671F",
+        "shortcuts": shortcuts
+      }, null)])])]), createVNode(IBizCalendarWeek, {
+        "selected-day": realSelectedDay.value,
+        "controller": props.controller,
+        "events": events.value,
+        "legends": legends.value,
+        "multiple": multiple.value,
+        "selectedData": selectedData.value,
+        "onEventClick": (value) => handleEVentClick(value),
+        "onEventDblClick": (value) => handleEVentDblClick(value)
+      }, slots)]);
+    };
+    const renderDay = () => {
+      var _a;
+      return createVNode("div", {
+        "class": [ns.e("calendar-week")]
+      }, [(slots == null ? void 0 : slots.header) ? createVNode("div", {
+        "class": [ns.em("calendar-month", "header")]
+      }, [(_a = slots == null ? void 0 : slots.header) == null ? void 0 : _a.call(slots, {
+        date: dayjs(realSelectedDay.value).format("YYYY-MM-DD"),
+        legends: legends.value
+      })]) : createVNode("div", {
+        "class": [ns.em("calendar-week", "header")]
+      }, [createVNode("div", {
+        "class": ns.em("calendar-week", "header-top")
+      }, [createVNode("div", {
+        "class": ns.em("calendar-week", "title")
+      }, [props.controller.state.calendarTitle || ibiz.i18n.t("control.calendar.title")]), createVNode("div", {
+        "class": ns.em("calendar-week", "legend")
+      }, [legends.value.length > 1 && legends.value.map((item) => {
+        return createVNode("div", {
+          "class": ns.em("calendar-week", "legend-item"),
+          "onClick": () => selectLegend(item)
+        }, [createVNode("div", {
+          "class": ns.em("calendar-week", "legend-item-tip"),
+          "style": {
+            background: item.isShow ? item.bkcolor : "#CCCCCC"
+          }
+        }, null), createVNode("div", {
+          "class": ns.em("calendar-week", "legend-item-text"),
+          "style": {
+            color: item.isShow ? item.color : "#CCCCCC"
+          },
+          "title": item.name
+        }, [item.name])]);
+      })]), createVNode("div", {
+        "class": ns.em("calendar-week", "select-time")
+      }, [createVNode(resolveComponent("el-date-picker"), {
+        "modelValue": realSelectedDay.value,
+        "onUpdate:modelValue": ($event) => realSelectedDay.value = $event,
+        "type": "date",
+        "placeholder": "\u9009\u62E9\u65E5\u671F",
+        "shortcuts": shortcuts
+      }, null)])]), createVNode("div", {
+        "class": ns.em("calendar-week", "text-secondary")
+      }, [curWeek.value])]), createVNode(IBizCalendarDaily, {
+        "selected-day": realSelectedDay.value,
+        "controller": props.controller,
+        "events": events.value,
+        "legends": legends.value,
+        "multiple": multiple.value,
+        "selectedData": selectedData.value,
+        "onEventClick": (value) => handleEVentClick(value),
+        "onEventDblClick": (value) => handleEVentDblClick(value)
+      }, slots)]);
+    };
+    const renderContent = () => {
+      switch (viewType.value) {
+        case "MONTH":
+          return renderMonth();
+        case "DAY":
+          return renderDay();
+        case "WEEK":
+          return renderWeek();
+        default:
+          return null;
+      }
+    };
+    return {
+      ns,
+      date,
+      validatedRange,
+      pickDay,
+      selectDate,
+      renderContent
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [this.renderContent()]);
+  }
+});
+
+export { CustomCalendar };

package/es/control/calendar/components/custom-calendar/index.d.ts

@@ -0,0 +1,24 @@
+export declare const IBizCustomCalendar: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<IParams, {
+    ns: import("@ibiz-template/core").Namespace;
+    date: any;
+    validatedRange: any;
+    pickDay: any;
+    selectDate: any;
+    renderContent: () => JSX.Element | null;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date) => boolean;
+    input: (value: Date) => boolean;
+    change: (value: Date) => boolean;
+    eventClick: (value: IParams) => IParams;
+    eventDblClick: (value: IParams) => IParams;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<IParams>> & {
+    onChange?: ((value: Date) => any) | undefined;
+    onInput?: ((value: Date) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+    onEventClick?: ((value: IParams) => any) | undefined;
+    onEventDblClick?: ((value: IParams) => any) | undefined;
+}, {
+    [x: string]: any;
+    [x: symbol]: any;
+}, {}>>;
+export default IBizCustomCalendar;

package/es/control/calendar/components/custom-calendar/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { CustomCalendar } from './custom-calendar.mjs';
+
+"use strict";
+const IBizCustomCalendar = withInstall(
+  CustomCalendar,
+  function(v) {
+    v.component(CustomCalendar.name, CustomCalendar);
+  }
+);
+
+export { IBizCustomCalendar, IBizCustomCalendar as default };

package/es/control/calendar/components/custom-calendar/use-custom-calendar.d.ts

@@ -0,0 +1,3 @@
+import { SetupContext } from 'vue';
+import { CustomCalendarEmits, CustomCalendarProps } from '../interface';
+export declare const useCustomCalendar: (props: CustomCalendarProps, emit: SetupContext<CustomCalendarEmits>['emit'], _componentName: string) => IData;

package/es/control/calendar/components/custom-calendar/use-custom-calendar.mjs

@@ -0,0 +1,264 @@
+import { ref, computed, watch } from 'vue';
+import dayjs from 'dayjs';
+import { useLocale } from 'element-plus';
+import '../util/index.mjs';
+import '../constant/index.mjs';
+import { handleBkColor } from '../util/util.mjs';
+import { INPUT_EVENT, CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../constant/event.mjs';
+
+"use strict";
+const adjacentMonth = (start, end) => {
+  const firstMonthLastDay = start.endOf("month");
+  const lastMonthFirstDay = end.startOf("month");
+  const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, "week");
+  const lastMonthStartDay = isSameWeek ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
+  return [
+    [start, firstMonthLastDay],
+    [lastMonthStartDay.startOf("week"), end]
+  ];
+};
+const threeConsecutiveMonth = (start, end) => {
+  const firstMonthLastDay = start.endOf("month");
+  const secondMonthFirstDay = start.add(1, "month").startOf("month");
+  const secondMonthStartDay = firstMonthLastDay.isSame(
+    secondMonthFirstDay,
+    "week"
+  ) ? secondMonthFirstDay.add(1, "week") : secondMonthFirstDay;
+  const secondMonthLastDay = secondMonthStartDay.endOf("month");
+  const lastMonthFirstDay = end.startOf("month");
+  const lastMonthStartDay = secondMonthLastDay.isSame(lastMonthFirstDay, "week") ? lastMonthFirstDay.add(1, "week") : lastMonthFirstDay;
+  return [
+    [start, firstMonthLastDay],
+    [secondMonthStartDay.startOf("week"), secondMonthLastDay],
+    [lastMonthStartDay.startOf("week"), end]
+  ];
+};
+const useCustomCalendar = (props, emit, _componentName) => {
+  const { lang } = useLocale();
+  const selectedDay = ref();
+  const now = dayjs().locale(lang.value);
+  const tempRealSelectedDay = ref();
+  const viewType = computed(() => props.viewType);
+  const legends = ref([]);
+  const tempColors = /* @__PURE__ */ new Map();
+  const multiple = computed(() => props.multiple === true);
+  const selectedData = computed(() => props.selectedData);
+  watch(
+    () => props.legends,
+    (newVal) => {
+      const tempLegend = [];
+      if (newVal) {
+        props.legends.forEach((item) => {
+          const tempItem = {};
+          Object.assign(tempItem, item);
+          Object.assign(tempItem, { isShow: true });
+          if (item && !item.bkcolor) {
+            const bkcolor = handleBkColor(tempColors, item.id);
+            Object.assign(tempItem, { bkcolor });
+          }
+          tempLegend.push(tempItem);
+        });
+      }
+      legends.value = tempLegend;
+    },
+    { immediate: true, deep: true }
+  );
+  const calculateValidatedDateRange = (startDayjs, endDayjs) => {
+    const firstDay = startDayjs.startOf("week");
+    const lastDay = endDayjs.endOf("week");
+    const firstMonth = firstDay.get("month");
+    const lastMonth = lastDay.get("month");
+    let dateRange;
+    if (firstMonth === lastMonth) {
+      dateRange = [[firstDay, lastDay]];
+    } else if ((firstMonth + 1) % 12 === lastMonth) {
+      dateRange = adjacentMonth(firstDay, lastDay);
+    } else if (
+      // 连续三个月（兼容时间：2021-01-30至2021-02-28）
+      firstMonth + 2 === lastMonth || (firstMonth + 1) % 11 === lastMonth
+    ) {
+      dateRange = threeConsecutiveMonth(firstDay, lastDay);
+    } else {
+      dateRange = [];
+    }
+    return dateRange;
+  };
+  const validatedRange = computed(() => {
+    if (!props.range)
+      return [];
+    let tempRange = [];
+    const rangeArrDayjs = props.range.map(
+      (item) => dayjs(item).locale(lang.value)
+    );
+    const [startDayjs, endDayjs] = rangeArrDayjs;
+    if (startDayjs.isAfter(endDayjs)) {
+      tempRange = [];
+    }
+    if (startDayjs.isSame(endDayjs, "month")) {
+      tempRange = calculateValidatedDateRange(startDayjs, endDayjs);
+    } else {
+      if (startDayjs.add(1, "month").month() !== endDayjs.month()) {
+        tempRange = [];
+      }
+      tempRange = calculateValidatedDateRange(startDayjs, endDayjs);
+    }
+    return tempRange;
+  });
+  const date = computed(() => {
+    let tempVal;
+    if (!props.modelValue) {
+      tempVal = tempRealSelectedDay.value || (validatedRange.value.length ? validatedRange.value[0][0] : now);
+    } else {
+      tempVal = dayjs(props.modelValue).locale(lang.value);
+    }
+    return tempVal;
+  });
+  const realSelectedDay = computed({
+    get() {
+      let tempVal = date.value;
+      if (!props.modelValue) {
+        tempVal = selectedDay.value;
+      }
+      tempRealSelectedDay.value = tempVal;
+      return tempVal;
+    },
+    set(val) {
+      if (!val)
+        return;
+      const tempVal = dayjs(val);
+      selectedDay.value = tempVal;
+      const result = tempVal.toDate();
+      emit(INPUT_EVENT, result);
+      emit(CHANGE_EVENT, result);
+      emit(UPDATE_MODEL_EVENT, result);
+    }
+  });
+  const events = computed(() => {
+    if (props.events.length > 0)
+      return props.events.map((event) => {
+        const tempItem = {};
+        Object.assign(tempItem, event);
+        Object.assign(tempItem, {
+          deData: event.deData,
+          beginTime: event.beginTime,
+          endTime: event.endTime,
+          id: event.id,
+          classname: event.classname,
+          text: event.text,
+          content: event.content,
+          tips: event.tips,
+          icon: event.icon,
+          color: event.color,
+          bkColor: event.bkColor,
+          itemType: event.itemType
+        });
+        return tempItem;
+      });
+  });
+  const prevMonthDayjs = computed(
+    () => date.value.subtract(1, "month").date(1)
+  );
+  const nextMonthDayjs = computed(() => date.value.add(1, "month").date(1));
+  const prevYearDayjs = computed(() => date.value.subtract(1, "year").date(1));
+  const nextYearDayjs = computed(() => date.value.add(1, "year").date(1));
+  const pickDay = (day) => {
+    realSelectedDay.value = day;
+  };
+  const selectDate = (type) => {
+    const dateMap = {
+      "prev-month": prevMonthDayjs.value,
+      "next-month": nextMonthDayjs.value,
+      "prev-year": prevYearDayjs.value,
+      "next-year": nextYearDayjs.value,
+      today: now
+    };
+    const day = dateMap[type];
+    if (!day.isSame(date.value, "day")) {
+      pickDay(day);
+    }
+  };
+  const i18nDate = computed(() => {
+    const pickedMonth = "".concat(date.value.format("M"));
+    return "".concat(date.value.year(), " ").concat(ibiz.i18n.t(
+      "control.calendar.year"
+    ), " ").concat(pickedMonth, " ").concat(ibiz.i18n.t("control.calendar.month"));
+  });
+  const shortcuts = [
+    {
+      text: ibiz.i18n.t("control.calendar.today"),
+      value: /* @__PURE__ */ new Date()
+    },
+    {
+      text: ibiz.i18n.t("control.calendar.calendardaily.tomorrow"),
+      value: () => {
+        const tempDate = /* @__PURE__ */ new Date();
+        tempDate.setTime(tempDate.getTime() + 3600 * 1e3 * 24);
+        return tempDate;
+      }
+    },
+    {
+      text: ibiz.i18n.t("control.calendar.calendardaily.nextweek"),
+      value: () => {
+        const tempDate = /* @__PURE__ */ new Date();
+        tempDate.setTime(tempDate.getTime() + 3600 * 1e3 * 24 * 7);
+        return tempDate;
+      }
+    }
+  ];
+  const handleEVentClick = (value) => {
+    emit("eventClick", value);
+  };
+  const handleEVentDblClick = (value) => {
+    emit("eventDblClick", value);
+  };
+  const curWeek = computed(() => {
+    let tempWeek = "";
+    if (realSelectedDay.value) {
+      const curDate = realSelectedDay.value.day();
+      const tempWeeks = [
+        "sunday",
+        "monday",
+        "tuesday",
+        "wednesday",
+        "thursday",
+        "friday",
+        "saturday"
+      ];
+      const weeks = tempWeeks.map((item) => {
+        return ibiz.i18n.t("control.calendar.calendardaily.weeks.".concat(item));
+      });
+      tempWeek = weeks[curDate];
+    }
+    return tempWeek;
+  });
+  const selectLegend = (item) => {
+    const targetLegend = legends.value.find(
+      (legend) => {
+        return item.id === legend.id;
+      }
+    );
+    if (targetLegend)
+      Object.assign(targetLegend, { isShow: !item.isShow });
+  };
+  return {
+    date,
+    viewType,
+    i18nDate,
+    events,
+    shortcuts,
+    validatedRange,
+    realSelectedDay,
+    curWeek,
+    legends,
+    multiple,
+    selectedData,
+    calculateValidatedDateRange,
+    pickDay,
+    selectDate,
+    handleEVentClick,
+    handleEVentDblClick,
+    selectLegend
+  };
+};
+
+export { useCustomCalendar };

package/es/control/calendar/components/interface/calendar-daily.d.ts

@@ -0,0 +1,12 @@
+import type { ExtractPropTypes } from 'vue';
+import type { Dayjs } from 'dayjs';
+declare const calendarDailyProps: IParams;
+type CalendarDailyProps = ExtractPropTypes<typeof calendarDailyProps>;
+declare const calendarDailyEmits: {
+    pick: (value: Dayjs) => boolean;
+    eventClick: (value: IParams) => IParams;
+    eventDblClick: (value: IParams) => IParams;
+};
+type CalendarDailyEmits = typeof calendarDailyEmits;
+export { calendarDailyEmits, calendarDailyProps };
+export type { CalendarDailyEmits, CalendarDailyProps };

package/es/control/calendar/components/interface/calendar-daily.mjs

@@ -0,0 +1,34 @@
+import '../util/index.mjs';
+import { definePropType, handleProps } from '../util/util.mjs';
+import { isObject } from 'lodash-es';
+
+"use strict";
+const calendarDailyProps = handleProps({
+  controller: {
+    type: Object
+  },
+  selectedDay: {
+    type: definePropType(Object)
+  },
+  events: {
+    type: Array,
+    default: []
+  },
+  legends: {
+    type: Array,
+    default: []
+  },
+  multiple: {
+    type: Boolean
+  },
+  selectedData: {
+    type: Object
+  }
+});
+const calendarDailyEmits = {
+  pick: (value) => isObject(value),
+  eventClick: (value) => value,
+  eventDblClick: (value) => value
+};
+
+export { calendarDailyEmits, calendarDailyProps };

package/es/control/calendar/components/interface/calendar-month.d.ts

@@ -0,0 +1,20 @@
+import type { ExtractPropTypes } from 'vue';
+import type { Dayjs } from 'dayjs';
+import { IUIEvent } from './common';
+type CalendarDateCellType = 'next' | 'prev' | 'current';
+type CalendarDateCell = {
+    text: number;
+    type: CalendarDateCellType;
+    events: IUIEvent[];
+    curDate: Dayjs;
+};
+declare const calendarMonthProps: IParams;
+type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
+declare const calendarMonthEmits: {
+    pickEvent: (value: Dayjs) => Dayjs;
+    eventClick: (value: IParams) => IParams;
+    eventDblClick: (value: IParams) => IParams;
+};
+type CalendarMonthEmits = typeof calendarMonthEmits;
+export { calendarMonthEmits, calendarMonthProps };
+export type { CalendarMonthProps, CalendarMonthEmits, CalendarDateCellType, CalendarDateCell, };