dtable-statistic 4.4.24-alpha.9 → 5.0.0

package/es/utils/trend-utils.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCompareDate = getCompareDate;
+exports.summaryDurationResult = summaryDurationResult;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
+var _commonUtils = require("./common-utils");
+var _constants = require("../constants");
+_dayjs.default.extend(_quarterOfYear.default);
+function getCompareDate(dateGranularity) {
+  const currentDate = (0, _dayjs.default)();
+  switch (dateGranularity) {
+    case _constants.DATE_GRANULARITY.DAY:
+      {
+        const compareDate = (0, _dayjs.default)(currentDate).subtract(1, 'days').format('YYYY-MM-DD');
+        const comparedDate = (0, _dayjs.default)(currentDate).subtract(2, 'days').format('YYYY-MM-DD');
+        return {
+          compareDate,
+          comparedDate
+        };
+      }
+    case _constants.DATE_GRANULARITY.WEEK:
+      {
+        const currentWeek = (0, _dayjs.default)().day(1);
+        const compareDate = (0, _dayjs.default)(currentWeek).subtract(1, 'weeks').format('YYYY-MM-DD');
+        const comparedDate = (0, _dayjs.default)(currentWeek).subtract(2, 'weeks').format('YYYY-MM-DD');
+        return {
+          compareDate,
+          comparedDate
+        };
+      }
+    case _constants.DATE_GRANULARITY.MONTH:
+      {
+        const compareDate = (0, _dayjs.default)(currentDate).subtract(1, 'months').format('YYYY-MM');
+        const comparedDate = (0, _dayjs.default)(currentDate).subtract(2, 'months').format('YYYY-MM');
+        return {
+          compareDate,
+          comparedDate
+        };
+      }
+    case _constants.DATE_GRANULARITY.QUARTER:
+      {
+        const currentQuarter = (0, _dayjs.default)().quarter();
+        const currentYear = (0, _dayjs.default)().year();
+        let lastQuarter = currentQuarter - 1;
+        let compareDate, comparedDate;
+        if (lastQuarter < 1) {
+          compareDate = currentYear - 1 + '-Q4';
+          comparedDate = currentYear - 1 + '-Q3';
+          return {
+            compareDate,
+            comparedDate
+          };
+        }
+        compareDate = currentYear + '-Q' + lastQuarter;
+        comparedDate = currentYear + '-Q' + (lastQuarter - 1);
+        if (lastQuarter - 1 < 1) {
+          comparedDate = currentYear - 1 + '-Q4';
+        }
+        return {
+          compareDate,
+          comparedDate
+        };
+      }
+    case _constants.DATE_GRANULARITY.YEAR:
+      {
+        const currentYear = (0, _dayjs.default)().year();
+        return {
+          compareDate: currentYear - 1 + '',
+          comparedDate: currentYear - 2 + ''
+        };
+      }
+    default:
+      {
+        return {};
+      }
+  }
+}
+function summaryDurationResult(result, duration, summaryType, summaryMethod, useDataDb, dbDateKey, valueKey) {
+  const currentTime = (0, _dayjs.default)();
+  const days = duration === 'days_30' ? 30 : 7;
+  const endDate = currentTime.format('YYYY-MM-DD');
+  const middleDate = currentTime.subtract(days, 'days').format('YYYY-MM-DD');
+  const startDate = (0, _dayjs.default)(middleDate).subtract(days, 'days').format('YYYY-MM-DD');
+  let compareValue = [];
+  let comparedValue = [];
+  if (useDataDb) {
+    const days1 = [];
+    const days2 = [];
+    for (let index = 0; index < result.length; index++) {
+      const item = result[index];
+      const key = item[dbDateKey];
+      if (key >= startDate && key < middleDate) {
+        comparedValue.push(item[valueKey]);
+        days1.push(key);
+      } else if (key >= middleDate && key < endDate) {
+        compareValue.push(item[valueKey]);
+        days2.push(key);
+      }
+    }
+  } else {
+    // eslint-disable-next-line
+    for (let item of result) {
+      const key = item[0];
+      if (key >= startDate && key < middleDate) {
+        if (summaryType === _constants.SUMMARY_TYPE.ADVANCED) {
+          comparedValue = comparedValue.concat(item[1] || []);
+        } else {
+          comparedValue.push(item[1]);
+        }
+      } else if (key >= middleDate && key < endDate) {
+        if (summaryType === _constants.SUMMARY_TYPE.ADVANCED) {
+          compareValue = compareValue.concat(item[1] || []);
+        } else {
+          compareValue.push(item[1]);
+        }
+      }
+    }
+  }
+  if (summaryType === _constants.SUMMARY_TYPE.ADVANCED) {
+    comparedValue = (0, _commonUtils.getSummaryResult)(comparedValue, summaryMethod);
+    compareValue = (0, _commonUtils.getSummaryResult)(compareValue, summaryMethod);
+  } else {
+    compareValue = (0, _commonUtils.getSummaryResult)(compareValue, 'Sum');
+    comparedValue = (0, _commonUtils.getSummaryResult)(comparedValue, 'Sum');
+  }
+  return {
+    compareValue,
+    comparedValue
+  };
+}

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "dtable-statistic",
-  "version": "4.4.24-alpha.9",
+  "version": "5.0.0",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
   "private": false,
   "dependencies": {
-    "@antv/util": "^3.3.2",
+    "@antv/data-set": "0.11.8",
+    "@antv/g2": "4.1.46",
+    "@antv/util": "3.3.2",
     "@seafile/seafile-calendar": "0.0.24",
     "comlink": "^4.4.1",
     "dayjs": "1.10.7",
@@ -17,11 +19,11 @@
     "react-dom": "17.0.2",
     "react-grid-layout": "^1.2.5",
     "react-intl-universal": "^2.4.8",
-    "reactstrap": "8.9.0",
-    "sea-chart": "0.0.42-alpha.7"
+    "reactstrap": "8.9.0"
   },
   "peerDependencies": {
-    "dtable-ui-component": "~4.4.*",
+    "@antv/scale": "0.3.14",
+    "dtable-ui-component": "~5.0.*",
     "dtable-utils": "~4.4.*"
   },
   "devDependencies": {
@@ -54,7 +56,7 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dtable-store": "4.3.6",
-    "dtable-ui-component": "4.4.34",
+    "dtable-ui-component": "5.0.0",
     "dtable-utils": "4.4.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",

package/es/components/dialog/chart-edit-dialog.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _seaChart = require("sea-chart");
-var _reactstrap = require("reactstrap");
-class ChartEditDialog extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.modifyChart = update => {
-      const {
-        chart
-      } = this.state;
-      this.setState({
-        chart: {
-          ...chart,
-          ...update
-        }
-      });
-    };
-    this.onSettingChange = (update, type) => {
-      this.modifyChart(update);
-    };
-    this.state = {
-      chart: props.editingChart || null
-    };
-    this.value = props.getValue();
-  }
-  componentWillUnmount() {
-    const {
-      statistics,
-      selectedDashboardIdx
-    } = this.props;
-    const {
-      chart
-    } = this.state;
-    if (chart) {
-      const dashboard = statistics[selectedDashboardIdx];
-      const hasChart = dashboard.stat_items.find(item => item.config._id === chart.config._id);
-      if (hasChart) {
-        this.props.modifyChart(chart);
-      } else {
-        this.props.addChart(chart);
-      }
-    }
-  }
-  render() {
-    const {
-      api,
-      colorThemeName,
-      theme
-    } = this.props;
-    const {
-      chart
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-      isOpen: true,
-      toggle: () => {
-        this.props.onToggleEditChart();
-      },
-      className: "statistic-chart-addition-dialog",
-      zIndex: 1048
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
-      toggle: () => {
-        this.props.onToggleEditChart();
-      }
-    }, _reactIntlUniversal.default.get('Edit_the_chart')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
-      className: "statistic-modal-body"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-render-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-render"
-    }, /*#__PURE__*/_react.default.createElement(_seaChart.Editor, {
-      chart: chart,
-      config: window.dtable,
-      api: api,
-      tables: this.value.tables,
-      collaborators: this.value.collaborators,
-      dataSources: "view",
-      theme: theme,
-      chartColorTheme: colorThemeName,
-      integrator: "statistic",
-      onChange: this.onSettingChange
-    })))));
-  }
-}
-var _default = exports.default = ChartEditDialog;

