@visactor/vtable-calendar 1.7.6

package/es/custom/custom-handler.d.ts

@@ -0,0 +1,46 @@
+import type { Calendar } from '../month-calendar';
+export interface ICustomEventOptions {
+    contentHeight?: number;
+    barHeight?: number;
+    fontSize?: number;
+    contentPadding?: number;
+    barCornerRadius?: number;
+    circleRadius?: number;
+}
+type ICellCustomEvent = {
+    keys: number[];
+    values: {
+        [key: number]: IEventData;
+    };
+};
+export interface ICustomEvent {
+    type: 'list' | 'bar';
+    id?: string;
+    startDate?: Date;
+    endDate?: Date;
+    date?: Date;
+    text: string;
+    color?: string;
+    bgColor?: string;
+    customInfo?: any;
+}
+export interface IEventData extends ICustomEvent {
+    col: number;
+    row: number;
+    index: number;
+}
+export declare class CustomEventHandler {
+    calendar: Calendar;
+    cellEvents: Map<string, ICellCustomEvent>;
+    events: ICustomEvent[];
+    customEventOptions: Required<ICustomEventOptions>;
+    constructor(calendar: Calendar, customEventOptions?: ICustomEventOptions);
+    getCellCustomEvent(col: number, row: number): ICellCustomEvent;
+    setCellCustomEvent(col: number, row: number, events: ICellCustomEvent): void;
+    addEvent(event: ICustomEvent): void;
+    addEvents(events: ICustomEvent[]): void;
+    removeEvents(ids: string[]): void;
+    _removeEvent(id: string): void;
+    updateEvents(events: ICustomEvent[]): void;
+}
+export {};

package/es/custom/custom-handler.js

@@ -0,0 +1,140 @@
+import { max, min } from "date-fns";
+
+import { merge } from "@visactor/vutils";
+
+const CUSTOM_CONTAINER_NAME = "custom-container";
+
+export class CustomEventHandler {
+    constructor(calendar, customEventOptions) {
+        this.cellEvents = new Map, this.events = [], this.calendar = calendar, this.customEventOptions = merge({
+            contentHeight: 24,
+            barHeight: 18,
+            fontSize: 14,
+            contentPadding: 5,
+            barCornerRadius: 5,
+            circleRadius: 5
+        }, customEventOptions);
+    }
+    getCellCustomEvent(col, row) {
+        return this.cellEvents.get(`${col}-${row}`);
+    }
+    setCellCustomEvent(col, row, events) {
+        this.cellEvents.set(`${col}-${row}`, events);
+    }
+    addEvent(event) {
+        const {date: date, startDate: startDate, endDate: endDate} = event;
+        if (date || startDate && endDate) {
+            if ("list" === event.type) {
+                const location = this.calendar.getCellLocation(date);
+                if (!location) return;
+                const {col: col, row: row} = location, eventData = Object.assign(Object.assign({}, event), {
+                    col: col,
+                    row: row,
+                    index: 0
+                }), cellCustomEvent = this.getCellCustomEvent(col, row);
+                if (!cellCustomEvent) {
+                    const events = {
+                        keys: [ 0 ],
+                        values: {
+                            0: eventData
+                        }
+                    };
+                    return this.setCellCustomEvent(col, row, events), this.calendar.table.scenegraph.updateCellContent(col, row), 
+                    void this.events.push(event);
+                }
+                const keys = cellCustomEvent.keys;
+                if (0 === keys.length) return cellCustomEvent.keys.push(0), cellCustomEvent.values[0] = eventData, 
+                this.calendar.table.scenegraph.updateCellContent(col, row), void this.events.push(event);
+                let isInsert = !1;
+                for (let i = 0; i < keys[keys.length - 1]; i++) if (!cellCustomEvent.values[i]) {
+                    eventData.index = i, keys.push(i), keys.sort(((a, b) => a - b)), cellCustomEvent.values[i] = eventData, 
+                    isInsert = !0;
+                    break;
+                }
+                if (!isInsert) {
+                    const index = keys[keys.length - 1] + 1;
+                    eventData.index = index, cellCustomEvent.keys.push(index), cellCustomEvent.values[index] = eventData;
+                }
+                this.calendar.table.scenegraph.updateCellContent(col, row);
+            } else {
+                const startLocation = this.calendar.getCellLocation(max([ startDate, this.calendar.startDate ])), endLocation = this.calendar.getCellLocation(min([ endDate, this.calendar.endDate ]));
+                if (!startLocation || !endLocation) return;
+                let col = startLocation.col, row = startLocation.row, maxIndex = -1;
+                for (;row < endLocation.row || col <= endLocation.col && row === endLocation.row; ) {
+                    const cellCustomEvent = this.getCellCustomEvent(col, row);
+                    if (cellCustomEvent) {
+                        const keys = cellCustomEvent.keys, maxKey = keys[keys.length - 1];
+                        maxKey > maxIndex && (maxIndex = maxKey);
+                    }
+                    col++, col > this.calendar.maxCol && (col = this.calendar.minCol, row++);
+                }
+                for (col = startLocation.col, row = startLocation.row; row < endLocation.row || col <= endLocation.col && row === endLocation.row; ) {
+                    const cellCustomEvent = this.getCellCustomEvent(col, row), eventData = Object.assign(Object.assign({}, event), {
+                        col: col,
+                        row: row,
+                        index: maxIndex + 1
+                    });
+                    if (cellCustomEvent) {
+                        const keys = cellCustomEvent.keys;
+                        keys.push(maxIndex + 1), keys.sort(((a, b) => a - b)), cellCustomEvent.values[maxIndex + 1] = eventData;
+                    } else {
+                        const events = {
+                            keys: [ maxIndex + 1 ],
+                            values: {
+                                [maxIndex + 1]: eventData
+                            }
+                        };
+                        this.setCellCustomEvent(col, row, events);
+                    }
+                    this.calendar.table.scenegraph.updateCellContent(col, row), col++, col > this.calendar.maxCol && (col = this.calendar.minCol, 
+                    row++);
+                }
+            }
+            this.events.push(event);
+        }
+    }
+    addEvents(events) {
+        events.forEach((event => {
+            this.addEvent(event);
+        }));
+    }
+    removeEvents(ids) {
+        ids.forEach((id => {
+            this._removeEvent(id);
+        }));
+        const newEvents = this.events.filter((event => !event.id || !ids.includes(event.id)));
+        this.events.length = 0, this.cellEvents.clear(), newEvents.forEach((event => {
+            this.addEvent(event);
+        }));
+    }
+    _removeEvent(id) {
+        if (!id) return;
+        const event = this.events.find((event => event.id === id));
+        if (!event) return;
+        const {date: date, startDate: startDate, endDate: endDate} = event;
+        if ("list" === event.type) {
+            const {col: col, row: row} = this.calendar.getCellLocation(date), cellGroup = this.calendar.table.scenegraph.getCell(col, row), customGroup = cellGroup.getChildByName("custom-container");
+            customGroup && cellGroup.removeChild(customGroup);
+        } else {
+            const startLocation = this.calendar.getCellLocation(max([ startDate, this.calendar.startDate ])), endLocation = this.calendar.getCellLocation(min([ endDate, this.calendar.endDate ]));
+            let col = startLocation.col, row = startLocation.row;
+            for (;row < endLocation.row || col <= endLocation.col && row === endLocation.row; ) {
+                const cellGroup = this.calendar.table.scenegraph.getCell(col, row), customGroup = cellGroup.getChildByName("custom-container");
+                customGroup && cellGroup.removeChild(customGroup), col++, col > this.calendar.maxCol && (col = this.calendar.minCol, 
+                row++);
+            }
+        }
+    }
+    updateEvents(events) {
+        events.forEach((event => {
+            this._removeEvent(event.id);
+            const oldEvent = this.events.find((e => e.id === event.id));
+            merge(oldEvent, event);
+        }));
+        const oldEvents = this.events;
+        this.events = [], this.cellEvents.clear(), oldEvents.forEach((event => {
+            this.addEvent(event);
+        }));
+    }
+}
+//# sourceMappingURL=custom-handler.js.map

