sea-chart 2.0.47 → 2.0.49

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

@@ -1,13 +1,21 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import _DTableColumnIcon from "dtable-ui-component/lib/DTableColumnIcon";
-import React, { Component, Fragment } from 'react';
-import { getTableById } from 'dtable-utils';
-import { FormGroup, Label } from 'reactstrap';
-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';
-import NumericSummaryItem from './numeric-summary-item';
-class SummarySettings 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 _DTableColumnIcon2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableColumnIcon"));
+var _react = _interopRequireWildcard(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _reactstrap = require("reactstrap");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _numericSummaryItem = _interopRequireDefault(require("./numeric-summary-item"));
+class SummarySettings extends _react.Component {
   constructor(_props) {
     super(_props);
     this.initTable = props => {
@@ -18,7 +26,7 @@ class SummarySettings extends Component {
       const {
         table_id
       } = config;
-      this.selectedTable = getTableById(tables, table_id);
+      this.selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
     };
     this.initColumns = () => {
       if (!this.selectedTable) {
@@ -30,22 +38,22 @@ class SummarySettings extends Component {
       const columns = Array.isArray(this.selectedTable.columns) ? this.selectedTable.columns : [];
       this.columns = this.getAvailableColumns(columns);
       this.columnGroupbyColumnsOptions = this.getColumnOptions(this.columns);
-      this.numericColumns = this.columns.filter(column => BaseUtils.isNumericSummaryColumn(column));
+      this.numericColumns = this.columns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
       this.numericColumnsOptions = this.getColumnOptions(this.numericColumns);
     };
     this.getAvailableColumns = columns => {
       if (!columns || !Array.isArray(columns)) return [];
-      return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
+      return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
     };
     this.getColumnOptions = columns => {
       const options = columns.map(column => {
         return {
           value: column,
-          label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
             className: "sea-chart-column-icon"
-          }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
+          }, /*#__PURE__*/_react.default.createElement(_DTableColumnIcon2.default, {
             column: column
-          })), /*#__PURE__*/React.createElement("span", {
+          })), /*#__PURE__*/_react.default.createElement("span", {
             className: 'select-module select-module-name ml-0'
           }, column.name))
         };
@@ -54,9 +62,9 @@ class SummarySettings extends Component {
         value: {
           key: 'Groupby_null'
         },
-        label: /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement("span", {
           className: 'select-module select-module-name null-option-name ml-0'
-        }, intl.get('Select_a_column')),
+        }, _intl.default.get('Select_a_column')),
         style: {
           color: 'rgba(0, 0, 0, .25)'
         }
@@ -64,30 +72,30 @@ class SummarySettings extends Component {
     };
     this.getSummaryTypeOptions = () => {
       const summaryTypes = [{
-        value: CHART_Y_GROUP_TYPE.COUNT,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        value: _constants.CHART_Y_GROUP_TYPE.COUNT,
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, intl.get(CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Count_the_number_of_records_in_each_group')))
+        }, _intl.default.get('Count_the_number_of_records_in_each_group')))
       }, {
-        value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
-        label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+        value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
+        label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           className: "select-module select-module-name ml-0"
-        }, intl.get(CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
           className: "summary-type-explanation"
-        }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
+        }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')))
       }];
 
       // multiple_numeric_column
       if (this.props.useMultipleSummaryColumns) {
         summaryTypes.push({
-          value: CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
-          label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+          value: _constants.CHART_Y_GROUP_TYPE.MULTIPLE_NUMERIC_COLUMN,
+          label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
             className: "select-module select-module-name ml-0"
-          }, intl.get('Summarize_multiple_fields')), /*#__PURE__*/React.createElement("div", {
+          }, _intl.default.get('Summarize_multiple_fields')), /*#__PURE__*/_react.default.createElement("div", {
             className: "summary-type-explanation"
-          }, intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
+          }, _intl.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_multiple_fields')))
         });
       }
       return summaryTypes;
@@ -98,42 +106,42 @@ class SummarySettings extends Component {
       } = this.props;
       const chartType = config.type;
       let variable = '';
