sea-chart 0.0.49 → 0.0.50

package/dist/components/color-popover/color-rules/rule-filters/filter.js

@@ -1,6 +1,6 @@
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
 import React from 'react';
 import intl from '../../../../intl';
-import DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
 import NumberInput from './number-input';
 import { COLOR_RULE_FILTER_TYPE_MAP, EMPTY_PREDICATE } from '../../../../constants/color-rules';
 const INPUT_CMP_TYPE_MAP = {
@@ -117,7 +117,7 @@ class Filter extends React.Component {
         case 1:
           {
             const selectedConjunction = conjunctionOptions.find(option => option.value === filterConjunction);
-            return /*#__PURE__*/React.createElement(DTableCustomizeSelect, {
+            return /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
               value: selectedConjunction,
               options: conjunctionOptions,
               onSelectOption: this.onSelectConjunction
@@ -196,13 +196,13 @@ class Filter extends React.Component {
       className: "filter-container"
     }, /*#__PURE__*/React.createElement("div", {
       className: "filter-column"
-    }, /*#__PURE__*/React.createElement(DTableCustomizeSelect, {
+    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
       value: selectedFilterType,
       options: filterTypeOptions,
       onSelectOption: this.onSelectFilterBy
     })), /*#__PURE__*/React.createElement("div", {
       className: "filter-predicate ml-2"
-    }, /*#__PURE__*/React.createElement(DTableCustomizeSelect, {
+    }, /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
       value: selectedPredicate,
       options: this.predicateOptions,
       onSelectOption: this.onSelectPredicate

package/dist/components/color-setting/color-group-selector.js

@@ -1,4 +1,4 @@
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component } from 'react';
 import { FormGroup } from 'reactstrap';
 import { COLOR_OPTIONS } from '../../constants/color-rules';
@@ -37,7 +37,7 @@ class ColorGroupSelector extends Component {
     const currentOption = this.colorOptions.filter(item => item.value === currentColor)[0] || this.colorOptions[0];
     return /*#__PURE__*/React.createElement(FormGroup, {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: 'chart-color',
       value: currentOption,

package/dist/settings/advance-bar-settings/style-settings.js

@@ -1,7 +1,7 @@
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo, useState } from 'react';
 import { Label, FormGroup, Input } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import Switch from '../widgets/switch';
 import Divider from '../widgets/divider';
 import MinMaxSetting from '../widgets/min-max-setting';
@@ -163,7 +163,7 @@ const StyleSettings = _ref => {
     checked: x_axis_show_label || false,
     placeholder: intl.get('Display_title'),
     onChange: event => onAxisLabelShowChange(event, 'x_axis_show_label')
-  }), x_axis_show_label && /*#__PURE__*/React.createElement(DTableSelect, {
+  }), x_axis_show_label && /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: xAxisLabelPosition,
     options: xAxisLabelOptions,
@@ -189,7 +189,7 @@ const StyleSettings = _ref => {
     onKeyDown: onKeyDown
   })), y_axis_show_label && /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: yAxisLabelPosition,
     classNamePrefix: "chart-y-axis-label-position",
@@ -211,7 +211,7 @@ const StyleSettings = _ref => {
     fontSizeKey: "label_font_size",
     fontSize: label_font_size,
     onChange: onDisplayValueChange
-  }), SUPPORT_STACK_VALUE_CHART_TYPES.includes(type) && /*#__PURE__*/React.createElement(DTableSwitch, {
+  }), SUPPORT_STACK_VALUE_CHART_TYPES.includes(type) && /*#__PURE__*/React.createElement(_DTableSwitch, {
     switchClassName: "display-value-settings",
     checked: display_each_block_data,
     disabled: false,

package/dist/settings/bar-settings/style-settings.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useMemo, useCallback } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import Switch from '../widgets/switch';
 import Divider from '../widgets/divider';
 import MinMaxSetting from '../widgets/min-max-setting';
@@ -146,7 +146,7 @@ const StyleSettings = _ref => {
     checked: x_axis_show_label || false,
     placeholder: intl.get('Display_title'),
     onChange: event => onAxisLabelShowChange(event, 'x_axis_show_label')
-  }), x_axis_show_label && /*#__PURE__*/React.createElement(DTableSelect, {
+  }), x_axis_show_label && /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: xAxisLabelPosition,
     options: xAxisLabelOptions,
@@ -160,7 +160,7 @@ const StyleSettings = _ref => {
     onChange: event => onAxisLabelShowChange(event, 'y_axis_show_label')
   }), y_axis_show_label && /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: yAxisLabelPosition,
     classNamePrefix: "chart-y-axis-label-position",

package/dist/settings/basic-number-card/data-settings.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo } from 'react';
 import { FormGroup } from 'reactstrap';
 import { COLUMNS_ICON_CONFIG, getTableById } from 'dtable-utils';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import CommonDataSettings from '../widgets/common-data-settings';
 import { BaseUtils } from '../../utils';
 import { CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, CHART_Y_GROUP_TYPE, BASIC_NUMBER_CARD_CALCULATION_METHOD } from '../../constants';
@@ -150,7 +150,7 @@ const DataSettings = _ref => {
     onChange: onChange
   }), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     value: selectedSummaryTypeOption,
@@ -159,7 +159,7 @@ const DataSettings = _ref => {
     onChange: onSummaryTypeChange
   })), isSummarizeAField && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedColumnOption,
     options: numericColumnOptions,