package/es/custom/custom-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["custom/custom-handler.ts"],"names":[],"mappings":"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","file":"custom-handler.js","sourcesContent":["import { max, min } from 'date-fns';\nimport type { Calendar } from '../month-calendar';\nimport { merge } from '@visactor/vutils';\n\nconst CUSTOM_CONTAINER_NAME = 'custom-container';\n\nexport interface ICustomEventOptions {\n  contentHeight?: number;\n  barHeight?: number;\n  fontSize?: number;\n  contentPadding?: number;\n  barCornerRadius?: number;\n  circleRadius?: number;\n}\n\ntype ICellCustomEvent = {\n  keys: number[];\n  values: {\n    [key: number]: IEventData;\n  };\n};\n\nexport interface ICustomEvent {\n  type: 'list' | 'bar';\n  id?: string;\n\n  // list: date; bar: startDate+endDate\n  startDate?: Date;\n  endDate?: Date;\n  date?: Date;\n\n  text: string;\n  color?: string; // text color\n  bgColor?: string; // bar background color\n  // style config in global option\n  // fontSize?: number;\n  // fontFamily?: string;\n  // fontWeight?: string;\n\n  customInfo?: any; // user custom data\n}\n\nexport interface IEventData extends ICustomEvent {\n  col: number;\n  row: number;\n  index: number; // event content index in all cells about this event\n}\n\nexport class CustomEventHandler {\n  calendar: Calendar;\n  cellEvents: Map<string, ICellCustomEvent> = new Map();\n  events: ICustomEvent[] = [];\n  customEventOptions: Required<ICustomEventOptions>;\n  constructor(calendar: Calendar, customEventOptions?: ICustomEventOptions) {\n    this.calendar = calendar;\n    this.customEventOptions = merge(\n      {\n        contentHeight: 24,\n        barHeight: 18,\n        fontSize: 14,\n        contentPadding: 5,\n        barCornerRadius: 5,\n        circleRadius: 5\n      },\n      customEventOptions\n    );\n  }\n\n  getCellCustomEvent(col: number, row: number) {\n    return this.cellEvents.get(`${col}-${row}`);\n  }\n\n  setCellCustomEvent(col: number, row: number, events: ICellCustomEvent) {\n    this.cellEvents.set(`${col}-${row}`, events);\n  }\n\n  addEvent(event: ICustomEvent) {\n    const { date, startDate, endDate } = event;\n    if (!date && (!startDate || !endDate)) {\n      return;\n    }\n    if (event.type === 'list') {\n      const location = this.calendar.getCellLocation(date);\n      if (!location) {\n        return;\n      }\n      const { col, row } = location;\n      const eventData: IEventData = { ...event, col, row, index: 0 };\n      const cellCustomEvent = this.getCellCustomEvent(col, row);\n      if (!cellCustomEvent) {\n        const events = {\n          keys: [0],\n          values: {\n            0: eventData\n          }\n        };\n        this.setCellCustomEvent(col, row, events);\n        this.calendar.table.scenegraph.updateCellContent(col, row);\n        this.events.push(event);\n        return;\n      }\n\n      const keys = cellCustomEvent.keys;\n      if (keys.length === 0) {\n        cellCustomEvent.keys.push(0);\n        cellCustomEvent.values[0] = eventData;\n        this.calendar.table.scenegraph.updateCellContent(col, row);\n        this.events.push(event);\n        return;\n      }\n\n      // find single location from index 0\n      let isInsert = false;\n      for (let i = 0; i < keys[keys.length - 1]; i++) {\n        if (!cellCustomEvent.values[i]) {\n          eventData.index = i;\n          // insert index into keys\n          keys.push(i);\n          keys.sort((a, b) => a - b);\n          cellCustomEvent.values[i] = eventData;\n          isInsert = true;\n          break;\n        }\n      }\n\n      if (!isInsert) {\n        const index = keys[keys.length - 1] + 1;\n        eventData.index = index;\n        cellCustomEvent.keys.push(index);\n        cellCustomEvent.values[index] = eventData;\n      }\n\n      this.calendar.table.scenegraph.updateCellContent(col, row);\n    } else {\n      // bar\n      const startLocation = this.calendar.getCellLocation(max([startDate, this.calendar.startDate]));\n      const endLocation = this.calendar.getCellLocation(min([endDate, this.calendar.endDate]));\n      if (!startLocation || !endLocation) {\n        return;\n      }\n\n      // get index of this evemt\n      let col = startLocation.col;\n      let row = startLocation.row;\n      let maxIndex = -1;\n      while (row < endLocation.row || (col <= endLocation.col && row === endLocation.row)) {\n        const cellCustomEvent = this.getCellCustomEvent(col, row) as ICellCustomEvent;\n        if (cellCustomEvent) {\n          // get max index in this cellCustomEvent\n          const keys = cellCustomEvent.keys;\n          const maxKey = keys[keys.length - 1];\n          if (maxKey > maxIndex) {\n            maxIndex = maxKey;\n          }\n        }\n\n        col++;\n        if (col > this.calendar.maxCol) {\n          col = this.calendar.minCol;\n          row++;\n        }\n      }\n\n      // insert into cellCustomEvent\n      col = startLocation.col;\n      row = startLocation.row;\n      while (row < endLocation.row || (col <= endLocation.col && row === endLocation.row)) {\n        const cellCustomEvent = this.getCellCustomEvent(col, row) as ICellCustomEvent;\n        const eventData: IEventData = { ...event, col, row, index: maxIndex + 1 };\n        if (!cellCustomEvent) {\n          const events = {\n            keys: [maxIndex + 1],\n            values: {\n              [maxIndex + 1]: eventData\n            }\n          };\n          this.setCellCustomEvent(col, row, events);\n        } else {\n          const keys = cellCustomEvent.keys;\n          keys.push(maxIndex + 1);\n          keys.sort((a, b) => a - b);\n          cellCustomEvent.values[maxIndex + 1] = eventData;\n        }\n\n        this.calendar.table.scenegraph.updateCellContent(col, row);\n\n        col++;\n        if (col > this.calendar.maxCol) {\n          col = this.calendar.minCol;\n          row++;\n        }\n      }\n    }\n\n    this.events.push(event);\n  }\n\n  addEvents(events: ICustomEvent[]) {\n    events.forEach(event => {\n      this.addEvent(event);\n    });\n  }\n\n  removeEvents(ids: string[]) {\n    ids.forEach(id => {\n      this._removeEvent(id);\n    });\n\n    // readd custom event\n    const newEvents = this.events.filter(event => {\n      if (event.id && ids.includes(event.id)) {\n        return false;\n      }\n      return true;\n    });\n\n    this.events.length = 0;\n    this.cellEvents.clear();\n\n    newEvents.forEach(event => {\n      this.addEvent(event);\n    });\n  }\n\n  _removeEvent(id: string) {\n    if (!id) {\n      return;\n    }\n    const event = this.events.find(event => {\n      if (event.id === id) {\n        return true;\n      }\n      return false;\n    });\n\n    if (!event) {\n      return;\n    }\n\n    // clear custom graphic in this event\n    const { date, startDate, endDate } = event;\n    if (event.type === 'list') {\n      const { col, row } = this.calendar.getCellLocation(date);\n      const cellGroup = this.calendar.table.scenegraph.getCell(col, row);\n      const customGroup = cellGroup.getChildByName(CUSTOM_CONTAINER_NAME);\n      customGroup && cellGroup.removeChild(customGroup);\n    } else {\n      // bar\n      const startLocation = this.calendar.getCellLocation(max([startDate, this.calendar.startDate]));\n      const endLocation = this.calendar.getCellLocation(min([endDate, this.calendar.endDate]));\n\n      let col = startLocation.col;\n      let row = startLocation.row;\n      while (row < endLocation.row || (col <= endLocation.col && row === endLocation.row)) {\n        const cellGroup = this.calendar.table.scenegraph.getCell(col, row);\n        const customGroup = cellGroup.getChildByName(CUSTOM_CONTAINER_NAME);\n        customGroup && cellGroup.removeChild(customGroup);\n\n        col++;\n        if (col > this.calendar.maxCol) {\n          col = this.calendar.minCol;\n          row++;\n        }\n      }\n    }\n  }\n\n  updateEvents(events: ICustomEvent[]) {\n    events.forEach(event => {\n      this._removeEvent(event.id);\n      // replace event in this.events\n      const oldEvent = this.events.find(e => {\n        if (e.id === event.id) {\n          return true;\n        }\n        return false;\n      });\n      // const newEvent = merge(oldEvent, event);\n      // this.events.splice(this.events.indexOf(oldEvent), 1, newEvent);\n      merge(oldEvent, event);\n    });\n\n    // readd custom event\n    const oldEvents = this.events;\n    this.events = [];\n    this.cellEvents.clear();\n\n    oldEvents.forEach(event => {\n      this.addEvent(event);\n    });\n  }\n}\n"]}

