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

package/es/schema-component/antd/gantt/helpers/date-helper.js

@@ -0,0 +1,182 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+import { ViewMode } from '../types/public-types';
+var DateTimeFormat = Intl.DateTimeFormat;
+//@ts-ignore
+var DateTimeFormatOptions = Intl.DateTimeFormatOptions;
+var intlDTCache = {};
+export var getCachedDateTimeFormat = function getCachedDateTimeFormat(locString) {
+  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var key = JSON.stringify([locString, opts]);
+  var dtf = intlDTCache[key];
+  if (!dtf) {
+    dtf = new Intl.DateTimeFormat(locString, opts);
+    intlDTCache[key] = dtf;
+  }
+  return dtf;
+};
+export var addToDate = function addToDate(date, quantity, scale) {
+  var newDate = new Date(date.getFullYear() + (scale === 'year' ? quantity : 0), date.getMonth() + (scale === 'month' ? quantity : 0), date.getDate() + (scale === 'day' ? quantity : 0), date.getHours() + (scale === 'hour' ? quantity : 0), date.getMinutes() + (scale === 'minute' ? quantity : 0), date.getSeconds() + (scale === 'second' ? quantity : 0), date.getMilliseconds() + (scale === 'millisecond' ? quantity : 0));
+  return newDate;
+};
+export var startOfDate = function startOfDate(date, scale) {
+  var scores = ['millisecond', 'second', 'minute', 'hour', 'day', 'month', 'year'];
+  var shouldReset = function shouldReset(_scale) {
+    var maxScore = scores.indexOf(scale);
+    return scores.indexOf(_scale) <= maxScore;
+  };
+  var newDate = new Date(date === null || date === void 0 ? void 0 : date.getFullYear(), shouldReset('year') ? 0 : date.getMonth(), shouldReset('month') ? 1 : date.getDate(), shouldReset('day') ? 0 : date.getHours(), shouldReset('hour') ? 0 : date.getMinutes(), shouldReset('minute') ? 0 : date.getSeconds(), shouldReset('second') ? 0 : date.getMilliseconds());
+  return newDate;
+};
+export var ganttDateRange = function ganttDateRange(tasks, viewMode, preStepsCount) {
+  var _tasks$, _tasks$2;
+  var newStartDate = ((_tasks$ = tasks[0]) === null || _tasks$ === void 0 ? void 0 : _tasks$.start) || new Date();
+  var newEndDate = ((_tasks$2 = tasks[0]) === null || _tasks$2 === void 0 ? void 0 : _tasks$2.start) || new Date();
+  var _iterator = _createForOfIteratorHelper(tasks),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var task = _step.value;
+      if (task.start < newStartDate) {
+        newStartDate = task.start;
+      }
+      if (task.end > newEndDate) {
+        newEndDate = task.end;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  switch (viewMode) {
+    case ViewMode.Year:
+      newStartDate = addToDate(newStartDate, -1, 'year');
+      newStartDate = startOfDate(newStartDate, 'year');
+      newEndDate = addToDate(newEndDate, 1, 'year');
+      newEndDate = startOfDate(newEndDate, 'year');
+      break;
+    case ViewMode.QuarterYear:
+      newStartDate = addToDate(newStartDate, -3, 'month');
+      newStartDate = startOfDate(newStartDate, 'month');
+      newEndDate = addToDate(newEndDate, 3, 'year');
+      newEndDate = startOfDate(newEndDate, 'year');
+      break;
+    case ViewMode.Month:
+      newStartDate = addToDate(newStartDate, -1 * preStepsCount, 'month');
+      newStartDate = startOfDate(newStartDate, 'month');
+      newEndDate = addToDate(newEndDate, 1, 'year');
+      newEndDate = startOfDate(newEndDate, 'year');
+      break;
+    case ViewMode.Week:
+      newStartDate = startOfDate(newStartDate, 'day');
+      newStartDate = addToDate(getMonday(newStartDate), -7 * preStepsCount, 'day');
+      newEndDate = startOfDate(newEndDate, 'day');
+      newEndDate = addToDate(newEndDate, 1.5, 'month');
+      break;
+    case ViewMode.Day:
+      newStartDate = startOfDate(newStartDate, 'day');
+      newStartDate = addToDate(newStartDate, -1 * preStepsCount, 'day');
+      newEndDate = startOfDate(newEndDate, 'day');
+      newEndDate = addToDate(newEndDate, 19, 'day');
+      break;
+    case ViewMode.QuarterDay:
+      newStartDate = startOfDate(newStartDate, 'day');
+      newStartDate = addToDate(newStartDate, -1 * preStepsCount, 'day');
+      newEndDate = startOfDate(newEndDate, 'day');
+      newEndDate = addToDate(newEndDate, 66, 'hour'); // 24(1 day)*3 - 6
+      break;
+    case ViewMode.HalfDay:
+      newStartDate = startOfDate(newStartDate, 'day');
+      newStartDate = addToDate(newStartDate, -1 * preStepsCount, 'day');
+      newEndDate = startOfDate(newEndDate, 'day');
+      newEndDate = addToDate(newEndDate, 108, 'hour'); // 24(1 day)*5 - 12
+      break;
+    case ViewMode.Hour:
+      newStartDate = startOfDate(newStartDate, 'hour');
+      newStartDate = addToDate(newStartDate, -1 * preStepsCount, 'hour');
+      newEndDate = startOfDate(newEndDate, 'day');
+      newEndDate = addToDate(newEndDate, 1, 'day');
+      break;
+  }
+  return [newStartDate, newEndDate];
+};
+export var seedDates = function seedDates(startDate, endDate, viewMode) {
+  var currentDate = new Date(startDate);
+  var dates = [currentDate];
+  while (currentDate < endDate) {
+    switch (viewMode) {
+      case ViewMode.Year:
+        currentDate = addToDate(currentDate, 1, 'year');
+        break;
+      case ViewMode.QuarterYear:
+        currentDate = addToDate(currentDate, 3, 'month');
+        break;
+      case ViewMode.Month:
+        currentDate = addToDate(currentDate, 1, 'month');
+        break;
+      case ViewMode.Week:
+        currentDate = addToDate(currentDate, 7, 'day');
+        break;
+      case ViewMode.Day:
+        currentDate = addToDate(currentDate, 1, 'day');
+        break;
+      case ViewMode.HalfDay:
+        currentDate = addToDate(currentDate, 12, 'hour');
+        break;
+      case ViewMode.QuarterDay:
+        currentDate = addToDate(currentDate, 6, 'hour');
+        break;
+      case ViewMode.Hour:
+        currentDate = addToDate(currentDate, 1, 'hour');
+        break;
+    }
+    dates.push(currentDate);
+  }
+  return dates;
+};
+export var getLocaleMonth = function getLocaleMonth(date, locale) {
+  var bottomValue = getCachedDateTimeFormat(locale, {
+    month: 'long'
+    //@ts-ignore
+  }).format(date);
+  bottomValue = bottomValue.replace(bottomValue[0], bottomValue[0].toLocaleUpperCase());
+  return bottomValue;
+};
+export var getLocalDayOfWeek = function getLocalDayOfWeek(date, locale, format) {
+  var bottomValue = getCachedDateTimeFormat(locale, {
+    weekday: format
+    //@ts-ignore
+  }).format(date);
+  bottomValue = bottomValue.replace(bottomValue[0], bottomValue[0].toLocaleUpperCase());
+  return bottomValue;
+};
+/**
+ * Returns monday of current week
+ * @param date date for modify
+ */
+var getMonday = function getMonday(date) {
+  var day = date.getDay();
+  var diff = date.getDate() - day + (day === 0 ? -6 : 1); // adjust when day is sunday
+  return new Date(date.setDate(diff));
+};
+export var getWeekNumberISO8601 = function getWeekNumberISO8601(date) {
+  var tmpDate = new Date(date.valueOf());
+  var dayNumber = (tmpDate.getDay() + 6) % 7;
+  tmpDate.setDate(tmpDate.getDate() - dayNumber + 3);
+  var firstThursday = tmpDate.valueOf();
+  tmpDate.setMonth(0, 1);
+  if (tmpDate.getDay() !== 4) {
+    tmpDate.setMonth(0, 1 + (4 - tmpDate.getDay() + 7) % 7);
+  }
+  var weekNumber = (1 + Math.ceil((firstThursday - tmpDate.valueOf()) / 604800000)).toString();
+  if (weekNumber.length === 1) {
+    return "0".concat(weekNumber);
+  } else {
+    return weekNumber;
+  }
+};
+export var getDaysInMonth = function getDaysInMonth(month, year) {
+  return new Date(year, month + 1, 0).getDate();
+};

package/es/schema-component/antd/gantt/helpers/other-helper.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BarTask } from '../types/bar-task';
+import { Task } from '../types/public-types';
+export declare function isKeyboardEvent(event: React.MouseEvent | React.KeyboardEvent | React.FocusEvent): event is React.KeyboardEvent;
+export declare function isMouseEvent(event: React.MouseEvent | React.KeyboardEvent | React.FocusEvent): event is React.MouseEvent;
+export declare function isBarTask(task: Task | BarTask): task is BarTask;
+export declare function removeHiddenTasks(tasks: Task[]): Task[];
+export declare const sortTasks: (taskA: Task, taskB: Task) => 1 | 0 | -1;
+export declare const getYmd: (date: Date) => string;