@@ -168,7 +168,7 @@ const DataSettings = _ref => {
     className: "sea-chart-parameter-item"
   }, /*#__PURE__*/React.createElement("div", {
     className: "dtable-plugin-stat-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedMethodOption,
     onChange: onSelectSummaryMethod,

package/dist/settings/combination-settings/style-settings.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import Switch from '../widgets/switch';
 import Divider from '../widgets/divider';
 import MinMaxSetting from '../widgets/min-max-setting';
@@ -113,7 +113,7 @@ const StyleSettings = _ref => {
     checked: x_axis_show_label || false,
     placeholder: intl.get('Display_title'),
     onChange: event => onAxisLabelShowChange(event, 'x_axis_show_label')
-  }), x_axis_show_label && /*#__PURE__*/React.createElement(DTableSelect, {
+  }), x_axis_show_label && /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: xAxisLabelPosition,
     options: xAxisLabelOptions,
@@ -127,7 +127,7 @@ const StyleSettings = _ref => {
     onChange: event => onAxisLabelShowChange(event, 'show_y_axis_left_label')
   }), show_y_axis_left_label && /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: yLeftAxisLabelPosition,
     classNamePrefix: "chart-y-axis-label-position",
@@ -152,7 +152,7 @@ const StyleSettings = _ref => {
     onChange: event => onAxisLabelShowChange(event, 'show_y_axis_right_label')
   }), show_y_axis_right_label && /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: yRightAxisLabelPosition,
     classNamePrefix: "chart-y-axis-label-position",

package/dist/settings/completeness-settings/data-settings/completion-settings.js

@@ -1,5 +1,5 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { FormGroup, Label } from 'reactstrap';
 import { getTableById } from 'dtable-utils';
 import intl from '../../../intl';
@@ -34,7 +34,7 @@ export default function CompletionSettings(_ref) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Completed_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Completed_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     placeholder: intl.get('Select_field'),
@@ -46,7 +46,7 @@ export default function CompletionSettings(_ref) {
     options: options
   })), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Target_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Target_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     placeholder: intl.get('Select_field'),

package/dist/settings/dashboard-settings/data-settings.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Fragment, useCallback, useMemo } from 'react';
 import { FormGroup } from 'reactstrap';
 import { COLUMNS_ICON_CONFIG, getTableById } from 'dtable-utils';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import CommonDataSettings from '../widgets/common-data-settings';
 import { BaseUtils } from '../../utils';
 import { CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, BASIC_NUMBER_CARD_CALCULATION_METHOD } from '../../constants';
