schedulant 1.0.0-alpha.1 → 1.1.0

package/dist/types/checkpoint.d.ts

@@ -27,21 +27,14 @@ export declare class CheckpointApi {
     private checkpoint;
     private resourceApi?;
     constructor(checkpoint: Checkpoint);
-    setId(id: string): void;
+    setResourceApi(resourceApi: ResourceApi): void;
     getId(): string;
-    setTitle(title: string): void;
     getTitle(): string;
-    setTime(time: Dayjs): void;
     getTime(): Dayjs;
-    setResourceId(resourceId: string): void;
     getResourceId(): string;
-    setResourceApi(resourceApi: ResourceApi): void;
     getResourceApi(): ResourceApi;
-    setColor(color: string): void;
     getColor(): Option<string>;
-    setTooltip(tooltip: ReactNode): void;
     getTooltip(): ReactNode;
-    setExtendedProps(extendedProps: Dictionary): void;
     getExtendProps(): Option<Dictionary>;
 }
 export type PublicCheckpointApi = Pick<CheckpointApi, "getId" | "getTitle" | "getTime" | "getResourceId" | "getResourceApi" | "getColor" | "getTooltip" | "getExtendProps">;

package/dist/types/day-timeline-view.d.ts

@@ -6,7 +6,6 @@ export declare class DayTimelineView extends TimelineView {
     renderColgroup(): ReactNode;
     renderBodySlots(): ReactNode;
     renderHeaderSlots(): ReactNode;
-    calculateDate(timelineWidth: number, point: number): Dayjs;
-    calculateSlotWidth(timelineWidth: number): number;
+    getTotalSlots(): number;
     calculatePosition(timelineWidth: number, start: Dayjs, end: Dayjs): Position;
 }

package/dist/types/event.d.ts

