@nocobase/client 0.9.1-alpha.2 → 0.9.2-alpha.1

package/es/schema-component/antd/gantt/components/grid/style.js

@@ -0,0 +1,7 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+export var gridRow = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  fill: #fff;\n"])));
+export var gridHeightRow = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  fill: #e6f7ff;\n  border-color: rgba(0, 0, 0, 0.03);\n"])));
+export var gridRowLine = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  stroke: #f0f0f0;\n  stroke-width:0;\n  border-bottom: 1px solid #f0f0f0;\n"])));
+export var gridTick = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  stroke: #f0f0f0;\n"])));

package/es/schema-component/antd/gantt/components/other/arrow.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { BarTask } from "../../types/bar-task";
+declare type ArrowProps = {
+    taskFrom: BarTask;
+    taskTo: BarTask;
+    rowHeight: number;
+    taskHeight: number;
+    arrowIndent: number;
+    rtl: boolean;
+};
+export declare const Arrow: React.FC<ArrowProps>;
+export {};

package/es/schema-component/antd/gantt/components/other/arrow.js

@@ -0,0 +1,57 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from "react";
+export var Arrow = function Arrow(_ref) {
+  var taskFrom = _ref.taskFrom,
+    taskTo = _ref.taskTo,
+    rowHeight = _ref.rowHeight,
+    taskHeight = _ref.taskHeight,
+    arrowIndent = _ref.arrowIndent,
+    rtl = _ref.rtl;
+  var path;
+  var trianglePoints;
+  if (rtl) {
+    var _drownPathAndTriangle = drownPathAndTriangleRTL(taskFrom, taskTo, rowHeight, taskHeight, arrowIndent);
+    var _drownPathAndTriangle2 = _slicedToArray(_drownPathAndTriangle, 2);
+    path = _drownPathAndTriangle2[0];
+    trianglePoints = _drownPathAndTriangle2[1];
+  } else {
+    var _drownPathAndTriangle3 = drownPathAndTriangle(taskFrom, taskTo, rowHeight, taskHeight, arrowIndent);
+    var _drownPathAndTriangle4 = _slicedToArray(_drownPathAndTriangle3, 2);
+    path = _drownPathAndTriangle4[0];
+    trianglePoints = _drownPathAndTriangle4[1];
+  }
+  return /*#__PURE__*/React.createElement("g", {
+    className: "arrow"
+  }, /*#__PURE__*/React.createElement("path", {
+    strokeWidth: "1.5",
+    d: path,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("polygon", {
+    points: trianglePoints
+  }));
+};
+var drownPathAndTriangle = function drownPathAndTriangle(taskFrom, taskTo, rowHeight, taskHeight, arrowIndent) {
+  var indexCompare = taskFrom.index > taskTo.index ? -1 : 1;
+  var taskToEndPosition = taskTo.y + taskHeight / 2;
+  var taskFromEndPosition = taskFrom.x2 + arrowIndent * 2;
+  var taskFromHorizontalOffsetValue = taskFromEndPosition < taskTo.x1 ? "" : "H ".concat(taskTo.x1 - arrowIndent);
+  var taskToHorizontalOffsetValue = taskFromEndPosition > taskTo.x1 ? arrowIndent : taskTo.x1 - taskFrom.x2 - arrowIndent;
+  var path = "M ".concat(taskFrom.x2, " ").concat(taskFrom.y + taskHeight / 2, " \n  h ").concat(arrowIndent, " \n  v ").concat(indexCompare * rowHeight / 2, " \n  ").concat(taskFromHorizontalOffsetValue, "\n  V ").concat(taskToEndPosition, " \n  h ").concat(taskToHorizontalOffsetValue);
+  var trianglePoints = "".concat(taskTo.x1, ",").concat(taskToEndPosition, " \n  ").concat(taskTo.x1 - 5, ",").concat(taskToEndPosition - 5, " \n  ").concat(taskTo.x1 - 5, ",").concat(taskToEndPosition + 5);
+  return [path, trianglePoints];
+};
+var drownPathAndTriangleRTL = function drownPathAndTriangleRTL(taskFrom, taskTo, rowHeight, taskHeight, arrowIndent) {
+  var indexCompare = taskFrom.index > taskTo.index ? -1 : 1;
+  var taskToEndPosition = taskTo.y + taskHeight / 2;
+  var taskFromEndPosition = taskFrom.x1 - arrowIndent * 2;
+  var taskFromHorizontalOffsetValue = taskFromEndPosition > taskTo.x2 ? "" : "H ".concat(taskTo.x2 + arrowIndent);
+  var taskToHorizontalOffsetValue = taskFromEndPosition < taskTo.x2 ? -arrowIndent : taskTo.x2 - taskFrom.x1 + arrowIndent;
+  var path = "M ".concat(taskFrom.x1, " ").concat(taskFrom.y + taskHeight / 2, " \n  h ").concat(-arrowIndent, " \n  v ").concat(indexCompare * rowHeight / 2, " \n  ").concat(taskFromHorizontalOffsetValue, "\n  V ").concat(taskToEndPosition, " \n  h ").concat(taskToHorizontalOffsetValue);
+  var trianglePoints = "".concat(taskTo.x2, ",").concat(taskToEndPosition, " \n  ").concat(taskTo.x2 + 5, ",").concat(taskToEndPosition + 5, " \n  ").concat(taskTo.x2 + 5, ",").concat(taskToEndPosition - 5);
+  return [path, trianglePoints];
+};

package/es/schema-component/antd/gantt/components/other/horizontal-scroll.d.ts

@@ -0,0 +1,8 @@
+import React, { SyntheticEvent } from "react";
+export declare const HorizontalScroll: React.FC<{
+    scroll: number;
+    svgWidth: number;
+    taskListWidth: number;
+    rtl: boolean;
+    onScroll: (event: SyntheticEvent<HTMLDivElement>) => void;
+}>;

package/es/schema-component/antd/gantt/components/other/horizontal-scroll.js

@@ -0,0 +1,30 @@
+import React, { useRef, useEffect } from "react";
+import { cx } from '@emotion/css';
+import { scrollWrapper, horizontalScroll } from './style';
+export var HorizontalScroll = function HorizontalScroll(_ref) {
+  var scroll = _ref.scroll,
+    svgWidth = _ref.svgWidth,
+    taskListWidth = _ref.taskListWidth,
+    rtl = _ref.rtl,
+    onScroll = _ref.onScroll;
+  var scrollRef = useRef(null);
+  useEffect(function () {
+    if (scrollRef.current) {
+      scrollRef.current.scrollLeft = scroll;
+    }
+  }, [scroll]);
+  return /*#__PURE__*/React.createElement("div", {
+    dir: "ltr",
+    style: {
+      margin: rtl ? "0px ".concat(taskListWidth, "px 0px 0px") : "0px 0px 0px ".concat(taskListWidth, "px")
+    },
+    className: "".concat(cx(scrollWrapper), " gantt-horizontal-scoll"),
+    onScroll: onScroll,
+    ref: scrollRef
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: svgWidth
+    },
+    className: cx(horizontalScroll)
+  }));
+};