-      if (chartType === CHART_TYPE.MAP) {
+      if (chartType === _constants.CHART_TYPE.MAP) {
         variable = '位置字段';
       }
-      if (chartType === CHART_TYPE.WORLD_MAP) {
-        variable = intl.get('Location_field');
+      if (chartType === _constants.CHART_TYPE.WORLD_MAP) {
+        variable = _intl.default.get('Location_field');
       }
-      if (chartType === CHART_TYPE.HEAT_MAP) {
-        variable = intl.get('Time_field');
+      if (chartType === _constants.CHART_TYPE.HEAT_MAP) {
+        variable = _intl.default.get('Time_field');
       }
-      if (chartType === CHART_TYPE.MIRROR) {
-        variable = intl.get('Statistic_field');
+      if (chartType === _constants.CHART_TYPE.MIRROR) {
+        variable = _intl.default.get('Statistic_field');
       }
-      if (chartType === CHART_TYPE.COMBINATION) {
-        variable = intl.get('X-axis');
+      if (chartType === _constants.CHART_TYPE.COMBINATION) {
+        variable = _intl.default.get('X-axis');
       }
-      if (chartType === CHART_TYPE.TREND) {
+      if (chartType === _constants.CHART_TYPE.TREND) {
         return {
-          count: intl.get('Calculate_the_number_of_records_in_two_time_periods'),
-          advanced: intl.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
+          count: _intl.default.get('Calculate_the_number_of_records_in_two_time_periods'),
+          advanced: _intl.default.get('Use_a_field_to_calculate_the_sum_maximum_or_minimum_value_of_records_in_two_time_periods')
         };
       }
       return {
-        count: intl.get('Count_by_var', {
+        count: _intl.default.get('Count_by_var', {
           var: variable
         }),
-        advanced: intl.get('Compute_sum_max_min_by_var', {
+        advanced: _intl.default.get('Compute_sum_max_min_by_var', {
           var: variable
         })
       };
     };
     this.getSummaryMethodsOptions = () => {
-      return CHART_SUMMARY_CALCULATION_METHOD.map(method => {
+      return _constants.CHART_SUMMARY_CALCULATION_METHOD.map(method => {
         return {
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: "select-option-name"
-          }, intl.get(CHART_SUMMARY_SHOW[method])),
+          }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[method])),
           value: method
         };
       });
@@ -146,9 +154,9 @@ class SummarySettings extends Component {
         label
       } = this.props;
       const selectedSummaryType = this.getSelectedSummaryType();
-      return /*#__PURE__*/React.createElement(FormGroup, {
+      return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement(Label, null, label), /*#__PURE__*/React.createElement(_DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
         menuPortalTarget: "#sea-chart-settings-content",
         classNamePrefix: "chart-summary-types",
         value: selectedSummaryType,
@@ -158,14 +166,14 @@ class SummarySettings extends Component {
     };
     this.getSelectedSummaryType = () => {
       const {
-        summaryType = CHART_SUMMARY_TYPE.COUNT,
+        summaryType = _constants.CHART_SUMMARY_TYPE.COUNT,
         config,
         useMultipleSummaryColumns
       } = this.props;
-      if (summaryType === CHART_SUMMARY_TYPE.COUNT) {
+      if (summaryType === _constants.CHART_SUMMARY_TYPE.COUNT) {
         return this.summaryTypeOptions[0];
       }
-      if (config.type === CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
+      if (config.type === _constants.CHART_TYPE.COMBINATION && config.y_axis_left_group_by_multiple_numeric_column && useMultipleSummaryColumns) {
         return this.summaryTypeOptions[2];
       }
       return this.summaryTypeOptions[1];
@@ -186,24 +194,24 @@ class SummarySettings extends Component {
         summaryColumn
       } = this.props;
       let selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn);
-      return /*#__PURE__*/React.createElement(FormGroup, {
+      return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedColumnOption,
         onChange: this.onSelectSummaryColumn,
         options: this.numericColumnsOptions,
-        placeholder: intl.get('Select_a_column'),
+        placeholder: _intl.default.get('Select_a_column'),
         noOptionsMessage: () => {
-          return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
+          return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_options'));
         }
       }));
     };
     this.renderSummaryMethod = () => {
       let selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
-      return /*#__PURE__*/React.createElement(FormGroup, {
+      return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
         className: "sea-chart-parameter-item"
-      }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
         menuPortalTarget: "#sea-chart-settings-content",
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
@@ -222,11 +230,11 @@ class SummarySettings extends Component {
         type
       } = config;
       let column_key, summary_method;
-      if (type === CHART_TYPE.COMBINATION) {
+      if (type === _constants.CHART_TYPE.COMBINATION) {
         column_key = config.y_axis_left_summary_column;
         summary_method = config.y_axis_left_summary_method;
       }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NumericSummaryItem, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
         chart: chart,
         key: `number-column-${0}`,
         numericColumnOptions: this.numericColumnsOptions,
@@ -237,14 +245,14 @@ class SummarySettings extends Component {
           column_key,
           summary_method
         }
-      }), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/React.createElement("div", {
+      }), this.renderGroupbyNumericColumns(), Array.isArray(this.numericColumnsOptions) && this.numericColumnsOptions.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-add-number-columns d-flex align-items-center",
         onClick: this.onAddNumericColumn
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-add-table mr-2"
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/_react.default.createElement("span", {
         className: "number-column-item add-number-column-description"
-      }, intl.get('Add_new_field'))));
+      }, _intl.default.get('Add_new_field'))));
     };
     this.onDeleteNumericColumnItem = index => {
       let {
@@ -269,12 +277,12 @@ class SummarySettings extends Component {
         y_axis_left_group_by_numeric_columns = [...y_axis_left_group_by_numeric_columns];
         y_axis_left_group_by_numeric_columns.push({
           column_key: newNumericColumnKey,
-          summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
+          summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
         });
       } else {
         y_axis_left_group_by_numeric_columns = [{
           column_key: newNumericColumnKey,
-          summary_method: CHART_SUMMARY_CALCULATION_METHOD[0]
+          summary_method: _constants.CHART_SUMMARY_CALCULATION_METHOD[0]
         }];
       }
       this.props.onChange({
@@ -293,7 +301,7 @@ class SummarySettings extends Component {
       const {
         config
       } = chart;
-      const summaryMethods = BaseUtils.isDateSummaryColumn(column) ? CHART_DATE_SUMMARY_CALCULATION_METHOD : CHART_SUMMARY_CALCULATION_METHOD;
+      const summaryMethods = _utils.BaseUtils.isDateSummaryColumn(column) ? _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD : _constants.CHART_SUMMARY_CALCULATION_METHOD;
       if (index === 0) {
         let {
           y_axis_left_summary_method
@@ -368,7 +376,7 @@ class SummarySettings extends Component {
       } = config;
       if (!y_axis_left_group_by_numeric_columns || !Array.isArray(y_axis_left_group_by_numeric_columns)) return null;
       return y_axis_left_group_by_numeric_columns.map((item, index) => {
-        return /*#__PURE__*/React.createElement(NumericSummaryItem, {
+        return /*#__PURE__*/_react.default.createElement(_numericSummaryItem.default, {
           chart: chart,
           key: `number-column-${index}`,
           numericColumnOptions: this.numericColumnsOptions,
@@ -386,8 +394,8 @@ class SummarySettings extends Component {
         summaryType,
         useMultipleSummaryColumns
       } = this.props;
-      if (config.type === CHART_TYPE.COMBINATION) {
-        if (useMultipleSummaryColumns && summaryType === CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
+      if (config.type === _constants.CHART_TYPE.COMBINATION) {
+        if (useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && config.y_axis_left_group_by_multiple_numeric_column) {
           return true;
         }
       }
@@ -409,7 +417,7 @@ class SummarySettings extends Component {
       summaryType
     } = this.props;
     const _useMultipleSummaryColumns = this.useMultipleSummaryColumns();
-    return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === CHART_SUMMARY_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderSummaryTypes(), !_useMultipleSummaryColumns && summaryType === _constants.CHART_SUMMARY_TYPE.ADVANCED && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()), _useMultipleSummaryColumns && this.renderNumericSummaryItem());
   }
 }
-export default SummarySettings;
+var _default = exports.default = SummarySettings;

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

@@ -1,7 +1,14 @@
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React from 'react';
-import classnames from 'classnames';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.css");
 const Switch = _ref => {
   let {
     checked,
@@ -10,9 +17,9 @@ const Switch = _ref => {
     disabled,
     onChange
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sea-chart-parameter-container', className)
-  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sea-chart-parameter-container', className)
+  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     key: `custom-switch-checkbox-${checked}`,
     checked: checked,
     disabled: disabled,
@@ -21,4 +28,4 @@ const Switch = _ref => {
     onChange: onChange
   }));
 };
-export default Switch;
+var _default = exports.default = Switch;

package/dist/settings/widgets/text-horizontal-settings.js

@@ -1,9 +1,17 @@
-import _DTableRadioGroup from "dtable-ui-component/lib/DTableRadioGroup";
-import React, { useCallback } from 'react';
-import { Label } from 'reactstrap';
-import classnames from 'classnames';
-import { HORIZONTAL_ALIGNS, HORIZONTAL_ALIGN_SHOW } from '../../constants';
-import intl from '../../intl';
+"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 _DTableRadioGroup2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadioGroup"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
 const TextHorizontalSettings = _ref => {
   let {
     defaultValue,
@@ -11,25 +19,25 @@ const TextHorizontalSettings = _ref => {
     onChange,
     className
   } = _ref;
-  const validValue = value || defaultValue || HORIZONTAL_ALIGNS[0];
-  const onHorizontalChanged = useCallback(value => {
+  const validValue = value || defaultValue || _constants.HORIZONTAL_ALIGNS[0];
+  const onHorizontalChanged = (0, _react.useCallback)(value => {
     onChange && onChange(value);
   }, [onChange]);
   const getOptionsDisplay = () => {
-    return HORIZONTAL_ALIGNS.reduce((optionDisplayMap, align) => {
+    return _constants.HORIZONTAL_ALIGNS.reduce((optionDisplayMap, align) => {
       return {
         ...optionDisplayMap,
-        [align]: intl.get(HORIZONTAL_ALIGN_SHOW[align])
+        [align]: _intl.default.get(_constants.HORIZONTAL_ALIGN_SHOW[align])
       };
     }, {});
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('mt-0 mb-4 settings-text-horizontal-align sea-chart-select-group', className)
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Text_horizontal_alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('mt-0 mb-4 settings-text-horizontal-align sea-chart-select-group', className)
+  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Text_horizontal_alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
     activeOption: validValue,
-    options: HORIZONTAL_ALIGNS,
+    options: _constants.HORIZONTAL_ALIGNS,
     optionsDisplay: getOptionsDisplay(),
     onSelectChanged: onHorizontalChanged
   }));
 };
-export default TextHorizontalSettings;
+var _default = exports.default = TextHorizontalSettings;

package/dist/settings/widgets/time-picker.js

@@ -1,23 +1,31 @@
-import React, { Component } from 'react';
-import dayjs from 'dayjs';
-import Calendar from '@seafile/seafile-calendar';
-import DatePicker from '@seafile/seafile-calendar/lib/Picker';
-import 'dayjs/locale/zh-cn';
-import 'dayjs/locale/en-gb';
-import { translateCalendar } from '../../utils';
-import intl from '../../intl';
-import context from '../../context';
-import '@seafile/seafile-calendar/assets/index.css';
-let now = dayjs();
+"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 _dayjs = _interopRequireDefault(require("dayjs"));
+var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
+var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
+require("dayjs/locale/zh-cn");
+require("dayjs/locale/en-gb");
+var _utils = require("../../utils");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _context = _interopRequireDefault(require("../../context"));
+require("@seafile/seafile-calendar/assets/index.css");
+let now = (0, _dayjs.default)();
 const DATE_FORMAT = 'YYYY-MM-DD';
-class TimePicker extends Component {
+class TimePicker extends _react.Component {
   constructor(props) {
     super(props);
     this.getDefaultMinutesTime = () => {
       const {
         value
       } = this.props;
-      if (value) return dayjs(value).format('HH:mm');
+      if (value) return (0, _dayjs.default)(value).format('HH:mm');
       return '';
     };
     this.getCalendarContainer = () => {
@@ -73,24 +81,24 @@ class TimePicker extends Component {
       open: false,
       value: null
     };
-    this.calendarContainerRef = React.createRef();
+    this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
     this.defaultCalendarValue = null;
   }
   componentDidMount() {
     const {
       value
     } = this.props;
-    const iszhcn = context.getSetting('lang') === 'zh-cn';
+    const iszhcn = _context.default.getSetting('lang') === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
     } else {
       now = now.locale('en-gb');
     }
     this.defaultCalendarValue = now.clone();
-    if (value && dayjs(value).isValid()) {
-      let validValue = dayjs(value).isValid() ? dayjs(value) : dayjs(this.defaultCalendarValue);
+    if (value && (0, _dayjs.default)(value).isValid()) {
+      let validValue = (0, _dayjs.default)(value).isValid() ? (0, _dayjs.default)(value) : (0, _dayjs.default)(this.defaultCalendarValue);
       this.setState({
-        value: iszhcn ? dayjs(validValue).locale('zh-cn') : dayjs(validValue).locale('en-gb')
+        value: iszhcn ? (0, _dayjs.default)(validValue).locale('zh-cn') : (0, _dayjs.default)(validValue).locale('en-gb')
       });
     }
   }
@@ -103,7 +111,7 @@ class TimePicker extends Component {
       open
     } = this.state;
     const minutesTime = this.getDefaultMinutesTime();
-    if (isReadOnly) return /*#__PURE__*/React.createElement("input", {
+    if (isReadOnly) return /*#__PURE__*/_react.default.createElement("input", {
       className: "ant-calendar-picker-input ant-input form-control",
       value: value && value.format(DATE_FORMAT) || '',
       disabled: true
@@ -116,17 +124,17 @@ class TimePicker extends Component {
       fontSize: '12px',
       cursor: 'pointer'
     };
-    const clearIcon = React.createElement('i', {
+    const clearIcon = /*#__PURE__*/_react.default.createElement('i', {
       className: 'item-icon dtable-font dtable-icon-x',
       style: clearStyle
     });
-    const calendar = /*#__PURE__*/React.createElement(Calendar, {
+    const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
       className: "dtable-rc-calendar",
-      locale: translateCalendar(),
+      locale: (0, _utils.translateCalendar)(),
       style: {
         zIndex: 1001
       },
-      dateInputPlaceholder: intl.get('Please_input_date'),
+      dateInputPlaceholder: _intl.default.get('Please_input_date'),
       format: DATE_FORMAT,
       defaultValue: this.defaultCalendarValue,
       showDateInput: true,
@@ -137,10 +145,10 @@ class TimePicker extends Component {
       defaultMinutesTime: minutesTime,
       onClickRightPanelTime: this.onClickRightPanelTime
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "sea-chart-date-picker-container",
       ref: ref => this.datePicker = ref
-    }, /*#__PURE__*/React.createElement(DatePicker, {
+    }, /*#__PURE__*/_react.default.createElement(_Picker.default, {
       calendar: calendar,
       value: value,
       onChange: this.onChange,
@@ -154,19 +162,19 @@ class TimePicker extends Component {
       let {
         value
       } = _ref;
-      return /*#__PURE__*/React.createElement("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         tabIndex: "0",
         onFocus: this.onReadOnlyFocus
-      }, /*#__PURE__*/React.createElement("input", {
+      }, /*#__PURE__*/_react.default.createElement("input", {
         tabIndex: "-1",
         onChange: () => {},
         className: "ant-calendar-picker-input ant-input form-control",
         value: value && value.format(DATE_FORMAT) || '',
         onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/React.createElement("div", {
+      }), /*#__PURE__*/_react.default.createElement("div", {
         ref: this.calendarContainerRef
       }));
     }));
   }
 }
-export default TimePicker;
+var _default = exports.default = TimePicker;