@@ -137,7 +137,7 @@ const DataSettings = _ref => {
     const selectedMethodOption = getSelectedMethodOption(summary_method, summaryMethodsOptions);
     return /*#__PURE__*/React.createElement("div", {
       className: "dtable-plugin-stat-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedMethodOption,
       onChange: onSelectSummaryMethod,
@@ -157,7 +157,7 @@ const DataSettings = _ref => {
     onChange: onChange
   }), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Current_value_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, intl.get('Current_value_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedTargetValueColumnOption,
     options: numericColumnOptions,
@@ -169,7 +169,7 @@ const DataSettings = _ref => {
     targetColumn: 'target_value_column'
   })), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedTotalValueColumnOption,
     options: numericColumnOptions,

package/dist/settings/map-settings/components/location-field-selector.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React from 'react';
 import { FormGroup, Label } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import intl from '../../../intl';
 import { getColumnOptions } from '../../../utils/column-utils';
 export default function LocationFieldSelector(_ref) {
@@ -20,7 +20,7 @@ export default function LocationFieldSelector(_ref) {
       geo_column_key: option.value.key
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Loaction_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Loaction_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     placeholder: intl.get('Select_field'),
     noOptionsMessage: () => {

package/dist/settings/map-settings/components/map-level-selector.js

@@ -1,5 +1,5 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { FormGroup } from 'reactstrap';
 import { fixGeoGranularity } from '../../../utils';
 import { MAP_LEVELS } from '../../../constants/geolocation';
@@ -36,7 +36,7 @@ export default function MapLevelSelector(_ref) {
   };
   return /*#__PURE__*/React.createElement(FormGroup, {
     className: "statistic-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: getSelectedMapLevelOption(),
     options: mapLevelOptions,

package/dist/settings/map-settings/components/map-province-city-selector.js

@@ -1,5 +1,5 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Fragment } from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { FormGroup } from 'reactstrap';
 import { MAP_LEVEL } from '../../../constants';
 import { regions } from '../../../constants';
@@ -88,7 +88,7 @@ export default function MapProvinceCitySelector(_ref) {
     const citiesOptions = getProvinceCitiesOptions(province);
     return /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: getSelectedCity(citiesOptions),
       options: citiesOptions,
@@ -102,7 +102,7 @@ export default function MapProvinceCitySelector(_ref) {
   const isCity = mapLevel === MAP_LEVEL.CITY;
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
     className: "statistic-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: getSelectedProvinceOption(),
     options: provinceOptions,

package/dist/settings/map-settings/map-style-settings.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useState } from 'react';
 import RcSlider from 'rc-slider';
 import { FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import intl from '../../intl';
 import ColorGroupSelector from '../../components/color-setting/color-group-selector';
 import { LABEL_COLORS } from '../../constants/geolocation';
@@ -82,7 +82,7 @@ export default function MapStyleSetting(_ref) {
     }))));
   }))), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement("label", null, intl.get('Legend_direction')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement("label", null, intl.get('Legend_direction')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: legendDirectionOptionsMap[legend_direction],
     options: legendDirectionOptions,

package/dist/settings/pie-settings/style-settings.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import Switch from '../widgets/switch';
 import Divider from '../widgets/divider';
 import MiniNumSlicePercent from '../widgets/mininum-slice-percent';
@@ -118,14 +118,14 @@ const StyleSettings = _ref => {
     onChange: onDisplayLabelChange
   })), display_label && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_position')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_position')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedLabelOption,
     onChange: onLabelPositionChange,
     options: labelPositionOptions
   })), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_format')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Label_format')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedLabelFormat,
     onChange: onLabelFormatChange,

package/dist/settings/table-settings/data-settings.js

@@ -1,8 +1,8 @@
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo } from 'react';
 import { FormGroup, Label } from 'reactstrap';
 import { CellType, COLUMNS_ICON_CONFIG, DATE_COLUMN_OPTIONS, getTableById, getTableColumnByKey } from 'dtable-utils';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import CommonDataSettings from '../widgets/common-data-settings';
 import Divider from '../widgets/divider';
 import GroupBy from '../widgets/group-by';
@@ -543,7 +543,7 @@ const DataSettings = _ref => {
     className: "mt-4"
   }), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_type')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_type')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     value: getSelectedGroupType(),