package/es/schema-component/antd/gantt/components/other/style.d.ts

@@ -0,0 +1,7 @@
+export declare const scrollWrapper: string;
+export declare const horizontalScroll: string;
+export declare const tooltipDefaultContainer: string;
+export declare const tooltipDefaultContainerParagraph: string;
+export declare const tooltipDetailsContainer: string;
+export declare const tooltipDetailsContainerHidden: string;
+export declare const verticalScroll: string;

package/es/schema-component/antd/gantt/components/other/style.js

@@ -0,0 +1,10 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+export var scrollWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: auto;\n  position: absolute;\n  bottom: -4px;\n  max-width: 100%;\n  /*firefox*/\n  scrollbar-width: thin;\n  /*iPad*/\n  height: 1.2rem;\n  &::-webkit-scrollbar {\n    width: 1.1rem;\n    height: 1.1rem;\n  }\n  &::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    border: 5px solid transparent;\n    background:  #5c5858cc;\n    border-radius: 10px;\n    background-clip: padding-box;\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    border: 4px solid transparent;\n    background: #5c5858bd;\n    background-clip: padding-box;\n  }\n"])));
+export var horizontalScroll = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 1px;\n"])));
+export var tooltipDefaultContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 12px;\n  background-color: #fff;\n  background-clip: padding-box;\n  border-radius: 2px;\n  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n  b {\n    display: block;\n    margin-bottom: 8px;\n  }\n"])));
+export var tooltipDefaultContainerParagraph = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  margin-bottom: 6px;\n  color: #666;\n"])));
+export var tooltipDetailsContainer = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: absolute;\n  display: flex;\n  flex-shrink: 0;\n  pointer-events: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n"])));
+export var tooltipDetailsContainerHidden = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  visibility: hidden;\n  position: absolute;\n  display: flex;\n  pointer-events: none;\n"])));
+export var verticalScroll = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  overflow: hidden auto;\n  width: 1rem;\n  flex-shrink: 0;\n  /*firefox*/\n  scrollbar-width: thin;\n  &::-webkit-scrollbar {\n    width: 1.1rem;\n    height: 1.1rem;\n  }\n  &::-webkit-scrollbar-corner {\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    border: 6px solid transparent;\n    background: rgba(0, 0, 0, 0.2);\n    background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));\n    border-radius: 10px;\n    background-clip: padding-box;\n  }\n  &::-webkit-scrollbar-thumb:hover {\n    border: 4px solid transparent;\n    background: rgba(0, 0, 0, 0.3);\n    background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));\n    background-clip: padding-box;\n  }\n"])));

