@nocobase/plugin-gantt 2.1.0-beta.38 → 2.1.0-beta.40

package/dist/shared/components/task-item/task-item.js

@@ -1,132 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var task_item_exports = {};
-__export(task_item_exports, {
-  TaskItem: () => TaskItem
-});
-module.exports = __toCommonJS(task_item_exports);
-var import_css = require("@emotion/css");
-var import_react = __toESM(require("react"));
-var import_other_helper = require("../../helpers/other-helper");
-var import_bar = require("./bar/bar");
-var import_bar_small = require("./bar/bar-small");
-var import_milestone = require("./milestone/milestone");
-var import_project = require("./project/project");
-var import_style = __toESM(require("./style"));
-const TaskItem = (props) => {
-  const { styles } = (0, import_style.default)();
-  const { task, arrowIndent, isDelete, taskHeight, rtl, onEventStart } = {
-    ...props
-  };
-  const textRef = (0, import_react.useRef)(null);
-  const [isTextInside, setIsTextInside] = (0, import_react.useState)(true);
-  const isProjectBar = task.typeInternal === "project";
-  const renderTaskItem = () => {
-    switch (task.typeInternal) {
-      case "milestone":
-        return /* @__PURE__ */ import_react.default.createElement(import_milestone.Milestone, { ...props });
-      case "project":
-        return /* @__PURE__ */ import_react.default.createElement(import_project.Project, { ...props });
-      case "smalltask":
-        return /* @__PURE__ */ import_react.default.createElement(import_bar_small.BarSmall, { ...props });
-      default:
-        return /* @__PURE__ */ import_react.default.createElement(import_bar.Bar, { ...props });
-    }
-  };
-  (0, import_react.useEffect)(() => {
-    if (textRef.current) {
-      setIsTextInside(textRef.current.getBBox().width < task.x2 - task.x1);
-    }
-  }, [textRef, task]);
-  const getX = () => {
-    const width = task.x2 - task.x1;
-    const hasChild = task.barChildren.length > 0;
-    if (isTextInside) {
-      return task.x1 + width * 0.5;
-    }
-    if (rtl && textRef.current) {
-      return task.x1 - textRef.current.getBBox().width - arrowIndent * +hasChild - arrowIndent * 0.2;
-    } else {
-      return task.x1 + width + arrowIndent * +hasChild + arrowIndent * 0.2;
-    }
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "g",
-    {
-      className: (0, import_css.cx)(styles.nbganttTaskitem),
-      onKeyDown: (e) => {
-        switch (e.key) {
-          case "Delete": {
-            if (isDelete) onEventStart("delete", task, e);
-            break;
-          }
-        }
-        e.stopPropagation();
-      },
-      onMouseEnter: (e) => {
-        onEventStart("mouseenter", task, e);
-      },
-      onMouseLeave: (e) => {
-        onEventStart("mouseleave", task, e);
-      },
-      onDoubleClick: (e) => {
-        onEventStart("dblclick", task, e);
-      },
-      onClick: (e) => {
-        onEventStart("click", task, e);
-      },
-      onFocus: () => {
-        onEventStart("select", task);
-      }
-    },
-    renderTaskItem(),
-    /* @__PURE__ */ import_react.default.createElement(
-      "text",
-      {
-        x: isProjectBar ? task.x1 : getX(),
-        y: isProjectBar ? task.y - 8 : isTextInside ? task.y + taskHeight * 0.65 : task.y + taskHeight * 0.65,
-        className: isProjectBar ? (0, import_css.cx)("projectLabel") : isTextInside ? (0, import_css.cx)("barLabel") : (0, import_css.cx)("barLabelOutside"),
-        ref: textRef
-      },
-      isProjectBar && (0, import_other_helper.getYmd)(task.start) && (0, import_other_helper.getYmd)(task.end) ? `${task.name}:  ${(0, import_other_helper.getYmd)(task.start)} ~ ${(0, import_other_helper.getYmd)(task.end)}` : task.name
-    )
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TaskItem
-});

package/dist/shared/helpers/bar-helper.js

