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

package/dist/shared/components/grid/grid.js

@@ -0,0 +1,50 @@
+/**
+ * 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 grid_exports = {};
+__export(grid_exports, {
+  Grid: () => Grid
+});
+module.exports = __toCommonJS(grid_exports);
+var import_react = __toESM(require("react"));
+var import_grid_body = require("./grid-body");
+const Grid = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("g", { className: "grid" }, /* @__PURE__ */ import_react.default.createElement(import_grid_body.GridBody, { ...props }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Grid
+});

package/dist/shared/components/grid/style.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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<{
+    gridRow: import("antd-style").SerializedStyles;
+    gridHeightRow: import("antd-style").SerializedStyles;
+    nbGridbody: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;

package/dist/shared/components/grid/style.js

@@ -0,0 +1,54 @@
+/**
+ * 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 {
+    gridRow: css`
+      fill: ${token.colorBgContainer};
+    `,
+    gridHeightRow: css`
+      fill: #e6f7ff;
+      border-color: ${token.colorBorder};
+    `,
+    nbGridbody: css`
+      .gridrowline: {
+        stroke: ${token.colorBorderSecondary};
+        stroke-width: 0;
+        border-bottom: 1px solid ${token.colorBorderSecondary};
+      }
+      .gridtick: {
+        stroke: ${token.colorBorderSecondary};
+      }
+    `
+  };
+});
+var style_default = useStyles;

package/dist/shared/components/other/arrow.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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';
+type ArrowProps = {
+    taskFrom: BarTask;
+    taskTo: BarTask;
+    rowHeight: number;
+    taskHeight: number;
+    arrowIndent: number;
+    rtl: boolean;
+};
+export declare const Arrow: React.FC<ArrowProps>;
+export {};

package/dist/shared/components/other/arrow.js

@@ -0,0 +1,90 @@
+/**
+ * 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 arrow_exports = {};
+__export(arrow_exports, {
+  Arrow: () => Arrow
+});
+module.exports = __toCommonJS(arrow_exports);
+var import_react = __toESM(require("react"));
+const Arrow = ({ taskFrom, taskTo, rowHeight, taskHeight, arrowIndent, rtl }) => {
+  let path;
+  let trianglePoints;
+  if (rtl) {
+    [path, trianglePoints] = drownPathAndTriangleRTL(taskFrom, taskTo, rowHeight, taskHeight, arrowIndent);
+  } else {
+    [path, trianglePoints] = drownPathAndTriangle(taskFrom, taskTo, rowHeight, taskHeight, arrowIndent);
+  }
+  return /* @__PURE__ */ import_react.default.createElement("g", { className: "arrow" }, /* @__PURE__ */ import_react.default.createElement("path", { strokeWidth: "1.5", d: path, fill: "none" }), /* @__PURE__ */ import_react.default.createElement("polygon", { points: trianglePoints }));
+};
+const drownPathAndTriangle = (taskFrom, taskTo, rowHeight, taskHeight, arrowIndent) => {
+  const indexCompare = taskFrom.index > taskTo.index ? -1 : 1;
+  const taskToEndPosition = taskTo.y + taskHeight / 2;
+  const taskFromEndPosition = taskFrom.x2 + arrowIndent * 2;
+  const taskFromHorizontalOffsetValue = taskFromEndPosition < taskTo.x1 ? "" : `H ${taskTo.x1 - arrowIndent}`;
+  const taskToHorizontalOffsetValue = taskFromEndPosition > taskTo.x1 ? arrowIndent : taskTo.x1 - taskFrom.x2 - arrowIndent;
+  const path = `M ${taskFrom.x2} ${taskFrom.y + taskHeight / 2} 
+  h ${arrowIndent} 
+  v ${indexCompare * rowHeight / 2} 
+  ${taskFromHorizontalOffsetValue}
+  V ${taskToEndPosition} 
+  h ${taskToHorizontalOffsetValue}`;
+  const trianglePoints = `${taskTo.x1},${taskToEndPosition} 
+  ${taskTo.x1 - 5},${taskToEndPosition - 5} 
+  ${taskTo.x1 - 5},${taskToEndPosition + 5}`;
+  return [path, trianglePoints];
+};
+const drownPathAndTriangleRTL = (taskFrom, taskTo, rowHeight, taskHeight, arrowIndent) => {
+  const indexCompare = taskFrom.index > taskTo.index ? -1 : 1;
+  const taskToEndPosition = taskTo.y + taskHeight / 2;
+  const taskFromEndPosition = taskFrom.x1 - arrowIndent * 2;
+  const taskFromHorizontalOffsetValue = taskFromEndPosition > taskTo.x2 ? "" : `H ${taskTo.x2 + arrowIndent}`;
+  const taskToHorizontalOffsetValue = taskFromEndPosition < taskTo.x2 ? -arrowIndent : taskTo.x2 - taskFrom.x1 + arrowIndent;
+  const path = `M ${taskFrom.x1} ${taskFrom.y + taskHeight / 2} 
+  h ${-arrowIndent} 
+  v ${indexCompare * rowHeight / 2} 
+  ${taskFromHorizontalOffsetValue}
+  V ${taskToEndPosition} 
+  h ${taskToHorizontalOffsetValue}`;
+  const trianglePoints = `${taskTo.x2},${taskToEndPosition} 
+  ${taskTo.x2 + 5},${taskToEndPosition + 5} 
+  ${taskTo.x2 + 5},${taskToEndPosition - 5}`;
+  return [path, trianglePoints];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Arrow
+});

