@qn-pandora/pandora-component 5.1.0 → 5.1.2

package/es/components/DateTimePicker/Base/index.js

@@ -48,6 +48,7 @@ import Button from '../../Button';
 import Collapse from '../Collapse';
 import Selector from '../../Selector';
 import NameLimiter from '../../NameLimiter';
+import Checkbox from '../../Checkbox';
 import RelativeTimePicker from './relativeTimePicker';
 import Time from '../time';
 import { defaultPresets, EPresetMode, RangePreset, rangePresetOptions, TimeType, RelativeUnitValue, RELATIVE_TIME_UNITS } from '../constants';
@@ -91,6 +92,7 @@ var Base = /** @class */ (function (_super) {
         };
         _this.relativeTimeInValid = RelativeInvalid.Valid;
         _this.activeKey = '';
+        _this.onlyTradingDay = false;
         _this.containerRef = null;
         _this.getPopupContainer = function () {
             return _this.containerRef;
@@ -116,6 +118,7 @@ var Base = /** @class */ (function (_super) {
         if (time.quarterTime) {
             _this.setQuqrterTime(time.quarterTime);
         }
+        _this.setOnlyTradingDay(_.isUndefined(time.onlyTradingDay) ? false : time.onlyTradingDay);
         return _this;
     }
     Object.defineProperty(Base.prototype, "isRelativeTimeValid", {
@@ -181,6 +184,9 @@ var Base = /** @class */ (function (_super) {
     Base.prototype.setQuqrterTime = function (quarterTime) {
         this.quarterTime = quarterTime;
     };
+    Base.prototype.setOnlyTradingDay = function (onlyTradingDay) {
+        this.onlyTradingDay = onlyTradingDay;
+    };
     Base.prototype.handleQuqrterlyTimeChange = function (key, value) {
         var _a;
         var quarterTime = this.quarterTime;
@@ -274,7 +280,8 @@ var Base = /** @class */ (function (_super) {
         var onChange = this.props.onChange;
         if (onChange) {
             onChange(new Time({
-                preset: preset.value
+                preset: preset.value,
+                onlyTradingDay: this.onlyTradingDay
             }));
         }
     };
@@ -287,7 +294,8 @@ var Base = /** @class */ (function (_super) {
                 // 赋值时将毫秒数清零
                 start: showTime === false ? start === null || start === void 0 ? void 0 : start.startOf('day') : start === null || start === void 0 ? void 0 : start.milliseconds(0),
                 end: showTime === false ? end === null || end === void 0 ? void 0 : end.startOf('day') : end === null || end === void 0 ? void 0 : end.milliseconds(0),
-                rangePreset: this.rangePreset
+                rangePreset: this.rangePreset,
+                onlyTradingDay: this.onlyTradingDay
             }));
         }
     };
@@ -295,7 +303,8 @@ var Base = /** @class */ (function (_super) {
         var onChange = this.props.onChange;
         if (onChange && this.quarterTime) {
             onChange(new Time({
-                quarterTime: this.quarterTime
+                quarterTime: this.quarterTime,
+                onlyTradingDay: this.onlyTradingDay
             }));
         }
     };
@@ -332,10 +341,16 @@ var Base = /** @class */ (function (_super) {
         var onChange = this.props.onChange;
         if (onChange) {
             onChange(new Time({
-                relative: this.relative
+                relative: this.relative,
+                onlyTradingDay: this.onlyTradingDay
             }));
         }
     };
+    Base.prototype.handleTradingDayChange = function (checked) {
+        this.setOnlyTradingDay(checked);
+        var _a = this.props, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, presets = _a.presets;
+        onChange === null || onChange === void 0 ? void 0 : onChange(new Time(__assign(__assign({}, (value || defaultValue || { preset: 'm5' })), { onlyTradingDay: checked }), { presets: presets }));
+    };
     Base.prototype.panelOnToggle = function (isActive, key) {
         this.activeKey = isActive ? key || '' : '';
     };
@@ -382,7 +397,12 @@ var Base = /** @class */ (function (_super) {
             : DatePicker;
         var showTimeType = this.props.showTimeType || [];
         if (showTimeType && showTimeType.length === 0) {
-            showTimeType = [TimeType.Absolute, TimeType.Relative, TimeType.Preset];
+            showTimeType = [
+                TimeType.Absolute,
+                TimeType.Relative,
+                TimeType.Preset,
+                TimeType.OnlyTradingDay
+            ];
         }
         var _c = this.props, quarterTitle = _c.quarterTitle, presetTitle = _c.presetTitle, relativeTitle = _c.relativeTitle, absoluteTitle = _c.absoluteTitle;
         var locale = this.context.locale;
@@ -415,6 +435,9 @@ var Base = /** @class */ (function (_super) {
                             } })),
                     React.createElement("div", { className: SDK_PREFIX + "-datetime-pick-footer" },
                         React.createElement(Button, { className: SDK_PREFIX + "-datetime-pick-footer-botton", onClick: this.handleQuarterlyOk, type: "primary" }, formatString(DateTimeLocale.confirm, locale))))),
+                showTimeType.indexOf(TimeType.OnlyTradingDay) > -1 && (React.createElement("div", { className: classnames(SDK_PREFIX + "-datetime-pick-trading-day-content") },
+                    React.createElement("span", { className: SDK_PREFIX + "-datetime-pick-trading-day-label" }, formatString(DateTimeLocale.trading_day.label, locale)),
+                    React.createElement(Checkbox, { value: this.onlyTradingDay, onChange: this.handleTradingDayChange }))),
                 (this.props.customTimeContents || []).map(function (content) {
                     return (React.createElement(Panel, { title: content.title, key: content.title, titleClassName: SDK_PREFIX + "-datetime-pick-title", contentClassName: SDK_PREFIX + "-datetime-pick-panel-content", className: SDK_PREFIX + "-datetime-pick-panel", disableToggle: _this.props.disableToggle, onToggle: _this.panelOnToggle }, content.Component));
                 }))));
@@ -424,7 +447,12 @@ var Base = /** @class */ (function (_super) {
         timeFormat: timeFormat,
         showTime: true,
         placement: 'bottom',
-        showTimeType: [TimeType.Absolute, TimeType.Preset, TimeType.Relative]
+        showTimeType: [
+            TimeType.Absolute,
+            TimeType.Preset,
+            TimeType.Relative,
+            TimeType.OnlyTradingDay
+        ]
     };
     Base.contextType = ConfigContext;
     __decorate([
@@ -451,6 +479,10 @@ var Base = /** @class */ (function (_super) {
         observable.ref,
         __metadata("design:type", Object)
     ], Base.prototype, "quarterTime", void 0);
+    __decorate([
+        observable,
+        __metadata("design:type", Object)
+    ], Base.prototype, "onlyTradingDay", void 0);
     __decorate([
         computed,
         __metadata("design:type", Object),
@@ -502,6 +534,13 @@ var Base = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Base.prototype, "setQuqrterTime", null);
+    __decorate([
+        bind,
+        action,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean]),
+        __metadata("design:returntype", void 0)
+    ], Base.prototype, "setOnlyTradingDay", null);
     __decorate([
         bind,
         __metadata("design:type", Function),
@@ -602,6 +641,12 @@ var Base = /** @class */ (function (_super) {
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
     ], Base.prototype, "handleRelativeChange", null);
+    __decorate([
+        bind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean]),
+        __metadata("design:returntype", void 0)
+    ], Base.prototype, "handleTradingDayChange", null);
     __decorate([
         bind,
         action,