package/es/schema-component/antd/gantt/components/other/tooltip.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { BarTask } from '../../types/bar-task';
+import { Task } from '../../types/public-types';
+export declare type TooltipProps = {
+    task: BarTask;
+    arrowIndent: number;
+    rtl: boolean;
+    svgContainerHeight: number;
+    svgContainerWidth: number;
+    svgWidth: number;
+    headerHeight: number;
+    taskListWidth: 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/es/schema-component/antd/gantt/components/other/tooltip.js

@@ -0,0 +1,103 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { cx } from '@emotion/css';
+import React, { useEffect, useRef, useState } from 'react';
+import { getYmd } from '../../helpers/other-helper';
+import { tooltipDefaultContainer, tooltipDefaultContainerParagraph, tooltipDetailsContainer, tooltipDetailsContainerHidden } from './style';
+export var Tooltip = function Tooltip(_ref) {
+  var task = _ref.task,
+    rowHeight = _ref.rowHeight,
+    rtl = _ref.rtl,
+    svgContainerHeight = _ref.svgContainerHeight,
+    svgContainerWidth = _ref.svgContainerWidth,
+    scrollX = _ref.scrollX,
+    scrollY = _ref.scrollY,
+    arrowIndent = _ref.arrowIndent,
+    fontSize = _ref.fontSize,
+    fontFamily = _ref.fontFamily,
+    headerHeight = _ref.headerHeight,
+    taskListWidth = _ref.taskListWidth,
+    TooltipContent = _ref.TooltipContent;
+  var tooltipRef = useRef(null);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    relatedY = _useState2[0],
+    setRelatedY = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    relatedX = _useState4[0],
+    setRelatedX = _useState4[1];
+  useEffect(function () {
+    if (tooltipRef.current) {
+      var tooltipHeight = tooltipRef.current.offsetHeight * 1.1;
+      var tooltipWidth = tooltipRef.current.offsetWidth * 1.1;
+      var newRelatedY = task.index * rowHeight - scrollY + headerHeight;
+      var newRelatedX;
+      if (rtl) {
+        newRelatedX = task.x1 - arrowIndent * 1.5 - tooltipWidth - scrollX;
+        if (newRelatedX < 0) {
+          newRelatedX = task.x2 + arrowIndent * 1.5 - scrollX;
+        }
+        var tooltipLeftmostPoint = tooltipWidth + newRelatedX;
+        if (tooltipLeftmostPoint > svgContainerWidth) {
+          newRelatedX = svgContainerWidth - tooltipWidth;
+          newRelatedY += rowHeight;
+        }
+      } else {
+        newRelatedX = task.x2 + arrowIndent * 1.5 + taskListWidth - scrollX;
+        var _tooltipLeftmostPoint = tooltipWidth + newRelatedX;
+        var fullChartWidth = taskListWidth + svgContainerWidth;
+        if (_tooltipLeftmostPoint > fullChartWidth) {
+          newRelatedX = task.x1 + taskListWidth - arrowIndent * 1.5 - scrollX - tooltipWidth;
+        }
+        if (newRelatedX < taskListWidth) {
+          newRelatedX = svgContainerWidth + taskListWidth - tooltipWidth;
+          newRelatedY += rowHeight;
+        }
+      }
+      var tooltipLowerPoint = tooltipHeight + newRelatedY - scrollY;
+      if (tooltipLowerPoint > svgContainerHeight - scrollY) {
+        newRelatedY = svgContainerHeight - tooltipHeight;
+      }
+      setRelatedY(newRelatedY);
+      setRelatedX(newRelatedX);
+    }
+  }, [tooltipRef, task, arrowIndent, scrollX, scrollY, headerHeight, taskListWidth, rowHeight, svgContainerHeight, svgContainerWidth, rtl]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: tooltipRef,
+    className: relatedX ? cx(tooltipDetailsContainer) : cx(tooltipDetailsContainerHidden),
+    style: {
+      left: relatedX,
+      top: relatedY
+    }
+  }, /*#__PURE__*/React.createElement(TooltipContent, {
+    task: task,
+    fontSize: fontSize,
+    fontFamily: fontFamily
+  }));
+};
+export var StandardTooltipContent = function StandardTooltipContent(_ref2) {
+  var task = _ref2.task,
+    fontSize = _ref2.fontSize,
+    fontFamily = _ref2.fontFamily;
+  var style = {
+    fontSize: fontSize,
+    fontFamily: fontFamily
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(tooltipDefaultContainer),
+    style: style
+  }, /*#__PURE__*/React.createElement("b", {
+    style: {
+      fontSize: fontSize + 6
+    }
+  }, task.name, ": ", getYmd(task.start), " ~ ", getYmd(task.end)), task.end.getTime() - task.start.getTime() !== 0 && /*#__PURE__*/React.createElement("p", {
+    className: cx(tooltipDefaultContainerParagraph)
+  }, "Duration: ".concat(~~((task.end.getTime() - task.start.getTime()) / (1000 * 60 * 60 * 24)), " day(s)")), /*#__PURE__*/React.createElement("p", {
+    className: cx(tooltipDefaultContainerParagraph)
+  }, !!task.progress && "Progress: ".concat(task.progress, "%")));
+};