package/es/custom/custom-layout.d.ts

@@ -0,0 +1,6 @@
+import type { CustomRenderFunctionArg } from '@visactor/vtable/es/ts-types';
+import { Group } from '@visactor/vtable/es/vrender';
+export declare function calendarCustomLayout(args: CustomRenderFunctionArg): {
+    rootContainer: Group;
+    renderDefault: boolean;
+};

package/es/custom/custom-layout.js

@@ -0,0 +1,105 @@
+import { Group, Text, Rect, Circle } from "@visactor/vtable/es/vrender";
+
+import { differenceInDays, startOfDay } from "date-fns";
+
+export function calendarCustomLayout(args) {
+    const {table: table, row: row, col: col, rect: rect} = args, calendar = table.options._calendar, {height: height, width: width} = null != rect ? rect : table.getCellRect(col, row), cellDate = calendar.getCellDate(col, row), customEvents = calendar.customHandler.getCellCustomEvent(col, row), {contentHeight: contentHeight, barHeight: barHeight, fontSize: fontSize, contentPadding: contentPadding, barCornerRadius: barCornerRadius, circleRadius: circleRadius} = calendar.customHandler.customEventOptions;
+    if (!customEvents) return;
+    const textHeight = table.theme.bodyStyle.fontSize + 10, container = new Group({
+        x: 0,
+        y: textHeight,
+        height: height - textHeight,
+        width: width
+    }), {keys: keys, values: values} = customEvents, lastKey = keys[keys.length - 1];
+    let y = 0;
+    for (let i = 0; i <= lastKey; i++) {
+        const event = values[i];
+        if (event) if ("list" === event.type) {
+            const listGroup = new Group({
+                x: 0,
+                y: y,
+                width: width,
+                height: contentHeight,
+                fill: !1,
+                stroke: !1,
+                clip: !0,
+                cursor: "pointer"
+            });
+            container.add(listGroup), listGroup._role = "calendar-custom-event", listGroup._customEvent = event;
+            const circle = new Circle({
+                radius: circleRadius,
+                fill: event.color,
+                x: contentPadding + circleRadius,
+                y: contentHeight / 2,
+                pickable: !1
+            });
+            listGroup.add(circle);
+            const text = new Text({
+                x: contentPadding + 2 * circleRadius + contentPadding,
+                y: contentHeight / 2,
+                text: event.text,
+                fontSize: fontSize,
+                fill: event.color,
+                textAlign: "left",
+                textBaseline: "middle",
+                pickable: !1
+            });
+            listGroup.add(text);
+        } else {
+            const {startDate: startDate, endDate: endDate} = event, barGroup = new Group({
+                x: 0,
+                y: y,
+                width: width,
+                height: contentHeight,
+                fill: !1,
+                stroke: !1,
+                clip: !0,
+                cursor: "pointer"
+            });
+            container.add(barGroup), barGroup._role = "calendar-custom-event", barGroup._customEvent = event;
+            const rect = new Rect({
+                x: 0,
+                y: (contentHeight - barHeight) / 2,
+                width: width,
+                height: barHeight,
+                fill: event.bgColor,
+                cornerRadius: getRectCornerRadius(startDate, endDate, cellDate, barCornerRadius),
+                pickable: !1
+            });
+            barGroup.add(rect);
+            const days = differenceInDays(startOfDay(startDate), startOfDay(cellDate)), text = new Text({
+                x: contentPadding,
+                y: contentHeight / 2,
+                dx: days * width,
+                text: event.text,
+                fontSize: fontSize,
+                fill: event.color,
+                textAlign: "left",
+                textBaseline: "middle",
+                pickable: !1
+            });
+            barGroup.add(text);
+        } else {
+            const emptyGroup = new Group({
+                x: 0,
+                y: y,
+                width: width,
+                height: contentHeight,
+                fill: !1,
+                stroke: !1,
+                clip: !0
+            });
+            container.add(emptyGroup);
+        }
+        y += contentHeight;
+    }
+    return {
+        rootContainer: container,
+        renderDefault: !0
+    };
+}
+
+function getRectCornerRadius(startDate, endDate, cellDate, cornerRadius) {
+    return startDate.getDate() === endDate.getDate() ? cornerRadius : startDate.getDate() === cellDate.getDate() ? [ cornerRadius, 0, 0, cornerRadius ] : endDate.getDate() === cellDate.getDate() ? [ 0, cornerRadius, cornerRadius, 0 ] : 0;
+}
+//# sourceMappingURL=custom-layout.js.map