package/es/components/dtable-popover.js

@@ -1,97 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _utils = require("../utils");
-var _constants = require("../constants");
-class DTablePopover extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.dtablePopoverRef = null;
-    this.isSelectOpen = false;
-    this.onHistoryState = e => {
-      e.preventDefault();
-      this.props.hideDTablePopover(e);
-    };
-    this.onKeyDown = e => {
-      const {
-        canHideDTablePopover,
-        hideDTablePopoverWithEsc
-      } = this.props;
-      if (e.keyCode === _constants.KeyCodes.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
-        e.preventDefault();
-        hideDTablePopoverWithEsc();
-      } else if (e.keyCode === _constants.KeyCodes.Enter) {
-        // Resolve the default behavior of the enter key when entering formulas is blocked
-        if (canHideDTablePopover) return;
-        e.stopImmediatePropagation();
-      }
-    };
-    this.setSelectStatus = status => {
-      this.isSelectOpen = status;
-    };
-    this.onMouseDown = e => {
-      const {
-        canHideDTablePopover
-      } = this.props;
-      if (!canHideDTablePopover) return;
-      if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
-        this.props.hideDTablePopover(e);
-      }
-    };
-    this.onPopoverInsideClick = e => {
-      e.stopPropagation();
-    };
-  }
-  componentDidMount() {
-    document.addEventListener('mousedown', this.onMouseDown);
-    document.addEventListener('keydown', this.onKeyDown);
-    window.addEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect = window.app.eventBus.subscribe(_constants.CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
-  }
-  componentWillUnmount() {
-    document.removeEventListener('mousedown', this.onMouseDown);
-    document.removeEventListener('keydown', this.onKeyDown);
-    window.removeEventListener('popstate', this.onHistoryState);
-    this.unsubscribeOpenSelect();
-  }
-  render() {
-    const {
-      target,
-      boundariesElement,
-      innerClassName,
-      popoverClassName,
-      hideArrow,
-      modifiers,
-      placement
-    } = this.props;
-    let additionalProps = {};
-    if (boundariesElement) {
-      additionalProps.boundariesElement = boundariesElement;
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, Object.assign({
-      placement: placement,
-      isOpen: true,
-      target: target,
-      fade: false,
-      hideArrow: hideArrow,
-      innerClassName: innerClassName,
-      className: popoverClassName,
-      modifiers: modifiers
-    }, additionalProps), /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.dtablePopoverRef = ref,
-      onClick: this.onPopoverInsideClick
-    }, this.props.children));
-  }
-}
-DTablePopover.defaultProps = {
-  placement: 'bottom-start',
-  hideArrow: true,
-  canHideDTablePopover: true
-};
-var _default = exports.default = DTablePopover;

