sea-chart 2.0.39 → 2.0.42

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

@@ -1,31 +1,23 @@
-"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 _intl = _interopRequireDefault(require("../../../../intl"));
-var _filter = _interopRequireDefault(require("./filter"));
-var _colorRules = require("../../../../constants/color-rules");
-require("./index.css");
-class RuleFilters extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import intl from '../../../../intl';
+import Filter from './filter';
+import { DISPLAY_COLOR_RULE_FILTER_TYPE } from '../../../../constants/color-rules';
+import './index.css';
+class RuleFilters extends Component {
   constructor(props) {
     super(props);
     this.generateConjunctionOptions = () => {
       this.conjunctionOptions = [{
         value: 'And',
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
-        }, _intl.default.get('And'))
+        }, intl.get('And'))
       }, {
         value: 'Or',
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
-        }, _intl.default.get('Or'))
+        }, intl.get('Or'))
       }];
     };
     this.generateFilterTypeOptions = _ref => {
@@ -35,9 +27,9 @@ class RuleFilters extends _react.Component {
       this.filterTypeOptions = filterTypes.map(filterType => {
         return {
           value: filterType,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "select-option-name"
-          }, _intl.default.get(_colorRules.DISPLAY_COLOR_RULE_FILTER_TYPE[filterTypes]))
+          }, intl.get(DISPLAY_COLOR_RULE_FILTER_TYPE[filterTypes]))
         };
       });
     };