package/es/schema-component/antd/gantt/helpers/other-helper.js

@@ -0,0 +1,65 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+export function isKeyboardEvent(event) {
+  return event.key !== undefined;
+}
+export function isMouseEvent(event) {
+  return event.clientX !== undefined;
+}
+export function isBarTask(task) {
+  return task.x1 !== undefined;
+}
+export function removeHiddenTasks(tasks) {
+  var groupedTasks = tasks.filter(function (t) {
+    return t.hideChildren && t.type === 'project';
+  });
+  if (groupedTasks.length > 0) {
+    var _loop = function _loop() {
+      var groupedTask = groupedTasks[i];
+      var children = getChildren(tasks, groupedTask);
+      tasks = tasks.filter(function (t) {
+        return children.indexOf(t) === -1;
+      });
+    };
+    for (var i = 0; groupedTasks.length > i; i++) {
+      _loop();
+    }
+  }
+  return tasks;
+}
+function getChildren(taskList, task) {
+  var tasks = [];
+  if (task.type !== 'project') {
+    tasks = taskList.filter(function (t) {
+      return t.dependencies && t.dependencies.indexOf(task.id) !== -1;
+    });
+  } else {
+    tasks = taskList.filter(function (t) {
+      return t.project && t.project === task.id;
+    });
+  }
+  var taskChildren = [];
+  tasks.forEach(function (t) {
+    taskChildren.push.apply(taskChildren, _toConsumableArray(getChildren(taskList, t)));
+  });
+  tasks = tasks.concat(tasks, taskChildren);
+  return tasks;
+}
+export var sortTasks = function sortTasks(taskA, taskB) {
+  var orderA = taskA.displayOrder || Number.MAX_VALUE;
+  var orderB = taskB.displayOrder || Number.MAX_VALUE;
+  if (orderA > orderB) {
+    return 1;
+  } else if (orderA < orderB) {
+    return -1;
+  } else {
+    return 0;
+  }
+};
+export var getYmd = function getYmd(date) {
+  return date.getFullYear() + '/' + "".concat(date.getMonth() + 1) + '/' + date.getDate();
+};

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

