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

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

@@ -0,0 +1,159 @@
+import type { SetupContext } from 'vue';
+import { CalendarWeekEmits, CalendarWeekProps, IUIEvent } from '../interface';
+export declare const useCalendarWeek: (props: CalendarWeekProps, emit: SetupContext<CalendarWeekEmits>['emit']) => {
+    drawData: import("vue").Ref<string[]>;
+    curTimeTimer: import("vue").Ref<any>;
+    curTimeTop: import("vue").Ref<number>;
+    curTimeVal: import("vue").Ref<string>;
+    rows: import("vue").Ref<IData[]>;
+    resizableHand: import("vue").Ref<any>;
+    calendarWeek: import("vue").Ref<any>;
+    selectedData: import("vue").Ref<{
+        beginTime: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        endTime: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        id: string | number;
+        classname: string;
+        text: string;
+        content: string;
+        tips: string;
+        icon: string;
+        color: string;
+        bkColor: string;
+        itemType: string;
+        deData: IData;
+    }[]>;
+    weekDays: import("vue").Ref<IData>;
+    legends: import("vue").Ref<any>;
+    rowsHeader: import("vue").Ref<IData[]>;
+    popVisible: import("vue").Ref<boolean>;
+    handleCurTime: () => void;
+    handleDrag: (event: DragEvent) => void;
+    handleDragStart: (event: DragEvent) => void;
+    eventClick: (item: IUIEvent, location: string) => Promise<void>;
+    initDrawData: () => string[];
+    handleUIEvents: () => void;
+};

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