@@ -61,7 +53,7 @@ class RuleFilters extends _react.Component {
       const {
         filterConjunction
       } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_filter.default, {
+      return /*#__PURE__*/React.createElement(Filter, {
         key: index,
         index: index,
         filter: filter,
@@ -87,11 +79,11 @@ class RuleFilters extends _react.Component {
       filters,
       className
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('statistic-color-rule-filters', className)
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('statistic-color-rule-filters', className)
     }, filters.map((filter, index) => {
       return this.renderFilter(filter, index);
     }));
   }
 }
-var _default = exports.default = RuleFilters;
+export default RuleFilters;

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

@@ -1,17 +1,9 @@
-"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 _dtableUtils = require("dtable-utils");
 /**
  * support type number with format
  */
-
-class NumberInput extends _react.Component {
+import React, { Component } from 'react';
+import { DEFAULT_NUMBER_FORMAT, formatStringToNumber, getNumberDisplayString, replaceNumberNotAllowInput } from 'dtable-utils';
+class NumberInput extends Component {
   constructor(props) {
     super(props);
     this.getInitValue = () => {
@@ -23,19 +15,19 @@ class NumberInput extends _react.Component {
       if (valueType === 'number') {
         numericValue = value;
       } else if (valueType === 'string') {
-        numericValue = (0, _dtableUtils.formatStringToNumber)(value, {});
+        numericValue = formatStringToNumber(value, {});
       }
       if (!numericValue && numericValue !== 0) {
         return '';
       }
-      return (0, _dtableUtils.getNumberDisplayString)(numericValue, {}) || '';
+      return getNumberDisplayString(numericValue, {}) || '';
     };
     this.onChange = evt => {
-      const value = (0, _dtableUtils.replaceNumberNotAllowInput)(evt.target.value.trim(), _dtableUtils.DEFAULT_NUMBER_FORMAT, null);
+      const value = replaceNumberNotAllowInput(evt.target.value.trim(), DEFAULT_NUMBER_FORMAT, null);
       this.setState({
         value
       }, () => {
-        this.props.onChange((0, _dtableUtils.formatStringToNumber)(value, {}));
+        this.props.onChange(formatStringToNumber(value, {}));
       });
     };
     this.onPaste = evt => {
@@ -58,7 +50,7 @@ class NumberInput extends _react.Component {
       disabled,
       autoFocus
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("input", {
+    return /*#__PURE__*/React.createElement("input", {
       ref: ref => this.input = ref,
       type: "text",
       className: "form-control",
@@ -75,4 +67,4 @@ NumberInput.defaultProps = {
   autoFocus: false,
   disabled: false
 };
-var _default = exports.default = NumberInput;
+export default NumberInput;

package/dist/components/color-popover/color-rules-popover.js

@@ -1,23 +1,15 @@
-"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 _intl = _interopRequireDefault(require("../../intl"));
-var _commonAddTool = _interopRequireDefault(require("../common-add-tool"));
-var _dtablePopover = _interopRequireDefault(require("../dtable-popover"));
-var _colorRules = _interopRequireDefault(require("./color-rules"));
-var _colorRules2 = require("../../constants/color-rules");
-require("./color-rules-popover.css");
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import { getColumnFilterOptions, CellType } from 'dtable-utils';
+import intl from '../../intl';
+import CommonAddTool from '../common-add-tool';
+import DTablePopover from '../dtable-popover';
+import ColorRules from './color-rules';
+import { COLOR_RULE_FILTER_TYPE_MAP, DISPLAY_COLOR_RULE_FILTER_TYPE, EMPTY_PREDICATE } from '../../constants/color-rules';
+import './color-rules-popover.css';
 const SAFE_DISTANCE_2_BOTTOM = 30; // Keep the distance to the bottom
 
-class ColorRulesPopover extends _react.Component {
+class ColorRulesPopover extends Component {
   constructor(props) {
     super(props);
     this.getColorConfigByColor = color => {
@@ -29,21 +21,21 @@ class ColorRulesPopover extends _react.Component {
         filter_predicate,
         filter_term
       } = filter;
-      const name = _colorRules2.DISPLAY_COLOR_RULE_FILTER_TYPE[filter_type];
-      const template = "".concat(_intl.default.get(name), " ").concat(_intl.default.get(filter_predicate));
-      if (_colorRules2.EMPTY_PREDICATE.includes(filter_predicate)) {
+      const name = DISPLAY_COLOR_RULE_FILTER_TYPE[filter_type];
+      const template = `${intl.get(name)} ${intl.get(filter_predicate)}`;
+      if (EMPTY_PREDICATE.includes(filter_predicate)) {
         return template;
       }
       switch (filter_type) {
-        case _colorRules2.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
+        case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
             if (filter_term === 0) {
-              return "".concat(template, " 0");
+              return `${template} 0`;
             }
             if (!filter_term) {
               return null;
             }
-            return "".concat(template, " ").concat(filter_term);
+            return `${template} ${filter_term}`;
           }
         default:
           {
@@ -56,10 +48,10 @@ class ColorRulesPopover extends _react.Component {
       let contentText = '';
       filterConjunction = filterConjunction || 'And';
       filters.forEach((filter, index) => {
-        let filterContentText = index === 0 ? '' : " ".concat(filterConjunction === 'And' ? _intl.default.get('And') : _intl.default.get('Or'));
+        let filterContentText = index === 0 ? '' : ` ${filterConjunction === 'And' ? intl.get('And') : intl.get('Or')}`;
         let filterDisplay = this.getFilterDisplay(filter);
         if (filterDisplay) {
-          contentText = contentText + filterContentText + " ".concat(filterDisplay);
+          contentText = contentText + filterContentText + ` ${filterDisplay}`;
         }
       });
       return contentText;
@@ -81,10 +73,10 @@ class ColorRulesPopover extends _react.Component {
         return {};
       }
       switch (filterType) {
-        case _colorRules2.COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
+        case COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE:
           {
-            return (0, _dtableUtils.getColumnFilterOptions)({
-              type: _dtableUtils.CellType.NUMBER
+            return getColumnFilterOptions({
+              type: CellType.NUMBER
             });
           }
         default:
@@ -150,7 +142,7 @@ class ColorRulesPopover extends _react.Component {
       }
       setTimeout(() => {
         if (popoverWrapper) {
-          popoverWrapper.style.top = "".concat(-offsetHeight + offsetTop, "px");
+          popoverWrapper.style.top = `${-offsetHeight + offsetTop}px`;
         }
       }, 300);
     };
@@ -185,7 +177,7 @@ class ColorRulesPopover extends _react.Component {
     const hasRules = colorRules && colorRules.length > 0;
     const rulesName = this.getRulesName();
     const canAddRule = !rulesName.some(ruleName => !ruleName);
-    return /*#__PURE__*/_react.default.createElement(_dtablePopover.default, {
+    return /*#__PURE__*/React.createElement(DTablePopover, {
       hideArrow: true,
       target: target,
       placement: "left-end",
@@ -194,11 +186,11 @@ class ColorRulesPopover extends _react.Component {
       popoverClassName: "statistic-color-rules-popover",
       hideDTablePopover: this.hideColorRulesPopover,
       hideDTablePopoverWithEsc: this.hideColorRulesPopover
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "statistic-color-rules-wrapper"
-    }, !hasRules && /*#__PURE__*/_react.default.createElement("div", {
+    }, !hasRules && /*#__PURE__*/React.createElement("div", {
       className: "no-color-rules"
-    }, _intl.default.get('No_rules')), /*#__PURE__*/_react.default.createElement(_colorRules.default, {
+    }, intl.get('No_rules')), /*#__PURE__*/React.createElement(ColorRules, {
       rules: colorRules,
       rulesName: rulesName,
       labelColorConfigs: labelColorConfigs,
@@ -208,13 +200,13 @@ class ColorRulesPopover extends _react.Component {
       generateDefaultFilter: this.generateDefaultFilter,
       updateRules: this.updateColorRules,
       resetPopoverPosition: this.resetPopoverPosition
-    }), /*#__PURE__*/_react.default.createElement(_commonAddTool.default, {
-      className: (0, _classnames.default)('statistic-btn-add-color-rule', {
+    }), /*#__PURE__*/React.createElement(CommonAddTool, {
+      className: classnames('statistic-btn-add-color-rule', {
         'disabled': !canAddRule
       }),
-      footerName: _intl.default.get('Add_rule'),
+      footerName: intl.get('Add_rule'),
       callBack: canAddRule ? this.addRule : () => {}
     })));
   }
 }
-var _default = exports.default = ColorRulesPopover;
+export default ColorRulesPopover;

package/dist/components/color-popover/color-selector-popover.js

@@ -1,15 +1,7 @@
-"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 _dtablePopover = _interopRequireDefault(require("../dtable-popover"));
-var _commonUtils = require("../../utils/common-utils");
-class ColorSelectorPopover extends _react.Component {
+import React, { Component } from 'react';
+import DTablePopover from '../dtable-popover';
+import { hexToRgb } from '../../utils/common-utils';
+class ColorSelectorPopover extends Component {
   constructor(props) {
     super(props);
     this.initColorOptions = () => {
@@ -22,10 +14,10 @@ class ColorSelectorPopover extends _react.Component {
             r,
             g,
             b
-          } = (0, _commonUtils.hexToRgb)(colorOption.color);
+          } = hexToRgb(colorOption.color);
           return {
             ...colorOption,
-            border_color: "rgb(".concat(Math.max(r - 20, 0), ", ").concat(Math.max(g - 20, 0), ", ").concat(Math.max(b - 20, 0), ")")
+            border_color: `rgb(${Math.max(r - 20, 0)}, ${Math.max(g - 20, 0)}, ${Math.max(b - 20, 0)})`
           };
         }
         return colorOption;
@@ -45,24 +37,24 @@ class ColorSelectorPopover extends _react.Component {
       selectedColor
     } = this.props;
     const upperCaseSelectedColor = selectedColor.toUpperCase();
-    return /*#__PURE__*/_react.default.createElement(_dtablePopover.default, {
+    return /*#__PURE__*/React.createElement(DTablePopover, {
       target: target,
       placement: placement || 'auto-start',
       hideArrow: hideArrow,
       popoverClassName: "sea-chart-color-selector",
       hideDTablePopover: this.props.toggle,
       hideDTablePopoverWithEsc: this.props.toggle
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "sea-chart-color-selector-wrapper"
-    }, this.colorOptions.map(colorOption => /*#__PURE__*/_react.default.createElement("div", {
-      key: "sea-chart-color-option-".concat(colorOption.color),
+    }, this.colorOptions.map(colorOption => /*#__PURE__*/React.createElement("div", {
+      key: `sea-chart-color-option-${colorOption.color}`,
       className: "sea-chart-color-option",
       onClick: () => this.onSelectColor(colorOption.color),
       style: {
         backgroundColor: colorOption.color,
         borderColor: colorOption.border_color
       }
-    }, colorOption.color === upperCaseSelectedColor && /*#__PURE__*/_react.default.createElement("i", {
+    }, colorOption.color === upperCaseSelectedColor && /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-check-mark",
       style: {
         color: colorOption.text_color
@@ -73,4 +65,4 @@ class ColorSelectorPopover extends _react.Component {
 ColorSelectorPopover.defaultProps = {
   hideArrow: true
 };
-var _default = exports.default = ColorSelectorPopover;
+export default ColorSelectorPopover;

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

@@ -1,31 +1,23 @@
-"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 _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _colorRules = require("../../constants/color-rules");
-var _intl = _interopRequireDefault(require("../../intl"));
-class ColorGroupSelector extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React, { Component } from 'react';
+import { FormGroup } from 'reactstrap';
+import { COLOR_OPTIONS } from '../../constants/color-rules';
+import intl from '../../intl';
+class ColorGroupSelector extends Component {
   constructor(props) {
     super(props);
     this.getColorOptions = () => {
-      return _colorRules.COLOR_OPTIONS.map(colorOption => {
+      return COLOR_OPTIONS.map(colorOption => {
         return {
           value: colorOption.name,
-          label: /*#__PURE__*/_react.default.createElement("div", {
+          label: /*#__PURE__*/React.createElement("div", {
             className: "sea-chart-color-option d-flex"
           }, colorOption.exampleColors.map((color, index) => {
-            return /*#__PURE__*/_react.default.createElement("span", {
+            return /*#__PURE__*/React.createElement("span", {
               className: "sea-chart-color-block",
               key: index,
               style: {
-                background: "".concat(color)
+                background: `${color}`
               }
             });
           }))
@@ -43,9 +35,9 @@ class ColorGroupSelector extends _react.Component {
       currentColor
     } = this.props;
     const currentOption = this.colorOptions.filter(item => item.value === currentColor)[0] || this.colorOptions[0];
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(FormGroup, {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement("label", null, intl.get('Color')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       classNamePrefix: 'chart-color',
       value: currentOption,
@@ -54,4 +46,4 @@ class ColorGroupSelector extends _react.Component {
     }));
   }
 }
-var _default = exports.default = ColorGroupSelector;
+export default ColorGroupSelector;

package/dist/components/common-add-tool/index.js

@@ -1,12 +1,5 @@
-"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");
+import React from 'react';
+import './index.css';
 function CommonAddTool(props) {
   const {
     callBack,
@@ -14,16 +7,16 @@ function CommonAddTool(props) {
     className,
     addIconClassName
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "add-item-btn ".concat(className ? className : ''),
+  return /*#__PURE__*/React.createElement("div", {
+    className: `add-item-btn ${className ? className : ''}`,
     onClick: e => {
       callBack(e);
     }
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
+    className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
+  }), /*#__PURE__*/React.createElement("span", {
     className: "add-new-option text-truncate",
     title: footerName
   }, footerName));
 }
-var _default = exports.default = CommonAddTool;
+export default CommonAddTool;

package/dist/components/data-process-setter/data-setting-header.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _intl = _interopRequireDefault(require("../../intl"));
+import React from 'react';
+import { Label } from 'reactstrap';
+import intl from '../../intl';
 function DataSettingHeader() {
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "setting-item data-setting"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement("div", {
     className: "d-flex align-items-center"
-  }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Data_settings')))));
+  }, /*#__PURE__*/React.createElement("span", null, intl.get('Data_settings')))));
 }
-var _default = exports.default = DataSettingHeader;
+export default DataSettingHeader;

package/dist/components/data-process-setter/hide-column-setter.js

@@ -1,14 +1,7 @@
-"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 _hideColumnPopover = _interopRequireDefault(require("../popover/hide-column-popover/hide-column-popover"));
-var _intl = _interopRequireDefault(require("../../intl"));
-class HideColumnSetter extends _react.default.Component {
+import React from 'react';
+import HideColumnPopover from '../popover/hide-column-popover/hide-column-popover';
+import intl from '../../intl';
+class HideColumnSetter extends React.Component {
   constructor(props) {
     super(props);
     this.onHideColumnToggle = () => {
@@ -58,23 +51,23 @@ class HideColumnSetter extends _react.default.Component {
     const shown_column_keys = shownColumnKeys || [];
     const hiddenColumns = columns.filter(column => !shown_column_keys.includes(column.key));
     const hiddenColumnsLength = hiddenColumns.length;
-    let message = _intl.default.get('hide_columns');
+    let message = intl.get('hide_columns');
     if (hiddenColumnsLength === 1) {
-      message = _intl.default.get('1_hidden_column');
+      message = intl.get('1_hidden_column');
     } else if (hiddenColumnsLength > 1) {
-      message = hiddenColumnsLength + ' ' + _intl.default.get('Hidden_columns');
+      message = hiddenColumnsLength + ' ' + intl.get('Hidden_columns');
     }
     let settingClass = wrapperClass || '';
     settingClass = settingClass && hiddenColumnsLength > 0 ? settingClass + ' active' : settingClass;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "setting-item ".concat(settingClass ? '' : 'mb-1')
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
+      className: `setting-item ${settingClass ? '' : 'mb-1'}`
+    }, /*#__PURE__*/React.createElement("div", {
       className: "mr-2 filters-setting-btn",
       onClick: this.onHideColumnToggle
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-hide mr-2",
       id: "dtable-hidden-column-popover"
-    }), /*#__PURE__*/_react.default.createElement("span", null, message)), this.state.isShowHideColumnSetter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_hideColumnPopover.default, {
+    }), /*#__PURE__*/React.createElement("span", null, message)), this.state.isShowHideColumnSetter && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HideColumnPopover, {
       columns: columns,
       target: 'dtable-hidden-column-popover',
       shownColumnKeys: shownColumnKeys,
@@ -83,4 +76,4 @@ class HideColumnSetter extends _react.default.Component {
     })));
   }
 }
-var _default = exports.default = HideColumnSetter;
+export default HideColumnSetter;

package/dist/components/data-process-setter/index.js

@@ -1,27 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DataSettingHeader", {
-  enumerable: true,
-  get: function () {
-    return _dataSettingHeader.default;
-  }
-});
-Object.defineProperty(exports, "HideColumnSetter", {
-  enumerable: true,
-  get: function () {
-    return _hideColumnSetter.default;
-  }
-});
-Object.defineProperty(exports, "SortSetter", {
-  enumerable: true,
-  get: function () {
-    return _sortSetter.default;
-  }
-});
-var _sortSetter = _interopRequireDefault(require("./sort-setter"));
-var _hideColumnSetter = _interopRequireDefault(require("./hide-column-setter"));
-var _dataSettingHeader = _interopRequireDefault(require("./data-setting-header"));
+import SortSetter from './sort-setter';
+import HideColumnSetter from './hide-column-setter';
+import DataSettingHeader from './data-setting-header';
+export { SortSetter, HideColumnSetter, DataSettingHeader };

package/dist/components/data-process-setter/sort-setter.js

@@ -1,17 +1,9 @@
-"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 _sortPopover = _interopRequireDefault(require("../../components/popover/sort-popover/sort-popover"));
-var _hotkey = require("../../utils/hotkey");
-var _intl = _interopRequireDefault(require("../../intl"));
-class SortSetter extends _react.Component {
+import React, { Component } from 'react';
+import { getValidSorts } from 'dtable-utils';
+import SortPopover from '../../components/popover/sort-popover/sort-popover';
+import { isEnter, isSpace } from '../../utils/hotkey';
+import intl from '../../intl';
+class SortSetter extends Component {
   constructor(props) {
     super(props);
     this.onSortToggle = () => {
@@ -21,7 +13,7 @@ class SortSetter extends _react.Component {
     };
     this.onKeyDown = e => {
       e.stopPropagation();
-      if ((0, _hotkey.isEnter)(e) || (0, _hotkey.isSpace)(e)) this.onSortToggle();
+      if (isEnter(e) || isSpace(e)) this.onSortToggle();
     };
     this.update = update => {
       const {
@@ -41,32 +33,32 @@ class SortSetter extends _react.Component {
       wrapperClass
     } = this.props;
     if (!columns) return null;
-    const validSorts = (0, _dtableUtils.getValidSorts)(sorts || [], columns);
+    const validSorts = getValidSorts(sorts || [], columns);
     const sortsLength = validSorts ? validSorts.length : 0;
-    let sortMessage = _intl.default.get('Sort');
+    let sortMessage = intl.get('Sort');
     if (sortsLength === 1) {
-      sortMessage = _intl.default.get('1_Sort');
+      sortMessage = intl.get('1_Sort');
     } else if (sortsLength > 1) {
-      sortMessage = isNeedSubmit ? _intl.default.get('Sorts') : _intl.default.get('Sorts');
+      sortMessage = isNeedSubmit ? intl.get('Sorts') : intl.get('Sorts');
       sortMessage = sortsLength + ' ' + sortMessage;
     }
     let labelClass = wrapperClass || '';
     labelClass = labelClass && sortsLength > 0 ? labelClass + ' active' : labelClass;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "setting-item ".concat(labelClass ? '' : 'mb-1')
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "mr-2 setting-item-btn filters-setting-btn ".concat(labelClass),
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: `setting-item ${labelClass ? '' : 'mb-1'}`
+    }, /*#__PURE__*/React.createElement("div", {
+      className: `mr-2 setting-item-btn filters-setting-btn ${labelClass}`,
       onClick: this.onSortToggle,
       role: "button",
       onKeyDown: this.onKeyDown,
       title: sortMessage,
       "aria-label": sortMessage,
       tabIndex: 0
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       "aria-hidden": "true",
       className: "dtable-font dtable-icon-sort mr-2",
       id: this.props.target
-    }), /*#__PURE__*/_react.default.createElement("span", null, sortMessage))), this.state.isSortPopoverShow && /*#__PURE__*/_react.default.createElement(_sortPopover.default, {
+    }), /*#__PURE__*/React.createElement("span", null, sortMessage))), this.state.isSortPopoverShow && /*#__PURE__*/React.createElement(SortPopover, {
       target: this.props.target,
       isNeedSubmit: isNeedSubmit,
       columns: columns,
@@ -80,4 +72,4 @@ SortSetter.defaultProps = {
   target: 'dtable-sort-popover',
   isNeedSubmit: false
 };
-var _default = exports.default = SortSetter;
+export default SortSetter;