sea-chart 1.1.64 → 2.0.0

package/dist/view/wrapper/table-element/components/records.js

@@ -1,11 +1,19 @@
-import React, { Component } from 'react';
-import { CellType } from 'dtable-utils';
-import { resizeColumn } from '../../../../utils/row-utils';
-import RecordsHeader from './records-header';
-import RecordsBody from './records-body';
-import { DATASET_NOT_SUPPORT_COLUMN_TYPES, getCellRecordWidth } from './dataset-utils';
-import VerticalScrollbar from './vertical-scrollbar';
-class Records extends Component {
+"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 _dtableUtils = require("dtable-utils");
+var _rowUtils = require("../../../../utils/row-utils");
+var _recordsHeader = _interopRequireDefault(require("./records-header"));
+var _recordsBody = _interopRequireDefault(require("./records-body"));
+var _datasetUtils = require("./dataset-utils");
+var _verticalScrollbar = _interopRequireDefault(require("./vertical-scrollbar"));
+class Records extends _react.Component {
   constructor(props) {
     super(props);
     this.resizeColumnWidthToFitContainer = () => {
@@ -46,13 +54,13 @@ class Records extends Component {
       } = this.props;
       const columnsWidthDataStr = localStorage.getItem("statistic_".concat(chart.id, "_columns_width"));
       const columnsWidthData = columnsWidthDataStr ? JSON.parse(columnsWidthDataStr) : [];
-      const columns = shownColumns.filter(column => !DATASET_NOT_SUPPORT_COLUMN_TYPES.includes(column.type)).map(column => {
+      const columns = shownColumns.filter(column => !_datasetUtils.DATASET_NOT_SUPPORT_COLUMN_TYPES.includes(column.type)).map(column => {
         const {
           type
         } = column;
         const columnWidthData = columnsWidthData.find(item => item.key === column.key);
         const previousWidth = typeof (columnWidthData === null || columnWidthData === void 0 ? void 0 : columnWidthData.width) === 'number' && columnWidthData.width;
-        if (type === CellType.LINK) {
+        if (type === _dtableUtils.CellType.LINK) {
           const {
             data
           } = column;
@@ -63,12 +71,12 @@ class Records extends Component {
           } = data;
           const display_column = {
             key: display_column_key || '0000',
-            type: array_type || CellType.TEXT,
+            type: array_type || _dtableUtils.CellType.TEXT,
             data: array_data || null
           };
           return {
             ...column,
-            width: previousWidth || getCellRecordWidth(column),
+            width: previousWidth || (0, _datasetUtils.getCellRecordWidth)(column),
             data: {
               ...data,
               display_column
@@ -77,7 +85,7 @@ class Records extends Component {
         }
         return {
           ...column,
-          width: previousWidth || getCellRecordWidth(column)
+          width: previousWidth || (0, _datasetUtils.getCellRecordWidth)(column)
         };
       });
       const newColumnsWidthData = columns.map(column => {
@@ -94,7 +102,7 @@ class Records extends Component {
       const {
         displayColumns
       } = this.state;
-      const newDisplayColumns = resizeColumn(column.key, Math.max(width, 50), displayColumns);
+      const newDisplayColumns = (0, _rowUtils.resizeColumn)(column.key, Math.max(width, 50), displayColumns);
       this.setState({
         headerDisplayColumns: newDisplayColumns
       });
@@ -154,25 +162,25 @@ class Records extends Component {
     const totalWidth = displayColumns.reduce((cur, nextItem) => {
       return cur + nextItem.width;
     }, 0);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "table-element-container",
       ref: ref => this.resultContainerRef = ref
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       id: "sea-chart-table-element-result-container",
       className: "table-element-result-container",
       ref: ref => this.resultRef = ref
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       id: "sea-chart-table-element-result-content",
       className: "table-element-result-content",
       style: {
         width: totalWidth
       }
-    }, /*#__PURE__*/React.createElement(RecordsHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_recordsHeader.default, {
       columns: headerDisplayColumns,
       resizeColumnWidth: this.resizeColumnWidth,
       resizeColumnWidthEnd: this.resizeColumnWidthEnd,
       globalTheme: this.props.globalTheme
-    }), /*#__PURE__*/React.createElement(RecordsBody, {
+    }), /*#__PURE__*/_react.default.createElement(_recordsBody.default, {
       ref: ref => this.recordsBody = ref,
       records: records,
       columns: displayColumns,
@@ -181,11 +189,11 @@ class Records extends Component {
       setVerticalScrollbarTop: this.setVerticalScrollbarTop,
       globalTheme: this.props.globalTheme,
       setHorizontalScroll: this.setHorizontalScroll
-    }))), /*#__PURE__*/React.createElement(VerticalScrollbar, {
+    }))), /*#__PURE__*/_react.default.createElement(_verticalScrollbar.default, {
       contentHeight: 33 * records.length,
       ref: ref => this.verticalScrollbar = ref,
       onScrollbarScroll: this.onVerticalScrollbarScroll
     })));
   }
 }
-export default Records;
+var _default = exports.default = Records;

package/dist/view/wrapper/table-element/components/resize-column-handle/resize-column-handle.js

@@ -1,7 +1,14 @@
-import React, { Component } from 'react';
-import { debounce } from 'lodash-es';
-import './index.css';
-class ResizeColumnHandle extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodashEs = require("lodash-es");
+require("./index.css");
+class ResizeColumnHandle extends _react.Component {
   constructor() {
     super(...arguments);
     this.cleanUp = () => {
@@ -36,7 +43,7 @@ class ResizeColumnHandle extends Component {
     this.cleanUp();
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "sea-chart-record-HeaderCell__draggable",
       onClick: e => e.stopPropagation(),
       onDrag: this.props.onDrag,
@@ -45,4 +52,4 @@ class ResizeColumnHandle extends Component {
     });
   }
 }
-export default ResizeColumnHandle;
+var _default = exports.default = ResizeColumnHandle;

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

@@ -1,15 +1,24 @@
-export const getTrimmedString = value => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openUrlLink = exports.isValidUrl = exports.getValidUrl = exports.getTrimmedString = void 0;
+const getTrimmedString = value => {
   return typeof value === 'string' ? value.trim() : '';
 };
-export const isValidUrl = url => {
+exports.getTrimmedString = getTrimmedString;
+const isValidUrl = url => {
   const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
   return reg.test(url);
 };
-export const getValidUrl = value => {
+exports.isValidUrl = isValidUrl;
+const getValidUrl = value => {
   const url = getTrimmedString(value);
   return isValidUrl(url) ? url : "http://".concat(url);
 };
-export const openUrlLink = url => {
+exports.getValidUrl = getValidUrl;
+const openUrlLink = url => {
   let a = document.createElement('a');
   document.body.appendChild(a);
   a.href = url;
@@ -17,4 +26,5 @@ export const openUrlLink = url => {
   a.rel = 'noopener noreferrer';
   a.click();
   document.body.removeChild(a);
-};
+};
+exports.openUrlLink = openUrlLink;

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

@@ -1,13 +1,20 @@
-import { getCellValueDisplayString } from 'dtable-utils';
-export const getCellDisplayValue = (record, column, collaborators) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCellDisplayValue = void 0;
+var _dtableUtils = require("dtable-utils");
+const getCellDisplayValue = (record, column, collaborators) => {
   const {
     type,
     data,
     key
   } = column;
-  return getCellValueDisplayString(record, type, key, {
+  return (0, _dtableUtils.getCellValueDisplayString)(record, type, key, {
     data,
     collaborators,
     geolocationHyphen: ' '
   });
-};
+};
+exports.getCellDisplayValue = getCellDisplayValue;

package/dist/view/wrapper/table-element/components/vertical-scrollbar/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import './index.css';
-class VerticalScrollbar extends React.Component {
+"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"));
+require("./index.css");
+class VerticalScrollbar extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.isSelfScroll = true;
@@ -21,11 +28,11 @@ class VerticalScrollbar extends React.Component {
     const {
       contentHeight
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "vertical-scrollbar",
       ref: ref => this.container = ref,
       onScroll: this.onScroll
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "vertical-scrollbar-inner",
       style: {
         height: contentHeight
@@ -33,4 +40,4 @@ class VerticalScrollbar extends React.Component {
     }));
   }
 }
-export default VerticalScrollbar;
+var _default = exports.default = VerticalScrollbar;

package/dist/view/wrapper/table-element/index.js

@@ -1,10 +1,17 @@
-import React from 'react';
-import { getTableById } from 'dtable-utils';
-import { isEqual } from 'lodash-es';
-import context from '../../../context';
-import Records from './components/records';
-import './css/index.css';
-export default class TableElement extends React.Component {
+"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 _dtableUtils = require("dtable-utils");
+var _lodashEs = require("lodash-es");
+var _context = _interopRequireDefault(require("../../../context"));
+var _records = _interopRequireDefault(require("./components/records"));
+require("./css/index.css");
+class TableElement extends _react.default.Component {
   constructor(props) {
     super(props);
     this.getInitState = (config, tables) => {
@@ -12,7 +19,7 @@ export default class TableElement extends React.Component {
         table_id,
         shown_column_keys
       } = config;
-      const selectedTable = getTableById(tables, table_id);
+      const selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
       // if shown_column_keys was not set, use all columns
       if (!shown_column_keys) shown_column_keys = selectedTable.columns.map(column => column.key);
       const shownColumns = selectedTable.columns.filter(column => shown_column_keys.includes(column.key));
@@ -31,7 +38,7 @@ export default class TableElement extends React.Component {
         return;
       }
       this.isQuerying = true;
-      context.queryUsers(queryEmails, this.updateRelatedUser);
+      _context.default.queryUsers(queryEmails, this.updateRelatedUser);
     };
     this.queryPendingUsers = () => {
       if (this.pendingUserList.length === 0) {
@@ -40,14 +47,14 @@ export default class TableElement extends React.Component {
       }
       let queryEmails = [...new Set(this.pendingUserList)];
       this.pendingUserList = [];
-      context.queryUsers(queryEmails, this.updateRelatedUser);
+      _context.default.queryUsers(queryEmails, this.updateRelatedUser);
     };
     this.updateRelatedUser = emailUserMap => {
       let newUsers = [...this.state.relatedUserList];
       for (let email in emailUserMap) {
         if (!this.relatedUserEmailMap[email]) {
           this.relatedUserEmailMap[email] = true;
-          context.updateCollaboratorsCache(email, emailUserMap[email]);
+          _context.default.updateCollaboratorsCache(email, emailUserMap[email]);
           newUsers.push(emailUserMap[email]);
         }
       }
@@ -66,7 +73,7 @@ export default class TableElement extends React.Component {
       config: _config
     } = chart;
     const initState = this.getInitState(_config, _tables);
-    initState.relatedUserList = context.getCollaboratorsFromCache();
+    initState.relatedUserList = _context.default.getCollaboratorsFromCache();
     this.state = initState;
     this.relatedUserEmailMap = {};
     initState.relatedUserList.forEach(u => {
@@ -89,7 +96,7 @@ export default class TableElement extends React.Component {
     const {
       config: oldConfig
     } = oldChart;
-    if (!isEqual(config, oldConfig)) {
+    if (!(0, _lodashEs.isEqual)(config, oldConfig)) {
       const state = this.getInitState(config, nextProps.tables, result);
       this.setState(state);
     }
@@ -106,10 +113,10 @@ export default class TableElement extends React.Component {
       selectedTable
     } = this.state;
     const records = Array.isArray(result) ? result : [];
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "table-element-result",
       ref: ref => this.wrapperRef = ref
-    }, /*#__PURE__*/React.createElement(Records, {
+    }, /*#__PURE__*/_react.default.createElement(_records.default, {
       chart: chart,
       selectedTable: selectedTable,
       shownColumns: shownColumns,
@@ -119,4 +126,5 @@ export default class TableElement extends React.Component {
       globalTheme: globalTheme
     }));
   }
-}
+}
+exports.default = TableElement;

package/dist/view/wrapper/treemap.js

@@ -1,28 +1,35 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import DataSet from '@antv/data-set';
-import { each, pick } from '@antv/util';
-import { getEllipsisText } from '@antv/g2/esm/util/text';
-import { CHART_SUMMARY_TYPE, EMPTY_NAME } from '../../constants';
-import { BaseUtils, isFunction } from '../../utils';
-import { registerGeometryLabelLayout } from '../../utils/custom-g2';
-import intl from '../../intl';
-import ChartComponent from './chart-component';
-class Treemap extends ChartComponent {
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _dataSet = _interopRequireDefault(require("@antv/data-set"));
+var _util = require("@antv/util");
+var _text = require("@antv/g2/esm/util/text");
+var _constants = require("../../constants");
+var _utils = require("../../utils");
+var _customG = require("../../utils/custom-g2");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _chartComponent = _interopRequireDefault(require("./chart-component"));
+class Treemap extends _chartComponent.default {
   constructor(props) {
     super(props);
     // customize label layout: show ellipsis for long labels
     this.limitInShape = (items, labels, shapes, region) => {
-      each(labels, (label, index) => {
+      (0, _util.each)(labels, (label, index) => {
         const labelBBox = label.getCanvasBBox();
         const shapeBBox = shapes[index].getBBox();
         if (labelBBox.minX < shapeBBox.minX || labelBBox.minY < shapeBBox.minY || labelBBox.maxX > shapeBBox.maxX || labelBBox.maxY > shapeBBox.maxY) {
           const translateX = labelBBox.width - shapeBBox.width + 20;
           const textShapes = label.findAll(shape => shape.get('type') === 'text');
           textShapes.forEach(textShape => {
-            const style = pick(textShape.attr(), ['fontSize', 'fontFamily', 'fontWeight', 'fontStyle', 'fontVariant']);
+            const style = (0, _util.pick)(textShape.attr(), ['fontSize', 'fontFamily', 'fontWeight', 'fontStyle', 'fontVariant']);
             const textBox = textShape.getCanvasBBox();
-            const text = getEllipsisText(textShape.attr('text'), textBox.width - Math.abs(translateX), style);
+            const text = (0, _text.getEllipsisText)(textShape.attr('text'), textBox.width - Math.abs(translateX), style);
             textShape.attr('text', text);
           });
         }
@@ -55,24 +62,24 @@ class Treemap extends ChartComponent {
         summary_type,
         summary_method
       } = chart.config;
-      let colorsTheme = BaseUtils.getCurrentTheme(chartColorTheme);
-      data = BaseUtils.formatEmptyName(data, '', intl.get('Empty'));
+      let colorsTheme = _utils.BaseUtils.getCurrentTheme(chartColorTheme);
+      data = _utils.BaseUtils.formatEmptyName(data, '', _intl.default.get('Empty'));
       const {
         data: newData,
         colorMap
-      } = BaseUtils.formatPieChartData(data, chart, tables, colorsTheme);
+      } = _utils.BaseUtils.formatPieChartData(data, chart, tables, colorsTheme);
       if (!Array.isArray(newData)) return;
       const {
         DataView
-      } = DataSet;
+      } = _dataSet.default;
       const dv = new DataView();
       const fullData = {
         name: 'root',
         children: newData.map(item => {
           let name = item.name;
-          item.name = name || name === 0 ? name : intl.get(EMPTY_NAME);
+          item.name = name || name === 0 ? name : _intl.default.get(_constants.EMPTY_NAME);
           if (name === '_Others') {
-            item.name = intl.get('Others');
+            item.name = _intl.default.get('Others');
           }
           return item;
         })
@@ -134,10 +141,10 @@ class Treemap extends ChartComponent {
       this.chart.polygon().position('x*y').color('name', name => {
         return colorMap[name.trim()];
       }).tooltip('name*value*percent', (name, value, percent) => {
-        const displayValue = BaseUtils.getSummaryValueDisplayString(summaryColumn, value, summary_method);
+        const displayValue = _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, value, summary_method);
         return {
           name,
-          info: summary_type === CHART_SUMMARY_TYPE.COUNT ? "".concat(value) : "".concat(summaryColumn.name, ": ").concat(displayValue, " (").concat(percent, ")")
+          info: summary_type === _constants.CHART_SUMMARY_TYPE.COUNT ? "".concat(value) : "".concat(summaryColumn.name, ": ").concat(displayValue, " (").concat(percent, ")")
         };
       }).style({
         lineWidth: 1,
@@ -157,11 +164,11 @@ class Treemap extends ChartComponent {
         }
       });
       this.chart.interaction('chart-active');
-      isFunction(customRender) && customRender(this.chart);
+      (0, _utils.isFunction)(customRender) && customRender(this.chart);
       this.chart.render();
     };
     this.chart = null;
-    registerGeometryLabelLayout('custom-limit-in-shape', this.limitInShape);
+    (0, _customG.registerGeometryLabelLayout)('custom-limit-in-shape', this.limitInShape);
   }
   componentDidMount() {
     this.createChart();
@@ -169,7 +176,7 @@ class Treemap extends ChartComponent {
   }
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
-    if (BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+    if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
       this.chart && this.destroyChart();
       this.createChart();
       this.drawChart();
@@ -179,21 +186,21 @@ class Treemap extends ChartComponent {
     this.chart && this.destroyChart();
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "sea-chart-container ",
       ref: ref => this.container = ref
     });
   }
 }
 Treemap.propTypes = {
-  canvasStyle: PropTypes.object,
-  chart: PropTypes.object,
-  groupbyColumn: PropTypes.object,
-  summaryColumn: PropTypes.object,
-  result: PropTypes.array,
-  tables: PropTypes.array,
-  globalTheme: PropTypes.string,
-  chartColorTheme: PropTypes.string,
-  customRender: PropTypes.func
+  canvasStyle: _propTypes.default.object,
+  chart: _propTypes.default.object,
+  groupbyColumn: _propTypes.default.object,
+  summaryColumn: _propTypes.default.object,
+  result: _propTypes.default.array,
+  tables: _propTypes.default.array,
+  globalTheme: _propTypes.default.string,
+  chartColorTheme: _propTypes.default.string,
+  customRender: _propTypes.default.func
 };
-export default Treemap;
+var _default = exports.default = Treemap;