@qn-pandora/pandora-component 5.1.1 → 5.1.3

package/lib/components/Card/style.css

@@ -192,7 +192,7 @@
   cursor: pointer;
 }
 .ant-card-actions > li > span:hover {
-  color: #7a869a;
+  color: #436bff;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
 }
@@ -207,7 +207,7 @@
 }
 .ant-card-actions > li > span a:not(.ant-btn):hover,
 .ant-card-actions > li > span > .anticon:hover {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-card-actions > li > span > .anticon {
   font-size: 16px;
@@ -691,10 +691,10 @@
   cursor: pointer;
 }
 .ant-tabs-dropdown-menu-item-remove:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-dropdown-menu-item:hover {
-  background: rgba(44, 109, 210, 0.05);
+  background: rgba(67, 107, 255, 0.05);
 }
 .ant-tabs-dropdown-menu-item-disabled,
 .ant-tabs-dropdown-menu-item-disabled:hover {
@@ -713,7 +713,7 @@
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
 .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
-  color: #7a869a;
+  color: #436bff;
   background: #ffffff;
 }
 .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
@@ -880,13 +880,13 @@
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
 .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
 .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-extra-content {
   -webkit-box-flex: 0;
@@ -901,7 +901,7 @@
 }
 .ant-tabs-ink-bar {
   position: absolute;
-  background: #2c6dd2;
+  background: #436bff;
   pointer-events: none;
 }
 .ant-tabs-tab {
@@ -923,7 +923,7 @@
 .ant-tabs-tab-remove:focus,
 .ant-tabs-tab-btn:active,
 .ant-tabs-tab-remove:active {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-tab-btn {
   outline: none;
@@ -949,10 +949,10 @@
   color: #333;
 }
 .ant-tabs-tab:hover {
-  color: #2c6dd2;
+  color: #436bff;
 }
 .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-  color: #2c6dd2;
+  color: #436bff;
   text-shadow: 0 0 0.25px currentcolor;
 }
 .ant-tabs-tab.ant-tabs-tab-disabled {

package/lib/components/CheckTransformList/style.css

@@ -175,7 +175,7 @@
 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
 .ant-checkbox:hover .ant-checkbox-inner,
 .ant-checkbox-input:focus + .ant-checkbox-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-checkbox-checked::after {
   position: absolute;
@@ -183,7 +183,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c6dd2;
+  border: 1px solid #436bff;
   border-radius: 2px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
@@ -254,8 +254,8 @@
   content: ' ';
 }
 .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #2c6dd2;
-  border-color: #2c6dd2;
+  background-color: #436bff;
+  border-color: #436bff;
 }
 .ant-checkbox-disabled {
   cursor: not-allowed;
@@ -360,7 +360,7 @@
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
   border: 0;
   -webkit-transform: translate(-50%, -50%) scale(1);
           transform: translate(-50%, -50%) scale(1);
@@ -429,7 +429,7 @@
   text-overflow: ellipsis;
 }
 .ant-input-affix-wrapper:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-input-rtl .ant-input-affix-wrapper:hover {
@@ -438,9 +438,9 @@
 }
 .ant-input-affix-wrapper:focus,
 .ant-input-affix-wrapper-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -506,7 +506,7 @@ textarea.ant-input-affix-wrapper {
   direction: rtl;
 }
 .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
   z-index: 1;
 }
@@ -734,7 +734,7 @@ textarea.ant-input-affix-wrapper {
   text-overflow: ellipsis;
 }
 .ant-input:hover {
-  border-color: #2c6dd2;
+  border-color: #436bff;
   border-right-width: 1px;
 }
 .ant-input-rtl .ant-input:hover {
@@ -743,9 +743,9 @@ textarea.ant-input-affix-wrapper {
 }
 .ant-input:focus,
 .ant-input-focused {
-  border-color: #9ca0a6;
-  -webkit-box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
-          box-shadow: 0 0 0 2px rgba(122, 134, 154, 0.2);
+  border-color: #6b90ff;
+  -webkit-box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(67, 107, 255, 0.2);
   border-right-width: 1px;
   outline: 0;
 }
@@ -899,7 +899,7 @@ textarea.ant-input {
 }
 .ant-input-group-addon .ant-select-open .ant-select-selector,
 .ant-input-group-addon .ant-select-focused .ant-select-selector {
-  color: #7a869a;
+  color: #436bff;
 }
 .ant-input-group-addon .ant-cascader-picker {
   margin: -9px -12px;
@@ -1212,11 +1212,11 @@ textarea.ant-input {
 }
 .ant-input-search .ant-input:hover,
 .ant-input-search .ant-input:focus {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
 .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
-  border-left-color: #2c6dd2;
+  border-left-color: #436bff;
 }
 .ant-input-search .ant-input-affix-wrapper {
   border-radius: 0;
@@ -1321,11 +1321,11 @@ textarea.ant-input {
 }
 .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover,
 .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover {
-  border-left-color: #2c6dd2;
+  border-left-color: #436bff;
 }
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover,
 .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused {
-  border-right-color: #2c6dd2;
+  border-right-color: #436bff;
 }
 .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child {
   right: -1px;

package/lib/components/Checkbox/index.js

@@ -45,7 +45,15 @@ var React = __importStar(require("react"));
 var antd_1 = require("antd");
 function Checkbox(props) {
     var value = props.value, onChange = props.onChange, other = __rest(props, ["value", "onChange"]);
-    var handleChange = React.useCallback(function () {
+    var handleChange = React.useCallback(function (e) {
+        /**
+         * 原因未知，可能是浏览器差异
+         * <Form mobxForm={xxx}><Form.Item><Checkbox/<</Form.Item></Form>
+         * 阻止事件冒泡(在火狐浏览器下，使用下面此列子，Checkbox onchange 事件不响应，click 事件响应两次， input 的点击事件冒泡没导致input 的执行一次，等层的label 执行一次)
+         */
+        e.preventDefault();
+        e.stopPropagation();
+        e.nativeEvent.stopImmediatePropagation();
         if (onChange) {
             onChange(!value);
         }

package/lib/components/CheckboxList/style.css

@@ -48,7 +48,7 @@
 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
 .ant-checkbox:hover .ant-checkbox-inner,
 .ant-checkbox-input:focus + .ant-checkbox-inner {
-  border-color: #2c6dd2;
+  border-color: #436bff;
 }
 .ant-checkbox-checked::after {
   position: absolute;
@@ -56,7 +56,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border: 1px solid #2c6dd2;
+  border: 1px solid #436bff;
   border-radius: 2px;
   visibility: hidden;
   -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
@@ -127,8 +127,8 @@
   content: ' ';
 }
 .ant-checkbox-checked .ant-checkbox-inner {
-  background-color: #2c6dd2;
-  border-color: #2c6dd2;
+  background-color: #436bff;
+  border-color: #436bff;
 }
 .ant-checkbox-disabled {
   cursor: not-allowed;
@@ -233,7 +233,7 @@
   left: 50%;
   width: 8px;
   height: 8px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
   border: 0;
   -webkit-transform: translate(-50%, -50%) scale(1);
           transform: translate(-50%, -50%) scale(1);

package/lib/components/Collapse/style.css

@@ -224,7 +224,7 @@
   position: absolute;
   top: 8px;
   left: 0px;
-  background-color: #2c6dd2;
+  background-color: #436bff;
 }
 .pandora-sdk-collapse-primary > .ant-collapse-item > .ant-collapse-content {
   border: none;

package/lib/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/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,