@@ -0,0 +1,399 @@
+import { ref, computed } from 'vue';
+import '../util/index.mjs';
+import { getCurWeekDates, isToday, isDateInCurWeek, isTimeGreaterThan, handleTimeRange, handleBkColor, fade, handleEVentClick } from '../util/util.mjs';
+
+"use strict";
+const useCalendarWeek = (props, emit) => {
+  const drawData = ref([]);
+  const curTimeTimer = ref();
+  const curTimeTop = ref(1);
+  const curTimeVal = ref("00:00");
+  const resizableHand = ref();
+  const calendarWeek = ref();
+  const legends = ref();
+  const multiple = computed(() => props.multiple === true);
+  const selectedData = ref([]);
+  const rows = ref([]);
+  const rowsHeader = ref([]);
+  const weekDays = ref([]);
+  const popVisible = ref(true);
+  let initialMouseY = 0;
+  let initialHeight = 0;
+  const handleDragStart = (event) => {
+    initialMouseY = event.clientY;
+    initialHeight = parseInt(
+      window.getComputedStyle(resizableHand.value).height,
+      10
+    );
+  };
+  const handleDrag = (event) => {
+    const heightChange = event.clientY - initialMouseY + initialHeight;
+    resizableHand.value.style.height = "".concat(heightChange, "px");
+  };
+  const getDateRanges = (firstDate, lastDate) => {
+    const firstDay = new Date(firstDate);
+    const targetDate = new Date(lastDate);
+    const dateArray = [];
+    firstDay.setHours(0, 0, 0, 0);
+    targetDate.setHours(0, 0, 0, 0);
+    for (let currentDate = new Date(firstDay); currentDate <= targetDate; currentDate.setDate(currentDate.getDate() + 1)) {
+      dateArray.push(new Date(currentDate));
+    }
+    return dateArray;
+  };
+  const handleUIEvents = () => {
+    const events = props.events;
+    const curDate = props == null ? void 0 : props.selectedDay;
+    const tempColors = /* @__PURE__ */ new Map();
+    const { firstDay, lastDay } = getCurWeekDates(curDate);
+    const tempArray = [];
+    const tempEvents = [];
+    const tempRowsHeader = [];
+    weekDays.value = [];
+    for (let i = 0; i < 7; i++) {
+      const addDay = i;
+      const dayValue = firstDay.getDate() + addDay;
+      const date = new Date(
+        firstDay.getFullYear(),
+        firstDay.getMonth(),
+        dayValue
+      );
+      const day = date.getDate();
+      const tempWeeks = [
+        "sunday",
+        "monday",
+        "tuesday",
+        "wednesday",
+        "thursday",
+        "friday",
+        "saturday"
+      ];
+      const weeks = tempWeeks.map((item2) => {
+        return ibiz.i18n.t("control.calendar.calendarweek.weeks.".concat(item2));
+      });
+      const caption = weeks[i];
+      const isActivate = isToday(date, curDate);
+      const item = { date, day, caption, isActivate };
+      weekDays.value.push(item);
+      tempArray.push([]);
+      tempEvents.push([]);
+      tempRowsHeader.push([]);
+    }
+    events.forEach((event) => {
+      if (event.beginTime) {
+        const item = {};
+        Object.assign(item, event);
+        const targetEvent = selectedData.value.find(
+          (tempItem) => tempItem.id === event.id
+        );
+        if (targetEvent) {
+          Object.assign(item, { isSelectedEvent: true });
+        } else {
+          Object.assign(item, { isSelectedEvent: false });
+        }
+        if (!event.endTime && event.beginTime) {
+          Object.assign(item, { endTime: event.beginTime });
+        }
+        if (isDateInCurWeek(item.beginTime, firstDay, lastDay) && isDateInCurWeek(item.endTime, firstDay, lastDay)) {
+          const dateArray = getDateRanges(item.beginTime, item.endTime);
+          dateArray.forEach((date) => {
+            const weekIndex = new Date(date).getDay();
+            tempArray[weekIndex].push(item);
+          });
+        } else if (isDateInCurWeek(item.beginTime, firstDay, lastDay) && !isDateInCurWeek(item.endTime, firstDay, lastDay)) {
+          const dateArray = getDateRanges(item.beginTime, lastDay);
+          dateArray.forEach((date) => {
+            const weekIndex = new Date(date).getDay();
+            tempArray[weekIndex].push(item);
+          });
+        } else if (isDateInCurWeek(item.endTime, firstDay, lastDay) && !isDateInCurWeek(item.beginTime, firstDay, lastDay)) {
+          const dateArray = getDateRanges(firstDay, item.endTime);
+          dateArray.forEach((date) => {
+            const weekIndex = new Date(date).getDay();
+            tempArray[weekIndex].push(item);
+          });
+        } else if (!isDateInCurWeek(event.endTime, firstDay, lastDay) && !isDateInCurWeek(event.beginTime, firstDay, lastDay) && isTimeGreaterThan(firstDay, event.beginTime) && isTimeGreaterThan(event.endTime, firstDay)) {
+          const dateArray = getDateRanges(firstDay, lastDay);
+          dateArray.forEach((date) => {
+            const weekIndex = new Date(date).getDay();
+            tempArray[weekIndex].push(item);
+          });
+        }
+      }
+    });
+    tempArray.forEach((item) => {
+      item.sort((a, b) => {
+        const tempA = a;
+        const tempB = b;
+        const beginTimeDifference = new Date(tempA.beginTime).getTime() - new Date(tempB.beginTime).getTime();
+        let type;
+        if (beginTimeDifference === 0) {
+          type = new Date(tempA.endTime).getTime() - new Date(tempB.endTime).getTime();
+        } else {
+          type = beginTimeDifference;
+        }
+        return type;
+      });
+    });
+    tempArray.forEach((item, hostIndex) => {
+      item.forEach((event, index) => {
+        const targetLegend = legends.value.find(
+          (legendItem) => Object.is(legendItem.id, event.itemType)
+        );
+        if (targetLegend && targetLegend.isShow || !targetLegend) {
+          const tempEventContent = {};
+          const tempEventHeader = {};
+          const length = tempArray[hostIndex].length;
+          const weekDay = weekDays.value[hostIndex];
+          Object.assign(tempEventContent, event);
+          Object.assign(tempEventContent, { zIndex: index + 1 });
+          const percentage = Number((100 / length).toFixed(3));
+          const width = "".concat(percentage, "%");
+          const styleLeft = "".concat(index * percentage, "%");
+          Object.assign(tempEventContent, { width, styleLeft });
+          let height = 3;
+          let styleTop = 60;
+          let timeRange = "";
+          if (isToday(event.beginTime, event.endTime)) {
+            height = getEventHeight(event.beginTime, event.endTime);
+            timeRange = handleTimeRange(
+              event.beginTime,
+              event.endTime,
+              "HH:mm"
+            );
+            const tempVal = handleTopOrCurVal(new Date(event.beginTime));
+            styleTop = tempVal.styleTop;
+          } else if (isToday(event.beginTime, weekDay.date) && !isToday(event.endTime, weekDay.date)) {
+            const endDate = new Date(weekDay.date);
+            endDate.setHours(23, 59, 59, 0);
+            height = getEventHeight(event.beginTime, endDate);
+            timeRange = handleTimeRange(
+              event.beginTime,
+              event.endTime,
+              "YYYY-MM-DD HH:mm"
+            );
+            const tempVal = handleTopOrCurVal(new Date(event.beginTime));
+            styleTop = tempVal.styleTop;
+          } else if (isToday(event.endTime, weekDay.date) && !isToday(event.beginTime, weekDay.date)) {
+            const beginDate = new Date(weekDay.date);
+            beginDate.setHours(0, 0, 0, 0);
+            height = getEventHeight(beginDate, event.endTime);
+            timeRange = handleTimeRange(
+              event.beginTime,
+              event.endTime,
+              "YYYY-MM-DD HH:mm"
+            );
+            const tempVal = handleTopOrCurVal(new Date(beginDate));
+            styleTop = tempVal.styleTop;
+          } else {
+            const date = new Date(weekDay.date);
+            const beginDate = new Date(date.setHours(0, 0, 0, 0));
+            const endDate = new Date(date.setHours(23, 59, 59, 59));
+            height = getEventHeight(beginDate, endDate);
+            timeRange = handleTimeRange(
+              event.beginTime,
+              event.endTime,
+              "YYYY-MM-DD HH:mm"
+            );
+            const tempVal = handleTopOrCurVal(new Date(beginDate));
+            styleTop = tempVal.styleTop;
+          }
+          Object.assign(tempEventContent, { height, styleTop, timeRange });
+          if (!(event == null ? void 0 : event.bkColor)) {
+            const bkColor = targetLegend ? targetLegend.bkcolor : handleBkColor(tempColors, event.itemType);
+            Object.assign(tempEventContent, { bkColor });
+          }
+          if (tempEventContent.bkColor) {
+            const tempBkColor = fade(tempEventContent.bkColor, 10);
+            Object.assign(tempEventContent, {
+              bkColorFade: tempBkColor
+            });
+          }
+          if ((tempEventContent == null ? void 0 : tempEventContent.height) && (tempEventContent == null ? void 0 : tempEventContent.height) > 10) {
+            const border = "1px solid #FFF";
+            Object.assign(tempEventContent, { border });
+          } else {
+            Object.assign(tempEventContent, { border: "none" });
+          }
+          tempEvents[hostIndex].push(tempEventContent);
+          if (!isToday(event.beginTime, event.endTime)) {
+            Object.assign(tempEventHeader, tempEventContent);
+            Object.assign(tempEventHeader, {
+              width: 0,
+              styleLeft: 0
+            });
+            let headerEVentWidth = 0;
+            let headerEventLeft = 0;
+            if (isDateInCurWeek(event.beginTime, firstDay, lastDay) && isDateInCurWeek(event.endTime, firstDay, lastDay)) {
+              const eventWidth = handleHeaderEventWidth(
+                event.beginTime,
+                event.endTime,
+                firstDay,
+                lastDay
+              );
+              const eventLeft = handleHeaderEventLeft(
+                event.beginTime,
+                firstDay,
+                lastDay
+              );
+              headerEVentWidth = "".concat(eventWidth, "%");
+              headerEventLeft = "".concat(eventLeft, "%");
+            } else if (isDateInCurWeek(event.beginTime, firstDay, lastDay) && !isDateInCurWeek(event.endTime, firstDay, lastDay)) {
+              const eventWidth = handleHeaderEventWidth(
+                event.beginTime,
+                lastDay,
+                firstDay,
+                lastDay
+              );
+              const eventLeft = handleHeaderEventLeft(
+                event.beginTime,
+                firstDay,
+                lastDay
+              );
+              headerEVentWidth = "".concat(eventWidth, "%");
+              headerEventLeft = "".concat(eventLeft, "%");
+            } else if (isDateInCurWeek(event.endTime, firstDay, lastDay) && !isDateInCurWeek(event.beginTime, firstDay, lastDay)) {
+              const eventWidth = handleHeaderEventWidth(
+                firstDay,
+                event.endTime,
+                firstDay,
+                lastDay
+              );
+              headerEVentWidth = "".concat(eventWidth, "%");
+              headerEventLeft = "".concat(0, "%");
+            } else if (!isDateInCurWeek(event.endTime, firstDay, lastDay) && !isDateInCurWeek(event.beginTime, firstDay, lastDay) && isTimeGreaterThan(firstDay, event.beginTime) && isTimeGreaterThan(event.endTime, firstDay)) {
+              const eventWidth = handleHeaderEventWidth(
+                firstDay,
+                lastDay,
+                firstDay,
+                lastDay
+              );
+              headerEVentWidth = "".concat(eventWidth, "%");
+              headerEventLeft = "".concat(0, "%");
+            }
+            Object.assign(tempEventHeader, {
+              width: headerEVentWidth,
+              styleLeft: headerEventLeft
+            });
+            let eventHeaderIsShow = false;
+            if (isDateInCurWeek(event.beginTime, firstDay, lastDay) && isToday(event.beginTime, weekDay.date)) {
+              eventHeaderIsShow = true;
+            } else if (hostIndex === 0) {
+              eventHeaderIsShow = true;
+            }
+            Object.assign(tempEventHeader, {
+              isShow: eventHeaderIsShow
+            });
+            tempRowsHeader[hostIndex].push(tempEventHeader);
+          }
+        }
+      });
+    });
+    tempColors.clear();
+    rows.value = tempEvents;
+    rowsHeader.value = tempRowsHeader;
+  };
+  const getEventHeight = (startTime, endTime) => {
+    let height = 1;
+    if (isToday(startTime, endTime)) {
+      const difference = new Date(endTime).getTime() - new Date(startTime).getTime();
+      height = Math.floor(difference / (1e3 * 60));
+    }
+    if (height < 3) {
+      height = 3;
+    }
+    return height;
+  };
+  const handleHeaderEventWidth = (startTime, endTime, firstDay, lastDay) => {
+    let eventWidth = "0";
+    if (isDateInCurWeek(startTime, firstDay, lastDay) && isDateInCurWeek(endTime, firstDay, lastDay)) {
+      const hour = 24;
+      const ratio = Number((100 / hour).toFixed(3));
+      const difference = new Date(endTime).getTime() - new Date(startTime).getTime();
+      const totalHours = difference / (1e3 * 60 * 60);
+      eventWidth = (totalHours * ratio).toFixed(3);
+    }
+    return eventWidth;
+  };
+  const handleHeaderEventLeft = (startTime, firstDay, lastDay) => {
+    let eventLeft = "0";
+    if (isDateInCurWeek(startTime, firstDay, lastDay)) {
+      const beginTimeHour = new Date(startTime).getHours();
+      const beginTimeMinutes = new Date(startTime).getMinutes() / 60;
+      const hour = 24;
+      const ratio = Number((100 / hour).toFixed(3));
+      const positionTotalHour = beginTimeHour + beginTimeMinutes;
+      eventLeft = (positionTotalHour * ratio).toFixed(3);
+    }
+    return eventLeft;
+  };
+  const handleTopOrCurVal = (date) => {
+    const currentHours = date.getHours();
+    const currentMinutes = date.getMinutes();
+    const hours = String(currentHours).padStart(2, "0");
+    const minutes = String(currentMinutes).padStart(2, "0");
+    let styleTop;
+    let timeVal;
+    if (currentHours === 0 && currentMinutes === 0) {
+      styleTop = 1;
+      timeVal = "00:00";
+    } else {
+      const topVal = currentHours * 60 + currentMinutes;
+      styleTop = topVal;
+      timeVal = "".concat(hours, ":").concat(minutes);
+    }
+    return { styleTop, timeVal };
+  };
+  const handleCurTime = () => {
+    const { styleTop, timeVal } = handleTopOrCurVal(/* @__PURE__ */ new Date());
+    curTimeTop.value = styleTop;
+    curTimeVal.value = timeVal;
+  };
+  const initDrawData = () => {
+    const tempDrawData = [];
+    for (let i = 1; i < 24; i++) {
+      const hours = String(i).padStart(2, "0");
+      const timescale = "".concat(hours, ":00");
+      tempDrawData.push(timescale);
+    }
+    return tempDrawData;
+  };
+  const eventClick = async (item, location) => {
+    const res = await handleEVentClick(
+      item,
+      location,
+      props.events,
+      multiple.value,
+      selectedData.value,
+      emit
+    );
+    const { tempSelectedData, isSelectedEvent } = res;
+    if (!isSelectedEvent) {
+      Object.assign(item, { isSelectedEvent });
+    }
+    selectedData.value = tempSelectedData;
+    handleUIEvents();
+  };
+  return {
+    drawData,
+    curTimeTimer,
+    curTimeTop,
+    curTimeVal,
+    rows,
+    resizableHand,
+    calendarWeek,
+    selectedData,
+    weekDays,
+    legends,
+    rowsHeader,
+    popVisible,
+    handleCurTime,
+    handleDrag,
+    handleDragStart,
+    eventClick,
+    initDrawData,
+    handleUIEvents
+  };
+};
+
+export { useCalendarWeek };