package/dist/shared/components/other/horizontal-scroll.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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, { SyntheticEvent } from 'react';
+type HorizontalScrollProps = {
+    svgWidth: number;
+    rtl: boolean;
+    onScroll: (event: SyntheticEvent<HTMLDivElement>) => void;
+};
+export declare const HorizontalScroll: React.ForwardRefExoticComponent<HorizontalScrollProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/shared/components/other/horizontal-scroll.js

@@ -0,0 +1,64 @@
+/**
+ * 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 horizontal_scroll_exports = {};
+__export(horizontal_scroll_exports, {
+  HorizontalScroll: () => HorizontalScroll
+});
+module.exports = __toCommonJS(horizontal_scroll_exports);
+var import_react = __toESM(require("react"));
+var import_css = require("@emotion/css");
+var import_style = __toESM(require("./style"));
+const HorizontalScroll = (0, import_react.forwardRef)(
+  ({ svgWidth, rtl, onScroll }, ref) => {
+    const { styles } = (0, import_style.default)();
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        dir: "ltr",
+        className: (0, import_css.cx)(styles.nbGridOther, styles.scrollWrapper, "gantt-horizontal-scoll"),
+        onScroll,
+        ref
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { style: { width: svgWidth, height: 1 }, className: "horizontalScroll" })
+    );
+  }
+);
+HorizontalScroll.displayName = "HorizontalScroll";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HorizontalScroll
+});

package/dist/shared/components/other/style.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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<{
+    scrollWrapper: import("antd-style").SerializedStyles;
+    tooltipDefaultContainer: import("antd-style").SerializedStyles;
+    tooltipDetailsContainer: import("antd-style").SerializedStyles;
+    tooltipDetailsContainerHidden: import("antd-style").SerializedStyles;
+    nbGridOther: import("antd-style").SerializedStyles;
+}>;
+export default useStyles;

package/dist/shared/components/other/style.js

@@ -0,0 +1,125 @@
+/**
+ * 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 {
+    scrollWrapper: css`
+      overflow: auto;
+      position: absolute;
+      bottom: 0;
+      max-width: 100%;
+      height: 16px;
+      background: ${token.colorSplit};
+      scrollbar-color: ${token.colorTextPlaceholder} ${token.colorSplit};
+      &::-webkit-scrollbar {
+        width: 16px;
+        height: 16px;
+      }
+      &::-webkit-scrollbar-corner {
+        background: ${token.colorSplit};
+      }
+      &::-webkit-scrollbar-track {
+        background: ${token.colorSplit};
+      }
+      &::-webkit-scrollbar-thumb {
+        background: ${token.colorTextPlaceholder};
+        border-radius: 100px;
+      }
+      &::-webkit-scrollbar-thumb:hover {
+        background: ${token.colorTextHeading};
+      }
+    `,
+    tooltipDefaultContainer: css`
+      padding: 12px;
+      background-color: ${token.colorBgElevated};
+      background-clip: padding-box;
+      border-radius: ${token.borderRadius};
+      box-shadow: ${token.boxShadow};
+      b {
+        display: block;
+        margin-bottom: ${token.marginXS};
+      }
+      .tooltipdefaultcontainerparagraph {
+        font-size: ${token.fontSizeSM};
+        margin-bottom: ${token.marginXS}px;
+        color: ${token.colorText};
+      }
+    `,
+    tooltipDetailsContainer: css`
+      position: absolute;
+      display: flex;
+      flex-shrink: 0;
+      pointer-events: none;
+      -webkit-touch-callout: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+    `,
+    tooltipDetailsContainerHidden: css`
+      visibility: hidden;
+      position: absolute;
+      display: flex;
+      pointer-events: none;
+    `,
+    nbGridOther: css`
+      .horizontalScroll {
+        height: 1px;
+      }
+
+      .verticalScroll {
+        overflow: hidden auto;
+        width: 1rem;
+        flex-shrink: 0;
+        scrollbar-color: ${token.colorTextPlaceholder} ${token.colorSplit};
+        &::-webkit-scrollbar {
+          width: 8px;
+          height: 8px;
+        }
+        &::-webkit-scrollbar-corner {
+          background: ${token.colorSplit};
+        }
+        &::-webkit-scrollbar-track {
+          background: ${token.colorSplit};
+        }
+        &::-webkit-scrollbar-thumb {
+          background: ${token.colorTextPlaceholder};
+          border-radius: 100px;
+        }
+        &::-webkit-scrollbar-thumb:hover {
+          background: ${token.colorTextHeading};
+        }
+      }
+    `
+  };
+});
+var style_default = useStyles;

package/dist/shared/components/other/tooltip.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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 { Task } from '../../types/public-types';
+export type TooltipProps = {
+    task: BarTask;
+    arrowIndent: number;
+    rtl: boolean;
+    svgContainerHeight: number;
+    svgContainerWidth: number;
+    svgWidth: number;
+    headerHeight: number;
+    scrollX: number;
+    scrollY: number;
+    rowHeight: number;
+    fontSize: string;
+    fontFamily: string;
+    TooltipContent: React.FC<{
+        task: Task;
+        fontSize: string;
+        fontFamily: string;
+    }>;
+};
+export declare const Tooltip: React.FC<TooltipProps>;
+export declare const StandardTooltipContent: React.FC<{
+    task: Task;
+    fontSize: string;
+    fontFamily: string;
+}>;

package/dist/shared/components/other/tooltip.js

@@ -0,0 +1,137 @@
+/**
+ * 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 tooltip_exports = {};
+__export(tooltip_exports, {
+  StandardTooltipContent: () => StandardTooltipContent,
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_css = require("@emotion/css");
+var import_react = __toESM(require("react"));
+var import_other_helper = require("../../helpers/other-helper");
+var import_style = __toESM(require("./style"));
+const Tooltip = ({
+  task,
+  rowHeight,
+  rtl,
+  svgContainerHeight,
+  svgContainerWidth,
+  scrollX,
+  scrollY,
+  arrowIndent,
+  fontSize,
+  fontFamily,
+  headerHeight,
+  TooltipContent
+}) => {
+  const { styles } = (0, import_style.default)();
+  const tooltipRef = (0, import_react.useRef)(null);
+  const [relatedY, setRelatedY] = (0, import_react.useState)(0);
+  const [relatedX, setRelatedX] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (tooltipRef.current) {
+      const tooltipHeight = tooltipRef.current.offsetHeight * 1.1;
+      const tooltipWidth = tooltipRef.current.offsetWidth * 1.1;
+      let newRelatedY = task.index * rowHeight - scrollY + headerHeight;
+      let newRelatedX;
+      if (rtl) {
+        newRelatedX = task.x1 - arrowIndent * 1.5 - tooltipWidth - scrollX;
+        if (newRelatedX < 0) {
+          newRelatedX = task.x2 + arrowIndent * 1.5 - scrollX;
+        }
+        const tooltipLeftmostPoint = tooltipWidth + newRelatedX;
+        if (tooltipLeftmostPoint > svgContainerWidth) {
+          newRelatedX = svgContainerWidth - tooltipWidth;
+          newRelatedY += rowHeight;
+        }
+      } else {
+        newRelatedX = task.x2 + arrowIndent * 1.5 - scrollX;
+        const tooltipLeftmostPoint = tooltipWidth + newRelatedX;
+        if (tooltipLeftmostPoint > svgContainerWidth) {
+          newRelatedX = task.x1 - arrowIndent * 1.5 - scrollX - tooltipWidth;
+        }
+        if (newRelatedX < 0) {
+          newRelatedX = svgContainerWidth - tooltipWidth;
+          newRelatedY += rowHeight;
+        }
+      }
+      const tooltipLowerPoint = tooltipHeight + newRelatedY - scrollY;
+      if (tooltipLowerPoint > svgContainerHeight - scrollY) {
+        newRelatedY = svgContainerHeight - tooltipHeight;
+      }
+      setRelatedY(newRelatedY);
+      setRelatedX(newRelatedX);
+    }
+  }, [
+    tooltipRef,
+    task,
+    arrowIndent,
+    scrollX,
+    scrollY,
+    headerHeight,
+    rowHeight,
+    svgContainerHeight,
+    svgContainerWidth,
+    rtl
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: tooltipRef,
+      className: (0, import_css.cx)(
+        relatedX ? styles.tooltipDetailsContainer : styles.tooltipDetailsContainerHidden,
+        styles.nbGridOther
+      ),
+      style: { left: relatedX, top: relatedY }
+    },
+    /* @__PURE__ */ import_react.default.createElement(TooltipContent, { task, fontSize, fontFamily })
+  );
+};
+const StandardTooltipContent = ({ task, fontSize, fontFamily }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const { styles } = (0, import_style.default)();
+  const style = {
+    fontSize,
+    fontFamily
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_css.cx)(styles.nbGridOther, styles.tooltipDefaultContainer), "aria-label": "nb-gantt-tooltip", style }, /* @__PURE__ */ import_react.default.createElement("b", { style: { fontSize } }, task.name, ": ", (0, import_other_helper.getYmd)(task.start), " ~ ", (0, import_other_helper.getYmd)(task.end)), ((_b = (_a = task.end) == null ? void 0 : _a.getTime) == null ? void 0 : _b.call(_a)) - ((_d = (_c = task.start) == null ? void 0 : _c.getTime) == null ? void 0 : _d.call(_c)) !== 0 && /* @__PURE__ */ import_react.default.createElement("p", { className: "tooltipDefaultContainerParagraph" }, `Duration: ${Math.round((((_f = (_e = task.end) == null ? void 0 : _e.getTime) == null ? void 0 : _f.call(_e)) - ((_h = (_g = task.start) == null ? void 0 : _g.getTime) == null ? void 0 : _h.call(_g))) / (1e3 * 60 * 60 * 24) * 10) / 10 || ""} day(s)`), /* @__PURE__ */ import_react.default.createElement("p", { className: "tooltipDefaultContainerParagraph" }, !!task.progress && `Progress: ${task.progress}%`));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StandardTooltipContent,
+  Tooltip
+});

package/dist/shared/components/other/vertical-scroll.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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, { SyntheticEvent } from 'react';
+export declare const VerticalScroll: React.FC<{
+    scroll: number;
+    ganttHeight?: number;
+    ganttFullHeight: number;
+    headerHeight: number;
+    rtl: boolean;
+    onScroll: (event: SyntheticEvent<HTMLDivElement>) => void;
+}>;