@@ -551,7 +551,7 @@ const DataSettings = _ref => {
     options: groupTypeOptions
   })), renderAdvancedStatistic(), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(DTableSwitch, {
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     switchClassName: "display-value-settings",
     checked: display_total,
     disabled: false,
@@ -565,7 +565,7 @@ const DataSettings = _ref => {
     className: "mt-4"
   }), /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(DTableSwitch, {
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     switchClassName: "display-value-settings",
     checked: display_empty || false,
     disabled: false,

package/dist/settings/time-comparison-settings/style-settings.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import Switch from '../widgets/switch';
 import Divider from '../widgets/divider';
 import MinMaxSetting from '../widgets/min-max-setting';
@@ -145,7 +145,7 @@ const StyleSettings = _ref => {
     checked: x_axis_show_label || false,
     placeholder: intl.get('Display_title'),
     onChange: event => onAxisLabelShowChange(event, 'x_axis_show_label')
-  }), x_axis_show_label && /*#__PURE__*/React.createElement(DTableSelect, {
+  }), x_axis_show_label && /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: xAxisLabelPosition,
     options: xAxisLabelOptions,
@@ -159,7 +159,7 @@ const StyleSettings = _ref => {
     onChange: event => onAxisLabelShowChange(event, 'y_axis_show_label')
   }), y_axis_show_label && /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: yAxisLabelPosition,
     classNamePrefix: "chart-y-axis-label-position",

package/dist/settings/trend-settings/data-settings.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback } from 'react';
 import { CellType } from 'dtable-utils';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import intl from '../../intl';
 import CommonDataSettings from '../widgets/common-data-settings';
 import Divider from '../widgets/divider';
@@ -90,7 +90,7 @@ const DataSettings = _ref => {
     onlySupportDate: true,
     isRenderGroupBy: false,
     onGroupByChange: onXAxisColumnChange
-  }), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Comparison_mode')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Comparison_mode')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: '#wrapper',
     value: selectedGeolocationGranularity,
     options: getOptions(),

package/dist/settings/widgets/basic-summary/index.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useCallback, useMemo } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { COLUMNS_ICON_CONFIG, CellType, getTableById } from 'dtable-utils';
 import { BaseUtils } from '../../../utils';
 import intl from '../../../intl';
