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

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

@@ -1,384 +0,0 @@
-import { ref, computed } from 'vue';
-import dayjs from 'dayjs';
-import localeData from '../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/localeData.mjs';
-import { clone } from 'ramda';
-import { useLocale } from 'element-plus';
-import '../util/index.mjs';
-import { rangeArr, getCurWeekDates, isToday, isTimeGreaterThan, isDateInCurWeek, handleBkColor, handleTimeRange, handleEVentClick } from '../util/util.mjs';
-
-"use strict";
-const useCalendarMonth = (props, emit) => {
-  dayjs.extend(localeData);
-  const firstDayOfWeek = dayjs.localeData().firstDayOfWeek();
-  const { lang } = useLocale();
-  const now = dayjs().locale(lang.value);
-  const rows = ref([]);
-  const multiple = computed(() => props.multiple === true);
-  const selectedData = ref([]);
-  const popVisible = ref(true);
-  const tableTd = ref();
-  const legends = ref([]);
-  const selectedDay = ref();
-  const hideHeader = computed(() => props.hideHeader);
-  const isInRange = computed(() => !!props.range && !!props.range.length);
-  const weekDays = 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 rangeArr(count).map(
-      (_, index) => lastDay - (count - index - 1)
-    );
-  };
-  const getMonthDays = (date) => {
-    const days = date.daysInMonth();
-    return rangeArr(days).map((_, index) => index + 1);
-  };
-  const toNestedArr = (days) => 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 } = 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 (isToday(tempEvent == null ? void 0 : tempEvent.beginTime, curDate) && isToday(tempEvent.beginTime, tempEvent.endTime)) {
-          todayEvents.push(tempEvent);
-        } else if (curDate && isDateRange(curDate, tempEvent)) {
-          Object.assign(tempEvent, { isRange: true });
-          rangeEvents.push(tempEvent);
-        } else if (!isToday(tempEvent.beginTime, tempEvent.endTime) && isTimeGreaterThan(curDate, tempEvent.beginTime) && (isDateInCurWeek(tempEvent.beginTime, firstDay, lastDay) || 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) => {
-      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 = isToday(event == null ? void 0 : event.beginTime, event.endTime) ? "YYYY-MM-DD HH:mm" : "YYYY-MM-DD";
-        const timeRange = 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 : handleBkColor(tempColors, event.itemType);
-        Object.assign(tempEvent, { bkColor });
-      }
-      if (!(event == null ? void 0 : event.color)) {
-        Object.assign(tempEvent, { color: "#FFF" });
-      }
-      if (isToday(event == null ? void 0 : event.beginTime, curDate) && 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 || 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() || 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 = 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 = 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 = 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 handleEVentClick(
-      item,
-      location,
-      props.events,
-      multiple.value,
-      selectedData.value,
-      emit
-    );
-    const { tempSelectedData } = res;
-    selectedData.value = tempSelectedData;
-    handleMonthDraw();
-  };
-  const handleEventsMoreData = (cell) => {
-    let events = clone(cell.events);
-    const { curDate } = cell;
-    const tempEvents = [];
-    events = events.splice(3, events.length);
-    events.forEach((event) => {
-      if (curDate && isDateRange(new Date(curDate), event) || 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
-  };
-};
-
-export { useCalendarMonth };

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

@@ -1,20 +0,0 @@
-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, };

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

@@ -1,43 +0,0 @@
-import '../util/index.mjs';
-import { definePropType, handleProps } from '../util/util.mjs';
-
-"use strict";
-const calendarMonthProps = handleProps({
-  controller: {
-    type: Object
-  },
-  selectedDay: {
-    type: definePropType(Object)
-  },
-  range: {
-    type: definePropType(Array)
-  },
-  date: {
-    type: 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
-};
-
-export { calendarMonthEmits, calendarMonthProps };

package/es/node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/plugin/localeData.mjs

@@ -1,13 +0,0 @@
-import { commonjsGlobal, getDefaultExportFromCjs } from '../../../../../../_virtual/_commonjsHelpers.mjs';
-import { __module as localeData$2 } from '../../../../../../_virtual/localeData.mjs';
-
-var localeData = localeData$2.exports;
-
-(function (module, exports) {
-	!function(n,e){"object"=='object'&&"undefined"!='object'?module.exports=e():"function"==typeof undefined&&undefined.amd?undefined(e):(n="undefined"!=typeof globalThis?globalThis:n||self).dayjs_plugin_localeData=e();}(commonjsGlobal,(function(){"use strict";return function(n,e,t){var r=e.prototype,o=function(n){return n&&(n.indexOf?n:n.s)},u=function(n,e,t,r,u){var i=n.name?n:n.$locale(),a=o(i[e]),s=o(i[t]),f=a||s.map((function(n){return n.slice(0,r)}));if(!u)return f;var d=i.weekStart;return f.map((function(n,e){return f[(e+(d||0))%7]}))},i=function(){return t.Ls[t.locale()]},a=function(n,e){return n.formats[e]||function(n){return n.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(n,e,t){return e||t.slice(1)}))}(n.formats[e.toUpperCase()])},s=function(){var n=this;return {months:function(e){return e?e.format("MMMM"):u(n,"months")},monthsShort:function(e){return e?e.format("MMM"):u(n,"monthsShort","months",3)},firstDayOfWeek:function(){return n.$locale().weekStart||0},weekdays:function(e){return e?e.format("dddd"):u(n,"weekdays")},weekdaysMin:function(e){return e?e.format("dd"):u(n,"weekdaysMin","weekdays",2)},weekdaysShort:function(e){return e?e.format("ddd"):u(n,"weekdaysShort","weekdays",3)},longDateFormat:function(e){return a(n.$locale(),e)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};r.localeData=function(){return s.bind(this)()},t.localeData=function(){var n=i();return {firstDayOfWeek:function(){return n.weekStart||0},weekdays:function(){return t.weekdays()},weekdaysShort:function(){return t.weekdaysShort()},weekdaysMin:function(){return t.weekdaysMin()},months:function(){return t.months()},monthsShort:function(){return t.monthsShort()},longDateFormat:function(e){return a(n,e)},meridiem:n.meridiem,ordinal:n.ordinal}},t.months=function(){return u(i(),"months")},t.monthsShort=function(){return u(i(),"monthsShort","months",3)},t.weekdays=function(n){return u(i(),"weekdays",null,null,n)},t.weekdaysShort=function(n){return u(i(),"weekdaysShort","weekdays",3,n)},t.weekdaysMin=function(n){return u(i(),"weekdaysMin","weekdays",2,n)};}})); 
-} (localeData$2, localeData$2.exports));
-
-var localeDataExports = localeData$2.exports;
-var localeData$1 = /*@__PURE__*/getDefaultExportFromCjs(localeDataExports);
-
-export { localeData$1 as default };

package/lib/_virtual/localeData.cjs

@@ -1,5 +0,0 @@
-'use strict';
-
-var localeData = {exports: {}};
-
-exports.__module = localeData;