@qn-pandora/pandora-component 5.1.0 → 5.1.2

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

@@ -73,6 +73,7 @@ var Button_1 = __importDefault(require("../../Button"));
 var Collapse_1 = __importDefault(require("../Collapse"));
 var Selector_1 = __importDefault(require("../../Selector"));
 var NameLimiter_1 = __importDefault(require("../../NameLimiter"));
+var Checkbox_1 = __importDefault(require("../../Checkbox"));
 var relativeTimePicker_1 = __importDefault(require("./relativeTimePicker"));
 var time_2 = __importDefault(require("../time"));
 var constants_1 = require("../constants");
@@ -116,6 +117,7 @@ var Base = /** @class */ (function (_super) {
         };
         _this.relativeTimeInValid = RelativeInvalid.Valid;
         _this.activeKey = '';
+        _this.onlyTradingDay = false;
         _this.containerRef = null;
         _this.getPopupContainer = function () {
             return _this.containerRef;
@@ -141,6 +143,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", {
@@ -206,6 +209,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;
@@ -299,7 +305,8 @@ var Base = /** @class */ (function (_super) {
         var onChange = this.props.onChange;
         if (onChange) {
             onChange(new time_2.default({
-                preset: preset.value
+                preset: preset.value,
+                onlyTradingDay: this.onlyTradingDay
             }));
         }
     };
@@ -312,7 +319,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
             }));
         }
     };
@@ -320,7 +328,8 @@ var Base = /** @class */ (function (_super) {
         var onChange = this.props.onChange;
         if (onChange && this.quarterTime) {
             onChange(new time_2.default({
-                quarterTime: this.quarterTime
+                quarterTime: this.quarterTime,
+                onlyTradingDay: this.onlyTradingDay
             }));
         }
     };
@@ -357,10 +366,16 @@ var Base = /** @class */ (function (_super) {
         var onChange = this.props.onChange;
         if (onChange) {
             onChange(new time_2.default({
-                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_2.default(__assign(__assign({}, (value || defaultValue || { preset: 'm5' })), { onlyTradingDay: checked }), { presets: presets }));
+    };
     Base.prototype.panelOnToggle = function (isActive, key) {
         this.activeKey = isActive ? key || '' : '';
     };
@@ -407,7 +422,12 @@ var Base = /** @class */ (function (_super) {
             : antd_1.DatePicker;
         var showTimeType = this.props.showTimeType || [];
         if (showTimeType && showTimeType.length === 0) {
-            showTimeType = [constants_1.TimeType.Absolute, constants_1.TimeType.Relative, constants_1.TimeType.Preset];
+            showTimeType = [
+                constants_1.TimeType.Absolute,
+                constants_1.TimeType.Relative,
+                constants_1.TimeType.Preset,
+                constants_1.TimeType.OnlyTradingDay
+            ];
         }
         var _c = this.props, quarterTitle = _c.quarterTitle, presetTitle = _c.presetTitle, relativeTitle = _c.relativeTitle, absoluteTitle = _c.absoluteTitle;
         var locale = this.context.locale;
@@ -440,6 +460,9 @@ var Base = /** @class */ (function (_super) {
                             } })),
                     React.createElement("div", { className: style_1.SDK_PREFIX + "-datetime-pick-footer" },
                         React.createElement(Button_1.default, { className: style_1.SDK_PREFIX + "-datetime-pick-footer-botton", onClick: this.handleQuarterlyOk, type: "primary" }, language_1.formatString(type_1.DateTimeLocale.confirm, locale))))),
+                showTimeType.indexOf(constants_1.TimeType.OnlyTradingDay) > -1 && (React.createElement("div", { className: classnames_1.default(style_1.SDK_PREFIX + "-datetime-pick-trading-day-content") },
+                    React.createElement("span", { className: style_1.SDK_PREFIX + "-datetime-pick-trading-day-label" }, language_1.formatString(type_1.DateTimeLocale.trading_day.label, locale)),
+                    React.createElement(Checkbox_1.default, { value: this.onlyTradingDay, onChange: this.handleTradingDayChange }))),
                 (this.props.customTimeContents || []).map(function (content) {
                     return (React.createElement(Panel, { title: content.title, key: content.title, titleClassName: style_1.SDK_PREFIX + "-datetime-pick-title", contentClassName: style_1.SDK_PREFIX + "-datetime-pick-panel-content", className: style_1.SDK_PREFIX + "-datetime-pick-panel", disableToggle: _this.props.disableToggle, onToggle: _this.panelOnToggle }, content.Component));
                 }))));
@@ -449,7 +472,12 @@ var Base = /** @class */ (function (_super) {
         timeFormat: time_1.timeFormat,
         showTime: true,
         placement: 'bottom',
-        showTimeType: [constants_1.TimeType.Absolute, constants_1.TimeType.Preset, constants_1.TimeType.Relative]
+        showTimeType: [
+            constants_1.TimeType.Absolute,
+            constants_1.TimeType.Preset,
+            constants_1.TimeType.Relative,
+            constants_1.TimeType.OnlyTradingDay
+        ]
     };
     Base.contextType = config_provider_1.ConfigContext;
     __decorate([
@@ -476,6 +504,10 @@ var Base = /** @class */ (function (_super) {
         mobx_1.observable.ref,
         __metadata("design:type", Object)
     ], Base.prototype, "quarterTime", void 0);
+    __decorate([
+        mobx_1.observable,
+        __metadata("design:type", Object)
+    ], Base.prototype, "onlyTradingDay", void 0);
     __decorate([
         mobx_1.computed,
         __metadata("design:type", Object),
@@ -527,6 +559,13 @@ var Base = /** @class */ (function (_super) {
         __metadata("design:paramtypes", [Object]),
         __metadata("design:returntype", void 0)
     ], Base.prototype, "setQuqrterTime", null);
+    __decorate([
+        bind_1.default,
+        mobx_1.action,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean]),
+        __metadata("design:returntype", void 0)
+    ], Base.prototype, "setOnlyTradingDay", null);
     __decorate([
         bind_1.default,
         __metadata("design:type", Function),
@@ -627,6 +666,12 @@ var Base = /** @class */ (function (_super) {
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
     ], Base.prototype, "handleRelativeChange", null);
+    __decorate([
+        bind_1.default,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Boolean]),
+        __metadata("design:returntype", void 0)
+    ], Base.prototype, "handleTradingDayChange", null);
     __decorate([
         bind_1.default,
         mobx_1.action,