@@ -129,7 +129,7 @@ const BasicSummary = _ref => {
     const selectedColumnOption = numericColumnOptions.find(option => option.value === column_key);
     return /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
       onChange: onSummaryColumnChange,
@@ -145,7 +145,7 @@ const BasicSummary = _ref => {
     const selectedMethodOption = summaryMethodOptions.find(option => option.value === summaryMethod);
     return /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedMethodOption,
       onChange: onSummaryMethodChange,
@@ -164,7 +164,7 @@ const BasicSummary = _ref => {
   const selectedSummaryTypeOption = summaryTypeOptions.find(item => item.value === summaryType) || summaryTypeOptions[0];
   return /*#__PURE__*/React.createElement(React.Fragment, null, showSummaryTypes && /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     value: selectedSummaryTypeOption,

package/dist/settings/widgets/color-settings/index.js

@@ -1,8 +1,8 @@
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Input, FormGroup, Label } from 'reactstrap';
 import ReactColor from 'react-color';
-import DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
 import intl from '../../../intl';
 import ColorRulesPopover from '../../../components/color-popover/color-rules-popover';
 import { getValidColorRules } from '../../../utils/color-utils';
@@ -348,7 +348,7 @@ class ColorUseTypeSelector extends Component {
     const selectedColorOption = this.colorOptions.find(colorOption => colorOption.value === color_option) || this.colorOptions[0];
     return /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-color-type-selector"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Color')), /*#__PURE__*/React.createElement(DTableCustomizeSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
       value: selectedColorOption,
       options: this.colorOptions,
       onSelectOption: this.onSelectColorOption

package/dist/settings/widgets/data-filter/index.js

@@ -1,7 +1,7 @@
+import _DTableFiltersPopover from "dtable-ui-component/lib/DTableFiltersPopover";
 import React, { useCallback, useMemo, useState } from 'react';
 import { Label, FormGroup } from 'reactstrap';
 import { getTableById } from 'dtable-utils';
-import DTableFiltersPopover from "dtable-ui-component/lib/DTableFiltersPopover";
 import { eventStopPropagation, generatorKey } from '../../../utils';
 import intl from '../../../intl';
 import context from '../../../context';
@@ -71,7 +71,7 @@ const DataFilter = _ref => {
     onClick: toggleFilterPopover
   }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-filter"
-  }), /*#__PURE__*/React.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DTableFiltersPopover, {
+  }), /*#__PURE__*/React.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableFiltersPopover, {
     isNeedSubmit: true,
     target: id,
     filters: filters,

package/dist/settings/widgets/data-sort.js

@@ -1,6 +1,6 @@
+import _DTableRadio from "dtable-ui-component/lib/DTableRadio";
 import React, { useCallback } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableRadio from "dtable-ui-component/lib/DTableRadio";
 import { eventStopPropagation } from '../../utils';
 import { CHART_DATA_SORT_TYPE, CHART_DATA_SORT_TYPES, CHART_DATA_SORT_TYPE_SHOW } from '../../constants';
 import intl from '../../intl';
@@ -34,7 +34,7 @@ const DataSort = _ref => {
     return /*#__PURE__*/React.createElement("div", {
       key: 'chart-group-item-' + index,
       className: "chart-group-item"
-    }, /*#__PURE__*/React.createElement(DTableRadio, {
+    }, /*#__PURE__*/React.createElement(_DTableRadio, {
       className: "sea-chart-dtable-radio",
       isChecked: isChecked,
       onCheckedChange: event => onChangeSortType(event, sortType),

package/dist/settings/widgets/date-summary-item.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component } from 'react';
 import { FormGroup, Label } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { getTableById } from 'dtable-utils';
 import { CHART_TYPE, CHART_DATE_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_SHOW, CHART_DATE_COLUMN_LIST } from '../../constants';
 import intl from '../../intl';
@@ -94,7 +94,7 @@ class DateSummaryItem extends Component {
       className: "".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content')
     }, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
-    }, /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
       placeholder: intl.get('Select_a_column'),
@@ -102,7 +102,7 @@ class DateSummaryItem extends Component {
       options: this.dateColumnOptions
     })), /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item summary-method"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: option => this.props.onSummaryMethodChange(option, index),

package/dist/settings/widgets/display-values-settings/index.js

@@ -1,5 +1,5 @@
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import React, { useCallback } from 'react';
-import DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import { FormGroup } from 'reactstrap';
 import { FontSizeSettings } from '../font-settings';
 import intl from '../../../intl';
@@ -26,7 +26,7 @@ const DisplayValuesSettings = _ref => {
   }, [fontSizeKey, onChange]);
   return /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement(DTableSwitch, {
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     switchClassName: "display-value-settings",
     checked: isShowValue,
     disabled: false,

package/dist/settings/widgets/font-settings/font-weight-settings.js

@@ -1,7 +1,7 @@
+import _DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { FormGroup, Label } from 'reactstrap';
-import DTableCustomizeSelect from "dtable-ui-component/lib/DTableCustomizeSelect";
 import { generatorCommonOptions } from '../../../utils';
 import intl from '../../../intl';
 const FontWeightSettings = props => {
@@ -34,7 +34,7 @@ const FontWeightSettings = props => {
   };
   return /*#__PURE__*/React.createElement(FormGroup, {
     className: classnames('setting-item sea-chart-font-weight-setting')
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Font_weight')), /*#__PURE__*/React.createElement(DTableCustomizeSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Font_weight')), /*#__PURE__*/React.createElement(_DTableCustomizeSelect, {
     className: "sea-chart-font-weight",
     value: selectedFontWeightOption,
     options: fontWeightOptions,

package/dist/settings/widgets/group-by.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { CellType, COLUMNS_ICON_CONFIG, DATE_COLUMN_OPTIONS, getTableById, getTableColumnByKey } from 'dtable-utils';
 import { CHART_SUPPORT_COLUMNS, DATE_GRANULATES, GEOLOCATION_GRANULATES, CHART_SUMMARY_SHOW, GEOLOCATION_FORMAT_MAP, CHART_TYPE, TIME_COLUMN_LIST, COMPLETENESS_GROUPBY_SUPPORTED_COLUMN_TYPE, NUMBERIC_COLUMN_TYPE, MIRROR_COLUMN_LIST } from '../../constants';
 import intl from '../../intl';
@@ -124,7 +124,7 @@ class GroupBy extends Component {
         const options = this.columnOptions.find(option => option.value.key === selectedColumnKey);
         selectedOption = options ? options : null;
       }
-      return /*#__PURE__*/React.createElement(DTableSelect, {
+      return /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         classNamePrefix: "select-column",
@@ -143,7 +143,7 @@ class GroupBy extends Component {
       const selectedOption = this.dateGranulatesOptions.find(option => option.value === selectedDateGranularity);
       return /*#__PURE__*/React.createElement("div", {
         className: "mt-4 sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement(DTableSelect, {
+      }, /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.dateGranulatesOptions,
@@ -157,7 +157,7 @@ class GroupBy extends Component {
       const selectedOption = this.geolocationGranulatesOptions.find(option => option.value === selectedGeolocationGranularity);
       return /*#__PURE__*/React.createElement("div", {
         className: "mt-4 sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement(DTableSelect, {
+      }, /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.geolocationGranulatesOptions,

package/dist/settings/widgets/numeric-summary-item.js

@@ -1,5 +1,5 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component } from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { FormGroup, Label } from 'reactstrap';
 import shallowEqual from 'shallowequal';
 import { CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_SHOW, CHART_DATE_SUMMARY_CALCULATION_METHOD } from '../../constants';
@@ -128,7 +128,7 @@ class NumericSummaryItem extends Component {
       className: "pl-4 ".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content d-none')
     }, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
-    }, /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
       placeholder: intl.get('Select_a_column'),
@@ -139,7 +139,7 @@ class NumericSummaryItem extends Component {
       }
     })), /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item summary-method"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: option => this.props.onSummaryMethodChange(option, index),

package/dist/settings/widgets/select-line-type/index.js

@@ -1,6 +1,6 @@
+import _DTableRadio from "dtable-ui-component/lib/DTableRadio";
 import React from 'react';
 import { FormGroup, Label } from 'reactstrap';
-import DTableRadio from "dtable-ui-component/lib/DTableRadio";
 import { CHART_LINE_TYPES } from '../../../constants';
 import intl from '../../../intl';
 function SelectLineType(_ref) {
@@ -16,7 +16,7 @@ function SelectLineType(_ref) {
   };
   return /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Line_type')), CHART_LINE_TYPES.map((lineType, index) => {
     const isChecked = lineType === selectedLineType;
-    return /*#__PURE__*/React.createElement(DTableRadio, {
+    return /*#__PURE__*/React.createElement(_DTableRadio, {
       key: index,
       isChecked: isChecked,
       onCheckedChange: () => onChangeLineType(lineType),

package/dist/settings/widgets/select-table/index.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import intl from '../../../intl';
 class SelectTable extends React.Component {
   constructor(props) {
@@ -10,7 +10,7 @@ class SelectTable extends React.Component {
         selectedTableId
       } = this.props;
       const selectedOption = selectedTableId ? this.tableOptions.find(option => option.value === selectedTableId) : null;
-      return /*#__PURE__*/React.createElement(DTableSelect, {
+      return /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedOption,
         options: this.tableOptions,

package/dist/settings/widgets/select-view/index.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { useMemo } from 'react';
 import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { getTableById, getNonPrivateViews } from 'dtable-utils';
 import classnames from 'classnames';
 import intl from '../../../intl';
@@ -37,7 +37,7 @@ const SelectView = _ref => {
   const selectedOption = selectedViewId ? viewOptions.find(option => option.value === selectedViewId) : null;
   return /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-setting-item table-setting"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('View')), /*#__PURE__*/React.createElement(DTableSelect, {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('View')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedOption,
     options: viewOptions,

package/dist/settings/widgets/summary-method-setting.js

@@ -1,5 +1,5 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component } from 'react';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { FormGroup, Label } from 'reactstrap';
 import shallowEqual from 'shallowequal';
 import { CHART_TYPE, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_SHOW, CHART_DATE_SUMMARY_CALCULATION_METHOD } from '../../constants';
@@ -45,7 +45,7 @@ class SummaryMethodSettings extends Component {
     const selectedSummaryMethodOption = this.summaryMethodOptions.find(option => option.value === summary_method);
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
       className: "chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
       placeholder: intl.get('Select_a_column'),
@@ -53,7 +53,7 @@ class SummaryMethodSettings extends Component {
       options: numericColumnOptions
     })), /*#__PURE__*/React.createElement(FormGroup, {
       className: "chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: this.props.onSummaryMethodChange,

package/dist/settings/widgets/summary-settings.js

@@ -1,7 +1,7 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component, Fragment } from 'react';
 import { COLUMNS_ICON_CONFIG, getTableById } from 'dtable-utils';
 import { FormGroup, Label } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { BaseUtils } from '../../utils';
 import { CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_TYPE, CHART_Y_GROUP_TYPE, CHART_TYPE, CHART_SUPPORT_COLUMNS, CHART_DATE_SUMMARY_CALCULATION_METHOD } from '../../constants';
 import intl from '../../intl';
@@ -147,7 +147,7 @@ class SummarySettings extends Component {
       const selectedSummaryType = this.getSelectedSummaryType();
       return /*#__PURE__*/React.createElement(FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(DTableSelect, {
+      }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         classNamePrefix: "chart-summary-types",
         value: selectedSummaryType,
@@ -187,7 +187,7 @@ class SummarySettings extends Component {
       let selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn);
       return /*#__PURE__*/React.createElement(FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedColumnOption,
         onChange: this.onSelectSummaryColumn,
@@ -202,7 +202,7 @@ class SummarySettings extends Component {
       let selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
       return /*#__PURE__*/React.createElement(FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
+      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,

package/dist/settings/widgets/switch/index.js

@@ -1,5 +1,5 @@
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import React from 'react';
-import DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
 import classnames from 'classnames';
 import './index.css';
 const Switch = _ref => {
@@ -12,7 +12,7 @@ const Switch = _ref => {
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('sea-chart-parameter-container', className)
-  }, /*#__PURE__*/React.createElement(DTableSwitch, {
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     key: "custom-switch-checkbox-".concat(checked),
     checked: checked,
     disabled: disabled,

package/dist/settings/widgets/y-axis-group-settings.js

@@ -1,6 +1,6 @@
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import React, { Component } from 'react';
 import { FormGroup, Label } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
 import { COLUMNS_ICON_CONFIG, getTableById } from 'dtable-utils';
 import { CHART_Y_GROUP_TYPE, CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_TYPE, DATE_GRANULATES, GEOLOCATION_GRANULATES, CHART_DATE_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, CHART_TYPE } from '../../constants';
 import { BaseUtils } from '../../utils';
@@ -405,7 +405,7 @@ class YAxisGroupSettings extends Component {
     } = chart.config;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(DTableSelect, {
+    }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: "chart-summary-types",
       value: selectedTypeOption,

package/dist/view/wrapper/map.js

@@ -1,8 +1,8 @@
+import _Loading from "dtable-ui-component/lib/Loading";
 import classnames from 'classnames';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { getTableById, getTableColumnByKey, getNumberDisplayString } from 'dtable-utils';
 import { DataSet } from '@antv/data-set';
-import Loading from "dtable-ui-component/lib/Loading";
 import { CHART_SUMMARY_TYPE, DEFAULT_NUMBER_FORMAT_OBJECT, MAP_LEVEL } from '../../constants';
 import { Chart } from '../../utils/custom-g2';
 import fetchMapJson from '../../services/map-json';
@@ -315,7 +315,7 @@ export default function Map(props) {
   }, [statisticData, mapData, type, renderCommonChart, renderBubbleChart]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement("div", {
     className: 'statistic-chart-loading-container'
-  }, /*#__PURE__*/React.createElement(Loading, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(_Loading, null)), /*#__PURE__*/React.createElement("div", {
     className: classnames('sea-chart-container '),
     ref: chartContainerRef
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",
@@ -22,7 +22,7 @@
   "peerDependencies": {
     "@antv/scale": "0.3.14",
     "babel-plugin-on-demand-loading": "^0.0.9",
-    "dtable-ui-component": "~4.4.34",
+    "dtable-ui-component": "~5.0.2",
     "dtable-utils": "~4.4.*",
     "prop-types": "15.8.1",
     "react": "^17.0.0",