@visactor/vtable-gantt 1.9.2-alpha.4 → 1.10.1

package/cjs/ts-types/EVENT_TYPE.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/EVENT_TYPE.ts"],"names":[],"mappings":";;;AAyBa,QAAA,gBAAgB,GAAgB;IAC3C,MAAM,EAAE,QAAQ;IAChB,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,mBAAmB,EAAE,qBAAqB;IAC1C,mBAAmB,EAAE,qBAAqB;CAC5B,CAAC","file":"EVENT_TYPE.js","sourcesContent":["export interface EVENT_TYPES {\n  /**\n   * 滚动表格事件\n   */\n  SCROLL: 'scroll';\n  /**\n   * 改变日期范围事件\n   */\n  CHANGE_DATE_RANGE: 'change_date_range';\n  /**\n   * 点击任务条事件\n   */\n  CLICK_TASK_BAR: 'click_task_bar';\n  /**\n   * 鼠标移入任务条事件\n   */\n  MOUSEENTER_TASK_BAR: 'mouseenter_task_bar';\n  /**\n   * 鼠标移出任务条事件\n   */\n  MOUSELEAVE_TASK_BAR: 'mouseleave_task_bar';\n}\n/**\n * Table event types\n */\nexport const GANTT_EVENT_TYPE: EVENT_TYPES = {\n  SCROLL: 'scroll',\n  CHANGE_DATE_RANGE: 'change_date_range',\n  CLICK_TASK_BAR: 'click_task_bar',\n  MOUSEENTER_TASK_BAR: 'mouseenter_task_bar',\n  MOUSELEAVE_TASK_BAR: 'mouseleave_task_bar'\n} as EVENT_TYPES;\n"]}
+{"version":3,"sources":["../src/ts-types/EVENT_TYPE.ts"],"names":[],"mappings":";;;AAkCa,QAAA,gBAAgB,GAAgB;IAC3C,MAAM,EAAE,QAAQ;IAChB,iBAAiB,EAAE,mBAAmB;IACtC,cAAc,EAAE,gBAAgB;IAChC,mBAAmB,EAAE,qBAAqB;IAC1C,mBAAmB,EAAE,qBAAqB;IAC1C,oBAAoB,EAAE,sBAAsB;IAC5C,sBAAsB,EAAE,wBAAwB;CAClC,CAAC","file":"EVENT_TYPE.js","sourcesContent":["export interface EVENT_TYPES {\n  /**\n   * 滚动表格事件\n   */\n  SCROLL: 'scroll';\n  /**\n   * 改变日期范围事件\n   */\n  CHANGE_DATE_RANGE: 'change_date_range';\n  /**\n   * 点击任务条事件\n   */\n  CLICK_TASK_BAR: 'click_task_bar';\n  /**\n   * 鼠标移入任务条事件\n   */\n  MOUSEENTER_TASK_BAR: 'mouseenter_task_bar';\n  /**\n   * 鼠标移出任务条事件\n   */\n  MOUSELEAVE_TASK_BAR: 'mouseleave_task_bar';\n  /**\n   * 创建任务排期事件\n   */\n  CREATE_TASK_SCHEDULE: 'create_task_schedule';\n\n  /**\n   * 创建任务依赖关系\n   */\n  CREATE_DEPENDENCY_LINK: 'create_dependency_link';\n}\n/**\n * Table event types\n */\nexport const GANTT_EVENT_TYPE: EVENT_TYPES = {\n  SCROLL: 'scroll',\n  CHANGE_DATE_RANGE: 'change_date_range',\n  CLICK_TASK_BAR: 'click_task_bar',\n  MOUSEENTER_TASK_BAR: 'mouseenter_task_bar',\n  MOUSELEAVE_TASK_BAR: 'mouseleave_task_bar',\n  CREATE_TASK_SCHEDULE: 'create_task_schedule',\n  CREATE_DEPENDENCY_LINK: 'create_dependency_link'\n} as EVENT_TYPES;\n"]}

package/cjs/ts-types/events.d.ts