package/es/custom/custom-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["custom/custom-layout.ts"],"names":[],"mappings":"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","file":"custom-layout.js","sourcesContent":["import type { CustomRenderFunctionArg } from '@visactor/vtable/es/ts-types';\nimport { Group, Text, Rect, Circle } from '@visactor/vtable/es/vrender';\nimport type { Calendar } from '../month-calendar';\nimport { differenceInDays, startOfDay } from 'date-fns';\n\nexport function calendarCustomLayout(args: CustomRenderFunctionArg) {\n  const { table, row, col, rect } = args;\n  const calendar = (table as any).options._calendar as Calendar;\n  // const record = table.getRecordByCell(col, row);\n  const { height, width } = rect ?? table.getCellRect(col, row);\n\n  const cellDate = calendar.getCellDate(col, row);\n  const customEvents = calendar.customHandler.getCellCustomEvent(col, row);\n\n  const { contentHeight, barHeight, fontSize, contentPadding, barCornerRadius, circleRadius } =\n    calendar.customHandler.customEventOptions;\n\n  if (!customEvents) {\n    return undefined;\n  }\n\n  const textHeight = (table.theme.bodyStyle.fontSize as number) + 10; // padding\n\n  const container = new Group({\n    x: 0,\n    y: textHeight,\n    height: height - textHeight, // text height\n    width\n    // display: 'flex',\n    // flexDirection: 'column',\n    // flexWrap: 'nowrap'\n  });\n\n  const { keys, values } = customEvents;\n  const lastKey = keys[keys.length - 1];\n\n  let y = 0;\n  for (let i = 0; i <= lastKey; i++) {\n    const event = values[i];\n    if (!event) {\n      // add empty rect for ocupy space\n      const emptyGroup = new Group({\n        x: 0,\n        y,\n        width: width,\n        height: contentHeight,\n        fill: false,\n        stroke: false,\n        clip: true\n      }) as any;\n      container.add(emptyGroup);\n    } else if (event.type === 'list') {\n      const listGroup = new Group({\n        x: 0,\n        y,\n        width: width,\n        height: contentHeight,\n        fill: false,\n        stroke: false,\n        clip: true,\n        cursor: 'pointer'\n      }) as any;\n      container.add(listGroup);\n      listGroup._role = 'calendar-custom-event';\n      listGroup._customEvent = event;\n\n      const circle = new Circle({\n        radius: circleRadius,\n        fill: event.color,\n        x: contentPadding + circleRadius,\n        y: contentHeight / 2,\n        pickable: false\n      });\n      listGroup.add(circle);\n\n      const text = new Text({\n        x: contentPadding + circleRadius * 2 + contentPadding,\n        y: contentHeight / 2,\n        text: event.text,\n        fontSize,\n        fill: event.color,\n        textAlign: 'left',\n        textBaseline: 'middle',\n        pickable: false\n      });\n      listGroup.add(text);\n    } else {\n      const { startDate, endDate } = event;\n      // bar\n      const barGroup = new Group({\n        x: 0,\n        y,\n        width: width,\n        height: contentHeight,\n        fill: false,\n        stroke: false,\n        clip: true,\n        cursor: 'pointer'\n      }) as any;\n      container.add(barGroup);\n      barGroup._role = 'calendar-custom-event';\n      barGroup._customEvent = event;\n\n      const rect = new Rect({\n        x: 0,\n        y: (contentHeight - barHeight) / 2,\n        width: width,\n        height: barHeight,\n        fill: event.bgColor,\n        cornerRadius: getRectCornerRadius(startDate, endDate, cellDate, barCornerRadius),\n        pickable: false\n      });\n      barGroup.add(rect);\n\n      const days = differenceInDays(startOfDay(startDate), startOfDay(cellDate));\n      const text = new Text({\n        x: contentPadding,\n        y: contentHeight / 2,\n        dx: days * width,\n        text: event.text,\n        fontSize,\n        fill: event.color,\n        textAlign: 'left',\n        textBaseline: 'middle',\n        pickable: false\n      });\n      barGroup.add(text);\n    }\n\n    y += contentHeight;\n  }\n\n  return {\n    rootContainer: container,\n    renderDefault: true\n  };\n}\n\nfunction getRectCornerRadius(startDate: Date, endDate: Date, cellDate: Date, cornerRadius: number) {\n  if (startDate.getDate() === endDate.getDate()) {\n    return cornerRadius;\n  } else if (startDate.getDate() === cellDate.getDate()) {\n    return [cornerRadius, 0, 0, cornerRadius];\n  } else if (endDate.getDate() === cellDate.getDate()) {\n    return [0, cornerRadius, cornerRadius, 0];\n  }\n  return 0;\n}\n"]}

