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

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

@@ -0,0 +1,72 @@
+/**
+ * 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 milestone_exports = {};
+__export(milestone_exports, {
+  Milestone: () => Milestone
+});
+module.exports = __toCommonJS(milestone_exports);
+var import_react = __toESM(require("react"));
+var import_css = require("@emotion/css");
+var import_style = require("./style");
+const Milestone = ({ task, isDateChangeable, onEventStart, isSelected }) => {
+  const transform = `rotate(45 ${task.x1 + task.height * 0.356} 
+    ${task.y + task.height * 0.85})`;
+  const getBarColor = () => {
+    return isSelected ? task.styles.backgroundSelectedColor : task.styles.backgroundColor;
+  };
+  return /* @__PURE__ */ import_react.default.createElement("g", { tabIndex: 0, className: (0, import_css.cx)(import_style.milestoneWrapper) }, /* @__PURE__ */ import_react.default.createElement(
+    "rect",
+    {
+      fill: getBarColor(),
+      x: task.x1,
+      width: task.height,
+      y: task.y,
+      height: task.height,
+      rx: task.barCornerRadius,
+      ry: task.barCornerRadius,
+      transform,
+      className: (0, import_css.cx)(import_style.milestoneBackground),
+      onMouseDown: (e) => {
+        isDateChangeable && onEventStart("move", task, e);
+      }
+    }
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Milestone
+});

package/dist/shared/components/task-item/milestone/style.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+export declare const milestoneWrapper: string;
+export declare const milestoneBackground: string;

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