@@ -1,3 +1,4 @@
+import type { ITaskLink } from './gantt-engine';
 export type TableEventListener<TYPE extends keyof TableEventHandlersEventArgumentMap> = (args: TableEventHandlersEventArgumentMap[TYPE]) => TableEventHandlersReturnMap[TYPE];
 export type EventListenerId = number;
 export interface TableEventHandlersEventArgumentMap {
@@ -31,6 +32,17 @@ export interface TableEventHandlersEventArgumentMap {
         oldEndDate: Date;
         record: any;
     };
+    create_task_schedule: {
+        event: Event;
+        index: number;
+        startDate: Date;
+        endDate: Date;
+        record: any;
+    };
+    create_dependency_link: {
+        event: Event;
+        link: ITaskLink;
+    };
 }
 export interface TableEventHandlersReturnMap {
     scroll: void;
@@ -38,4 +50,6 @@ export interface TableEventHandlersReturnMap {
     mouseleave_task_bar: void;
     click_task_bar: void;
     change_date_range: void;
+    create_task_schedule: void;
+    create_dependency_link: void;
 }

package/cjs/ts-types/events.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/events.ts"],"names":[],"mappings":"","file":"events.js","sourcesContent":["export type TableEventListener<TYPE extends keyof TableEventHandlersEventArgumentMap> = (\n  args: TableEventHandlersEventArgumentMap[TYPE]\n) => TableEventHandlersReturnMap[TYPE]; //AnyFunction;\nexport type EventListenerId = number;\n\nexport interface TableEventHandlersEventArgumentMap {\n  scroll: {\n    scrollLeft: number;\n    scrollTop: number;\n    scrollDirection: 'horizontal' | 'vertical';\n    scrollRatioX?: number;\n    scrollRatioY?: number;\n  };\n  mouseenter_task_bar: {\n    /** 第几条数据 */\n    index: number;\n    record: any;\n    event: Event;\n  };\n  mouseleave_task_bar: {\n    /** 第几条数据 */\n    index: number;\n    record: any;\n    event: Event;\n  };\n  click_task_bar: {\n    /** 第几条数据 */\n    index: number;\n    record: any;\n    event: Event;\n  };\n  change_date_range: {\n    /** 第几条数据 */\n    index: number;\n    /** 改变后的起始日期 */\n    startDate: Date;\n    /** 改变后的结束日期 */\n    endDate: Date;\n    /** 改变前的起始日期 */\n    oldStartDate: Date;\n    /** 改变前的结束日期 */\n    oldEndDate: Date;\n    /** 改变后的数据条目 */\n    record: any;\n  };\n}\n\nexport interface TableEventHandlersReturnMap {\n  scroll: void;\n  mouseenter_task_bar: void;\n  mouseleave_task_bar: void;\n  click_task_bar: void;\n  change_date_range: void;\n}\n"]}
+{"version":3,"sources":["../src/ts-types/events.ts"],"names":[],"mappings":"","file":"events.js","sourcesContent":["import type { ITaskLink } from './gantt-engine';\n\nexport type TableEventListener<TYPE extends keyof TableEventHandlersEventArgumentMap> = (\n  args: TableEventHandlersEventArgumentMap[TYPE]\n) => TableEventHandlersReturnMap[TYPE]; //AnyFunction;\nexport type EventListenerId = number;\n\nexport interface TableEventHandlersEventArgumentMap {\n  scroll: {\n    scrollLeft: number;\n    scrollTop: number;\n    scrollDirection: 'horizontal' | 'vertical';\n    scrollRatioX?: number;\n    scrollRatioY?: number;\n  };\n  mouseenter_task_bar: {\n    /** 第几条数据 */\n    index: number;\n    record: any;\n    event: Event;\n  };\n  mouseleave_task_bar: {\n    /** 第几条数据 */\n    index: number;\n    record: any;\n    event: Event;\n  };\n  click_task_bar: {\n    /** 第几条数据 */\n    index: number;\n    record: any;\n    event: Event;\n  };\n  change_date_range: {\n    /** 第几条数据 */\n    index: number;\n    /** 改变后的起始日期 */\n    startDate: Date;\n    /** 改变后的结束日期 */\n    endDate: Date;\n    /** 改变前的起始日期 */\n    oldStartDate: Date;\n    /** 改变前的结束日期 */\n    oldEndDate: Date;\n    /** 改变后的数据条目 */\n    record: any;\n  };\n  create_task_schedule: {\n    event: Event;\n    /** 第几条数据 */\n    index: number;\n    /** 改变后的起始日期 */\n    startDate: Date;\n    /** 改变后的结束日期 */\n    endDate: Date;\n    /** 改变后的数据条目 */\n    record: any;\n  };\n  create_dependency_link: {\n    event: Event;\n    /** 依赖信息 */\n    link: ITaskLink;\n  };\n}\n\nexport interface TableEventHandlersReturnMap {\n  scroll: void;\n  mouseenter_task_bar: void;\n  mouseleave_task_bar: void;\n  click_task_bar: void;\n  change_date_range: void;\n  create_task_schedule: void;\n  create_dependency_link: void;\n}\n"]}

package/cjs/ts-types/gantt-engine.d.ts

@@ -49,17 +49,31 @@ export interface GanttConstructorOptions {
         customLayout?: ITaskBarCustomLayout;
         resizable?: boolean;
         moveable?: boolean;
-        hoverBarStyle?: {
-            cornerRadius?: number;
-            barOverlayColor?: string;
-        };
-        selectionBarStyle?: {
-            cornerRadius?: number;
-            barOverlayColor?: string;
-        };
+        hoverBarStyle?: ITaskBarHoverStyle;
+        selectedBarStyle?: ITaskBarSelectedStyle;
+        selectable?: boolean;
         menu?: {
             contextMenuItems?: TYPES.MenuListItem[] | ((record: string, index: number, dateIndex: number, startDate: Date, endDate: Date) => TYPES.MenuListItem[]);
         };
+        scheduleCreatable?: boolean;
+        scheduleCreation?: {
+            buttonStyle: ILineStyle & {
+                cornerRadius?: number;
+                backgroundColor?: string;
+            };
+            customLayout?: ITaskCreationCustomLayout;
+        };
+    };
+    taskKeyField?: string;
+    dependency?: {
+        links: ITaskLink[];
+        linkLineStyle?: ILineStyle;
+        linkCreatable?: boolean;
+        linkSelectable?: boolean;
+        linkSelectedLineStyle?: ITaskLinkSelectedStyle;
+        linkCreatePointStyle?: IPointStyle;
+        linkCreatingPointStyle?: IPointStyle;
+        linkCreatingLineStyle?: ILineStyle;
     };
     grid?: IGrid;
     frame?: {
@@ -78,6 +92,8 @@ export interface GanttConstructorOptions {
     overscrollBehavior?: 'auto' | 'none';
     scrollStyle?: IScrollStyle;
     pixelRatio?: number;
+    dateFormat?: 'yyyy-mm-dd' | 'dd-mm-yyyy' | 'mm/dd/yyyy' | 'yyyy/mm/dd' | 'dd/mm/yyyy' | 'yyyy.mm.dd' | 'dd.mm.yyyy' | 'mm.dd.yyyy';
+    underlayBackgroundColor?: string;
 }
 export type ITaskBarLabelText = string;
 export interface ITimelineScale {
@@ -109,6 +125,12 @@ export type ILineStyle = {
     lineWidth?: number;
     lineDash?: number[];
 };
+export type IPointStyle = {
+    strokeColor?: string;
+    strokeWidth?: number;
+    fillColor?: string;
+    radius?: number;
+};
 export interface IMarkLine {
     date: string;
     style?: ILineStyle;
@@ -141,13 +163,13 @@ export type TaskBarCustomLayoutArgumentType = {
     taskRecord: any;
     ganttInstance: Gantt;
 };
-export type ITaskBarCustomLayout = (args: TaskBarCustomLayoutArgumentType) => ITaskBarCustomLayoutObj;
 export type ITaskBarCustomLayoutObj = {
     rootContainer: Group;
     renderDefaultBar?: boolean;
     renderDefaultResizeIcon?: boolean;
     renderDefaultText?: boolean;
 };
+export type ITaskBarCustomLayout = (args: TaskBarCustomLayoutArgumentType) => ITaskBarCustomLayoutObj;
 export type DateCustomLayoutArgumentType = {
     width: number;
     height: number;
@@ -159,8 +181,45 @@ export type DateCustomLayoutArgumentType = {
     days: number;
     ganttInstance: Gantt;
 };
-export type IDateCustomLayout = (args: DateCustomLayoutArgumentType) => IDateCustomLayoutObj;
 export type IDateCustomLayoutObj = {
     rootContainer: Group;
     renderDefaultText?: boolean;
 };
+export type IDateCustomLayout = (args: DateCustomLayoutArgumentType) => IDateCustomLayoutObj;
+export type TaskCreationCustomLayoutArgumentType = {
+    width: number;
+    height: number;
+    ganttInstance: Gantt;
+};
+export type ITaskCreationCustomLayoutObj = {
+    rootContainer: Group;
+};
+export type ITaskCreationCustomLayout = (args: TaskCreationCustomLayoutArgumentType) => ITaskCreationCustomLayoutObj;
+export type ITaskLink = {
+    type: DependencyType;
+    linkedFromTaskKey?: string | number;
+    linkedToTaskKey?: string | number;
+};
+export type ITaskLinkSelectedStyle = ILineStyle & {
+    shadowBlur?: number;
+    shadowOffset?: number;
+    shadowColor?: string;
+};
+export declare enum DependencyType {
+    FinishToStart = "finish_to_start",
+    StartToStart = "start_to_start",
+    FinishToFinish = "finish_to_finish",
+    StartToFinish = "start_to_finish"
+}
+export type ITaskBarSelectedStyle = {
+    shadowBlur?: number;
+    shadowOffsetX?: number;
+    shadowOffsetY?: number;
+    shadowColor?: string;
+    borderColor?: string;
+    borderLineWidth?: number;
+};
+export type ITaskBarHoverStyle = {
+    cornerRadius?: number;
+    barOverlayColor?: string;
+};

package/cjs/ts-types/gantt-engine.js

@@ -1,6 +1,11 @@
 "use strict";
 
+var DependencyType;
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
+}), exports.DependencyType = void 0, function(DependencyType) {
+    DependencyType.FinishToStart = "finish_to_start", DependencyType.StartToStart = "start_to_start", 
+    DependencyType.FinishToFinish = "finish_to_finish", DependencyType.StartToFinish = "start_to_finish";
+}(DependencyType = exports.DependencyType || (exports.DependencyType = {}));
 //# sourceMappingURL=gantt-engine.js.map

package/cjs/ts-types/gantt-engine.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ts-types/gantt-engine.ts"],"names":[],"mappings":"","file":"gantt-engine.js","sourcesContent":["import type { ColumnsDefine, TYPES, ListTableConstructorOptions } from '@visactor/vtable';\nimport type { Group } from '@visactor/vtable/es/vrender';\nimport type { Gantt } from '../Gantt';\nexport type LayoutObjectId = number | string;\n\nexport interface ITimelineDateInfo {\n  days: number;\n  endDate: Date;\n  startDate: Date;\n  title: string;\n  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n  dateIndex: number;\n}\n\nexport interface ITimelineHeaderStyle {\n  padding?: number | number[];\n  fontSize?: number;\n  fontWeight?: string;\n  color?: string;\n  strokeColor?: string;\n  // backgroundColor?: string;\n  textAlign?: 'center' | 'end' | 'left' | 'right' | 'start'; // 设置单元格内文字的水平对齐方式\n  textOverflow?: string;\n  textBaseline?: 'alphabetic' | 'bottom' | 'middle' | 'top'; // 设置单元格内文字的垂直对齐方式\n  textStick?: boolean;\n}\nexport interface IGrid {\n  backgroundColor?: string;\n  verticalLine?: ILineStyle;\n  horizontalLine?: ILineStyle;\n}\n//#region gantt\nexport interface GanttConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n\n  /** 左侧任务信息表格相关配置 */\n  taskListTable?: {\n    /** 左侧任务列表信息占用的宽度。如果设置为'auto'表示将所有列完全展示 */\n    tableWidth?: 'auto' | number;\n    /** 左侧任务列表 最小宽度 */\n    minTableWidth?: number;\n    /** 左侧任务列表 最大宽度 */\n    maxTableWidth?: number;\n  } & Omit<\n    //ListTable表格可配置的属性\n    ListTableConstructorOptions,\n    | 'container'\n    | 'records'\n    | 'defaultHeaderRowHeight'\n    | 'defaultRowHeight'\n    | 'overscrollBehavior'\n    | 'rowSeriesNumber'\n    | 'scrollStyle'\n    | 'pixelRatio'\n    | 'title'\n  >;\n  /** 时间刻度 */\n  timelineHeader: {\n    backgroundColor?: string;\n    colWidth?: number;\n    /** 垂直间隔线样式 */\n    verticalLine?: ILineStyle;\n    /** 水平间隔线样式 */\n    horizontalLine?: ILineStyle;\n    scales: ITimelineScale[];\n  };\n\n  /** 任务条相关配置及样式 */\n  taskBar?: {\n    /** 任务开始日期对应的数据字段名 默认按'startDate' */\n    startDateField?: string;\n    /** 任务结束日期对应的数据字段名 默认按'endDate'  */\n    endDateField?: string;\n    /** 任务进度对应的数据字段名 */\n    progressField?: string;\n    /** 任务条展示文字。可以配置固定文本 或者 字符串模版`${fieldName}` */\n    labelText?: ITaskBarLabelText;\n    /** 任务条文字样式 */\n    labelTextStyle?: ITaskBarLabelTextStyle;\n    /** 任务条样式 */\n    barStyle?: ITaskBarStyle;\n    /** 自定义布局渲染 */\n    customLayout?: ITaskBarCustomLayout;\n    /** 任务条是否可调整大小 */\n    resizable?: boolean;\n    /** 任务条是否可移动 */\n    moveable?: boolean;\n    /** 任务条hover时的样式 */\n    hoverBarStyle?: {\n      /** 任务条的圆角 */\n      cornerRadius?: number;\n      barOverlayColor?: string;\n    };\n    /** 任务条选择时的样式 TODO */\n    selectionBarStyle?: {\n      /** 任务条的圆角 */\n      cornerRadius?: number;\n      barOverlayColor?: string;\n    };\n    /** 任务条右键菜单 */\n    menu?: {\n      /** 右键菜单。代替原来的option.contextmenu */\n      contextMenuItems?:\n        | TYPES.MenuListItem[]\n        | ((\n            record: string,\n            index: number,\n            /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n            dateIndex: number,\n            startDate: Date,\n            endDate: Date\n          ) => TYPES.MenuListItem[]);\n    };\n  };\n  /** 网格线配置 */\n  grid?: IGrid;\n\n  /** 整个外边框及横纵分割线配置。 */\n  frame?: {\n    outerFrameStyle: IFrameStyle;\n    verticalSplitLine?: ILineStyle;\n    horizontalSplitLine?: ILineStyle;\n    verticalSplitLineMoveable?: boolean;\n    //列调整宽度的直线\n    verticalSplitLineHighlight?: ILineStyle;\n  };\n\n  /** 标记线配置 如果配置为true 会自动给今天做标记 */\n  markLine?: boolean | IMarkLine | IMarkLine[];\n  /** 指定整个甘特图的最小日期 */\n  minDate?: string;\n  /** 指定整个甘特图的最大日期 不设置的话用默认规则*/\n  maxDate?: string;\n\n  /** 顶部表头部分默认行高。如果想按表头层级依次配置，请配置到timelineHeader.scale中 */\n  headerRowHeight?: number;\n\n  /** 数据默认行高 */\n  rowHeight?: number;\n\n  /** 行号配置 */\n  rowSeriesNumber?: IRowSeriesNumber;\n\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  scrollStyle?: IScrollStyle;\n\n  pixelRatio?: number;\n}\n/**\n * IBarLabelText\n * 可以配置固定文本 或者 ${fieldName} 或者自定义函数\n */\nexport type ITaskBarLabelText = string; //| string[] | ((args: any) => string | string[]);\nexport interface ITimelineScale {\n  rowHeight?: number;\n  unit: 'day' | 'week' | 'month' | 'quarter' | 'year';\n  step: number;\n  startOfWeek?: 'sunday' | 'monday';\n  customLayout?: IDateCustomLayout;\n  style?: ITimelineHeaderStyle;\n  format?: (date: DateFormatArgumentType) => string;\n}\nexport interface ITaskBarLabelTextStyle {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  textAlign?: 'center' | 'end' | 'left' | 'right' | 'start'; // 设置单元格内文字的水平对齐方式\n  textOverflow?: string;\n  textBaseline?: 'alphabetic' | 'bottom' | 'middle' | 'top'; // 设置单元格内文字的垂直对齐方式\n  padding?: number | number[];\n}\nexport interface ITaskBarStyle {\n  /** 任务条的颜色 */\n  barColor?: string;\n  /** 已完成部分任务条的颜色 */\n  completedBarColor?: string;\n  /** 任务条的宽度 */\n  width?: number;\n  /** 任务条的圆角 */\n  cornerRadius?: number;\n  // /** 任务条的边框 */\n  // borderWidth?: number;\n  // /** 边框颜色 */\n  // borderColor?: string;\n}\nexport type ILineStyle = {\n  lineColor?: string;\n  lineWidth?: number;\n  lineDash?: number[];\n};\nexport interface IMarkLine {\n  date: string;\n  style?: ILineStyle;\n  /** 标记线显示在日期列下的位置 默认为'left' */\n  position?: 'left' | 'right' | 'middle';\n  /** 自动将日期范围内 包括改标记线 */\n  scrollToMarkLine?: boolean;\n}\nexport type ITableColumnsDefine = ColumnsDefine;\nexport type IFrameStyle = {\n  borderColor?: string;\n  borderLineWidth?: number;\n  borderLineDash?: number[];\n  cornerRadius?: number;\n};\n\nexport type ITableStyle = TYPES.ThemeStyle;\nexport type IRowSeriesNumber = TYPES.IRowSeriesNumber;\nexport type IScrollStyle = TYPES.ScrollStyle;\nexport type DateFormatArgumentType = {\n  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n  dateIndex: number;\n  startDate: Date;\n  endDate: Date;\n};\nexport type TaskBarCustomLayoutArgumentType = {\n  width: number;\n  height: number;\n  index: number;\n  startDate: Date;\n  endDate: Date;\n  taskDays: number;\n  progress: number;\n  taskRecord: any;\n  ganttInstance: Gantt;\n};\nexport type ITaskBarCustomLayout = (args: TaskBarCustomLayoutArgumentType) => ITaskBarCustomLayoutObj; //CustomLayout\nexport type ITaskBarCustomLayoutObj = {\n  rootContainer: Group;\n  renderDefaultBar?: boolean; // 默认false\n  renderDefaultResizeIcon?: boolean; // 默认false\n  renderDefaultText?: boolean; // 默认false\n};\n\nexport type DateCustomLayoutArgumentType = {\n  width: number;\n  height: number;\n  index: number;\n  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n  dateIndex: number;\n  title: string;\n  startDate: Date;\n  endDate: Date;\n  days: number;\n  ganttInstance: Gantt;\n};\nexport type IDateCustomLayout = (args: DateCustomLayoutArgumentType) => IDateCustomLayoutObj;\nexport type IDateCustomLayoutObj = {\n  rootContainer: Group;\n  renderDefaultText?: boolean; // 默认false\n};\n\n//#endregion\n"]}
+{"version":3,"sources":["../src/ts-types/gantt-engine.ts"],"names":[],"mappings":";;;AAmUA,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,mDAAiC,CAAA;IACjC,iDAA+B,CAAA;IAC/B,qDAAmC,CAAA;IACnC,mDAAiC,CAAA;AACnC,CAAC,EALW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAKzB","file":"gantt-engine.js","sourcesContent":["import type { ColumnsDefine, TYPES, ListTableConstructorOptions } from '@visactor/vtable';\nimport type { Group } from '@visactor/vtable/es/vrender';\nimport type { Gantt } from '../Gantt';\nexport type LayoutObjectId = number | string;\n\nexport interface ITimelineDateInfo {\n  days: number;\n  endDate: Date;\n  startDate: Date;\n  title: string;\n  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n  dateIndex: number;\n}\n\nexport interface ITimelineHeaderStyle {\n  padding?: number | number[];\n  fontSize?: number;\n  fontWeight?: string;\n  color?: string;\n  strokeColor?: string;\n  // backgroundColor?: string;\n  textAlign?: 'center' | 'end' | 'left' | 'right' | 'start'; // 设置单元格内文字的水平对齐方式\n  textOverflow?: string;\n  textBaseline?: 'alphabetic' | 'bottom' | 'middle' | 'top'; // 设置单元格内文字的垂直对齐方式\n  textStick?: boolean;\n}\nexport interface IGrid {\n  backgroundColor?: string;\n  verticalLine?: ILineStyle;\n  horizontalLine?: ILineStyle;\n}\n//#region gantt\nexport interface GanttConstructorOptions {\n  /**\n   * 数据集合\n   */\n  records?: any[];\n\n  /** 左侧任务信息表格相关配置 */\n  taskListTable?: {\n    /** 左侧任务列表信息占用的宽度。如果设置为'auto'表示将所有列完全展示 */\n    tableWidth?: 'auto' | number;\n    /** 左侧任务列表 最小宽度 */\n    minTableWidth?: number;\n    /** 左侧任务列表 最大宽度 */\n    maxTableWidth?: number;\n  } & Omit<\n    //ListTable表格可配置的属性\n    ListTableConstructorOptions,\n    | 'container'\n    | 'records'\n    | 'defaultHeaderRowHeight'\n    | 'defaultRowHeight'\n    | 'overscrollBehavior'\n    | 'rowSeriesNumber'\n    | 'scrollStyle'\n    | 'pixelRatio'\n    | 'title'\n  >;\n  /** 时间刻度 */\n  timelineHeader: {\n    backgroundColor?: string;\n    colWidth?: number;\n    /** 垂直间隔线样式 */\n    verticalLine?: ILineStyle;\n    /** 水平间隔线样式 */\n    horizontalLine?: ILineStyle;\n    scales: ITimelineScale[];\n  };\n\n  /** 任务条相关配置及样式 */\n  taskBar?: {\n    /** 任务开始日期对应的数据字段名 默认按'startDate' */\n    startDateField?: string;\n    /** 任务结束日期对应的数据字段名 默认按'endDate'  */\n    endDateField?: string;\n    /** 任务进度对应的数据字段名 */\n    progressField?: string;\n    /** 任务条展示文字。可以配置固定文本 或者 字符串模版`${fieldName}` */\n    labelText?: ITaskBarLabelText;\n    /** 任务条文字样式 */\n    labelTextStyle?: ITaskBarLabelTextStyle;\n    /** 任务条样式 */\n    barStyle?: ITaskBarStyle;\n    /** 自定义布局渲染 */\n    customLayout?: ITaskBarCustomLayout;\n    /** 任务条是否可调整大小 */\n    resizable?: boolean;\n    /** 任务条是否可移动 */\n    moveable?: boolean;\n    /** 任务条hover时的样式 */\n    hoverBarStyle?: ITaskBarHoverStyle;\n    /** 任务条选择时的样式 TODO */\n    selectedBarStyle?: ITaskBarSelectedStyle;\n    /** 任务条是否可选择，默认为true */\n    selectable?: boolean;\n    /** 任务条右键菜单 */\n    menu?: {\n      /** 右键菜单。代替原来的option.contextmenu */\n      contextMenuItems?:\n        | TYPES.MenuListItem[]\n        | ((\n            record: string,\n            index: number,\n            /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n            dateIndex: number,\n            startDate: Date,\n            endDate: Date\n          ) => TYPES.MenuListItem[]);\n    };\n    /** 数据没有排期时，可通过创建任务条排期。默认为true */\n    scheduleCreatable?: boolean;\n    /** 针对没有分配日期的任务，可以显示出创建按钮 */\n    scheduleCreation?: {\n      buttonStyle: ILineStyle & {\n        cornerRadius?: number;\n        backgroundColor?: string;\n      };\n      /** 任务条创建按钮的自定义渲染 */\n      customLayout?: ITaskCreationCustomLayout;\n    };\n  };\n  /** 数据条目可唯一标识的字段名,默认为'id' */\n  taskKeyField?: string;\n  /** 任务之间的依赖关系 */\n  dependency?: {\n    links: ITaskLink[];\n    linkLineStyle?: ILineStyle;\n    linkCreatable?: boolean;\n    linkSelectable?: boolean;\n    linkSelectedLineStyle?: ITaskLinkSelectedStyle;\n    /** 创建关联线的操作点 */\n    linkCreatePointStyle?: IPointStyle;\n    /** 创建关联线的操作点响应状态效果 */\n    linkCreatingPointStyle?: IPointStyle;\n    /** 创建关联线的操作线样式 */\n    linkCreatingLineStyle?: ILineStyle;\n  };\n  /** 网格线配置 */\n  grid?: IGrid;\n\n  /** 整个外边框及横纵分割线配置。 */\n  frame?: {\n    outerFrameStyle: IFrameStyle;\n    verticalSplitLine?: ILineStyle;\n    horizontalSplitLine?: ILineStyle;\n    verticalSplitLineMoveable?: boolean;\n    //列调整宽度的直线\n    verticalSplitLineHighlight?: ILineStyle;\n  };\n\n  /** 标记线配置 如果配置为true 会自动给今天做标记 */\n  markLine?: boolean | IMarkLine | IMarkLine[];\n\n  /** 指定整个甘特图的最小日期 */\n  minDate?: string;\n  /** 指定整个甘特图的最大日期 不设置的话用默认规则*/\n  maxDate?: string;\n\n  /** 顶部表头部分默认行高。如果想按表头层级依次配置，请配置到timelineHeader.scale中 */\n  headerRowHeight?: number;\n\n  /** 数据默认行高 */\n  rowHeight?: number;\n\n  /** 行号配置 */\n  rowSeriesNumber?: IRowSeriesNumber;\n\n  /**\n   * 'auto':和浏览器滚动行为一致 表格滚动到顶部/底部时 触发浏览器默认行为;\n   *  设置为 'none' 时, 表格滚动到顶部/底部时, 不再触发父容器滚动\n   * */\n  overscrollBehavior?: 'auto' | 'none';\n\n  scrollStyle?: IScrollStyle;\n\n  pixelRatio?: number;\n  dateFormat?:\n    | 'yyyy-mm-dd'\n    | 'dd-mm-yyyy'\n    | 'mm/dd/yyyy'\n    | 'yyyy/mm/dd'\n    | 'dd/mm/yyyy'\n    | 'yyyy.mm.dd'\n    | 'dd.mm.yyyy'\n    | 'mm.dd.yyyy';\n\n  /** 表格绘制范围外的canvas上填充的颜色 */\n  underlayBackgroundColor?: string;\n}\n/**\n * IBarLabelText\n * 可以配置固定文本 或者 ${fieldName} 或者自定义函数\n */\nexport type ITaskBarLabelText = string; //| string[] | ((args: any) => string | string[]);\nexport interface ITimelineScale {\n  rowHeight?: number;\n  unit: 'day' | 'week' | 'month' | 'quarter' | 'year';\n  step: number;\n  startOfWeek?: 'sunday' | 'monday';\n  customLayout?: IDateCustomLayout;\n  style?: ITimelineHeaderStyle;\n  format?: (date: DateFormatArgumentType) => string;\n}\nexport interface ITaskBarLabelTextStyle {\n  fontFamily?: string;\n  fontSize?: number;\n  color?: string;\n  textAlign?: 'center' | 'end' | 'left' | 'right' | 'start'; // 设置单元格内文字的水平对齐方式\n  textOverflow?: string;\n  textBaseline?: 'alphabetic' | 'bottom' | 'middle' | 'top'; // 设置单元格内文字的垂直对齐方式\n  padding?: number | number[];\n}\nexport interface ITaskBarStyle {\n  /** 任务条的颜色 */\n  barColor?: string;\n  /** 已完成部分任务条的颜色 */\n  completedBarColor?: string;\n  /** 任务条的宽度 */\n  width?: number;\n  /** 任务条的圆角 */\n  cornerRadius?: number;\n  // /** 任务条的边框 */\n  // borderWidth?: number;\n  // /** 边框颜色 */\n  // borderColor?: string;\n}\nexport type ILineStyle = {\n  lineColor?: string;\n  lineWidth?: number;\n  lineDash?: number[];\n};\nexport type IPointStyle = {\n  strokeColor?: string;\n  strokeWidth?: number;\n  fillColor?: string;\n  radius?: number;\n};\nexport interface IMarkLine {\n  date: string;\n  style?: ILineStyle;\n  /** 标记线显示在日期列下的位置 默认为'left' */\n  position?: 'left' | 'right' | 'middle';\n  /** 自动将日期范围内 包括改标记线 */\n  scrollToMarkLine?: boolean;\n}\nexport type ITableColumnsDefine = ColumnsDefine;\nexport type IFrameStyle = {\n  borderColor?: string;\n  borderLineWidth?: number;\n  borderLineDash?: number[];\n  cornerRadius?: number;\n};\n\nexport type ITableStyle = TYPES.ThemeStyle;\nexport type IRowSeriesNumber = TYPES.IRowSeriesNumber;\nexport type IScrollStyle = TYPES.ScrollStyle;\nexport type DateFormatArgumentType = {\n  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n  dateIndex: number;\n  startDate: Date;\n  endDate: Date;\n};\nexport type TaskBarCustomLayoutArgumentType = {\n  width: number;\n  height: number;\n  index: number;\n  startDate: Date;\n  endDate: Date;\n  taskDays: number;\n  progress: number;\n  taskRecord: any;\n  ganttInstance: Gantt;\n};\nexport type ITaskBarCustomLayoutObj = {\n  rootContainer: Group;\n  renderDefaultBar?: boolean; // 默认false\n  renderDefaultResizeIcon?: boolean; // 默认false\n  renderDefaultText?: boolean; // 默认false\n};\nexport type ITaskBarCustomLayout = (args: TaskBarCustomLayoutArgumentType) => ITaskBarCustomLayoutObj; //CustomLayout\n\nexport type DateCustomLayoutArgumentType = {\n  width: number;\n  height: number;\n  index: number;\n  /** 当期日期属于该日期刻度的第几位。如季度日期中第四季度 返回4。 */\n  dateIndex: number;\n  title: string;\n  startDate: Date;\n  endDate: Date;\n  days: number;\n  ganttInstance: Gantt;\n};\nexport type IDateCustomLayoutObj = {\n  rootContainer: Group;\n  renderDefaultText?: boolean; // 默认false\n};\nexport type IDateCustomLayout = (args: DateCustomLayoutArgumentType) => IDateCustomLayoutObj;\n\nexport type TaskCreationCustomLayoutArgumentType = {\n  width: number;\n  height: number;\n  // index: number;\n  ganttInstance: Gantt;\n};\nexport type ITaskCreationCustomLayoutObj = {\n  rootContainer: Group;\n};\nexport type ITaskCreationCustomLayout = (args: TaskCreationCustomLayoutArgumentType) => ITaskCreationCustomLayoutObj;\n\nexport type ITaskLink = {\n  /** 依赖的类型 */\n  type: DependencyType;\n  linkedFromTaskKey?: string | number;\n  linkedToTaskKey?: string | number;\n};\n\nexport type ITaskLinkSelectedStyle = ILineStyle & {\n  shadowBlur?: number; //阴影宽度\n  shadowOffset?: number; //偏移\n  shadowColor?: string; //阴影颜色\n};\nexport enum DependencyType {\n  FinishToStart = 'finish_to_start',\n  StartToStart = 'start_to_start',\n  FinishToFinish = 'finish_to_finish',\n  StartToFinish = 'start_to_finish'\n}\nexport type ITaskBarSelectedStyle = {\n  shadowBlur?: number; //阴影宽度\n  shadowOffsetX?: number; //x方向偏移\n  shadowOffsetY?: number; //Y方向偏移\n  shadowColor?: string; //阴影颜色\n  borderColor?: string; //边框颜色\n  borderLineWidth?: number;\n};\nexport type ITaskBarHoverStyle = {\n  /** 任务条的圆角 */\n  cornerRadius?: number;\n  barOverlayColor?: string;\n};\n//#endregion\n"]}