@@ -1,415 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var bar_helper_exports = {};
-__export(bar_helper_exports, {
-  convertToBarTasks: () => convertToBarTasks,
-  getProgressPoint: () => getProgressPoint,
-  handleTaskBySVGMouseEvent: () => handleTaskBySVGMouseEvent,
-  progressByProgressWidth: () => progressByProgressWidth,
-  progressWithByParams: () => progressWithByParams
-});
-module.exports = __toCommonJS(bar_helper_exports);
-const convertToBarTasks = (tasks, dates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor) => {
-  let barTasks = tasks.map((t, i) => {
-    return convertToBarTask(
-      t,
-      i,
-      dates,
-      columnWidth,
-      rowHeight,
-      taskHeight,
-      barCornerRadius,
-      handleWidth,
-      rtl,
-      barProgressColor,
-      barProgressSelectedColor,
-      barBackgroundColor,
-      barBackgroundSelectedColor,
-      projectProgressColor,
-      projectProgressSelectedColor,
-      projectBackgroundColor,
-      projectBackgroundSelectedColor,
-      milestoneBackgroundColor,
-      milestoneBackgroundSelectedColor
-    );
-  });
-  barTasks = barTasks.map((task) => {
-    const dependencies = task.dependencies || [];
-    for (let j = 0; j < dependencies.length; j++) {
-      const dependence = barTasks.findIndex((value) => value.id === dependencies[j]);
-      if (dependence !== -1) barTasks[dependence].barChildren.push(task);
-    }
-    return task;
-  });
-  return barTasks;
-};
-const convertToBarTask = (task, index, dates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, milestoneBackgroundColor, milestoneBackgroundSelectedColor) => {
-  let barTask;
-  switch (task.type) {
-    case "milestone":
-      barTask = convertToMilestone(
-        task,
-        index,
-        dates,
-        columnWidth,
-        rowHeight,
-        taskHeight,
-        barCornerRadius,
-        handleWidth,
-        milestoneBackgroundColor,
-        milestoneBackgroundSelectedColor
-      );
-      break;
-    case "project":
-      barTask = convertToBar(
-        task,
-        index,
-        dates,
-        columnWidth,
-        rowHeight,
-        taskHeight * 0.5,
-        barCornerRadius,
-        handleWidth,
-        rtl,
-        projectProgressColor,
-        projectProgressSelectedColor,
-        projectBackgroundColor,
-        projectBackgroundSelectedColor
-      );
-      break;
-    default:
-      barTask = convertToBar(
-        task,
-        index,
-        dates,
-        columnWidth,
-        rowHeight,
-        taskHeight,
-        barCornerRadius,
-        handleWidth,
-        rtl,
-        barProgressColor,
-        barProgressSelectedColor,
-        barBackgroundColor,
-        barBackgroundSelectedColor
-      );
-      break;
-  }
-  return barTask;
-};
-const convertToBar = (task, index, dates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor) => {
-  let x1;
-  let x2;
-  if (rtl) {
-    x2 = taskXCoordinateRTL(task.start, dates, columnWidth);
-    x1 = taskXCoordinateRTL(task.end, dates, columnWidth);
-  } else {
-    x1 = taskXCoordinate(task.start, dates, columnWidth);
-    x2 = taskXCoordinate(task.end, dates, columnWidth);
-  }
-  let typeInternal = task.type;
-  if (typeInternal === "task" && x2 - x1 < handleWidth * 2) {
-    typeInternal = "smalltask";
-    x2 = x1 > 0 ? x1 + handleWidth * 2 : x1;
-  }
-  const [progressWidth, progressX] = progressWithByParams(x1, x2, task.progress, rtl);
-  const y = task.type === "project" ? taskYCoordinate(index, rowHeight, taskHeight) + 8 : taskYCoordinate(index, rowHeight, taskHeight);
-  const hideChildren = task.type === "project" ? task.hideChildren : void 0;
-  const styles = {
-    backgroundColor: barBackgroundColor,
-    backgroundSelectedColor: barBackgroundSelectedColor,
-    progressColor: barProgressColor,
-    progressSelectedColor: barProgressSelectedColor,
-    ...task.styles
-  };
-  return {
-    ...task,
-    typeInternal,
-    x1,
-    x2,
-    y,
-    index,
-    progressX,
-    progressWidth,
-    barCornerRadius,
-    handleWidth,
-    hideChildren,
-    height: taskHeight,
-    barChildren: [],
-    styles
-  };
-};
-const convertToMilestone = (task, index, dates, columnWidth, rowHeight, taskHeight, barCornerRadius, handleWidth, milestoneBackgroundColor, milestoneBackgroundSelectedColor) => {
-  const x = taskXCoordinate(task.start, dates, columnWidth);
-  const y = taskYCoordinate(index, rowHeight, taskHeight);
-  const x1 = x - taskHeight * 0.5;
-  const x2 = x + taskHeight * 0.5;
-  const rotatedHeight = taskHeight / 1.414;
-  const styles = {
-    backgroundColor: milestoneBackgroundColor,
-    backgroundSelectedColor: milestoneBackgroundSelectedColor,
-    progressColor: "",
-    progressSelectedColor: "",
-    ...task.styles
-  };
-  return {
-    ...task,
-    end: task.start,
-    x1,
-    x2,
-    y,
-    index,
-    progressX: 0,
-    progressWidth: 0,
-    barCornerRadius,
-    handleWidth,
-    typeInternal: task.type,
-    progress: 0,
-    height: rotatedHeight,
-    hideChildren: void 0,
-    barChildren: [],
-    styles
-  };
-};
-const taskXCoordinate = (xDate, dates, columnWidth) => {
-  var _a, _b, _c;
-  const index = dates.findIndex((d) => (d == null ? void 0 : d.getTime()) >= (xDate == null ? void 0 : xDate.getTime())) - 1;
-  const remainderMillis = (xDate == null ? void 0 : xDate.getTime()) - ((_a = dates[index]) == null ? void 0 : _a.getTime());
-  const percentOfInterval = remainderMillis / (((_b = dates[index + 1]) == null ? void 0 : _b.getTime()) - ((_c = dates[index]) == null ? void 0 : _c.getTime()));
-  const x = index * columnWidth + percentOfInterval * columnWidth;
-  return isNaN(x) ? 0 : x;
-};
-const taskXCoordinateRTL = (xDate, dates, columnWidth) => {
-  let x = taskXCoordinate(xDate, dates, columnWidth);
-  x += columnWidth;
-  return isNaN(x) ? 0 : x;
-};
-const taskYCoordinate = (index, rowHeight, taskHeight) => {
-  const y = index * rowHeight + (rowHeight - taskHeight) / 2;
-  return isNaN(y) ? 0 : y;
-};
-const progressWithByParams = (taskX1, taskX2, progress, rtl) => {
-  const progressWidth = (taskX2 - taskX1) * progress * 0.01;
-  let progressX;
-  if (rtl) {
-    progressX = taskX2 - progressWidth;
-  } else {
-    progressX = taskX1;
-  }
-  return [progressWidth, progressX];
-};
-const progressByProgressWidth = (progressWidth, barTask) => {
-  const barWidth = barTask.x2 - barTask.x1;
-  const progressPercent = Math.round(progressWidth * 100 / barWidth);
-  if (progressPercent >= 100) return 100;
-  else if (progressPercent <= 0) return 0;
-  else return progressPercent;
-};
-const progressByX = (x, task) => {
-  if (x >= task.x2) return 100;
-  else if (x <= task.x1) return 0;
-  else {
-    const barWidth = task.x2 - task.x1;
-    const progressPercent = Math.round((x - task.x1) * 100 / barWidth);
-    return progressPercent;
-  }
-};
-const progressByXRTL = (x, task) => {
-  if (x >= task.x2) return 0;
-  else if (x <= task.x1) return 100;
-  else {
-    const barWidth = task.x2 - task.x1;
-    const progressPercent = Math.round((task.x2 - x) * 100 / barWidth);
-    return progressPercent;
-  }
-};
-const getProgressPoint = (progressX, taskY, taskHeight) => {
-  const point = [
-    progressX - 5,
-    taskY + taskHeight,
-    progressX + 5,
-    taskY + taskHeight,
-    progressX,
-    taskY + taskHeight - 8.66
-  ];
-  return point.join(",");
-};
-const startByX = (x, xStep, task) => {
-  if (x >= task.x2 - task.handleWidth * 2) {
-    x = task.x2 - task.handleWidth * 2;
-  }
-  const steps = Math.round((x - task.x1) / xStep);
-  const additionalXValue = steps * xStep;
-  const newX = task.x1 + additionalXValue;
-  return newX;
-};
-const endByX = (x, xStep, task) => {
-  if (x <= task.x1 + task.handleWidth * 2) {
-    x = task.x1 + task.handleWidth * 2;
-  }
-  const steps = Math.round((x - task.x2) / xStep);
-  const additionalXValue = steps * xStep;
-  const newX = task.x2 + additionalXValue;
-  return newX;
-};
-const moveByX = (x, xStep, task) => {
-  const steps = Math.round((x - task.x1) / xStep);
-  const additionalXValue = steps * xStep;
-  const newX1 = task.x1 + additionalXValue;
-  const newX2 = newX1 + task.x2 - task.x1;
-  return [newX1, newX2];
-};
-const dateByX = (x, taskX, taskDate, xStep, timeStep) => {
-  var _a, _b;
-  let newDate = new Date((x - taskX) / xStep * timeStep + ((_a = taskDate == null ? void 0 : taskDate.getTime) == null ? void 0 : _a.call(taskDate)));
-  newDate = new Date(((_b = newDate == null ? void 0 : newDate.getTime) == null ? void 0 : _b.call(newDate)) + ((newDate == null ? void 0 : newDate.getTimezoneOffset()) - (taskDate == null ? void 0 : taskDate.getTimezoneOffset())) * 6e4);
-  return newDate;
-};
-const handleTaskBySVGMouseEvent = (svgX, action, selectedTask, xStep, timeStep, initEventX1Delta, rtl) => {
-  let result;
-  switch (selectedTask.type) {
-    case "milestone":
-      result = handleTaskBySVGMouseEventForMilestone(svgX, action, selectedTask, xStep, timeStep, initEventX1Delta);
-      break;
-    default:
-      result = handleTaskBySVGMouseEventForBar(svgX, action, selectedTask, xStep, timeStep, initEventX1Delta, rtl);
-      break;
-  }
-  return result;
-};
-const handleTaskBySVGMouseEventForBar = (svgX, action, selectedTask, xStep, timeStep, initEventX1Delta, rtl) => {
-  const changedTask = { ...selectedTask };
-  let isChanged = false;
-  switch (action) {
-    case "progress":
-      if (rtl) {
-        changedTask.progress = progressByXRTL(svgX, selectedTask);
-      } else {
-        changedTask.progress = progressByX(svgX, selectedTask);
-      }
-      isChanged = changedTask.progress !== selectedTask.progress;
-      if (isChanged) {
-        const [progressWidth, progressX] = progressWithByParams(
-          changedTask.x1,
-          changedTask.x2,
-          changedTask.progress,
-          rtl
-        );
-        changedTask.progressWidth = progressWidth;
-        changedTask.progressX = progressX;
-      }
-      break;
-    case "start": {
-      const newX1 = startByX(svgX, xStep, selectedTask);
-      changedTask.x1 = newX1;
-      isChanged = changedTask.x1 !== selectedTask.x1;
-      if (isChanged) {
-        if (rtl) {
-          changedTask.end = dateByX(newX1, selectedTask.x1, selectedTask.end, xStep, timeStep);
-        } else {
-          changedTask.start = dateByX(newX1, selectedTask.x1, selectedTask.start, xStep, timeStep);
-        }
-        const [progressWidth, progressX] = progressWithByParams(
-          changedTask.x1,
-          changedTask.x2,
-          changedTask.progress,
-          rtl
-        );
-        changedTask.progressWidth = progressWidth;
-        changedTask.progressX = progressX;
-      }
-      break;
-    }
-    case "end": {
-      const newX2 = endByX(svgX, xStep, selectedTask);
-      changedTask.x2 = newX2;
-      isChanged = changedTask.x2 !== selectedTask.x2;
-      if (isChanged) {
-        if (rtl) {
-          changedTask.start = dateByX(newX2, selectedTask.x2, selectedTask.start, xStep, timeStep);
-        } else {
-          changedTask.end = dateByX(newX2, selectedTask.x2, selectedTask.end, xStep, timeStep);
-        }
-        const [progressWidth, progressX] = progressWithByParams(
-          changedTask.x1,
-          changedTask.x2,
-          changedTask.progress,
-          rtl
-        );
-        changedTask.progressWidth = progressWidth;
-        changedTask.progressX = progressX;
-      }
-      break;
-    }
-    case "move": {
-      const [newMoveX1, newMoveX2] = moveByX(svgX - initEventX1Delta, xStep, selectedTask);
-      isChanged = newMoveX1 !== selectedTask.x1;
-      if (isChanged) {
-        changedTask.start = dateByX(newMoveX1, selectedTask.x1, selectedTask.start, xStep, timeStep);
-        changedTask.end = dateByX(newMoveX2, selectedTask.x2, selectedTask.end, xStep, timeStep);
-        changedTask.x1 = newMoveX1;
-        changedTask.x2 = newMoveX2;
-        const [progressWidth, progressX] = progressWithByParams(
-          changedTask.x1,
-          changedTask.x2,
-          changedTask.progress,
-          rtl
-        );
-        changedTask.progressWidth = progressWidth;
-        changedTask.progressX = progressX;
-      }
-      break;
-    }
-  }
-  return { isChanged, changedTask };
-};
-const handleTaskBySVGMouseEventForMilestone = (svgX, action, selectedTask, xStep, timeStep, initEventX1Delta) => {
-  const changedTask = { ...selectedTask };
-  let isChanged = false;
-  switch (action) {
-    case "move": {
-      const [newMoveX1, newMoveX2] = moveByX(svgX - initEventX1Delta, xStep, selectedTask);
-      isChanged = newMoveX1 !== selectedTask.x1;
-      if (isChanged) {
-        changedTask.start = dateByX(newMoveX1, selectedTask.x1, selectedTask.start, xStep, timeStep);
-        changedTask.end = changedTask.start;
-        changedTask.x1 = newMoveX1;
-        changedTask.x2 = newMoveX2;
-      }
-      break;
-    }
-  }
-  return { isChanged, changedTask };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  convertToBarTasks,
-  getProgressPoint,
-  handleTaskBySVGMouseEvent,
-  progressByProgressWidth,
-  progressWithByParams
-});