@@ -0,0 +1,2 @@
+import { Gantt } from './components/gantt/gantt';
+export { Gantt };

package/es/schema-component/antd/gantt/index.js

@@ -0,0 +1,11 @@
+import { ActionBar } from '../action';
+import { Gantt } from './components/gantt/gantt';
+import { GanttDesigner } from './Gantt.Designer';
+import { ViewMode } from './types/public-types';
+import { Event } from './components/gantt/Event';
+Gantt.ActionBar = ActionBar;
+Gantt.ViewMode = ViewMode;
+Gantt.Designer = GanttDesigner;
+Gantt.Event = Event;
+// const GanttV2 = Gantt;
+export { Gantt };

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

@@ -0,0 +1,22 @@
+import { Task, TaskType } from "./public-types";
+export interface BarTask extends Task {
+    index: number;
+    typeInternal: TaskTypeInternal;
+    x1: number;
+    x2: number;
+    y: number;
+    height: number;
+    progressX: number;
+    progressWidth: number;
+    barCornerRadius: number;
+    handleWidth: number;
+    barChildren: BarTask[];
+    color?: string;
+    styles: {
+        backgroundColor: string;
+        backgroundSelectedColor: string;
+        progressColor: string;
+        progressSelectedColor: string;
+    };
+}
+export declare type TaskTypeInternal = TaskType | "smalltask";

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

@@ -0,0 +1 @@
+export {};

package/es/schema-component/antd/gantt/types/date-setup.d.ts

@@ -0,0 +1,5 @@
+import { ViewMode } from "./public-types";
+export interface DateSetup {
+    dates: Date[];
+    viewMode: ViewMode;
+}

package/es/schema-component/antd/gantt/types/date-setup.js

@@ -0,0 +1 @@
+export {};

package/es/schema-component/antd/gantt/types/gantt-task-actions.d.ts

@@ -0,0 +1,8 @@
+import { BarTask } from "./bar-task";
+export declare type BarMoveAction = "progress" | "end" | "start" | "move";
+export declare type GanttContentMoveAction = "mouseenter" | "mouseleave" | "delete" | "dblclick" | "click" | "select" | "" | BarMoveAction;
+export declare type GanttEvent = {
+    changedTask?: BarTask;
+    originalSelectedTask?: BarTask;
+    action: GanttContentMoveAction;
+};

package/es/schema-component/antd/gantt/types/gantt-task-actions.js

@@ -0,0 +1 @@
+export {};

package/es/schema-component/antd/gantt/types/public-types.d.ts

