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

package/es/schema-component/antd/gantt/Gantt.Designer.js

@@ -0,0 +1,214 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { useField, useFieldSchema } from '@formily/react';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCompile, useDesignable } from '../..';
+import { useGanttBlockContext } from '../../../block-provider';
+import { useCollection } from '../../../collection-manager';
+import { useCollectionFilterOptions } from '../../../collection-manager/action-hooks';
+import { GeneralSchemaDesigner, SchemaSettings } from '../../../schema-settings';
+import { useSchemaTemplate } from '../../../schema-templates';
+var useOptions = function useOptions() {
+  var _fields$filter;
+  var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'string';
+  var compile = useCompile();
+  var _useCollection = useCollection(),
+    fields = _useCollection.fields;
+  var options = fields === null || fields === void 0 ? void 0 : (_fields$filter = fields.filter(function (field) {
+    return field.type === type;
+  })) === null || _fields$filter === void 0 ? void 0 : _fields$filter.map(function (field) {
+    var _field$uiSchema;
+    return {
+      value: field.name,
+      label: compile(field === null || field === void 0 ? void 0 : (_field$uiSchema = field.uiSchema) === null || _field$uiSchema === void 0 ? void 0 : _field$uiSchema.title)
+    };
+  });
+  return options;
+};
+export var GanttDesigner = function GanttDesigner() {
+  var _fieldSchema$xDecora, _fieldSchema$xDecora$, _fieldSchema$xDecora2, _fieldSchema$xDecora3;
+  var field = useField();
+  var fieldSchema = useFieldSchema();
+  var _useCollection2 = useCollection(),
+    name = _useCollection2.name,
+    title = _useCollection2.title,
+    fields = _useCollection2.fields;
+  var dataSource = useCollectionFilterOptions(name);
+  var _useGanttBlockContext = useGanttBlockContext(),
+    service = _useGanttBlockContext.service;
+  var _useDesignable = useDesignable(),
+    dn = _useDesignable.dn;
+  var compile = useCompile();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var template = useSchemaTemplate();
+  var defaultFilter = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora === void 0 ? void 0 : (_fieldSchema$xDecora$ = _fieldSchema$xDecora.params) === null || _fieldSchema$xDecora$ === void 0 ? void 0 : _fieldSchema$xDecora$.filter) || {};
+  var fieldNames = (fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora2 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora2 === void 0 ? void 0 : _fieldSchema$xDecora2['fieldNames']) || {};
+  var defaultResource = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$xDecora3 = fieldSchema['x-decorator-props']) === null || _fieldSchema$xDecora3 === void 0 ? void 0 : _fieldSchema$xDecora3.resource;
+  return /*#__PURE__*/React.createElement(GeneralSchemaDesigner, {
+    template: template,
+    title: title || name
+  }, /*#__PURE__*/React.createElement(SchemaSettings.BlockTitleItem, null), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('Title field'),
+    value: fieldNames.title,
+    options: useOptions('string'),
+    onChange: function onChange(title) {
+      var _schema;
+      var fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['title'] = title;
+      field.decoratorProps.params = fieldNames;
+      fieldSchema['x-decorator-props']['params'] = fieldNames;
+      // Select切换option后value未按照预期切换，固增加以下代码
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: (_schema = {}, _defineProperty(_schema, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema, 'x-decorator-props', field.decoratorProps), _schema)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('Time scale'),
+    value: fieldNames.range || 'day',
+    options: [{
+      label: compile('{{t("Hour")}}'),
+      value: 'hour',
+      color: 'orange'
+    }, {
+      label: compile('{{t("Quarter of day")}}'),
+      value: 'quarterDay',
+      color: 'default'
+    }, {
+      label: compile('{{t("Half of day")}}'),
+      value: 'halfDay',
+      color: 'blue'
+    }, {
+      label: compile('{{t("Day")}}'),
+      value: 'day',
+      color: 'yellow'
+    }, {
+      label: compile('{{t("Week")}}'),
+      value: 'week',
+      color: 'pule'
+    }, {
+      label: compile('{{t("Month")}}'),
+      value: 'month',
+      color: 'green'
+    }, {
+      label: compile('{{t("QuarterYear")}}'),
+      value: 'quarterYear',
+      color: 'red'
+    }, {
+      label: compile('{{t("Year")}}'),
+      value: 'year',
+      color: 'green'
+    }],
+    onChange: function onChange(range) {
+      var _schema2;
+      var fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['range'] = range;
+      field.decoratorProps.params = fieldNames;
+      fieldSchema['x-decorator-props']['params'] = fieldNames;
+      // Select切换option后value未按照预期切换，固增加以下代码
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: (_schema2 = {}, _defineProperty(_schema2, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema2, 'x-decorator-props', field.decoratorProps), _schema2)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('Start date field'),
+    value: fieldNames.start,
+    options: useOptions('date'),
+    onChange: function onChange(start) {
+      var _schema3;
+      var fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['start'] = start;
+      field.decoratorProps.fieldNames = fieldNames;
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: (_schema3 = {}, _defineProperty(_schema3, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema3, 'x-decorator-props', field.decoratorProps), _schema3)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('End date field'),
+    value: fieldNames.end,
+    options: useOptions('date'),
+    onChange: function onChange(end) {
+      var _schema4;
+      var fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['end'] = end;
+      field.decoratorProps.fieldNames = fieldNames;
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: (_schema4 = {}, _defineProperty(_schema4, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema4, 'x-decorator-props', field.decoratorProps), _schema4)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.SelectItem, {
+    title: t('Progress field'),
+    value: fieldNames.progress,
+    options: useOptions('float'),
+    onChange: function onChange(progress) {
+      var _schema5;
+      var fieldNames = field.decoratorProps.fieldNames || {};
+      fieldNames['progress'] = progress;
+      field.decoratorProps.fieldNames = fieldNames;
+      fieldSchema['x-decorator-props']['fieldNames'] = fieldNames;
+      service.refresh();
+      dn.emit('patch', {
+        schema: (_schema5 = {}, _defineProperty(_schema5, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema5, 'x-decorator-props', field.decoratorProps), _schema5)
+      });
+      dn.refresh();
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.ModalItem, {
+    title: t('Set the data scope'),
+    schema: {
+      type: 'object',
+      title: t('Set the data scope'),
+      properties: {
+        filter: {
+          default: defaultFilter,
+          enum: dataSource,
+          'x-component': 'Filter',
+          'x-component-props': {}
+        }
+      }
+    },
+    initialValues: {
+      // title: field.title,
+      // icon: field.componentProps.icon,
+    },
+    onSubmit: function onSubmit(_ref) {
+      var _service$params, _schema6;
+      var filter = _ref.filter;
+      var params = field.decoratorProps.params || {};
+      params.filter = filter;
+      field.decoratorProps.params = params;
+      fieldSchema['x-decorator-props']['params'] = params;
+      service.run(_objectSpread(_objectSpread({}, service === null || service === void 0 ? void 0 : (_service$params = service.params) === null || _service$params === void 0 ? void 0 : _service$params[0]), {}, {
+        filter: filter
+      }));
+      dn.emit('patch', {
+        schema: (_schema6 = {}, _defineProperty(_schema6, 'x-uid', fieldSchema['x-uid']), _defineProperty(_schema6, 'x-decorator-props', field.decoratorProps), _schema6)
+      });
+    }
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Template, {
+    componentName: 'Gantt',
+    collectionName: name,
+    resourceName: defaultResource
+  }), /*#__PURE__*/React.createElement(SchemaSettings.Divider, null), /*#__PURE__*/React.createElement(SchemaSettings.Remove, {
+    removeParentsIfNoChildren: true,
+    breakRemoveOn: {
+      'x-component': 'Grid'
+    }
+  }));
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DateSetup } from '../../types/date-setup';
+import { ViewMode } from '../../types/public-types';
+export declare type CalendarProps = {
+    dateSetup: DateSetup;
+    locale: string;
+    viewMode: ViewMode;
+    rtl: boolean;
+    headerHeight: number;
+    columnWidth: number;
+    fontFamily: string;
+    fontSize: string;
+};
+export declare const Calendar: React.FC<CalendarProps>;

package/es/schema-component/antd/gantt/components/calendar/calendar.js

@@ -0,0 +1,324 @@
+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';
+import { cx } from '@emotion/css';
+import { ViewMode } from '../../types/public-types';
+import { TopPartOfCalendar } from './top-part-of-calendar';
+import { getCachedDateTimeFormat, getDaysInMonth, getLocalDayOfWeek, getLocaleMonth, getWeekNumberISO8601 } from '../../helpers/date-helper';
+import { calendarBottomText, calendarHeader } from './style';
+export var Calendar = function Calendar(_ref) {
+  var dateSetup = _ref.dateSetup,
+    locale = _ref.locale,
+    viewMode = _ref.viewMode,
+    rtl = _ref.rtl,
+    headerHeight = _ref.headerHeight,
+    columnWidth = _ref.columnWidth,
+    fontFamily = _ref.fontFamily,
+    fontSize = _ref.fontSize;
+  var getCalendarValuesForYear = function getCalendarValuesForYear() {
+    var topValues = [];
+    var bottomValues = [];
+    var topDefaultHeight = headerHeight * 0.5;
+    for (var i = 0; i < dateSetup.dates.length; i++) {
+      var date = dateSetup.dates[i];
+      var bottomValue = date.getFullYear();
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: date.getTime(),
+        y: headerHeight * 0.8,
+        x: columnWidth * i + columnWidth * 0.5,
+        className: cx(calendarBottomText)
+      }, bottomValue));
+      if (i === 0 || date.getFullYear() !== dateSetup.dates[i - 1].getFullYear()) {
+        var topValue = date.getFullYear().toString();
+        var xText = void 0;
+        if (rtl) {
+          xText = (6 + i + date.getFullYear() + 1) * columnWidth;
+        } else {
+          xText = (6 + i - date.getFullYear()) * columnWidth;
+        }
+        topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+          key: topValue,
+          value: topValue,
+          x1Line: columnWidth * i,
+          y1Line: 0,
+          y2Line: headerHeight,
+          xText: xText,
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+    return [topValues, bottomValues];
+  };
+  var getCalendarValuesForQuarterYear = function getCalendarValuesForQuarterYear() {
+    var topValues = [];
+    var bottomValues = [];
+    var topDefaultHeight = headerHeight * 0.5;
+    for (var i = 0; i < dateSetup.dates.length; i++) {
+      var date = dateSetup.dates[i];
+      // const bottomValue = getLocaleMonth(date, locale);
+      var quarter = 'Q' + Math.floor((date.getMonth() + 3) / 3);
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: date.getTime(),
+        y: headerHeight * 0.8,
+        x: columnWidth * i + columnWidth * 0.5,
+        className: cx(calendarBottomText)
+      }, quarter));
+      if (i === 0 || date.getFullYear() !== dateSetup.dates[i - 1].getFullYear()) {
+        var topValue = date.getFullYear().toString();
+        var xText = void 0;
+        if (rtl) {
+          xText = (6 + i + date.getMonth() + 1) * columnWidth;
+        } else {
+          xText = (6 + i - date.getMonth()) * columnWidth;
+        }
+        topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+          key: topValue,
+          value: topValue,
+          x1Line: columnWidth * i,
+          y1Line: 0,
+          y2Line: topDefaultHeight,
+          xText: Math.abs(xText),
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+    return [topValues, bottomValues];
+  };
+  var getCalendarValuesForMonth = function getCalendarValuesForMonth() {
+    var topValues = [];
+    var bottomValues = [];
+    var topDefaultHeight = headerHeight * 0.5;
+    for (var i = 0; i < dateSetup.dates.length; i++) {
+      var date = dateSetup.dates[i];
+      var bottomValue = getLocaleMonth(date, locale);
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: bottomValue + date.getFullYear(),
+        y: headerHeight * 0.8,
+        x: columnWidth * i + columnWidth * 0.5,
+        className: cx(calendarBottomText)
+      }, bottomValue));
+      if (i === 0 || date.getFullYear() !== dateSetup.dates[i - 1].getFullYear()) {
+        var topValue = date.getFullYear().toString();
+        var xText = void 0;
+        if (rtl) {
+          xText = (6 + i + date.getMonth() + 1) * columnWidth;
+        } else {
+          xText = (6 + i - date.getMonth()) * columnWidth;
+        }
+        topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+          key: topValue,
+          value: topValue,
+          x1Line: columnWidth * i,
+          y1Line: 0,
+          y2Line: topDefaultHeight,
+          xText: xText,
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+    return [topValues, bottomValues];
+  };
+  var getCalendarValuesForWeek = function getCalendarValuesForWeek() {
+    var topValues = [];
+    var bottomValues = [];
+    var weeksCount = 1;
+    var topDefaultHeight = headerHeight * 0.5;
+    var dates = dateSetup.dates;
+    for (var i = dates.length - 1; i >= 0; i--) {
+      var date = dates[i];
+      var topValue = '';
+      if (i === 0 || date.getMonth() !== dates[i - 1].getMonth()) {
+        // top
+        topValue = "".concat(getLocaleMonth(date, locale), ", ").concat(date.getFullYear());
+      }
+      // bottom
+      var bottomValue = "W".concat(getWeekNumberISO8601(date));
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: date.getTime(),
+        y: headerHeight * 0.8,
+        x: columnWidth * (i + +rtl),
+        className: cx(calendarBottomText)
+      }, bottomValue));
+      if (topValue) {
+        // if last day is new month
+        if (i !== dates.length - 1) {
+          topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+            key: topValue,
+            value: topValue,
+            x1Line: columnWidth * i + weeksCount * columnWidth,
+            y1Line: 0,
+            y2Line: topDefaultHeight,
+            xText: columnWidth * i + columnWidth * weeksCount * 0.5,
+            yText: topDefaultHeight * 0.9
+          }));
+        }
+        weeksCount = 0;
+      }
+      weeksCount++;
+    }
+    return [topValues, bottomValues];
+  };
+  var getCalendarValuesForDay = function getCalendarValuesForDay() {
+    var topValues = [];
+    var bottomValues = [];
+    var topDefaultHeight = headerHeight * 0.5;
+    var dates = dateSetup.dates;
+    for (var i = 0; i < dates.length; i++) {
+      var date = dates[i];
+      // const bottomValue = `${getLocalDayOfWeek(date, locale, 'short')}, ${date.getDate().toString()}`;
+      var bottomValue = "".concat(date.getDate().toString());
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: date.getTime(),
+        y: headerHeight * 0.8,
+        x: columnWidth * i + columnWidth * 0.5,
+        className: cx(calendarBottomText)
+      }, bottomValue));
+      if (i + 1 !== dates.length && date.getMonth() !== dates[i + 1].getMonth()) {
+        var topValue = getLocaleMonth(date, locale);
+        topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+          key: topValue + date.getFullYear(),
+          value: topValue,
+          x1Line: columnWidth * (i + 1),
+          y1Line: 0,
+          y2Line: topDefaultHeight,
+          xText: columnWidth * (i + 1) - getDaysInMonth(date.getMonth(), date.getFullYear()) * columnWidth * 0.5,
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+    return [topValues, bottomValues];
+  };
+  var getCalendarValuesForPartOfDay = function getCalendarValuesForPartOfDay() {
+    var topValues = [];
+    var bottomValues = [];
+    var ticks = viewMode === ViewMode.HalfDay ? 2 : 4;
+    var topDefaultHeight = headerHeight * 0.5;
+    var dates = dateSetup.dates;
+    for (var i = 0; i < dates.length; i++) {
+      var date = dates[i];
+      var bottomValue = getCachedDateTimeFormat(locale, {
+        hour: 'numeric'
+      })
+      //@ts-ignore
+      .format(date).replace('时', '');
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: date.getTime(),
+        y: headerHeight * 0.8,
+        x: columnWidth * (i + +rtl),
+        className: cx(calendarBottomText),
+        fontFamily: fontFamily
+      }, bottomValue));
+      if (i === 0 || date.getDate() !== dates[i - 1].getDate()) {
+        var topValue = "".concat(getLocalDayOfWeek(date, locale, 'short'), ", ").concat(date.getDate(), " ").concat(getLocaleMonth(date, locale));
+        topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+          key: topValue + date.getFullYear(),
+          value: topValue,
+          x1Line: columnWidth * i + ticks * columnWidth,
+          y1Line: 0,
+          y2Line: topDefaultHeight,
+          xText: columnWidth * i + ticks * columnWidth * 0.5,
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+    return [topValues, bottomValues];
+  };
+  var getCalendarValuesForHour = function getCalendarValuesForHour() {
+    var topValues = [];
+    var bottomValues = [];
+    var topDefaultHeight = headerHeight * 0.5;
+    var dates = dateSetup.dates;
+    for (var i = 0; i < dates.length; i++) {
+      var _getCachedDateTimeFor;
+      var date = dates[i];
+      var bottomValue = (_getCachedDateTimeFor = getCachedDateTimeFormat(locale, {
+        hour: 'numeric'
+      })
+      //@ts-ignore
+      .format(date)) === null || _getCachedDateTimeFor === void 0 ? void 0 : _getCachedDateTimeFor.replace('时', '');
+      bottomValues.push( /*#__PURE__*/React.createElement("text", {
+        key: date.getTime(),
+        y: headerHeight * 0.8,
+        x: columnWidth * (i + +rtl),
+        className: cx(calendarBottomText),
+        fontFamily: fontFamily
+      }, bottomValue));
+      if (i !== 0 && date.getDate() !== dates[i - 1].getDate()) {
+        var displayDate = dates[i - 1];
+        var topValue = "".concat(getLocalDayOfWeek(displayDate, locale, 'long'), ", ").concat(displayDate.getDate(), " ").concat(getLocaleMonth(displayDate, locale));
+        var topPosition = (date.getHours() - 24) / 2;
+        topValues.push( /*#__PURE__*/React.createElement(TopPartOfCalendar, {
+          key: topValue + displayDate.getFullYear(),
+          value: topValue,
+          x1Line: columnWidth * i,
+          y1Line: 0,
+          y2Line: topDefaultHeight,
+          xText: columnWidth * (i + topPosition),
+          yText: topDefaultHeight * 0.9
+        }));
+      }
+    }
+    return [topValues, bottomValues];
+  };
+  var topValues = [];
+  var bottomValues = [];
+  switch (dateSetup.viewMode) {
+    case ViewMode.Year:
+      var _getCalendarValuesFor = getCalendarValuesForYear();
+      var _getCalendarValuesFor2 = _slicedToArray(_getCalendarValuesFor, 2);
+      topValues = _getCalendarValuesFor2[0];
+      bottomValues = _getCalendarValuesFor2[1];
+      break;
+    case ViewMode.QuarterYear:
+      var _getCalendarValuesFor3 = getCalendarValuesForQuarterYear();
+      var _getCalendarValuesFor4 = _slicedToArray(_getCalendarValuesFor3, 2);
+      topValues = _getCalendarValuesFor4[0];
+      bottomValues = _getCalendarValuesFor4[1];
+      break;
+    case ViewMode.Month:
+      var _getCalendarValuesFor5 = getCalendarValuesForMonth();
+      var _getCalendarValuesFor6 = _slicedToArray(_getCalendarValuesFor5, 2);
+      topValues = _getCalendarValuesFor6[0];
+      bottomValues = _getCalendarValuesFor6[1];
+      break;
+    case ViewMode.Week:
+      var _getCalendarValuesFor7 = getCalendarValuesForWeek();
+      var _getCalendarValuesFor8 = _slicedToArray(_getCalendarValuesFor7, 2);
+      topValues = _getCalendarValuesFor8[0];
+      bottomValues = _getCalendarValuesFor8[1];
+      break;
+    case ViewMode.Day:
+      var _getCalendarValuesFor9 = getCalendarValuesForDay();
+      var _getCalendarValuesFor10 = _slicedToArray(_getCalendarValuesFor9, 2);
+      topValues = _getCalendarValuesFor10[0];
+      bottomValues = _getCalendarValuesFor10[1];
+      break;
+    case ViewMode.QuarterDay:
+    case ViewMode.HalfDay:
+      var _getCalendarValuesFor11 = getCalendarValuesForPartOfDay();
+      var _getCalendarValuesFor12 = _slicedToArray(_getCalendarValuesFor11, 2);
+      topValues = _getCalendarValuesFor12[0];
+      bottomValues = _getCalendarValuesFor12[1];
+      break;
+    case ViewMode.Hour:
+      var _getCalendarValuesFor13 = getCalendarValuesForHour();
+      var _getCalendarValuesFor14 = _slicedToArray(_getCalendarValuesFor13, 2);
+      topValues = _getCalendarValuesFor14[0];
+      bottomValues = _getCalendarValuesFor14[1];
+  }
+  return /*#__PURE__*/React.createElement("g", {
+    className: "calendar",
+    fontSize: fontSize,
+    fontFamily: fontFamily
+  }, /*#__PURE__*/React.createElement("rect", {
+    x: 0,
+    y: 0,
+    width: columnWidth * dateSetup.dates.length,
+    height: headerHeight,
+    className: cx(calendarHeader)
+  }), bottomValues, " ", topValues);
+};

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

