sea-chart 2.0.36 → 2.0.38

package/dist/components/types-dialog/index.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableModalHeader2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableModalHeader"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _constants = require("../../constants");
-var _utils = require("../../utils");
-var _context = _interopRequireDefault(require("../../context"));
-var _intl = _interopRequireDefault(require("../../intl"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _useForceUpdate = _interopRequireDefault(require("./use-force-update"));
-require("./index.css");
+import _DTableModalHeader from "dtable-ui-component/lib/DTableModalHeader";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Modal, ModalBody, ModalFooter, UncontrolledTooltip, Button } from 'reactstrap';
+import classnames from 'classnames';
+import { CHART_TYPE, CHART_TYPES, CHART_TYPE_SHOW, ZH_CN_SUPPORT_CHARTS } from '../../constants';
+import { eventStopPropagation } from '../../utils';
+import context from '../../context';
+import intl from '../../intl';
+import Icon from '../icon';
+import useForceUpdate from './use-force-update';
+import './index.css';
 const TypesDialog = _ref => {
   let {
     type,
@@ -25,114 +17,114 @@ const TypesDialog = _ref => {
     onChange,
     dataSources
   } = _ref;
-  const [currentCatIndex, setCurrentCatIndex] = (0, _react.useState)(0);
-  const [selectedType, setType] = (0, _react.useState)(type);
-  const seaChartTypeContainerRef = (0, _react.useRef)(null);
-  const forceUpdate = (0, _useForceUpdate.default)();
-  const notSupportStatisticTypes = (0, _react.useMemo)(() => {
-    const lang = _context.default.getSetting('lang');
-    return lang !== 'zh-cn' ? _constants.ZH_CN_SUPPORT_CHARTS : [];
+  const [currentCatIndex, setCurrentCatIndex] = useState(0);
+  const [selectedType, setType] = useState(type);
+  const seaChartTypeContainerRef = useRef(null);
+  const forceUpdate = useForceUpdate();
+  const notSupportStatisticTypes = useMemo(() => {
+    const lang = context.getSetting('lang');
+    return lang !== 'zh-cn' ? ZH_CN_SUPPORT_CHARTS : [];
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (lang) {
-      _intl.default.setLang(lang);
+      intl.setLang(lang);
       forceUpdate();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  (0, _react.useEffect)(() => {
-    const selectStatisticIndex = _constants.CHART_TYPES.findIndex(item => item.children.includes(type));
+  useEffect(() => {
+    const selectStatisticIndex = CHART_TYPES.findIndex(item => item.children.includes(type));
     const currentCatIndex = selectStatisticIndex < 0 ? 0 : selectStatisticIndex;
     if (currentCatIndex === 0) return;
     if (!seaChartTypeContainerRef.current) return;
-    seaChartTypeContainerRef.current.scrollTop = document.getElementById("chart-type-".concat(currentCatIndex + 1)).offsetTop - 60;
+    seaChartTypeContainerRef.current.scrollTop = document.getElementById(`chart-type-${currentCatIndex + 1}`).offsetTop - 60;
   }, [type]);
-  const onToggle = (0, _react.useCallback)(() => {
+  const onToggle = useCallback(() => {
     propsOnToggle();
   }, [propsOnToggle]);
-  const modifyCurrentCatIndex = (0, _react.useCallback)((event, index) => {
-    (0, _utils.eventStopPropagation)(event);
+  const modifyCurrentCatIndex = useCallback((event, index) => {
+    eventStopPropagation(event);
     setCurrentCatIndex(index);
     if (!seaChartTypeContainerRef.current) return;
-    seaChartTypeContainerRef.current.scrollTop = document.getElementById("chart-type-".concat(index + 1)).offsetTop - 60;
+    seaChartTypeContainerRef.current.scrollTop = document.getElementById(`chart-type-${index + 1}`).offsetTop - 60;
   }, [seaChartTypeContainerRef]);
-  const onTypeChange = (0, _react.useCallback)((event, type, index) => {
-    (0, _utils.eventStopPropagation)(event);
+  const onTypeChange = useCallback((event, type, index) => {
+    eventStopPropagation(event);
     if (type === selectedType) return;
     setType(type);
     setCurrentCatIndex(index);
   }, [selectedType]);
-  const onSubmit = (0, _react.useCallback)(() => {
+  const onSubmit = useCallback(() => {
     onChange(selectedType);
     onToggle();
   }, [onChange, selectedType, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+  return /*#__PURE__*/React.createElement(Modal, {
     isOpen: true,
     toggle: onToggle,
     className: "sea-chart-types-dialog"
-  }, /*#__PURE__*/_react.default.createElement(_DTableModalHeader2.default, {
+  }, /*#__PURE__*/React.createElement(_DTableModalHeader, {
     toggle: onToggle
-  }, type ? _intl.default.get('Edit_type') : _intl.default.get('All_charts')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+  }, type ? intl.get('Edit_type') : intl.get('All_charts')), /*#__PURE__*/React.createElement(ModalBody, {
     className: "sea-chart-types-body"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-types-container d-flex flex-column h-100"
-  }, /*#__PURE__*/_react.default.createElement("ul", {
+  }, /*#__PURE__*/React.createElement("ul", {
     className: "sea-chart-chart-categories-nav flex-shrink-0 d-flex flex-wrap align-items-center list-unstyled"
-  }, _constants.CHART_TYPES.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement("li", {
+  }, CHART_TYPES.map((item, index) => {
+    return /*#__PURE__*/React.createElement("li", {
       key: index,
       className: "px-4 py-2 sea-chart-chart-cat-nav-item"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      id: "sea-chart-icon-".concat(item.icon, "-container"),
-      className: (0, _classnames.default)('sea-chart-chart-cat-nav-item-container', {
+    }, /*#__PURE__*/React.createElement("div", {
+      id: `sea-chart-icon-${item.icon}-container`,
+      className: classnames('sea-chart-chart-cat-nav-item-container', {
         'sea-chart-icon-highlight': currentCatIndex === index
       }),
       onClick: event => modifyCurrentCatIndex(event, index)
-    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       symbol: item.icon,
       className: "chart-icon w-100 h-100"
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
+    })), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
       placement: "bottom",
-      target: "sea-chart-icon-".concat(item.icon, "-container"),
+      target: `sea-chart-icon-${item.icon}-container`,
       delay: 0,
       fade: false
-    }, _intl.default.get(item.name)));
-  })), /*#__PURE__*/_react.default.createElement("div", {
+    }, intl.get(item.name)));
+  })), /*#__PURE__*/React.createElement("div", {
     className: "flex-fill o-auto sea-chart-type-container",
     ref: seaChartTypeContainerRef
-  }, _constants.CHART_TYPES.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "sea-chart-type-".concat(index),
+  }, CHART_TYPES.map((item, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: `sea-chart-type-${index}`,
       className: "mb-7"
-    }, /*#__PURE__*/_react.default.createElement("h3", {
+    }, /*#__PURE__*/React.createElement("h3", {
       className: "sea-chart-type-title m-0",
-      id: "chart-type-".concat(index + 1)
-    }, _intl.default.get(item.name)), /*#__PURE__*/_react.default.createElement("div", {
+      id: `chart-type-${index + 1}`
+    }, intl.get(item.name)), /*#__PURE__*/React.createElement("div", {
       className: "d-flex flex-wrap"
     }, item.children.map(chartType => {
       if (notSupportStatisticTypes.includes(chartType)) return null;
       // Table_element only supported on external apps
-      if (chartType === _constants.CHART_TYPE.TABLE_ELEMENT && (dataSources === 'view' || !dataSources)) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      if (chartType === CHART_TYPE.TABLE_ELEMENT && (dataSources === 'view' || !dataSources)) return null;
+      return /*#__PURE__*/React.createElement("div", {
         key: chartType,
         onClick: event => onTypeChange(event, chartType, index),
-        className: "sea-chart-type-item ".concat(selectedType === chartType ? 'selected' : '')
-      }, /*#__PURE__*/_react.default.createElement("p", {
+        className: `sea-chart-type-item ${selectedType === chartType ? 'selected' : ''}`
+      }, /*#__PURE__*/React.createElement("p", {
         className: "sea-chart-type-description"
-      }, _intl.default.get(_constants.CHART_TYPE_SHOW[chartType])), /*#__PURE__*/_react.default.createElement("div", {
+      }, intl.get(CHART_TYPE_SHOW[chartType])), /*#__PURE__*/React.createElement("div", {
         className: "sea-chart-type-image-container"
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        src: _context.default.getChartImageUrl(chartType),
+      }, /*#__PURE__*/React.createElement("img", {
+        src: context.getChartImageUrl(chartType),
         alt: "",
         className: "sea-chart-type-demo-image"
       })));
     })));
-  })))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+  })))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     color: "secondary",
     onClick: onToggle
-  }, _intl.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
+  }, intl.get('Cancel')), /*#__PURE__*/React.createElement(Button, {
     color: "primary",
     onClick: onSubmit
-  }, _intl.default.get('Submit'))));
+  }, intl.get('Submit'))));
 };
-var _default = exports.default = TypesDialog;
+export default TypesDialog;

package/dist/components/types-dialog/use-force-update.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
+import { useCallback, useState } from 'react';
 const useForceUpdate = () => {
-  const [, setState] = (0, _react.useState)(0);
-  const forceUpdate = (0, _react.useCallback)(() => {
+  const [, setState] = useState(0);
+  const forceUpdate = useCallback(() => {
     setState(n => n + 1);
   }, []);
   return forceUpdate;
 };
-var _default = exports.default = useForceUpdate;
+export default useForceUpdate;

package/dist/constants/color-rules.js

@@ -1,25 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS = exports.FILTER_TYPE_2_CELL_TYPE = exports.EMPTY_PREDICATE = exports.DISPLAY_COLOR_RULE_FILTER_TYPE = exports.COLOR_RULE_FILTER_TYPE_MAP = exports.COLOR_OPTIONS = void 0;
-var _dtableUtils = require("dtable-utils");
-const SUPPORT_SINGLE_SELECT_THEMES_OPTIONS = exports.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS = {
+import { CellType, FILTER_PREDICATE_TYPE } from 'dtable-utils';
+export const SUPPORT_SINGLE_SELECT_THEMES_OPTIONS = {
   DEFAULT: 'default',
   SINGLE_SELECT_COLUMN_COLORS: 'single_select_column_colors'
 };
-const COLOR_RULE_FILTER_TYPE_MAP = exports.COLOR_RULE_FILTER_TYPE_MAP = {
+export const COLOR_RULE_FILTER_TYPE_MAP = {
   NUMERIC_VALUE: 'numeric_value'
 };
-const DISPLAY_COLOR_RULE_FILTER_TYPE = exports.DISPLAY_COLOR_RULE_FILTER_TYPE = {
+export const DISPLAY_COLOR_RULE_FILTER_TYPE = {
   [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: 'Numeric_value'
 };
-const FILTER_TYPE_2_CELL_TYPE = exports.FILTER_TYPE_2_CELL_TYPE = {
-  [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: _dtableUtils.CellType.NUMBER
+export const FILTER_TYPE_2_CELL_TYPE = {
+  [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: CellType.NUMBER
 };
-const EMPTY_PREDICATE = exports.EMPTY_PREDICATE = [_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY, _dtableUtils.FILTER_PREDICATE_TYPE.NOT_EMPTY];
-const COLOR_OPTIONS = exports.COLOR_OPTIONS = [{
+export const EMPTY_PREDICATE = [FILTER_PREDICATE_TYPE.EMPTY, FILTER_PREDICATE_TYPE.NOT_EMPTY];
+export const COLOR_OPTIONS = [{
   name: 'blue',
   exampleColors: ['#CAE9FF', '#9AC5FF', '#7DAAFF', '#5C90F9', '#3C77DD', '#075FBF', '#0047A5', '#053791', '#001E79'],
   borderColor: '#5F7190',

package/dist/constants/common-constants.js

@@ -1,22 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ROW_HEIGHT = exports.NEED_FORMATTER = exports.LINK_NOT_SUPPORT_TYPES = exports.EXTERNAL_EVENT = exports.DELETED_OPTION_TIPS = exports.DELETED_OPTION_BACKGROUND_COLOR = exports.CommonEventTypes = void 0;
-var _dtableUtils = require("dtable-utils");
-const CommonEventTypes = exports.CommonEventTypes = {
+import { CellType } from 'dtable-utils';
+export const CommonEventTypes = {
   OPEN_SELECT: 'OPEN_SELECT',
   REFRESH_CHARTS: 'REFRESH_CHARTS',
   CHANGE_HEADER_WIDTH: 'CHANGE_HEADER_WIDTH',
   EXPAND_ROW_UPDATED: 'EXPAND_ROW_UPDATED',
   EXPAND_ROW_DELETED: 'EXPAND_ROW_DELETED'
 };
-const EXTERNAL_EVENT = exports.EXTERNAL_EVENT = {
+export const EXTERNAL_EVENT = {
   SHOW_ROW_DETAIL_DIALOG: 'RowDetailDialog'
 };
-const ROW_HEIGHT = exports.ROW_HEIGHT = 32;
-const DELETED_OPTION_BACKGROUND_COLOR = exports.DELETED_OPTION_BACKGROUND_COLOR = '#eaeaea';
-const DELETED_OPTION_TIPS = exports.DELETED_OPTION_TIPS = 'deleted_option';
-const LINK_NOT_SUPPORT_TYPES = exports.LINK_NOT_SUPPORT_TYPES = [_dtableUtils.CellType.CHECKBOX, _dtableUtils.CellType.RATE, _dtableUtils.CellType.LONG_TEXT, _dtableUtils.CellType.IMAGE, _dtableUtils.CellType.FILE, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.GEOLOCATION, _dtableUtils.CellType.LINK_FORMULA, _dtableUtils.CellType.BUTTON, _dtableUtils.CellType.LINK, _dtableUtils.CellType.DIGITAL_SIGN];
-const NEED_FORMATTER = exports.NEED_FORMATTER = [_dtableUtils.CellType.CREATOR, _dtableUtils.CellType.LAST_MODIFIER, _dtableUtils.CellType.SINGLE_SELECT];
+export const ROW_HEIGHT = 32;
+export const DELETED_OPTION_BACKGROUND_COLOR = '#eaeaea';
+export const DELETED_OPTION_TIPS = 'deleted_option';
+export const LINK_NOT_SUPPORT_TYPES = [CellType.CHECKBOX, CellType.RATE, CellType.LONG_TEXT, CellType.IMAGE, CellType.FILE, CellType.COLLABORATOR, CellType.MULTIPLE_SELECT, CellType.GEOLOCATION, CellType.LINK_FORMULA, CellType.BUTTON, CellType.LINK, CellType.DIGITAL_SIGN];
+export const NEED_FORMATTER = [CellType.CREATOR, CellType.LAST_MODIFIER, CellType.SINGLE_SELECT];

package/dist/constants/error.js

@@ -1,12 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SERVER_ERROR_MSG = exports.SERVER_ERROR_DISPLAY_KEY = void 0;
-const SERVER_ERROR_MSG = exports.SERVER_ERROR_MSG = {
+export const SERVER_ERROR_MSG = {
   EXECUTION_COST_EXCEEDED: 'Execution cost exceeded'
 };
-const SERVER_ERROR_DISPLAY_KEY = exports.SERVER_ERROR_DISPLAY_KEY = {
+export const SERVER_ERROR_DISPLAY_KEY = {
   [SERVER_ERROR_MSG.EXECUTION_COST_EXCEEDED]: 'Execution_time_of_the_query_exceeds_the_limit'
 };

package/dist/constants/geolocation.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MUNICIPALITIES = exports.MAP_LEVELS = exports.MAP_LEVEL = exports.LABEL_COLORS = exports.GEOLOCATION_GRANULARITY_LIST = exports.GEOLOCATION_GRANULARITY = exports.GEOLOCATION_FORMAT_MAP = exports.GEOLOCATION_FORMAT_COUNTY = exports.GEOLOCATION_FORMAT_CITY = void 0;
-const GEOLOCATION_FORMAT_MAP = exports.GEOLOCATION_FORMAT_MAP = {
+export const GEOLOCATION_FORMAT_MAP = {
   LNG_LAT: 'lng_lat',
   MAP_SELECTION: 'map_selection',
   GEOLOCATION: 'geolocation',
@@ -13,22 +7,22 @@ const GEOLOCATION_FORMAT_MAP = exports.GEOLOCATION_FORMAT_MAP = {
   PROVINCE_CITY: 'province_city',
   PROVINCE: 'province'
 };
-const GEOLOCATION_FORMAT_CITY = exports.GEOLOCATION_FORMAT_CITY = 'city';
-const GEOLOCATION_FORMAT_COUNTY = exports.GEOLOCATION_FORMAT_COUNTY = 'county';
-const GEOLOCATION_GRANULARITY = exports.GEOLOCATION_GRANULARITY = {
+export const GEOLOCATION_FORMAT_CITY = 'city';
+export const GEOLOCATION_FORMAT_COUNTY = 'county';
+export const GEOLOCATION_GRANULARITY = {
   PROVINCE: 'province',
   CITY: 'city',
   DISTRICT: 'district'
 };
-const GEOLOCATION_GRANULARITY_LIST = exports.GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
-const MAP_LEVEL = exports.MAP_LEVEL = {
+export const GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
+export const MAP_LEVEL = {
   WORLD: 'world',
   COUNTRY: 'country',
   PROVINCE: 'province',
   CITY: 'city'
 };
-const MUNICIPALITIES = exports.MUNICIPALITIES = ['北京市', '天津市', '上海市', '重庆市'];
-const MAP_LEVELS = exports.MAP_LEVELS = [{
+export const MUNICIPALITIES = ['北京市', '天津市', '上海市', '重庆市'];
+export const MAP_LEVELS = [{
   key: MAP_LEVEL.COUNTRY,
   name: '国家'
 }, {
@@ -38,4 +32,4 @@ const MAP_LEVELS = exports.MAP_LEVELS = [{
   key: MAP_LEVEL.CITY,
   name: '市级'
 }];
-const LABEL_COLORS = exports.LABEL_COLORS = ['#2a67d1', '#4ecccb', '#59cb74', '#fbd44a', '#f4667c', '#9860e5', '#9f8cf1', '#dc82d2', '#eaa775', '#addf84', '#85e0be', '#89d2ea'];
+export const LABEL_COLORS = ['#2a67d1', '#4ecccb', '#59cb74', '#fbd44a', '#f4667c', '#9860e5', '#9f8cf1', '#dc82d2', '#eaa775', '#addf84', '#85e0be', '#89d2ea'];