package/es/control/calendar/components/constant/event.d.ts

@@ -0,0 +1,5 @@
+export declare const UPDATE_MODEL_EVENT = "update:modelValue";
+export declare const CHANGE_EVENT = "change";
+export declare const INPUT_EVENT = "input";
+export declare const EVENT_CLICK_EVENT = "eventClick";
+export declare const EVENT_DBL_CLICK_EVENT = "eventDblClick";

package/es/control/calendar/components/constant/event.mjs

@@ -0,0 +1,8 @@
+"use strict";
+const UPDATE_MODEL_EVENT = "update:modelValue";
+const CHANGE_EVENT = "change";
+const INPUT_EVENT = "input";
+const EVENT_CLICK_EVENT = "eventClick";
+const EVENT_DBL_CLICK_EVENT = "eventDblClick";
+
+export { CHANGE_EVENT, EVENT_CLICK_EVENT, EVENT_DBL_CLICK_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT };

package/es/control/calendar/components/constant/index.d.ts

@@ -0,0 +1 @@
+export * from './event';

package/es/control/calendar/components/constant/index.mjs

@@ -0,0 +1,3 @@
+export { CHANGE_EVENT, EVENT_CLICK_EVENT, EVENT_DBL_CLICK_EVENT, INPUT_EVENT, UPDATE_MODEL_EVENT } from './event.mjs';
+
+"use strict";

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