package/es/schema-component/antd/gantt/components/other/vertical-scroll.d.ts

@@ -0,0 +1,9 @@
+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;
+}>;

package/es/schema-component/antd/gantt/components/other/vertical-scroll.js

@@ -0,0 +1,32 @@
+import React, { useRef, useEffect } from 'react';
+import { cx } from '@emotion/css';
+import { verticalScroll } from './style';
+export var VerticalScroll = function VerticalScroll(_ref) {
+  var scroll = _ref.scroll,
+    ganttHeight = _ref.ganttHeight,
+    ganttFullHeight = _ref.ganttFullHeight,
+    headerHeight = _ref.headerHeight,
+    rtl = _ref.rtl,
+    onScroll = _ref.onScroll;
+  var scrollRef = useRef(null);
+  useEffect(function () {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scroll;
+    }
+  }, [scroll]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      maxHeight: ganttHeight,
+      marginTop: headerHeight,
+      marginLeft: rtl ? '' : '-1rem'
+    },
+    className: cx(verticalScroll),
+    onScroll: onScroll,
+    ref: scrollRef
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: ganttFullHeight,
+      width: 1
+    }
+  }));
+};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-date-handle.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type BarDateHandleProps = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    barCornerRadius: number;
+    onMouseDown: (event: React.MouseEvent<SVGRectElement, MouseEvent>) => void;
+};
+export declare const BarDateHandle: React.FC<BarDateHandleProps>;
+export {};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-date-handle.js

