@qn-pandora/pandora-component 5.1.1 → 5.1.2

package/es/components/CollapsiblePanel/style.less

@@ -1,63 +1,63 @@
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-collapsible-panel {
-  & > .panel-header {
-    position: relative;
-    padding: 12px 16px 12px 40px;
-    cursor: pointer;
-    color: @text-color;
-    background-color: @gray-bg-color;
-    border: 1px solid @border-color-base;
-    > .icon {
-      position: absolute;
-      left: 16px;
-      top: 50%;
-      transform: translateY(-50%);
-      > i {
-        color: inherit;
-        > svg {
-          transition: transform 0.2s linear;
-        }
-      }
-    }
-
-    &.disabled-header {
-      cursor: not-allowed;
-    }
-  }
-  & > .panel-content-box {
-    overflow-y: hidden;
-    padding: 0;
-    margin: 0;
-    border: none;
-    & > div > .panel-content {
-      padding: 8px 16px;
-      color: @text-color;
-      background-color: @component-background;
-      border: 1px solid @border-color-base;
-      border-top: none;
-      overflow-x: auto;
-    }
-  }
-  &.no-border {
-    & > .panel-header,
-    & > .panel-content-box > div > .panel-content {
-      border: none;
-    }
-  }
-  &.icon-right {
-    & > .panel-header {
-      padding: 12px 40px 12px 16px;
-      & > :local(.icon) {
-        left: unset;
-        right: 16px;
-      }
-    }
-  }
-  &.hide-arrow {
-    & > .panel-header {
-      padding-left: 16px;
-      padding-right: 16px;
-    }
-  }
-}
+@import '../../style/theme.less';
+
+.@{sdk-prefix}-collapsible-panel {
+  & > .panel-header {
+    position: relative;
+    padding: 12px 16px 12px 40px;
+    cursor: pointer;
+    color: @text-color;
+    background-color: @gray-bg-color;
+    border: 1px solid @border-color-base;
+    > .icon {
+      position: absolute;
+      left: 16px;
+      top: 50%;
+      transform: translateY(-50%);
+      > i {
+        color: inherit;
+        > svg {
+          transition: transform 0.2s linear;
+        }
+      }
+    }
+
+    &.disabled-header {
+      cursor: not-allowed;
+    }
+  }
+  & > .panel-content-box {
+    overflow-y: hidden;
+    padding: 0;
+    margin: 0;
+    border: none;
+    & > div > .panel-content {
+      padding: 8px 16px;
+      color: @text-color;
+      background-color: @component-background;
+      border: 1px solid @border-color-base;
+      border-top: none;
+      overflow-x: auto;
+    }
+  }
+  &.no-border {
+    & > .panel-header,
+    & > .panel-content-box > div > .panel-content {
+      border: none;
+    }
+  }
+  &.icon-right {
+    & > .panel-header {
+      padding: 12px 40px 12px 16px;
+      & > :local(.icon) {
+        left: unset;
+        right: 16px;
+      }
+    }
+  }
+  &.hide-arrow {
+    & > .panel-header {
+      padding-left: 16px;
+      padding-right: 16px;
+    }
+  }
+}

package/es/components/DateTimePicker/Base/index.d.ts

@@ -32,6 +32,7 @@ export default class Base extends React.Component<IBaseProps, any> {
     relativeTimeInValid: RelativeInvalid;
     activeKey: string;
     quarterTime?: IQuarterTime;
+    onlyTradingDay: boolean;
     containerRef: HTMLElement | null;
     get isRelativeTimeValid(): boolean | import("../constants").ICompositedTime;
     get activeKeys(): string[];
@@ -42,6 +43,7 @@ export default class Base extends React.Component<IBaseProps, any> {
     setRangePreset(rangePreset: RangePreset): void;
     setActiveKey(activeKey: string): void;
     setQuqrterTime(quarterTime: IQuarterTime): void;
+    setOnlyTradingDay(onlyTradingDay: boolean): void;
     handleQuqrterlyTimeChange(key: string, value: number): void;
     handleRangeChange(value: RangePickerValue | moment.Moment): void;
     setRange(range: RangePickerValue): void;
@@ -65,6 +67,7 @@ export default class Base extends React.Component<IBaseProps, any> {
     handleRetiveTimeFromChange(num: number, unit: string): void;
     handleRetiveTimeToChange(num: number, unit: string): void;
     handleRelativeChange(): void;
+    handleTradingDayChange(checked: boolean): void;
     panelOnToggle(isActive: boolean, key?: string): void;
     isRangePicker(): boolean;
     getPopupContainer: () => HTMLElement;

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,