sea-chart 1.1.64 → 2.0.0

package/dist/view/wrapper/table/two-dimension-table.js

@@ -1,11 +1,19 @@
-import React, { PureComponent } from 'react';
-import classnames from 'classnames';
-import { CellType, isNumber } from 'dtable-utils';
-import { BaseUtils, formatRowTotal } from '../../../utils';
-import intl from '../../../intl';
-import { CHART_SUMMARY_TYPE, CHART_THEME_COLOR } from '../../../constants';
-import PivotTableDisplayName from './pivot-table-display-name';
-class TwoDimensionTable extends PureComponent {
+"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 _dtableUtils = require("dtable-utils");
+var _utils = require("../../../utils");
+var _intl = _interopRequireDefault(require("../../../intl"));
+var _constants = require("../../../constants");
+var _pivotTableDisplayName = _interopRequireDefault(require("./pivot-table-display-name"));
+class TwoDimensionTable extends _react.PureComponent {
   constructor() {
     super(...arguments);
     this.getCells = row => {
@@ -58,10 +66,10 @@ class TwoDimensionTable extends PureComponent {
         cellIdx: selectedCellIdx
       } = selectedCell || {};
       const isSelectedTotalCellBottom = selectRowIdx === 0 && selectedCellIdx === (Array.isArray(pivot_columns) ? pivot_columns.length : 0);
-      const isCollaborator = columnGroupbyColumn.type === CellType.COLLABORATOR;
-      return /*#__PURE__*/React.createElement("thead", {
+      const isCollaborator = columnGroupbyColumn.type === _dtableUtils.CellType.COLLABORATOR;
+      return /*#__PURE__*/_react.default.createElement("thead", {
         className: "seatable-table-header-sm"
-      }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
       }, !rowGroupName && groupName), Array.isArray(pivot_columns) && pivot_columns.map((item, index) => {
         let {
@@ -71,39 +79,39 @@ class TwoDimensionTable extends PureComponent {
           original_key = [original_key];
         }
         let isSelectedHeaderBottom = selectRowIdx === 0 && selectedCellIdx === index;
-        return /*#__PURE__*/React.createElement("th", {
-          className: classnames('pivot-table-header', {
+        return /*#__PURE__*/_react.default.createElement("th", {
+          className: (0, _classnames.default)('pivot-table-header', {
             'selected-pivot-cell-top': isSelectedHeaderBottom
           }),
           key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
           value: original_key,
           column: columnGroupbyColumn || {},
           rowData: item,
           globalTheme: globalTheme
         }));
-      }), display_total && /*#__PURE__*/React.createElement("th", {
-        className: classnames('pivot-table-header', {
+      }), display_total && /*#__PURE__*/_react.default.createElement("th", {
+        className: (0, _classnames.default)('pivot-table-header', {
           'selected-pivot-cell-top': isSelectedTotalCellBottom
         })
-      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total')))), isSingleNumericColumn === 'false' && summary_columns && summary_columns.length && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      }, /*#__PURE__*/_react.default.createElement("div", null, _intl.default.get('Total')))), isSingleNumericColumn === 'false' && summary_columns && summary_columns.length && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
       }), Array.isArray(pivot_columns) && pivot_columns.map((item, index) => {
-        return /*#__PURE__*/React.createElement("th", {
+        return /*#__PURE__*/_react.default.createElement("th", {
           className: "pivot-table-header summary-columns-header"
-        }, /*#__PURE__*/React.createElement("div", {
+        }, /*#__PURE__*/_react.default.createElement("div", {
           className: "pivot-table-header-summary-columns-container"
         }, summary_columns.map((column, idx) => {
-          return /*#__PURE__*/React.createElement("div", {
-            className: classnames('pivot-table-header'),
+          return /*#__PURE__*/_react.default.createElement("div", {
+            className: (0, _classnames.default)('pivot-table-header'),
             key: "pivot-column-".concat(idx)
-          }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+          }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
             value: column.name,
             column: column || {},
             globalTheme: globalTheme
           }));
         })));
-      }), display_total && /*#__PURE__*/React.createElement("th", {
+      }), display_total && /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
       })));
     };
@@ -132,23 +140,23 @@ class TwoDimensionTable extends PureComponent {
     this.renderEmpty = (summaryColumns, cellIdx) => {
       if (summaryColumns && (summaryColumns === null || summaryColumns === void 0 ? void 0 : summaryColumns.length) !== 0) {
         return summaryColumns.map(item => {
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             key: "table-cell-".concat(item === null || item === void 0 ? void 0 : item.key),
-            className: classnames('pivot-cell', {
+            className: (0, _classnames.default)('pivot-cell', {
               'pivot-empty-cell': true
             })
-          }, /*#__PURE__*/React.createElement("i", null));
+          }, /*#__PURE__*/_react.default.createElement("i", null));
         });
       }
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: "table-cell-".concat(cellIdx),
-        className: classnames('pivot-cell', {
+        className: (0, _classnames.default)('pivot-cell', {
           'pivot-empty-cell': true
         })
-      }, /*#__PURE__*/React.createElement("i", null));
+      }, /*#__PURE__*/_react.default.createElement("i", null));
     };
     this.getRowTotal = (rowTotal, value) => {
-      if (value && isNumber(value)) {
+      if (value && (0, _dtableUtils.isNumber)(value)) {
         return rowTotal + value;
       }
       return rowTotal;
@@ -183,12 +191,12 @@ class TwoDimensionTable extends PureComponent {
       let pivotColumnCells = [];
       const isSelectRowTotalCellRight = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
       const isSelectTotal = selectRowIdx === pivotRowsLen && selectedCellIdx === (Array.isArray(pivot_columns) ? pivot_columns.length : 0);
-      const tableTotalDisplayValue = BaseUtils.getSummaryValueDisplayString(summaryColumn, pivot_table_total, summaryMethod);
-      const isValidTableTotalDisplayValue = BaseUtils.isValidValue(tableTotalDisplayValue, display_empty);
-      const isCount = summary_type === CHART_SUMMARY_TYPE.COUNT;
+      const tableTotalDisplayValue = _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, pivot_table_total, summaryMethod);
+      const isValidTableTotalDisplayValue = _utils.BaseUtils.isValidValue(tableTotalDisplayValue, display_empty);
+      const isCount = summary_type === _constants.CHART_SUMMARY_TYPE.COUNT;
       this.isCount = isCount;
-      const isCollaborator = groupbyColumn.type === CellType.COLLABORATOR;
-      return /*#__PURE__*/React.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map((rowItem, rowIdx) => {
+      const isCollaborator = groupbyColumn.type === _dtableUtils.CellType.COLLABORATOR;
+      return /*#__PURE__*/_react.default.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map((rowItem, rowIdx) => {
         let {
           name,
           total
@@ -206,13 +214,13 @@ class TwoDimensionTable extends PureComponent {
           pivotColumnCells[rowIdx] = rowItem.rows || [];
         }
         let rowTotal = 0;
-        return /*#__PURE__*/React.createElement("tr", {
+        return /*#__PURE__*/_react.default.createElement("tr", {
           key: 'table-row' + rowIdx
-        }, /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-row-name', {
+        }, /*#__PURE__*/_react.default.createElement("td", {
+          className: (0, _classnames.default)('pivot-row-name', {
             'selected-pivot-cell-left': isSelectedRowNameRight
           })
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
           value: name,
           column: groupbyColumn,
           rowData: rowItem,
@@ -226,7 +234,7 @@ class TwoDimensionTable extends PureComponent {
           } = c;
           if (isCount) {
             const displayValue = total;
-            const isValidDisplayValue = BaseUtils.isValidValue(displayValue, display_empty);
+            const isValidDisplayValue = _utils.BaseUtils.isValidValue(displayValue, display_empty);
             rowTotal = this.getRowTotal(rowTotal, displayValue);
             if (c && Array.isArray(c.rows) && c.rows.length > 0) {
               pivotRowCells.push(...c.rows);
@@ -236,8 +244,8 @@ class TwoDimensionTable extends PureComponent {
                 pivotColumnCells[cellIdx] = [...c.rows];
               }
             }
-            return /*#__PURE__*/React.createElement("td", {
-              className: classnames('pivot-cell', {
+            return /*#__PURE__*/_react.default.createElement("td", {
+              className: (0, _classnames.default)('pivot-cell', {
                 'pivot-empty-cell': !isValidDisplayValue,
                 'selected-pivot-cell': isSelectedCell,
                 'selected-pivot-cell-top': isSelectedCellTop,
@@ -252,39 +260,39 @@ class TwoDimensionTable extends PureComponent {
                 cellIdx
               }),
               title: displayValue
-            }, isValidDisplayValue ? displayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-              className: classnames({
+            }, isValidDisplayValue ? displayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
+              className: (0, _classnames.default)({
                 'selected-pivot-cell-border': isSelectedCell
               })
             }));
           }
-          return /*#__PURE__*/React.createElement("td", {
-            className: classnames('pivot-cell'),
+          return /*#__PURE__*/_react.default.createElement("td", {
+            className: (0, _classnames.default)('pivot-cell'),
             key: "table-cell-".concat(cellIdx)
-          }, /*#__PURE__*/React.createElement("div", {
-            className: classnames('pivot-cells-container')
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            className: (0, _classnames.default)('pivot-cells-container')
           }, total && total.map && total.map((summaryCell, idx) => {
             const summaryCellColumnKey = summaryCell[2];
             const summaryCellColumn = summaryColumns === null || summaryColumns === void 0 ? void 0 : summaryColumns.find(item => item.key === summaryCellColumnKey);
-            const displayValue = BaseUtils.getSummaryValueDisplayString(summaryCellColumn, summaryCell[1], summaryMethod);
-            const isValidDisplayValue = BaseUtils.isValidValue(displayValue, display_empty);
+            const displayValue = _utils.BaseUtils.getSummaryValueDisplayString(summaryCellColumn, summaryCell[1], summaryMethod);
+            const isValidDisplayValue = _utils.BaseUtils.isValidValue(displayValue, display_empty);
             rowTotal = this.getRowTotal(rowTotal, summaryCell[1]);
-            return /*#__PURE__*/React.createElement("div", {
+            return /*#__PURE__*/_react.default.createElement("div", {
               key: "table-cell-".concat(cellIdx, "-").concat(idx),
-              className: classnames('pivot-cell', {
+              className: (0, _classnames.default)('pivot-cell', {
                 'pivot-empty-cell': !isValidDisplayValue,
                 'selected-pivot-cell': isSelectedCell,
                 'selected-pivot-cell-top': isSelectedCellTop,
                 'selected-pivot-cell-left': isSelectedCellLeft
               })
-            }, isValidDisplayValue ? displayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-              className: classnames({
+            }, isValidDisplayValue ? displayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
+              className: (0, _classnames.default)({
                 'selected-pivot-cell-border': isSelectedCell
               })
             }));
           }), !total && !(typeof total === 'number') && this.renderEmpty(summaryColumns, cellIdx)));
-        }), display_total && /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-cell', {
+        }), display_total && /*#__PURE__*/_react.default.createElement("td", {
+          className: (0, _classnames.default)('pivot-cell', {
             'selected-pivot-cell': isSelectedTotalCell,
             'selected-pivot-cell-top': isSelectedTotalCellTop,
             'selected-pivot-cell-left': isSelectedTotalCellLeft
@@ -298,24 +306,24 @@ class TwoDimensionTable extends PureComponent {
             cellIdx: cells.length
           }),
           title: rowTotal
-        }, BaseUtils.isValidValue(rowTotal, display_empty) ? formatRowTotal(rowTotal) : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-          className: classnames({
+        }, _utils.BaseUtils.isValidValue(rowTotal, display_empty) ? (0, _utils.formatRowTotal)(rowTotal) : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
+          className: (0, _classnames.default)({
             'selected-pivot-cell-border': isSelectedTotalCell
           })
         })));
-      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-        className: classnames('pivot-column-total', {
+      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+        className: (0, _classnames.default)('pivot-column-total', {
           'selected-pivot-cell-left': isSelectRowTotalCellRight
         })
-      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total'))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
+      }, /*#__PURE__*/_react.default.createElement("div", null, _intl.default.get('Total'))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
         const pivotColumnCell = pivotColumnCells[index];
         const isSelectRowTotalCell = selectRowIdx === pivot_rows.length && selectedCellIdx === index;
         const isSelectRowTotalCellLeft = selectRowIdx === pivot_rows.length && selectedCellIdx - 1 === index;
         const pivotColumnTotal = pivot_columns_total[c.key];
-        const totalDisplayValue = BaseUtils.getSummaryValueDisplayString(summaryColumn, pivotColumnTotal, summaryMethod);
-        const isValidTotalDisplayValue = BaseUtils.isValidValue(totalDisplayValue, display_empty);
-        return /*#__PURE__*/React.createElement("td", {
-          className: classnames('pivot-cell', {
+        const totalDisplayValue = _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, pivotColumnTotal, summaryMethod);
+        const isValidTotalDisplayValue = _utils.BaseUtils.isValidValue(totalDisplayValue, display_empty);
+        return /*#__PURE__*/_react.default.createElement("td", {
+          className: (0, _classnames.default)('pivot-cell', {
             'pivot-empty-cell': !isValidTotalDisplayValue,
             'selected-pivot-cell': isSelectRowTotalCell,
             'selected-pivot-cell-left': isSelectRowTotalCellLeft
@@ -329,13 +337,13 @@ class TwoDimensionTable extends PureComponent {
             cellIdx: index
           }),
           title: totalDisplayValue
-        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-          className: classnames({
+        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
+          className: (0, _classnames.default)({
             'selected-pivot-cell-border': isSelectRowTotalCell
           })
         }));
-      }), /*#__PURE__*/React.createElement("td", {
-        className: classnames('pivot-cell pivot-table-total', {
+      }), /*#__PURE__*/_react.default.createElement("td", {
+        className: (0, _classnames.default)('pivot-cell pivot-table-total', {
           'pivot-empty-cell': !isValidTableTotalDisplayValue,
           'selected-pivot-cell': isSelectTotal
         }),
@@ -343,8 +351,8 @@ class TwoDimensionTable extends PureComponent {
           rowIdx: pivot_rows.length,
           cellIdx: Array.isArray(pivot_columns) ? pivot_columns.length : 0
         })
-      }, isValidTableTotalDisplayValue ? tableTotalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
-        className: classnames({
+      }, isValidTableTotalDisplayValue ? tableTotalDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
+        className: (0, _classnames.default)({
           'selected-pivot-cell-border': isSelectTotal
         })
       }))));
@@ -357,16 +365,16 @@ class TwoDimensionTable extends PureComponent {
       globalTheme
     } = this.props;
     if (!groupbyColumn) return '';
-    return /*#__PURE__*/React.createElement("table", {
+    return /*#__PURE__*/_react.default.createElement("table", {
       className: "sea-chart-pivot-table",
       style: {
-        color: CHART_THEME_COLOR[globalTheme].pivotTextColor
+        color: _constants.CHART_THEME_COLOR[globalTheme].pivotTextColor
       }
-    }, /*#__PURE__*/React.createElement("caption", {
+    }, /*#__PURE__*/_react.default.createElement("caption", {
       className: "column-title"
-    }, columnGroupbyColumn.name), /*#__PURE__*/React.createElement("caption", {
+    }, columnGroupbyColumn.name), /*#__PURE__*/_react.default.createElement("caption", {
       className: "row-title"
     }, groupbyColumn.name), this.renderHeader(), this.renderRows());
   }
 }
-export default TwoDimensionTable;
+var _default = exports.default = TwoDimensionTable;

package/dist/view/wrapper/table-element/components/dataset-utils.js

@@ -1,39 +1,47 @@
-import { CellType } from 'dtable-utils';
-import { getPreviewContent } from '@seafile/seafile-editor';
-export const DATASET_NOT_SUPPORT_COLUMN_TYPES = [CellType.BUTTON];
-export const getCellRecordWidth = function (column) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTwoDimensionArrayValue = exports.getFormulaArrayValue = exports.getCellRecordWidth = exports.convertValueToDtableLongTextValue = exports.DATASET_NOT_SUPPORT_COLUMN_TYPES = void 0;
+exports.isArrayFormalColumn = isArrayFormalColumn;
+exports.isValidCellValue = void 0;
+var _dtableUtils = require("dtable-utils");
+var _seafileEditor = require("@seafile/seafile-editor");
+const DATASET_NOT_SUPPORT_COLUMN_TYPES = exports.DATASET_NOT_SUPPORT_COLUMN_TYPES = [_dtableUtils.CellType.BUTTON];
+const getCellRecordWidth = function (column) {
   let isSample = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   let {
     type,
     data
   } = column;
   switch (type) {
-    case CellType.DATE:
+    case _dtableUtils.CellType.DATE:
       {
         let isShowHourAndMinute = data && data.format && data.format.indexOf('HH:mm') > -1;
         return isShowHourAndMinute ? 160 : 110;
       }
-    case CellType.LONG_TEXT:
-    case CellType.AUTO_NUMBER:
-    case CellType.URL:
-    case CellType.EMAIL:
+    case _dtableUtils.CellType.LONG_TEXT:
+    case _dtableUtils.CellType.AUTO_NUMBER:
+    case _dtableUtils.CellType.URL:
+    case _dtableUtils.CellType.EMAIL:
       {
         return 200;
       }
-    case CellType.CHECKBOX:
+    case _dtableUtils.CellType.CHECKBOX:
       {
         return 80;
       }
-    case CellType.NUMBER:
+    case _dtableUtils.CellType.NUMBER:
       {
         return 120;
       }
-    case CellType.CTIME:
-    case CellType.MTIME:
+    case _dtableUtils.CellType.CTIME:
+    case _dtableUtils.CellType.MTIME:
       {
         return 170;
       }
-    case CellType.RATE:
+    case _dtableUtils.CellType.RATE:
       {
         const {
           rate_max_number
@@ -41,8 +49,8 @@ export const getCellRecordWidth = function (column) {
         const rateMaxNumber = rate_max_number || 5;
         return 16 * rateMaxNumber + 20;
       }
-    case CellType.IMAGE:
-    case CellType.FILE:
+    case _dtableUtils.CellType.IMAGE:
+    case _dtableUtils.CellType.FILE:
       {
         return isSample ? 60 : 160;
       }
@@ -52,7 +60,8 @@ export const getCellRecordWidth = function (column) {
       }
   }
 };
-export const getFormulaArrayValue = function (value) {
+exports.getCellRecordWidth = getCellRecordWidth;
+const getFormulaArrayValue = function (value) {
   let isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   if (!Array.isArray(value)) return [];
   if (!isFlat) return getTwoDimensionArrayValue(value);
@@ -77,17 +86,19 @@ export const getFormulaArrayValue = function (value) {
     });
   }).flat().filter(item => isValidCellValue(item));
 };
-export const convertValueToDtableLongTextValue = value => {
+exports.getFormulaArrayValue = getFormulaArrayValue;
+const convertValueToDtableLongTextValue = value => {
   const valueType = Object.prototype.toString.call(value);
   if (value && valueType === '[object String]') {
-    return getPreviewContent(value);
+    return (0, _seafileEditor.getPreviewContent)(value);
   }
   if (valueType === '[object Object]') {
     return value;
   }
   return '';
 };
-export const isValidCellValue = value => {
+exports.convertValueToDtableLongTextValue = convertValueToDtableLongTextValue;
+const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;
   if (value === '') return false;
@@ -95,7 +106,8 @@ export const isValidCellValue = value => {
   if (JSON.stringify(value) === '[]') return false;
   return true;
 };
-export const getTwoDimensionArrayValue = value => {
+exports.isValidCellValue = isValidCellValue;
+const getTwoDimensionArrayValue = value => {
   if (!Array.isArray(value)) return [];
   return value.map(item => {
     if (Object.prototype.toString.call(item) !== '[object Object]') {
@@ -118,6 +130,7 @@ export const getTwoDimensionArrayValue = value => {
     });
   });
 };
-export function isArrayFormalColumn(columnType) {
-  return [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR].includes(columnType);
+exports.getTwoDimensionArrayValue = getTwoDimensionArrayValue;
+function isArrayFormalColumn(columnType) {
+  return [_dtableUtils.CellType.IMAGE, _dtableUtils.CellType.FILE, _dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.COLLABORATOR].includes(columnType);
 }