@@ -20,11 +20,11 @@ export type EventMoveMountArg = MountArg<EventArg & {
 }>;
 export type Event = {
     id: string;
-    start: Dayjs;
     title: string;
+    start: Dayjs;
+    end: Dayjs;
     color: string;
     resourceId: string;
-    end?: Dayjs;
     url?: string;
     tooltip?: ReactNode;
     textColor?: string;
@@ -36,31 +36,19 @@ export declare class EventApi {
     private event;
     private resourceApi?;
     constructor(event: Event);
-    setId(id: string): void;
+    setResourceApi(resourceApi: ResourceApi): void;
     getId(): string;
-    setTitle(title: string): void;
     getTitle(): string;
-    setColor(color: string): void;
     getColor(): string;
-    setStart(start: Dayjs): void;
     getStart(): Dayjs;
-    setEnd(end: Dayjs): void;
-    getEnd(): Option<Dayjs>;
-    setResourceId(resourceId: string): void;
+    getEnd(): Dayjs;
     getResourceId(): string;
-    setResourceApi(resourceApi: ResourceApi): void;
     getResourceApi(): ResourceApi;
-    setUrl(url: string): void;
     getUrl(): Option<string>;
-    setTooltip(tooltip: React.ReactNode): void;
-    getTooltip(): React.ReactNode;
-    setTextColor(textColor: string): void;
+    getTooltip(): ReactNode;
     getTextColor(): Option<string>;
-    setBorderColor(borderColor: string): void;
     getBorderColor(): Option<string>;
-    setBackgroundColor(backgroundColor: string): void;
     getBackgroundColor(): Option<string>;
-    setExtendedProps(extendedProps: Dictionary): void;
     getExtendProps(): Option<Dictionary>;
 }
 export type PublicEventApi = Pick<EventApi, "getId" | "getTitle" | "getColor" | "getStart" | "getEnd" | "getResourceId" | "getResourceApi" | "getUrl" | "getTooltip" | "getTextColor" | "getBorderColor" | "getBackgroundColor" | "getExtendProps">;

package/dist/types/index.d.ts

@@ -2,6 +2,5 @@ export type { SchedulantProps, SchedulantMountArg, PublicSchedulantApi } from '.
 export type { Event, EventArg, EventMountArg, PublicEventApi, EventMoveMountArg, EventContextMenuArg, EventResizeMountArg, EventContextMenuItems } from './event.ts';
 export type { Milestone, MilestoneArg, MilestoneStatus, MilestoneMountArg, PublicMilestoneApi, MilestoneMoveMountArg, MilestoneContextMenuArg, MilestoneContextMenuItems } from './milestone.ts';
 export type { Checkpoint, CheckpointArg, CheckpointMountArg, PublicCheckpointApi, CheckpointMoveMountArg, CheckpointContextMenuArg, CheckpointContextMenuItems } from './checkpoint.ts';
-export type { Resource, ResourceLaneArg, ResourceLabelArg, PublicResourceApi, ResourceAreaColumn, ResourceLaneMountArg, ResourceLabelMountArg, ResourceContextMenuItems, ResourceLaneContextMenuArg, ResourceLabelContextMenuArg } from './resource.ts';
+export type { Resource, ResourceLaneArg, ResourceLabelArg, PublicResourceApi, ResourceAreaColumn, ResourceLaneMountArg, ResourceLabelMountArg, ResourceLaneMoveMountArg, ResourceContextMenuItems, ResourceLaneContextMenuArg, ResourceLabelContextMenuArg, } from './resource.ts';
 export type { TimelineSlotArg, TimelineSlotLaneMountArg, TimelineSlotLabelMountArg } from './timeline.ts';
-export type { SelectInfoArg } from './misc.ts';

package/dist/types/milestone.d.ts

@@ -29,23 +29,15 @@ export declare class MilestoneApi {
     private milestone;
     private resourceApi?;
     constructor(milestone: Milestone);
-    setId(id: string): void;
+    setResourceApi(resourceApi: ResourceApi): void;
     getId(): string;
-    setTitle(title: string): void;
     getTitle(): string;
-    setTime(timestamp: Dayjs): void;
     getTime(): Dayjs;
-    setStatus(status: MilestoneStatus): void;
     getStatus(): MilestoneStatus;
-    setResourceApi(resourceApi: ResourceApi): void;
     getResourceApi(): ResourceApi;
-    setResourceId(resourceId: string): void;
     getResourceId(): string;
-    setColor(color: string): void;
     getColor(): Option<string>;
-    setTooltip(tooltip: ReactNode): void;
     getTooltip(): ReactNode;
-    setExtendedProps(extendedProps: Dictionary): void;
     getExtendProps(): Option<Dictionary>;
 }
 export type PublicMilestoneApi = Pick<MilestoneApi, "getId" | "getTitle" | "getTime" | "getStatus" | "getResourceApi" | "getResourceId" | "getColor" | "getTooltip" | "getExtendProps">;

package/dist/types/month-timeline-view.d.ts

@@ -3,10 +3,9 @@ import { Position } from './base.ts';
 import { Dayjs } from 'dayjs';
 import { ReactNode } from 'react';
 export declare class MonthTimelineView extends TimelineView {
+    getTotalSlots(): number;
     renderColgroup(): ReactNode;
     renderBodySlots(): ReactNode;
     renderHeaderSlots(): ReactNode;
-    calculateDate(timelineWidth: number, point: number): Dayjs;
-    calculateSlotWidth(timelineWidth: number): number;
     calculatePosition(timelineWidth: number, start: Dayjs, end: Dayjs): Position;
 }

package/dist/types/quarter-timeline-view.d.ts

@@ -3,10 +3,9 @@ import { ReactNode } from 'react';
 import { Dayjs } from 'dayjs';
 import { Position } from './base.ts';
 export declare class QuarterTimelineView extends TimelineView {
+    getTotalSlots(): number;
     renderColgroup(): ReactNode;
     renderBodySlots(): ReactNode;
     renderHeaderSlots(): ReactNode;
-    calculateDate(timelineWidth: number, point: number): Dayjs;
-    calculateSlotWidth(timelineWidth: number): number;
     calculatePosition(timelineWidth: number, start: Dayjs, end: Dayjs): Position;
 }

package/dist/types/resource.d.ts

@@ -22,6 +22,13 @@ export type ResourceLaneMountArg = MountArg<ResourceLaneArg>;
 export type ResourceLabelMountArg = MountArg<ResourceLabelArg>;
 export type ResourceLaneContextMenuArg = MenuArg<ResourceLaneArg>;
 export type ResourceLabelContextMenuArg = MenuArg<ResourceLabelArg>;
+export type ResourceLaneMoveMountArg = MountArg<{
+    schedulantApi: PublicSchedulantApi;
+    draggedResourceApi: PublicResourceApi;
+    targetResourceApi: PublicResourceApi;
+    position: 'before' | 'after' | 'child';
+    oldParentResourceApi?: PublicResourceApi;
+}>;
 export type Resource = {
     id: string;
     title: string;
@@ -42,27 +49,19 @@ export declare class ResourceApi {
     private milestoneApis?;
     private checkpointApis?;
     constructor(resource: Resource);
-    setId(id: string): void;
+    setDepth(depth: number): void;
     getId(): string;
-    setTitle(title: string): void;
     getTitle(): string;
-    setDepth(depth: number): void;
     getDepth(): number;
-    setTooltip(tooltip: ReactNode): void;
     getTooltip(): ReactNode;
     setParent(parent?: ResourceApi): void;
     getParent(): Option<ResourceApi>;
-    setParentId(parentId: string): void;
     getParentId(): Option<string>;
     setChildren(children: ResourceApi[]): void;
     getChildren(): ResourceApi[];
-    setEventColor(color: string): void;
     getEventColor(): Option<string>;
-    setEventTextColor(color: string): void;
     getEventTextColor(): Option<string>;
-    setEventBorderColor(color: string): void;
     getEventBorderColor(): Option<string>;
-    setEventBackgroundColor(color: string): void;
     getEventBackgroundColor(): Option<string>;
     getResource(): Resource;
     setEventApis(eventApis: EventApi[]): void;
@@ -71,7 +70,6 @@ export declare class ResourceApi {
     getMilestoneApis(): MilestoneApi[];
     setCheckpointApis(checkpointApis: CheckpointApi[]): void;
     getCheckpointApis(): CheckpointApi[];
-    setExtendedProps(extendedProps: Dictionary): void;
     getExtendProps(): Option<Dictionary>;
 }
 export declare class ResourceApiHelper {

package/dist/types/schedulant-view.d.ts

@@ -1,6 +1,8 @@
 import { SchedulantApi, SchedulantProps } from './schedulant';
 import { TimelineView } from './timeline-view.tsx';
-import { MutableRefObject, ReactNode } from 'react';
+import { default as React, MutableRefObject, ReactNode } from 'react';
+import { ResourceApi } from './resource.ts';
+import { ResizerMouseDownFunc, ResizerMouseUp } from '../hooks/use-resource-area-resizer.ts';
 export type SchedulantViewType = "Day" | "Week" | "Month" | "Quarter" | "Year";
 export declare class SchedulantView {
     private readonly schedulantApi;
@@ -12,8 +14,20 @@ export declare class SchedulantView {
     renderTimelineHeaderTableSlots(): ReactNode;
     renderTimelineDrawingBoardTable(collapseIds: Array<string>, timelineWidth: number): ReactNode;
     renderResourceTableColgroup(): ReactNode;
-    renderResourceLabel(): ReactNode;
-    renderResourceLane(collapseIds: Array<string>): ReactNode;
+    renderResourceLabel(cellResizerMouseUp: ResizerMouseUp, cellResizerMouseDownFunc: ResizerMouseDownFunc): ReactNode;
+    renderResourceLane(collapseIds: Array<string>, cellResizerMouseUp: ResizerMouseUp, cellResizerMouseDownFunc: ResizerMouseDownFunc, dragDropHandlers?: {
+        isDraggable: boolean;
+        dragState: {
+            draggedResource: ResourceApi | null;
+            dragOverResource: ResourceApi | null;
+            dropPosition: 'before' | 'after' | 'child' | null;
+        };
+        handleDragStart: (resourceApi: ResourceApi) => (e: React.DragEvent) => void;
+        handleDragOver: (resourceApi: ResourceApi) => (e: React.DragEvent) => void;
+        handleDragLeave: (e: React.DragEvent) => void;
+        handleDrop: (resourceApi: ResourceApi) => (e: React.DragEvent) => void;
+        handleDragEnd: () => void;
+    }): ReactNode;
     getTimelineView(): TimelineView;
     getScheduleApi(): SchedulantApi;
     getScheduleElRef(): MutableRefObject<HTMLDivElement | null>;

package/dist/types/schedulant.d.ts

@@ -1,11 +1,10 @@
 import { Dayjs } from 'dayjs';
 import { EventApi, Event, EventContextMenuArg, EventContextMenuItems, EventMountArg, EventMoveMountArg, EventResizeMountArg } from './event.ts';
-import { Resource, ResourceApi, ResourceAreaColumn, ResourceContextMenuItems, ResourceLabelContextMenuArg, ResourceLabelMountArg, ResourceLaneContextMenuArg, ResourceLaneMountArg } from './resource.ts';
+import { Resource, ResourceApi, ResourceAreaColumn, ResourceContextMenuItems, ResourceLaneMoveMountArg, ResourceLabelContextMenuArg, ResourceLabelMountArg, ResourceLaneContextMenuArg, ResourceLaneMountArg } from './resource.ts';
 import { MilestoneApi, Milestone, MilestoneContextMenuArg, MilestoneContextMenuItems, MilestoneMountArg, MilestoneMoveMountArg } from './milestone.ts';
 import { CheckpointApi, Checkpoint, CheckpointContextMenuArg, CheckpointContextMenuItems, CheckpointMountArg, CheckpointMoveMountArg } from './checkpoint.ts';
-import { ContextMenuClickHandler, DidMountHandler, MountArg, MoveHandler, ResizeHandler, SelectHandler, WillUnmountHandler } from './base.ts';
+import { ContextMenuClickHandler, DidMountHandler, MountArg, MoveHandler, ResizeHandler, WillUnmountHandler } from './base.ts';
 import { Option } from './option.ts';
-import { SelectInfoArg } from './misc';
 import { SchedulantView, SchedulantViewType } from './schedulant-view.tsx';
 import { TimelineApi, TimelineSlotLabelMountArg, TimelineSlotLaneMountArg } from './timeline';
 import { MutableRefObject } from 'react';
@@ -25,10 +24,8 @@ export type SchedulantProps = {
     companyHolidays?: Dayjs[];
     specialWorkdays?: Dayjs[];
     nationalHolidays?: Dayjs[];
-    defaultEmptyLanes?: number;
     resourceAreaWidth?: string;
     resourceAreaColumns?: Array<ResourceAreaColumn>;
-    selectAllow?: SelectHandler<SelectInfoArg>;
     enableEventContextMenu?: boolean;
     eventContextMenuClick?: ContextMenuClickHandler<EventContextMenuArg>;
     eventContextMenuItems?: EventContextMenuItems;
@@ -54,6 +51,7 @@ export type SchedulantProps = {
     resourceLaneContextMenuItems?: ResourceContextMenuItems;
     resourceLaneDidMount?: DidMountHandler<ResourceLaneMountArg>;
     resourceLaneWillUnmount?: WillUnmountHandler<ResourceLaneMountArg>;
+    resourceLaneMove?: MoveHandler<ResourceLaneMoveMountArg>;
     enableResourceLabelContextMenu?: boolean;
     resourceLabelContextMenuClick?: ContextMenuClickHandler<ResourceLabelContextMenuArg>;
     resourceLabelContextMenuItems?: ResourceContextMenuItems;
@@ -104,10 +102,10 @@ export declare class SchedulantApi implements PublicSchedulantApi {
     eventMove(arg: EventMoveMountArg): void;
     eventResizeStart(arg: EventResizeMountArg): void;
     eventResizeEnd(arg: EventResizeMountArg): void;
-    selectAllow(arg: SelectInfoArg): void;
     isEnableEventContextMenu(): boolean;
     getEventContextMenuItems(): import('antd/es/menu/interface').ItemType[] | undefined;
     onEventContextMenuClick(arg: EventContextMenuArg): void;
+    resourceLaneMove(arg: ResourceLaneMoveMountArg): void;
     resourceLaneDidMount(arg: ResourceLaneMountArg): void;
     resourceLaneWillUnmount(arg: ResourceLaneMountArg): void;
     isEnableResourceLaneContextMenu(): boolean;

package/dist/types/timeline-view.d.ts

@@ -9,16 +9,15 @@ export declare abstract class TimelineView {
     constructor(schedulantApi: SchedulantApi);
     getSchedulantApi(): SchedulantApi;
     getTimelineApi(): TimelineApi;
-    renderLane(resourceApi: ResourceApi, timelineWidth: number): ReactNode;
+    renderLane(): ReactNode;
     renderEvents(resourceApi: ResourceApi, timelineWidth: number): ReactNode;
     renderMilestones(resource: ResourceApi, timelineWidth: number): ReactNode;
     renderCheckpoints(resource: ResourceApi, timelineWidth: number): ReactNode;
     calculateLaneHeight(resourceApi: ResourceApi): number;
     calculateEventHeight(): number;
+    abstract getTotalSlots(): number;
     abstract renderColgroup(): ReactNode;
     abstract renderBodySlots(): ReactNode;
     abstract renderHeaderSlots(): ReactNode;
-    abstract calculateDate(timelineWidth: number, point: number): Dayjs;
-    abstract calculateSlotWidth(timelineWidth: number): number;
     abstract calculatePosition(timelineWidth: number, start: Dayjs, end: Dayjs): Position;
 }

package/dist/types/week-timeline-view.d.ts

@@ -3,10 +3,9 @@ import { ReactNode } from 'react';
 import { Dayjs } from 'dayjs';
 import { Position } from './base.ts';
 export declare class WeekTimelineView extends TimelineView {
+    getTotalSlots(): number;
     renderColgroup(): ReactNode;
     renderBodySlots(): ReactNode;
     renderHeaderSlots(): ReactNode;
-    calculateDate(timelineWidth: number, point: number): Dayjs;
-    calculateSlotWidth(timelineWidth: number): number;
     calculatePosition(timelineWidth: number, start: Dayjs, end: Dayjs): Position;
 }

package/dist/types/year-timeline-view.d.ts

@@ -3,10 +3,9 @@ import { TimelineView } from './timeline-view';
 import { Dayjs } from 'dayjs';
 import { Position } from './base.ts';
 export declare class YearTimelineView extends TimelineView {
+    getTotalSlots(): number;
     renderColgroup(): ReactNode;
     renderBodySlots(): ReactNode;
     renderHeaderSlots(): ReactNode;
-    calculateDate(timelineWidth: number, point: number): Dayjs;
-    calculateSlotWidth(timelineWidth: number): number;
     calculatePosition(timelineWidth: number, start: Dayjs, end: Dayjs): Position;
 }

package/dist/utils/dom.d.ts

@@ -1,3 +1,4 @@
 export declare const extractNumber: (value: string) => number;
 export declare const numberToPixels: (value: number) => string;
 export declare const pixelsToNumber: (value: string) => number;
+export declare const getHTMLTableElementByClassName: (className: string) => HTMLTableElement;

package/package.json

@@ -7,7 +7,7 @@
   ],
   "license": "MIT",
   "author": "mengen.dai@outlook.com",
-  "version": "1.0.0-alpha.1",
+  "version": "1.1.0",
   "main": "dist/schedulant.js",
   "typings": "dist/schedulant.d.ts",
   "keywords": [
@@ -39,7 +39,7 @@
     "@types/node": "^22.13.9",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^5.0.4",
     "antd": "^5.24.3",
     "dayjs": "^1.11.13",
     "eslint": "^9.21.0",
@@ -52,7 +52,7 @@
     "sass": "^1.85.1",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.24.1",
-    "vite": "^6.3.5",
+    "vite": "7.1.5",
     "vite-plugin-dts": "^4.5.3"
   }
 }