@@ -0,0 +1,45 @@
+/**
+ * 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 style_exports = {};
+__export(style_exports, {
+  milestoneBackground: () => milestoneBackground,
+  milestoneWrapper: () => milestoneWrapper
+});
+module.exports = __toCommonJS(style_exports);
+var import_css = require("@emotion/css");
+const milestoneWrapper = import_css.css`
+  cursor: pointer;
+  outline: none;
+`;
+const milestoneBackground = import_css.css`
+  user-select: none;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  milestoneBackground,
+  milestoneWrapper
+});

package/dist/shared/components/task-item/project/project.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+import React from 'react';
+import { TaskItemProps } from '../task-item';
+export declare const Project: React.FC<TaskItemProps>;

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

@@ -0,0 +1,77 @@
+/**
+ * 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 project_exports = {};
+__export(project_exports, {
+  Project: () => Project
+});
+module.exports = __toCommonJS(project_exports);
+var import_css = require("@emotion/css");
+var import_react = __toESM(require("react"));
+var import_style = require("./style");
+const Project = ({ task, isSelected }) => {
+  const barColor = isSelected ? task.styles.backgroundSelectedColor : task.styles.backgroundColor;
+  const processColor = isSelected ? task.styles.progressSelectedColor : task.styles.progressColor;
+  const projectWith = task.x2 - task.x1;
+  return /* @__PURE__ */ import_react.default.createElement("g", { tabIndex: 0, className: (0, import_css.cx)(import_style.projectWrapper) }, /* @__PURE__ */ import_react.default.createElement(
+    "rect",
+    {
+      fill: task.color || barColor,
+      x: task.x1,
+      width: projectWith,
+      y: task.y,
+      height: task.height,
+      rx: task.barCornerRadius,
+      ry: task.barCornerRadius,
+      className: (0, import_css.cx)(import_style.projectBackground)
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "rect",
+    {
+      x: task.progressX,
+      width: task.progressWidth,
+      y: task.y,
+      height: task.height,
+      ry: task.barCornerRadius,
+      rx: task.barCornerRadius,
+      fill: task.color || processColor
+    }
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Project
+});

package/dist/shared/components/task-item/project/style.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+export declare const projectWrapper: string;
+export declare const projectBackground: string;
+export declare const projectTop: string;

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

@@ -0,0 +1,51 @@
+/**
+ * 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 style_exports = {};
+__export(style_exports, {
+  projectBackground: () => projectBackground,
+  projectTop: () => projectTop,
+  projectWrapper: () => projectWrapper
+});
+module.exports = __toCommonJS(style_exports);
+var import_css = require("@emotion/css");
+const projectWrapper = import_css.css`
+  cursor: pointer;
+  outline: none;
+`;
+const projectBackground = import_css.css`
+  user-select: none;
+  opacity: 0.6;
+`;
+const projectTop = import_css.css`
+  user-select: none;
+`;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  projectBackground,
+  projectTop,
+  projectWrapper
+});

package/dist/shared/components/task-item/style.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    nbganttTaskitem: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;

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

@@ -0,0 +1,74 @@
+/**
+ * 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 style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_antd_style = require("antd-style");
+const useStyles = (0, import_antd_style.createStyles)(({ token, css }) => {
+  return {
+    nbganttTaskitem: css`
+      .barLabel: {
+        fill: ${token.colorTextLightSolid},
+        textAnchor: middle,
+        font-weight: 400,
+        dominantBaseline: central,
+        WebkitTouchCallout: none,
+        WebkitUserSelect: none,
+        MozUserSelect: none,
+        msUserSelect: none,
+        userSelect: none,
+        pointerEvents: none,
+      },
+      .projectLabel: {
+        fill: #130d0d,
+        fontWeight: 500,
+        fontSize: 0.9em,
+        dominantBaseline: central,
+        WebkitTouchCallout: none,
+        WebkitUserSelect: none,
+        MozUserSelect: none,
+        msUserSelect: none,
+        userSelect: none,
+        pointerEvents: none,
+      },
+      .barLabelOutside: {
+        fill: ${token.colorTextLabel},
+        textAnchor: start,
+        WebkitTouchCallout: none,
+        WebkitUserSelect: none,
+        MozUserSelect: none,
+        msUserSelect: none,
+        userSelect: none,
+        pointerEvents: none,
+      },
+    }
+  }`
+  };
+});
+var style_default = useStyles;

package/dist/shared/components/task-item/task-item.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ */
+import React from 'react';
+import { BarTask } from '../../types/bar-task';
+import { GanttContentMoveAction } from '../../types/gantt-task-actions';
+export type TaskItemProps = {
+    task: BarTask;
+    arrowIndent: number;
+    taskHeight: number;
+    isProgressChangeable: boolean;
+    isDateChangeable: boolean;
+    isDelete: boolean;
+    isSelected: boolean;
+    rtl: boolean;
+    onEventStart: (action: GanttContentMoveAction, selectedTask: BarTask, event?: React.MouseEvent | React.KeyboardEvent) => any;
+};
+export declare const TaskItem: React.FC<TaskItemProps>;

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

@@ -0,0 +1,132 @@
+/**
+ * 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.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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.
+ */
+import { BarTask } from '../types/bar-task';
+import { BarMoveAction } from '../types/gantt-task-actions';
+import { Task } from '../types/public-types';
+export declare const convertToBarTasks: (tasks: Task[], dates: Date[], columnWidth: number, rowHeight: number, taskHeight: number, barCornerRadius: number, handleWidth: number, rtl: boolean, barProgressColor: string, barProgressSelectedColor: string, barBackgroundColor: string, barBackgroundSelectedColor: string, projectProgressColor: string, projectProgressSelectedColor: string, projectBackgroundColor: string, projectBackgroundSelectedColor: string, milestoneBackgroundColor: string, milestoneBackgroundSelectedColor: string) => BarTask[];
+export declare const progressWithByParams: (taskX1: number, taskX2: number, progress: number, rtl: boolean) => number[];
+export declare const progressByProgressWidth: (progressWidth: number, barTask: BarTask) => number;
+export declare const getProgressPoint: (progressX: number, taskY: number, taskHeight: number) => string;
+/**
+ * Method handles event in real time(mousemove) and on finish(mouseup)
+ */
+export declare const handleTaskBySVGMouseEvent: (svgX: number, action: BarMoveAction, selectedTask: BarTask, xStep: number, timeStep: number, initEventX1Delta: number, rtl: boolean) => {
+    isChanged: boolean;
+    changedTask: BarTask;
+};