sea-chart 2.0.38 → 2.0.40

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,18 @@
-import React from 'react';
-import { Label } from 'reactstrap';
-import intl from '../../intl';
+"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"));
 function DataSettingHeader() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-item data-setting"
-  }, /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("span", null, intl.get('Data_settings')))));
+  }, /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Data_settings')))));
 }
-export default DataSettingHeader;
+var _default = exports.default = DataSettingHeader;

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

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

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

@@ -1,4 +1,27 @@
-import SortSetter from './sort-setter';
-import HideColumnSetter from './hide-column-setter';
-import DataSettingHeader from './data-setting-header';
-export { SortSetter, HideColumnSetter, DataSettingHeader };
+"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"));

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

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