package/es/date-util.d.ts

@@ -0,0 +1,10 @@
+export declare function getStartAndEndDate(today: Date, daltaDays: number): {
+    startDate: Date;
+    endDate: Date;
+};
+export declare const defaultDayTitles: string[];
+export type DateRecordKeys = 'year' | 'month' | 'Sun' | 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat';
+export type DateRecord = Record<DateRecordKeys, number>;
+export declare function getRecords(startDate: Date, endDate: Date): DateRecord[];
+export declare function getMonthString(monthIndex: number): string;
+export declare function getWeekdayString(weekdayIndex: number): string;

package/es/date-util.js

@@ -0,0 +1,88 @@
+import { addDays, getDaysInMonth, isAfter, lastDayOfMonth } from "date-fns";
+
+export function getStartAndEndDate(today, daltaDays) {
+    const startDate = addDays(today, -daltaDays);
+    startDate.setDate(1);
+    return {
+        startDate: startDate,
+        endDate: lastDayOfMonth(addDays(today, daltaDays))
+    };
+}
+
+export const defaultDayTitles = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ];
+
+export function getRecords(startDate, endDate) {
+    const records = [];
+    if (isAfter(startDate, endDate)) {
+        const temp = startDate;
+        startDate = endDate, endDate = temp;
+    }
+    const startYear = startDate.getFullYear(), startMonth = startDate.getMonth(), endYear = endDate.getFullYear(), endMonth = endDate.getMonth();
+    let year = startYear, month = startMonth;
+    for (;year !== endYear || month <= endMonth; ) {
+        const monthStartDate = new Date(year, month, 1), daysInMonth = getDaysInMonth(monthStartDate);
+        let record, week = monthStartDate.getDay();
+        0 === records.length ? 0 === week ? (record = {
+            year: year,
+            month: month
+        }, records.push(record)) : 0 === month ? (record = {
+            year: year - 1,
+            month: 11
+        }, records.push(record)) : (record = {
+            year: year,
+            month: month - 1
+        }, records.push(record)) : 0 === week ? (record = {
+            year: year,
+            month: month
+        }, records.push(record)) : record = records[records.length - 1];
+        for (let day = 1; day <= daysInMonth; day++) 7 === week && (week = 0, record = {
+            year: year,
+            month: month
+        }, records.push(record)), setDate(record, week, day), week += 1;
+        month += 1, 12 === month && (month = 0, year += 1);
+    }
+    return records;
+}
+
+function setDate(record, day, date) {
+    switch (day) {
+      case 0:
+        record.Sun = date;
+        break;
+
+      case 1:
+        record.Mon = date;
+        break;
+
+      case 2:
+        record.Tue = date;
+        break;
+
+      case 3:
+        record.Wed = date;
+        break;
+
+      case 4:
+        record.Thu = date;
+        break;
+
+      case 5:
+        record.Fri = date;
+        break;
+
+      case 6:
+        record.Sat = date;
+    }
+}
+
+const monthStrings = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ];
+
+export function getMonthString(monthIndex) {
+    return monthStrings[monthIndex % monthStrings.length];
+}
+
+const weekdayStrings = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ];
+
+export function getWeekdayString(weekdayIndex) {
+    return weekdayStrings[weekdayIndex % weekdayStrings.length];
+}