@@ -0,0 +1,19 @@
+import React from 'react';
+export var BarDateHandle = function BarDateHandle(_ref) {
+  var x = _ref.x,
+    y = _ref.y,
+    width = _ref.width,
+    height = _ref.height,
+    barCornerRadius = _ref.barCornerRadius,
+    onMouseDown = _ref.onMouseDown;
+  return /*#__PURE__*/React.createElement("rect", {
+    x: x,
+    y: y,
+    width: width,
+    height: height,
+    className: 'barHandle',
+    ry: barCornerRadius,
+    rx: barCornerRadius,
+    onMouseDown: onMouseDown
+  });
+};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-display.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+declare type BarDisplayProps = {
+    x: number;
+    y: number;
+    color?: string;
+    width: number;
+    height: number;
+    isSelected: boolean;
+    progressX: number;
+    progressWidth: number;
+    barCornerRadius: number;
+    styles: {
+        backgroundColor: string;
+        backgroundSelectedColor: string;
+        progressColor: string;
+        progressSelectedColor: string;
+    };
+    onMouseDown: (event: React.MouseEvent<SVGPolygonElement, MouseEvent>) => void;
+};
+export declare const BarDisplay: React.FC<BarDisplayProps>;
+export {};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-display.js

@@ -0,0 +1,48 @@
+import { cx } from '@emotion/css';
+import React from "react";
+import { barBackground } from './style';
+export var BarDisplay = function BarDisplay(_ref) {
+  var x = _ref.x,
+    y = _ref.y,
+    color = _ref.color,
+    width = _ref.width,
+    height = _ref.height,
+    isSelected = _ref.isSelected,
+    progressX = _ref.progressX,
+    progressWidth = _ref.progressWidth,
+    barCornerRadius = _ref.barCornerRadius,
+    styles = _ref.styles,
+    onMouseDown = _ref.onMouseDown;
+  var getProcessColor = function getProcessColor() {
+    if (color) {
+      return color;
+    }
+    return isSelected ? styles.progressSelectedColor : styles.progressColor;
+  };
+  var getBarColor = function getBarColor() {
+    if (color) {
+      return color;
+    }
+    return isSelected ? styles.backgroundSelectedColor : styles.backgroundColor;
+  };
+  return /*#__PURE__*/React.createElement("g", {
+    onMouseDown: onMouseDown
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: x,
+    width: width,
+    y: y,
+    height: height,
+    ry: barCornerRadius,
+    rx: barCornerRadius,
+    fill: getBarColor(),
+    className: cx(barBackground)
+  }), /*#__PURE__*/React.createElement("rect", {
+    x: progressX,
+    width: progressWidth,
+    y: y,
+    height: height,
+    ry: barCornerRadius,
+    rx: barCornerRadius,
+    fill: getProcessColor()
+  }));
+};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-progress-handle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type BarProgressHandleProps = {
+    progressPoint: string;
+    onMouseDown: (event: React.MouseEvent<SVGPolygonElement, MouseEvent>) => void;
+};
+export declare const BarProgressHandle: React.FC<BarProgressHandleProps>;
+export {};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-progress-handle.js