package/es/components/dtable-search-input.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
-class DtableSearchInput extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onCompositionStart = () => {
-      this.isInputtingChinese = true;
-    };
-    this.onChange = e => {
-      this.timer && clearTimeout(this.timer);
-      const {
-        onChange,
-        wait
-      } = this.props;
-      let text = e.target.value;
-      this.setState({
-        searchValue: text || ''
-      }, () => {
-        if (this.isInputtingChinese) return;
-        this.timer = setTimeout(() => {
-          onChange && onChange(this.state.searchValue.trim());
-        }, wait);
-      });
-    };
-    this.onCompositionEnd = e => {
-      this.isInputtingChinese = false;
-      this.onChange(e);
-    };
-    this.clearSearch = () => {
-      const {
-        clearValue
-      } = this.props;
-      this.setState({
-        searchValue: ''
-      }, () => {
-        clearValue && clearValue();
-      });
-    };
-    this.setFocus = isSelectAllText => {
-      if (this.inputRef === document.activeElement) return;
-      this.inputRef.focus();
-      if (isSelectAllText) {
-        const txtLength = this.state.searchValue.length;
-        this.inputRef.setSelectionRange(0, txtLength);
-      }
-    };
-    this.renderClear = () => {
-      const {
-        isClearable,
-        clearClassName,
-        components = {}
-      } = this.props;
-      const {
-        searchValue
-      } = this.state;
-      if (!isClearable || !searchValue) return null;
-      const {
-        ClearIndicator
-      } = components;
-      if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      } else if ((0, _utils.isFunction)(ClearIndicator)) {
-        return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
-          clearValue: this.clearSearch
-        });
-      }
-      return /*#__PURE__*/_react.default.createElement("i", {
-        className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
-        onClick: this.clearSearch
-      }, "\xD7");
-    };
-    this.state = {
-      searchValue: props.value
-    };
-    this.isInputtingChinese = false;
-    this.timer = null;
-    this.inputRef = null;
-  }
-  componentWillReceiveProps(nextProps) {
-    if (nextProps.value !== this.props.value) {
-      this.setState({
-        searchValue: nextProps.value
-      });
-    }
-  }
-  componentWillUnmount() {
-    this.timer && clearTimeout(this.timer);
-    this.timer = null;
-    this.inputRef = null;
-  }
-  render() {
-    const {
-      placeholder,
-      autoFocus,
-      className,
-      onKeyDown,
-      disabled,
-      style
-    } = this.props;
-    const {
-      searchValue
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: searchValue,
-      className: (0, _classnames.default)('form-control', className),
-      onChange: this.onChange,
-      autoFocus: autoFocus,
-      placeholder: placeholder,
-      onCompositionStart: this.onCompositionStart,
-      onCompositionEnd: this.onCompositionEnd,
-      onKeyDown: onKeyDown,
-      disabled: disabled,
-      style: style,
-      ref: ref => this.inputRef = ref
-    }), this.renderClear());
-  }
-}
-DtableSearchInput.defaultProps = {
-  wait: 100,
-  disabled: false,
-  value: ''
-};
-var _default = exports.default = DtableSearchInput;