package/es/date-util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["date-util.ts"],"names":[],"mappings":"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","file":"date-util.js","sourcesContent":["import { addDays, getDaysInMonth, isAfter, lastDayOfMonth } from 'date-fns';\n\nexport function getStartAndEndDate(today: Date, daltaDays: number) {\n  const startDate = addDays(today, -daltaDays);\n  startDate.setDate(1);\n  const endDate = lastDayOfMonth(addDays(today, daltaDays));\n  return { startDate, endDate };\n}\n\n// export const defaultDayTitles = ['year', 'month', 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\nexport const defaultDayTitles = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\nexport type DateRecordKeys = 'year' | 'month' | 'Sun' | 'Mon' | 'Tue' | 'Wed' | 'Thu' | 'Fri' | 'Sat';\nexport type DateRecord = Record<DateRecordKeys, number>;\n\nexport function getRecords(startDate: Date, endDate: Date) {\n  const records: DateRecord[] = [];\n\n  if (isAfter(startDate, endDate)) {\n    const temp = startDate;\n    startDate = endDate;\n    endDate = temp;\n  }\n\n  const startYear = startDate.getFullYear();\n  const startMonth = startDate.getMonth();\n\n  const endYear = endDate.getFullYear();\n  const endMonth = endDate.getMonth();\n\n  let year = startYear;\n  let month = startMonth;\n  while (year !== endYear || month <= endMonth) {\n    const monthStartDate = new Date(year, month, 1);\n    const daysInMonth = getDaysInMonth(monthStartDate);\n    let week = monthStartDate.getDay();\n    let record: DateRecord;\n    if (records.length === 0) {\n      if (week === 0) {\n        record = { year, month } as DateRecord;\n        records.push(record);\n      } else if (month === 0) {\n        record = { year: year - 1, month: 11 } as DateRecord;\n        records.push(record);\n      } else {\n        record = { year, month: month - 1 } as DateRecord;\n        records.push(record);\n      }\n    } else if (week === 0) {\n      record = { year, month } as DateRecord;\n      records.push(record);\n    } else {\n      record = records[records.length - 1];\n    }\n\n    for (let day = 1; day <= daysInMonth; day++) {\n      if (week === 7) {\n        week = 0;\n        record = { year, month } as DateRecord;\n        records.push(record);\n      }\n      setDate(record, week, day);\n      week += 1;\n    }\n\n    month += 1;\n    if (month === 12) {\n      month = 0;\n      year += 1;\n    }\n  }\n\n  return records;\n}\n\nfunction setDate(record: DateRecord, day: number, date: number) {\n  switch (day) {\n    case 0:\n      record.Sun = date;\n      break;\n    case 1:\n      record.Mon = date;\n      break;\n    case 2:\n      record.Tue = date;\n      break;\n    case 3:\n      record.Wed = date;\n      break;\n    case 4:\n      record.Thu = date;\n      break;\n    case 5:\n      record.Fri = date;\n      break;\n    case 6:\n      record.Sat = date;\n      break;\n  }\n}\n\nconst monthStrings = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\nexport function getMonthString(monthIndex: number) {\n  return monthStrings[monthIndex % monthStrings.length];\n}\n\nconst weekdayStrings = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\nexport function getWeekdayString(weekdayIndex: number) {\n  return weekdayStrings[weekdayIndex % weekdayStrings.length];\n}\n"]}