@@ -0,0 +1,136 @@
+/// <reference types="react" />
+export declare enum ViewMode {
+    Hour = "hour",
+    QuarterDay = "quarterDay",
+    HalfDay = "halfDay",
+    Day = "day",
+    /** ISO-8601 week */
+    Week = "week",
+    Month = "month",
+    QuarterYear = "quarterYear",
+    Year = "year"
+}
+export declare type TaskType = "task" | "milestone" | "project";
+export interface Task {
+    id: string;
+    type: TaskType;
+    name: string;
+    start: Date;
+    end: Date;
+    /**
+     * From 0 to 100
+     */
+    progress: number;
+    styles?: {
+        backgroundColor?: string;
+        backgroundSelectedColor?: string;
+        progressColor?: string;
+        progressSelectedColor?: string;
+    };
+    isDisabled?: boolean;
+    project?: string;
+    dependencies?: string[];
+    hideChildren?: boolean;
+    displayOrder?: number;
+}
+export interface EventOption {
+    /**
+     * Time step value for date changes.
+     */
+    timeStep?: number;
+    /**
+     * Invokes on bar select on unselect.
+     */
+    onSelect?: (task: Task, isSelected: boolean) => void;
+    /**
+     * Invokes on bar double click.
+     */
+    onDoubleClick?: (task: Task) => void;
+    /**
+     * Invokes on bar click.
+     */
+    onClick?: (task: Task) => void;
+    /**
+     * Invokes on end and start time change. Chart undoes operation if method return false or error.
+     */
+    onDateChange?: (task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>;
+    /**
+     * Invokes on progress change. Chart undoes operation if method return false or error.
+     */
+    onProgressChange?: (task: Task, children: Task[]) => void | boolean | Promise<void> | Promise<boolean>;
+    /**
+     * Invokes on delete selected task. Chart undoes operation if method return false or error.
+     */
+    onDelete?: (task: Task) => void | boolean | Promise<void> | Promise<boolean>;
+    /**
+     * Invokes on expander on task list
+     */
+    onExpanderClick?: (task: Task) => void;
+}
+export interface DisplayOption {
+    viewMode?: ViewMode;
+    viewDate?: Date;
+    preStepsCount?: number;
+    /**
+     * Specifies the month name language. Able formats: ISO 639-2, Java Locale
+     */
+    locale?: string;
+    rtl?: boolean;
+}
+export interface StylingOption {
+    headerHeight?: number;
+    columnWidth?: number;
+    listCellWidth?: string;
+    rowHeight?: number;
+    ganttHeight?: number;
+    barCornerRadius?: number;
+    handleWidth?: number;
+    fontFamily?: string;
+    fontSize?: string;
+    /**
+     * How many of row width can be taken by task.
+     * From 0 to 100
+     */
+    barFill?: number;
+    barProgressColor?: string;
+    barProgressSelectedColor?: string;
+    barBackgroundColor?: string;
+    barBackgroundSelectedColor?: string;
+    projectProgressColor?: string;
+    projectProgressSelectedColor?: string;
+    projectBackgroundColor?: string;
+    projectBackgroundSelectedColor?: string;
+    milestoneBackgroundColor?: string;
+    milestoneBackgroundSelectedColor?: string;
+    arrowColor?: string;
+    arrowIndent?: number;
+    todayColor?: string;
+    TooltipContent?: React.FC<{
+        task: Task;
+        fontSize: string;
+        fontFamily: string;
+    }>;
+    TaskListHeader?: React.FC<{
+        headerHeight: number;
+        rowWidth: string;
+        fontFamily: string;
+        fontSize: string;
+    }>;
+    TaskListTable?: React.FC<{
+        rowHeight: number;
+        rowWidth: string;
+        fontFamily: string;
+        fontSize: string;
+        locale: string;
+        tasks: Task[];
+        selectedTaskId: string;
+        /**
+         * Sets selected task by id
+         */
+        setSelectedTask: (taskId: string) => void;
+        onExpanderClick: (task: Task) => void;
+    }>;
+}
+export interface GanttProps extends EventOption, DisplayOption, StylingOption {
+    tasks: Task[];
+}

package/es/schema-component/antd/gantt/types/public-types.js

@@ -0,0 +1,12 @@
+export var ViewMode;
+(function (ViewMode) {
+  ViewMode["Hour"] = "hour";
+  ViewMode["QuarterDay"] = "quarterDay";
+  ViewMode["HalfDay"] = "halfDay";
+  ViewMode["Day"] = "day";
+  /** ISO-8601 week */
+  ViewMode["Week"] = "week";
+  ViewMode["Month"] = "month";
+  ViewMode["QuarterYear"] = "quarterYear";
+  ViewMode["Year"] = "year";
+})(ViewMode || (ViewMode = {}));