@@ -0,0 +1,10 @@
+import React from 'react';
+export var BarProgressHandle = function BarProgressHandle(_ref) {
+  var progressPoint = _ref.progressPoint,
+    onMouseDown = _ref.onMouseDown;
+  return /*#__PURE__*/React.createElement("polygon", {
+    className: 'barHandle',
+    points: progressPoint,
+    onMouseDown: onMouseDown
+  });
+};

package/es/schema-component/antd/gantt/components/task-item/bar/bar-small.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TaskItemProps } from "../task-item";
+export declare const BarSmall: React.FC<TaskItemProps>;

package/es/schema-component/antd/gantt/components/task-item/bar/bar-small.js

@@ -0,0 +1,38 @@
+import React from "react";
+import { cx } from '@emotion/css';
+import { getProgressPoint } from "../../../helpers/bar-helper";
+import { BarDisplay } from "./bar-display";
+import { BarProgressHandle } from "./bar-progress-handle";
+import { barWrapper } from './style';
+export var BarSmall = function BarSmall(_ref) {
+  var task = _ref.task,
+    isProgressChangeable = _ref.isProgressChangeable,
+    isDateChangeable = _ref.isDateChangeable,
+    onEventStart = _ref.onEventStart,
+    isSelected = _ref.isSelected;
+  var progressPoint = getProgressPoint(task.progressWidth + task.x1 + 10, task.y, task.height);
+  return /*#__PURE__*/React.createElement("g", {
+    className: cx(barWrapper),
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(BarDisplay, {
+    x: task.x1,
+    y: task.y,
+    width: task.x2 - task.x1,
+    height: task.height,
+    progressX: task.progressX,
+    progressWidth: task.progressWidth,
+    barCornerRadius: task.barCornerRadius,
+    styles: task.styles,
+    isSelected: isSelected,
+    onMouseDown: function onMouseDown(e) {
+      isDateChangeable && onEventStart("move", task, e);
+    }
+  }), /*#__PURE__*/React.createElement("g", {
+    className: "handleGroup"
+  }, isProgressChangeable && /*#__PURE__*/React.createElement(BarProgressHandle, {
+    progressPoint: progressPoint,
+    onMouseDown: function onMouseDown(e) {
+      onEventStart("progress", task, e);
+    }
+  })));
+};

package/es/schema-component/antd/gantt/components/task-item/bar/bar.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TaskItemProps } from "../task-item";
+export declare const Bar: React.FC<TaskItemProps>;

package/es/schema-component/antd/gantt/components/task-item/bar/bar.js

@@ -0,0 +1,60 @@
+import { cx } from '@emotion/css';
+import React from "react";
+import { getProgressPoint } from "../../../helpers/bar-helper";
+import { BarDateHandle } from "./bar-date-handle";
+import { BarDisplay } from "./bar-display";
+import { BarProgressHandle } from "./bar-progress-handle";
+import { barWrapper } from './style';
+export var Bar = function Bar(_ref) {
+  var task = _ref.task,
+    isProgressChangeable = _ref.isProgressChangeable,
+    isDateChangeable = _ref.isDateChangeable,
+    rtl = _ref.rtl,
+    onEventStart = _ref.onEventStart,
+    isSelected = _ref.isSelected;
+  var progressPoint = getProgressPoint(+!rtl * task.progressWidth + task.progressX, task.y, task.height);
+  var handleHeight = task.height - 2;
+  return /*#__PURE__*/React.createElement("g", {
+    className: cx(barWrapper),
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(BarDisplay, {
+    x: task.x1,
+    y: task.y,
+    color: task.color,
+    width: task.x2 - task.x1,
+    height: task.height,
+    progressX: task.progressX,
+    progressWidth: task.progressWidth,
+    barCornerRadius: task.barCornerRadius,
+    styles: task.styles,
+    isSelected: isSelected,
+    onMouseDown: function onMouseDown(e) {
+      isDateChangeable && onEventStart("move", task, e);
+    }
+  }), /*#__PURE__*/React.createElement("g", {
+    className: "handleGroup"
+  }, isDateChangeable && /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(BarDateHandle, {
+    x: task.x1 + 1,
+    y: task.y + 1,
+    width: task.handleWidth,
+    height: handleHeight,
+    barCornerRadius: task.barCornerRadius,
+    onMouseDown: function onMouseDown(e) {
+      onEventStart("start", task, e);
+    }
+  }), /*#__PURE__*/React.createElement(BarDateHandle, {
+    x: task.x2 - task.handleWidth - 1,
+    y: task.y + 1,
+    width: task.handleWidth,
+    height: handleHeight,
+    barCornerRadius: task.barCornerRadius,
+    onMouseDown: function onMouseDown(e) {
+      onEventStart("end", task, e);
+    }
+  })), isProgressChangeable && /*#__PURE__*/React.createElement(BarProgressHandle, {
+    progressPoint: progressPoint,
+    onMouseDown: function onMouseDown(e) {
+      onEventStart("progress", task, e);
+    }
+  })));
+};