package/es/event/type.d.ts

@@ -0,0 +1,39 @@
+import type { MousePointerCellEvent } from '@visactor/vtable';
+import type { IEventData } from '../custom/custom-handler';
+import type { SelectedCellEvent } from '@visactor/vtable/src/ts-types';
+export interface CalendarEvents {
+    CALENDAR_DATE_CLICK: 'calendar_date_click';
+    SELECTED_DATE: 'selected_date';
+    SELECTED_DATE_CLEAR: 'selected_date_clear';
+    DRAG_SELECT_DATE_END: 'drag_select_date_end';
+    CALENDAR_CUSTOM_EVENT_CLICK: 'calendar_custom_event_click';
+}
+export declare const CALENDAR_EVENT_TYPE: CalendarEvents;
+export interface CalendarEventHandlersEventArgumentMap {
+    calendar_date_click: {
+        date: Date;
+        tableEvent: MousePointerCellEvent;
+    };
+    selected_date: {
+        date: Date;
+        tableEvent: SelectedCellEvent;
+    };
+    selected_date_clear: void;
+    drag_select_date_end: {
+        dates: Date[];
+        tableEvent: MousePointerCellEvent;
+    };
+    calendar_custom_event_click: {
+        date: Date;
+        tableEvent: MousePointerCellEvent;
+        customEvent: IEventData;
+    };
+}
+export interface CalendarEventHandlersReturnMap {
+    calendar_date_click: void;
+    selected_date: void;
+    selected_date_clear: void;
+    drag_select_date_end: void;
+    calendar_custom_event_click: void;
+}
+export type CalendarEventListener<TYPE extends keyof CalendarEventHandlersEventArgumentMap> = (args: CalendarEventHandlersEventArgumentMap[TYPE]) => CalendarEventHandlersReturnMap[TYPE];

package/es/event/type.js

@@ -0,0 +1,8 @@
+export const CALENDAR_EVENT_TYPE = {
+    CALENDAR_DATE_CLICK: "calendar_date_click",
+    SELECTED_DATE: "selected_date",
+    SELECTED_DATE_CLEAR: "selected_date_clear",
+    DRAG_SELECT_DATE_END: "drag_select_date_end",
+    CALENDAR_CUSTOM_EVENT_CLICK: "calendar_custom_event_click"
+};
+//# sourceMappingURL=type.js.map

package/es/event/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/type.ts"],"names":[],"mappings":"AA8BA,MAAM,CAAC,MAAM,mBAAmB,GAAmB;IACjD,mBAAmB,EAAE,qBAAqB;IAC1C,aAAa,EAAE,eAAe;IAC9B,mBAAmB,EAAE,qBAAqB;IAC1C,oBAAoB,EAAE,sBAAsB;IAC5C,2BAA2B,EAAE,6BAA6B;CACzC,CAAC","file":"type.js","sourcesContent":["import type { MousePointerCellEvent } from '@visactor/vtable';\nimport type { IEventData } from '../custom/custom-handler';\nimport type { SelectedCellEvent } from '@visactor/vtable/src/ts-types';\n\nexport interface CalendarEvents {\n  /**\n   * 日期点击事件\n   */\n  CALENDAR_DATE_CLICK: 'calendar_date_click';\n  /**\n   * 日期选中状态改变事件\n   */\n  SELECTED_DATE: 'selected_date';\n  /**\n   * 日期选中状态改变事件\n   */\n  SELECTED_DATE_CLEAR: 'selected_date_clear';\n  /**\n   * 拖拽框选日期鼠标松开事件\n   */\n  DRAG_SELECT_DATE_END: 'drag_select_date_end';\n  /**\n   * 自定义事件点击事件\n   */\n  CALENDAR_CUSTOM_EVENT_CLICK: 'calendar_custom_event_click';\n}\n\n/**\n * Calendar event types\n */\nexport const CALENDAR_EVENT_TYPE: CalendarEvents = {\n  CALENDAR_DATE_CLICK: 'calendar_date_click',\n  SELECTED_DATE: 'selected_date',\n  SELECTED_DATE_CLEAR: 'selected_date_clear',\n  DRAG_SELECT_DATE_END: 'drag_select_date_end',\n  CALENDAR_CUSTOM_EVENT_CLICK: 'calendar_custom_event_click'\n} as CalendarEvents;\n\nexport interface CalendarEventHandlersEventArgumentMap {\n  calendar_date_click: { date: Date; tableEvent: MousePointerCellEvent };\n  selected_date: { date: Date; tableEvent: SelectedCellEvent };\n  selected_date_clear: void;\n  drag_select_date_end: { dates: Date[]; tableEvent: MousePointerCellEvent };\n  calendar_custom_event_click: { date: Date; tableEvent: MousePointerCellEvent; customEvent: IEventData };\n}\n\nexport interface CalendarEventHandlersReturnMap {\n  calendar_date_click: void;\n  selected_date: void;\n  selected_date_clear: void;\n  drag_select_date_end: void;\n  calendar_custom_event_click: void;\n}\n\nexport type CalendarEventListener<TYPE extends keyof CalendarEventHandlersEventArgumentMap> = (\n  args: CalendarEventHandlersEventArgumentMap[TYPE]\n) => CalendarEventHandlersReturnMap[TYPE]; //AnyFunction;\n"]}