@@ -0,0 +1,4 @@
+export declare const calendarBottomText: string;
+export declare const calendarTopTick: string;
+export declare const calendarTopText: string;
+export declare const calendarHeader: string;

package/es/schema-component/antd/gantt/components/calendar/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 calendarBottomText = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-anchor: middle;\n  fill: rgba(0, 0, 0, 0.85);\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  pointer-events: none;\n  font-weight: 500;\n"])));
+export var calendarTopTick = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  stroke: #f0f0f0;\n  stroke-width: 0;\n"])));
+export var calendarTopText = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-anchor: middle;\n  /* fill: #555; */\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  pointer-events: none;\n  font-weight: 500;\n"])));
+export var calendarHeader = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  fill: #fafafa;\n  // stroke: #e0e0e0;\n  stroke-width: 1.4;\n  background: #fafafa;\n  border-bottom: 1px solid #f0f0f0;\n"])));

package/es/schema-component/antd/gantt/components/calendar/top-part-of-calendar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare type TopPartOfCalendarProps = {
+    value: string;
+    x1Line: number;
+    y1Line: number;
+    y2Line: number;
+    xText: number;
+    yText: number;
+};
+export declare const TopPartOfCalendar: React.FC<TopPartOfCalendarProps>;
+export {};

package/es/schema-component/antd/gantt/components/calendar/top-part-of-calendar.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { cx } from '@emotion/css';
+import { calendarTopTick, calendarTopText } from './style';
+export var TopPartOfCalendar = function TopPartOfCalendar(_ref) {
+  var value = _ref.value,
+    x1Line = _ref.x1Line,
+    y1Line = _ref.y1Line,
+    y2Line = _ref.y2Line,
+    xText = _ref.xText,
+    yText = _ref.yText;
+  return /*#__PURE__*/React.createElement("g", {
+    className: "calendarTop"
+  }, /*#__PURE__*/React.createElement("line", {
+    x1: x1Line,
+    y1: y1Line,
+    x2: x1Line,
+    y2: y2Line,
+    className: cx(calendarTopTick),
+    key: value + "line"
+  }), /*#__PURE__*/React.createElement("text", {
+    key: value + "text",
+    y: yText,
+    x: xText,
+    className: cx(calendarTopText)
+  }, value));
+};

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Event: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/es/schema-component/antd/gantt/components/gantt/Event.js

@@ -0,0 +1,5 @@
+import { observer } from '@formily/react';
+import React from 'react';
+export var Event = observer(function (props) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+});

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const DeleteEventContext: React.Context<{
+    close: () => void;
+}>;
+export declare const Gantt: any;