package/es/schema-component/antd/gantt/components/task-item/bar/style.d.ts

@@ -0,0 +1,2 @@
+export declare const barWrapper: string;
+export declare const barBackground: string;

package/es/schema-component/antd/gantt/components/task-item/bar/style.js

@@ -0,0 +1,5 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+export var barWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  outline: none;\n  .barHandle{\n    fill: #ddd;\n    cursor: ew-resize;\n    opacity: 0;\n    visibility: hidden;\n  }\n  &:hover .barHandle {\n    visibility: visible;\n    opacity: 1;\n  }\n"])));
+export var barBackground = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  user-select: none;\n  stroke-width: 0;\n  opacity: .6;\n"])));

package/es/schema-component/antd/gantt/components/task-item/milestone/milestone.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TaskItemProps } from "../task-item";
+export declare const Milestone: React.FC<TaskItemProps>;

package/es/schema-component/antd/gantt/components/task-item/milestone/milestone.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { cx } from '@emotion/css';
+import { milestoneWrapper, milestoneBackground } from './style';
+export var Milestone = function Milestone(_ref) {
+  var task = _ref.task,
+    isDateChangeable = _ref.isDateChangeable,
+    onEventStart = _ref.onEventStart,
+    isSelected = _ref.isSelected;
+  var transform = "rotate(45 ".concat(task.x1 + task.height * 0.356, " \n    ").concat(task.y + task.height * 0.85, ")");
+  var getBarColor = function getBarColor() {
+    return isSelected ? task.styles.backgroundSelectedColor : task.styles.backgroundColor;
+  };
+  return /*#__PURE__*/React.createElement("g", {
+    tabIndex: 0,
+    className: cx(milestoneWrapper)
+  }, /*#__PURE__*/React.createElement("rect", {
+    fill: getBarColor(),
+    x: task.x1,
+    width: task.height,
+    y: task.y,
+    height: task.height,
+    rx: task.barCornerRadius,
+    ry: task.barCornerRadius,
+    transform: transform,
+    className: cx(milestoneBackground),
+    onMouseDown: function onMouseDown(e) {
+      isDateChangeable && onEventStart("move", task, e);
+    }
+  }));
+};

package/es/schema-component/antd/gantt/components/task-item/milestone/style.d.ts

@@ -0,0 +1,2 @@
+export declare const milestoneWrapper: string;
+export declare const milestoneBackground: string;

package/es/schema-component/antd/gantt/components/task-item/milestone/style.js

@@ -0,0 +1,5 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@emotion/css';
+export var milestoneWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  outline: none;\n"])));
+export var milestoneBackground = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  user-select: none;\n"])));

package/es/schema-component/antd/gantt/components/task-item/project/project.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TaskItemProps } from '../task-item';
+export declare const Project: React.FC<TaskItemProps>;