package/es/index.d.ts

@@ -0,0 +1,3 @@
+export * from './month-calendar';
+export type { ICustomEvent } from './custom/custom-handler';
+export { CALENDAR_EVENT_TYPE } from './event/type';

package/es/index.js

@@ -0,0 +1,4 @@
+export * from "./month-calendar";
+
+export { CALENDAR_EVENT_TYPE } from "./event/type";
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC","file":"index.js","sourcesContent":["export * from './month-calendar';\nexport type { ICustomEvent } from './custom/custom-handler';\nexport { CALENDAR_EVENT_TYPE } from './event/type';\n"]}

package/es/month-calendar.d.ts

@@ -0,0 +1,65 @@
+import { ListTable, EventTarget } from '@visactor/vtable';
+import type { DateRecord } from './date-util';
+import type { TYPES, ListTableConstructorOptions } from '@visactor/vtable';
+import type { ICustomEvent, ICustomEventOptions, IEventData } from './custom/custom-handler';
+import { CustomEventHandler } from './custom/custom-handler';
+import type { CalendarEventHandlersEventArgumentMap, CalendarEventHandlersReturnMap, CalendarEventListener } from './event/type';
+import type { EventListenerId } from '@visactor/vtable/src/ts-types';
+export interface CalendarConstructorOptions {
+    startDate?: Date;
+    endDate?: Date;
+    currentDate?: Date;
+    rangeDays?: number;
+    dayTitles?: [string, string, string, string, string, string, string];
+    tableOptions?: ListTableConstructorOptions;
+    customEvents?: ICustomEvent[];
+    customEventOptions?: ICustomEventOptions;
+}
+export declare class Calendar extends EventTarget {
+    container: HTMLElement;
+    options: CalendarConstructorOptions;
+    table: ListTable;
+    startDate: Date;
+    endDate: Date;
+    currentDate: Date;
+    rangeDays: number;
+    tableStartDate: Date;
+    records: DateRecord[];
+    currentMonthCellRanges: {
+        range: TYPES.CellRange;
+    }[];
+    currentMonth: number;
+    currentYear: number;
+    titleClickHandler: () => void;
+    maxCol: number;
+    minCol: number;
+    customHandler: CustomEventHandler;
+    constructor(container: HTMLElement, options?: CalendarConstructorOptions);
+    _createTable(): void;
+    getYearAndMonth(): any;
+    jumpToDate(date: Date, animation?: boolean | TYPES.ITableAnimationOption): void;
+    jumpToCurrentMonth(animation?: boolean | TYPES.ITableAnimationOption): void;
+    _updateMonthCustomStyle(year: number, month: number): void;
+    fireListeners<TYPE extends keyof CalendarEventHandlersEventArgumentMap>(type: TYPE, event: CalendarEventHandlersEventArgumentMap[TYPE]): CalendarEventHandlersReturnMap[TYPE][];
+    on<TYPE extends keyof CalendarEventHandlersEventArgumentMap>(type: TYPE, listener: CalendarEventListener<TYPE>): EventListenerId;
+    _bindEvent(): void;
+    release(): void;
+    getCellLocation(date: Date): {
+        row: number;
+        col: number;
+    };
+    getCellDate(col: number, row: number): Date;
+    get selectedDate(): {
+        date: Date;
+        col: number;
+        row: number;
+    }[];
+    addCustomEvent(event: ICustomEvent): void;
+    removeCustomEvent(id: string): void;
+    updateCustomEvent(event: ICustomEvent): void;
+    addCustomEvents(events: ICustomEvent[]): void;
+    removeCustomEvents(ids: string[]): void;
+    updateCustomEvents(events: ICustomEvent[]): void;
+    getCellCustomEventByDate(date: Date): IEventData[];
+    getCellCustomEventByLocation(col: number, row: number): IEventData[];
+}