package/es/components/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DTablePopover", {
-  enumerable: true,
-  get: function () {
-    return _dtablePopover.default;
-  }
-});
-Object.defineProperty(exports, "DtableSearchInput", {
-  enumerable: true,
-  get: function () {
-    return _dtableSearchInput.default;
-  }
-});
-Object.defineProperty(exports, "Loading", {
-  enumerable: true,
-  get: function () {
-    return _loading.default;
-  }
-});
-Object.defineProperty(exports, "ModalPortal", {
-  enumerable: true,
-  get: function () {
-    return _modalPortal.default;
-  }
-});
-Object.defineProperty(exports, "NewTableDialog", {
-  enumerable: true,
-  get: function () {
-    return _newTableDialog.default;
-  }
-});
-var _dtablePopover = _interopRequireDefault(require("./dtable-popover"));
-var _dtableSearchInput = _interopRequireDefault(require("./dtable-search-input"));
-var _loading = _interopRequireDefault(require("./loading"));
-var _modalPortal = _interopRequireDefault(require("./modal-portal"));
-var _newTableDialog = _interopRequireDefault(require("./dialog/new-table-dialog"));

package/es/components/loading.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function Loading() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
-    className: "loading-icon loading-tip"
-  }));
-}
-var _default = exports.default = Loading;

package/es/components/modal-portal.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-const modalRoot = document.getElementById('modal-wrapper');
-class ModalPortal extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.el = document.createElement('div');
-  }
-  componentDidMount() {
-    modalRoot.appendChild(this.el);
-  }
-  componentWillUnmount() {
-    modalRoot.removeChild(this.el);
-  }
-  render() {
-    return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
-  }
-}
-var _default = exports.default = ModalPortal;