@@ -0,0 +1 @@
+.ibiz-custom-calendar{width:100%;height:100%}.ibiz-custom-calendar__calendar-day{display:flex;flex-direction:column;width:100%;min-width:380px;height:100%;min-height:900px;border:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-day--header{padding:0 40px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-day--header-top{display:flex;align-items:center;justify-content:space-between;height:70px}.ibiz-custom-calendar__calendar-day--title{min-width:80px;font-size:20px}.ibiz-custom-calendar__calendar-day--text-secondary{height:56px;line-height:56px;text-align:left}.ibiz-custom-calendar__calendar-day--select-time{width:130px;height:32px}.ibiz-custom-calendar__calendar-day--select-time .el-input__suffix{display:none}.ibiz-custom-calendar__calendar-day--legend{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;overflow:auto}.ibiz-custom-calendar__calendar-day--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 3px;cursor:pointer}.ibiz-custom-calendar__calendar-day--legend-item-tip{display:inline-block;width:26px;height:14px;margin-right:6px;border-radius:4px}.ibiz-custom-calendar__calendar-day--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-week{display:flex;flex-direction:column;width:100%;min-width:380px;height:100%;border:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-week--header{padding:0 40px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-week--header-top{display:flex;align-items:center;justify-content:space-between;height:70px}.ibiz-custom-calendar__calendar-week--title{min-width:80px;font-size:20px}.ibiz-custom-calendar__calendar-week--text-secondary{height:56px;line-height:56px;text-align:left}.ibiz-custom-calendar__calendar-week--select-time{width:130px;height:32px}.ibiz-custom-calendar__calendar-week--select-time .el-input__suffix{display:none}.ibiz-custom-calendar__calendar-week--legend{display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%;overflow:auto}.ibiz-custom-calendar__calendar-week--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 3px;cursor:pointer}.ibiz-custom-calendar__calendar-week--legend-item-tip{display:inline-block;width:26px;height:14px;margin-right:6px;border-radius:4px}.ibiz-custom-calendar__calendar-week--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-month{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-custom-calendar__calendar-month--body{flex-grow:1;width:100%;height:calc(100% - 58px)}.ibiz-custom-calendar__calendar-month--legend{display:flex;align-items:center;justify-content:center;width:auto;height:100%}.ibiz-custom-calendar__calendar-month--legend-item{display:flex;align-items:center;width:auto;height:auto;padding:0 3px;cursor:pointer}.ibiz-custom-calendar__calendar-month--legend-item-tip{display:inline-block;width:26px;height:14px;margin-right:6px;border-radius:4px}.ibiz-custom-calendar__calendar-month--legend-item-text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-custom-calendar__calendar-month--header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:12px 20px;border-bottom:1px solid var(--ibiz-color-border)}.ibiz-custom-calendar__calendar-month--button-group{display:flex;align-items:center;justify-content:space-between;width:388px}.ibiz-custom-calendar__header--title{min-width:120px}.ibiz-custom-calendar .el-date-editor.el-input,.ibiz-custom-calendar .el-date-editor.el-input__wrapper{width:130px;height:32px}

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

@@ -0,0 +1,24 @@
+import './custom-calendar.scss';
+export declare const CustomCalendar: 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;
+}, {}>;