@qn-pandora/pandora-component 3.0.2 → 4.0.0

package/es/components/DateTimePicker/constants.d.ts

@@ -17,11 +17,6 @@ export declare enum RangePreset {
     AfterTime = "afterTime",
     BetweenTime = "betweenTime"
 }
-export declare const rangePresetMapping: {
-    beforeTime: string;
-    afterTime: string;
-    betweenTime: string;
-};
 export declare const rangePresetOptions: {
     value: RangePreset;
     text: string;
@@ -197,6 +192,10 @@ export interface IBaseProps {
      * 绝对时间的标题
      */
     absoluteTitle?: string;
+    /**
+     * 语言
+     */
+    locale?: string;
 }
 export interface ITimeRange {
     relative?: IRelativeTime;
@@ -208,7 +207,7 @@ export interface ITimeRange {
     rangePreset?: RangePreset;
     quarterTime?: IQuarterTime;
 }
-export declare const enum TimeShiftUnit {
+export declare enum TimeShiftUnit {
     Second = "seconds",
     Minute = "minutes",
     Hour = "hours",

package/es/components/DateTimePicker/constants.js

@@ -9,8 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var _a;
 import moment from 'moment';
+import { DateTimeLocale } from '../../constants/language/datetime/type';
 export var TimeType;
 (function (TimeType) {
     TimeType["Preset"] = "1";
@@ -29,28 +29,23 @@ export var RangePreset;
     RangePreset["AfterTime"] = "afterTime";
     RangePreset["BetweenTime"] = "betweenTime";
 })(RangePreset || (RangePreset = {}));
-export var rangePresetMapping = (_a = {},
-    _a[RangePreset.BeforeTime] = '在此之前',
-    _a[RangePreset.AfterTime] = '在此之后',
-    _a[RangePreset.BetweenTime] = '介于',
-    _a);
 export var rangePresetOptions = [
     {
         value: RangePreset.BeforeTime,
-        text: rangePresetMapping[RangePreset.BeforeTime]
+        text: DateTimeLocale.range.beforeTime
     },
     {
         value: RangePreset.BetweenTime,
-        text: rangePresetMapping[RangePreset.BetweenTime]
+        text: DateTimeLocale.range.betweenTime
     },
     {
         value: RangePreset.AfterTime,
-        text: rangePresetMapping[RangePreset.AfterTime]
+        text: DateTimeLocale.range.afterTime
     }
 ];
 export var defaultPresets = [
     {
-        text: '前5分钟',
+        text: DateTimeLocale.preset.m5,
         value: 'm5',
         time: function () { return ({
             start: moment().subtract(5, 'minutes'),
@@ -58,7 +53,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前15分钟',
+        text: DateTimeLocale.preset.m15,
         value: 'm15',
         time: function () { return ({
             start: moment().subtract(15, 'minutes'),
@@ -66,7 +61,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前30分钟',
+        text: DateTimeLocale.preset.m30,
         value: 'm30',
         time: function () { return ({
             start: moment().subtract(30, 'minutes'),
@@ -74,7 +69,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前60分钟',
+        text: DateTimeLocale.preset.m60,
         value: 'm60',
         time: function () { return ({
             start: moment().subtract(60, 'minutes'),
@@ -82,7 +77,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前3小时',
+        text: DateTimeLocale.preset.h3,
         value: 'h3',
         time: function () { return ({
             start: moment().subtract(3, 'hours'),
@@ -90,7 +85,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前4小时',
+        text: DateTimeLocale.preset.h4,
         value: 'h4',
         time: function () { return ({
             start: moment().subtract(4, 'hours'),
@@ -98,7 +93,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前6小时',
+        text: DateTimeLocale.preset.h6,
         value: 'h6',
         time: function () { return ({
             start: moment().subtract(6, 'hours'),
@@ -106,7 +101,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前12小时',
+        text: DateTimeLocale.preset.h12,
         value: 'h12',
         time: function () { return ({
             start: moment().subtract(12, 'hours'),
@@ -114,7 +109,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前24小时',
+        text: DateTimeLocale.preset.h24,
         value: 'h24',
         time: function () { return ({
             start: moment().subtract(24, 'hours'),
@@ -122,7 +117,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '过去3天',
+        text: DateTimeLocale.preset.d3,
         value: 'd3',
         time: function () { return ({
             start: moment().subtract(3, 'days'),
@@ -130,7 +125,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '过去7天',
+        text: DateTimeLocale.preset.d7,
         value: 'd7',
         time: function () { return ({
             start: moment().subtract(7, 'days'),
@@ -138,7 +133,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '过去30天',
+        text: DateTimeLocale.preset.d30,
         value: 'd30',
         time: function () { return ({
             start: moment().subtract(30, 'days'),
@@ -146,32 +141,32 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '今天',
+        text: DateTimeLocale.preset.today,
         value: 'today',
         time: function () { return ({ start: moment().startOf('day'), end: moment() }); }
     },
     {
-        text: '本周',
+        text: DateTimeLocale.preset.week,
         value: 'week',
         time: function () { return ({ start: moment().startOf('week'), end: moment() }); }
     },
     {
-        text: '本月',
+        text: DateTimeLocale.preset.month,
         value: 'month',
         time: function () { return ({ start: moment().startOf('month'), end: moment() }); }
     },
     {
-        text: '本季度',
+        text: DateTimeLocale.preset.quarter,
         value: 'quarter',
         time: function () { return ({ start: moment().startOf('quarter'), end: moment() }); }
     },
     {
-        text: '本年度',
+        text: DateTimeLocale.preset.year,
         value: 'year',
         time: function () { return ({ start: moment().startOf('year'), end: moment() }); }
     },
     {
-        text: '昨天',
+        text: DateTimeLocale.preset.yesterDay,
         value: 'yesterDay',
         time: function () { return ({
             start: moment().subtract(1, 'days').startOf('day'),
@@ -179,7 +174,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '前天',
+        text: DateTimeLocale.preset.theDayBeforYesterDay,
         value: 'theDayBeforYesterDay',
         time: function () { return ({
             start: moment().subtract(2, 'days').startOf('day'),
@@ -187,7 +182,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上周',
+        text: DateTimeLocale.preset.previousWeek,
         value: 'previousWeek',
         time: function () { return ({
             start: moment().subtract(1, 'weeks').startOf('weeks'),
@@ -195,7 +190,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上月',
+        text: DateTimeLocale.preset.previousMonth,
         value: 'previousMonth',
         time: function () { return ({
             start: moment().subtract(1, 'months').startOf('months'),
@@ -203,7 +198,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上季度',
+        text: DateTimeLocale.preset.previousQuarter,
         value: 'previousQuarter',
         time: function () { return ({
             start: moment().subtract(1, 'quarters').startOf('quarters'),
@@ -211,7 +206,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '上年度',
+        text: DateTimeLocale.preset.previousYear,
         value: 'previousYear',
         time: function () { return ({
             start: moment().subtract(1, 'years').startOf('years'),
@@ -219,7 +214,7 @@ export var defaultPresets = [
         }); }
     },
     {
-        text: '所有时间',
+        text: DateTimeLocale.preset.AllTime,
         value: 'AllTime',
         time: function () { return ({
             start: moment(0),
@@ -249,52 +244,52 @@ export var RelativeUnitValue;
 })(RelativeUnitValue || (RelativeUnitValue = {}));
 export var relativeTimeUnits = [
     {
-        text: '现在(实时)',
+        text: DateTimeLocale.relative.now,
         value: RelativeUnitValue.Now,
         time: function (_) { return moment(); }
     },
     {
-        text: '现在(固定时间)',
+        text: DateTimeLocale.relative['now-static'],
         value: RelativeUnitValue.NowStatic,
         time: function (_) { return moment(); }
     },
     {
-        text: '秒前',
+        text: DateTimeLocale.relative.s,
         value: RelativeUnitValue.Second,
         time: function (num) { return moment().subtract(num, 'seconds'); }
     },
     {
-        text: '分钟前',
+        text: DateTimeLocale.relative.m,
         value: RelativeUnitValue.Minute,
         time: function (num) { return moment().subtract(num, 'minutes'); }
     },
     {
-        text: '小时前',
+        text: DateTimeLocale.relative.h,
         value: RelativeUnitValue.Hour,
         time: function (num) { return moment().subtract(num, 'hours'); }
     },
     {
-        text: '天前',
+        text: DateTimeLocale.relative.d,
         value: RelativeUnitValue.Day,
         time: function (num) { return moment().subtract(num, 'days'); }
     },
     {
-        text: '周前',
+        text: DateTimeLocale.relative.w,
         value: RelativeUnitValue.Week,
         time: function (num) { return moment().subtract(num, 'weeks'); }
     },
     {
-        text: '月前',
+        text: DateTimeLocale.relative.M,
         value: RelativeUnitValue.Month,
         time: function (num) { return moment().subtract(num, 'months'); }
     },
     {
-        text: '季度前',
+        text: DateTimeLocale.relative.Q,
         value: RelativeUnitValue.Quarter,
         time: function (num) { return moment().subtract(num, 'quarters'); }
     },
     {
-        text: '年前',
+        text: DateTimeLocale.relative.y,
         value: RelativeUnitValue.Year,
         time: function (num) { return moment().subtract(num, 'years'); }
     }
@@ -303,7 +298,7 @@ export var relativeTimeUnitsWithoutNowStatic = relativeTimeUnits
     .filter(function (item) { return item.value !== RelativeUnitValue.NowStatic; })
     .map(function (item) {
     return item.value === RelativeUnitValue.Now
-        ? __assign(__assign({}, item), { text: '现在' }) : __assign({}, item);
+        ? __assign(__assign({}, item), { text: DateTimeLocale.relative.now_text }) : __assign({}, item);
 });
 export var relativeMap = (function () {
     var res = {};
@@ -330,29 +325,40 @@ export var QuartersMap = {
         endMonth: 0
     }
 };
+export var TimeShiftUnit;
+(function (TimeShiftUnit) {
+    TimeShiftUnit["Second"] = "seconds";
+    TimeShiftUnit["Minute"] = "minutes";
+    TimeShiftUnit["Hour"] = "hours";
+    TimeShiftUnit["Day"] = "days";
+    TimeShiftUnit["Week"] = "weeks";
+    TimeShiftUnit["Month"] = "months";
+    TimeShiftUnit["Quarter"] = "quarters";
+    TimeShiftUnit["Year"] = "years";
+})(TimeShiftUnit || (TimeShiftUnit = {}));
 export var TimeShiftUnitOptions = [
     {
-        value: "seconds" /* Second */,
+        value: TimeShiftUnit.Second,
         text: '秒'
     },
     {
-        value: "minutes" /* Minute */,
+        value: TimeShiftUnit.Minute,
         text: '分钟'
     },
     {
-        value: "hours" /* Hour */,
+        value: TimeShiftUnit.Hour,
         text: '小时'
     },
     {
-        value: "days" /* Day */,
+        value: TimeShiftUnit.Day,
         text: '天'
     },
     {
-        value: "months" /* Month */,
+        value: TimeShiftUnit.Month,
         text: '月'
     },
     {
-        value: "years" /* Year */,
+        value: TimeShiftUnit.Year,
         text: '年'
     }
 ];

package/es/components/DateTimePicker/index.js

@@ -84,7 +84,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         var ismobile = isMobileDevice() && showTimeType && showTimeType.length;
         return (React.createElement("div", null,
             ismobile && (React.createElement(BaseMobile, __assign({}, restProps, { showTimeType: showTimeType, buttonType: EButtonType.Normal, value: value || this.props.defaultValue, onChange: this.handleChange }))),
-            !ismobile && (React.createElement(Popover, { placement: this.props.placement, trigger: "click", visible: this.visible, openClassName: overlayClassName, getPopupContainer: getPopupContainer, onVisibleChange: this.setVisible, getTooltipContainer: this.props.getPopupContainer, content: React.createElement(Base, __assign({}, restProps, { showTimeType: showTimeType, onChange: this.handleChange, className: classnames(SDK_PREFIX + "-datetime-pick-popover", timeClassName), getPopupContainer: getPopupContainer, value: value || this.props.defaultValue })) }, children || (React.createElement(DisplayInput, { value: value || this.props.defaultValue, timeFormat: this.props.timeFormat, presets: this.props.presets, className: contentClassName }))))));
+            !ismobile && (React.createElement(Popover, { placement: this.props.placement, trigger: "click", visible: this.visible, overlayClassName: classnames(SDK_PREFIX + "-datetime-pick-popover-root", overlayClassName), getPopupContainer: getPopupContainer, onVisibleChange: this.setVisible, getTooltipContainer: this.props.getPopupContainer, content: React.createElement(Base, __assign({}, restProps, { showTimeType: showTimeType, onChange: this.handleChange, className: classnames(SDK_PREFIX + "-datetime-pick-popover", timeClassName), getPopupContainer: getPopupContainer, value: value || this.props.defaultValue })) }, children || (React.createElement(DisplayInput, { value: value || this.props.defaultValue, timeFormat: this.props.timeFormat, presets: this.props.presets, className: contentClassName }))))));
     };
     DateTimePicker.Base = Base;
     DateTimePicker.BaseMobile = BaseMobile;

package/es/components/DateTimePicker/style.css

@@ -326,15 +326,15 @@
 .ant-btn-sm {
   padding: 0 7px;
 }
-.pandora-sdk-datetime-pick-popover {
-  width: 650px;
-}
-.ant-popover-inner-content {
-  padding: 0 !important;
+.pandora-sdk-datetime-pick-popover-root .ant-popover-inner-content {
+  padding: 0;
 }
-.ant-btn {
+.pandora-sdk-datetime-pick-popover-root .ant-btn {
   line-height: 1.499;
 }
-.ant-table {
+.pandora-sdk-datetime-pick-popover-root .ant-table {
   line-height: 1.5;
 }
+.pandora-sdk-datetime-pick-popover {
+  width: 650px;
+}

package/es/components/DateTimePicker/style.less

@@ -1,17 +1,19 @@
 @import 'antd/lib/popover/style/index.less';
 @import '../../style/theme.less';
 
-.@{sdk-prefix}-datetime-pick-popover {
-  width: 650px;
-}
+.@{sdk-prefix}-datetime-pick-popover-root {
+  .@{ant-prefix}-popover-inner-content {
+    padding: 0;
+  }
+  .@{ant-prefix}-btn {
+    line-height: 1.499;
+  }
 
-.@{ant-prefix}-popover-inner-content {
-  padding: 0 !important;
-}
-.@{ant-prefix}-btn {
-  line-height: 1.499;
+  .@{ant-prefix}-table {
+    line-height: 1.5;
+  }
 }
 
-.@{ant-prefix}-table {
-  line-height: 1.5;
+.@{sdk-prefix}-datetime-pick-popover {
+  width: 650px;
 }

package/es/components/DateTimePicker/time.d.ts

@@ -65,8 +65,8 @@ export default class Time implements ITime {
         start: moment.Moment | undefined;
         end: moment.Moment | undefined;
     };
-    getSingleTimeText(time: ICompositedTime): string;
-    getDisplayText(timeFormat?: string): string;
+    getSingleTimeText(time: ICompositedTime, locale?: import("antd/es/locale-provider").Locale): any;
+    getDisplayText(timeFormat?: string, locale?: import("antd/es/locale-provider").Locale): any;
     getInitRangePreset: (time: ITime) => RangePreset | undefined;
     isEmpty(): boolean;
     isEqual(timeToCompare: ITime): boolean;

package/es/components/DateTimePicker/time.js

@@ -1,7 +1,10 @@
 import moment from 'moment';
 import { isEmpty, isEqual } from 'lodash';
+import zhCN from 'antd/es/locale-provider/zh_CN';
 import { toFormatTime } from '../../utils/time';
-import { defaultPresets, relativeTimeUnits, RelativeUnitValue, RangePreset, rangePresetMapping, QuartersMap } from './constants';
+import { defaultPresets, relativeTimeUnits, RelativeUnitValue, RangePreset, QuartersMap } from './constants';
+import { formatString } from '../../utils/language';
+import { DateTimeLocale } from '../../constants/language/datetime/type';
 var Time = /** @class */ (function () {
     function Time(time, options) {
         if (options === void 0) { options = {}; }
@@ -103,29 +106,32 @@ var Time = /** @class */ (function () {
             };
         }
     };
-    Time.prototype.getSingleTimeText = function (time) {
+    Time.prototype.getSingleTimeText = function (time, locale) {
+        if (locale === void 0) { locale = zhCN; }
+        var text = formatString(DateTimeLocale.relative[time.unit], locale);
         return time.unit === RelativeUnitValue.Now
-            ? this.relativeMap[time.unit].text
+            ? text
             : time.unit === RelativeUnitValue.NowStatic
                 ? toFormatTime(time.num)
-                : "" + time.num + this.relativeMap[time.unit].text;
+                : "" + time.num + text;
     };
-    Time.prototype.getDisplayText = function (timeFormat) {
+    Time.prototype.getDisplayText = function (timeFormat, locale) {
+        if (locale === void 0) { locale = zhCN; }
         if (this.preset) {
-            return this.presetMap[this.preset].text;
+            return formatString(DateTimeLocale.preset[this.preset], locale);
         }
         if (this.relative) {
             var _a = this.relative, from = _a.from, to = _a.to;
-            var toText = this.getSingleTimeText(to);
-            var fromText = this.getSingleTimeText(from);
+            var toText = this.getSingleTimeText(to, locale);
+            var fromText = this.getSingleTimeText(from, locale);
             return fromText + " ~ " + toText;
         }
         if (this.rangePreset) {
             if (this.rangePreset === RangePreset.BeforeTime && this.end) {
-                return rangePresetMapping[RangePreset.BeforeTime] + " ~ " + this.end.format(timeFormat);
+                return formatString(DateTimeLocale.range.beforeTime, locale) + " ~ " + this.end.format(timeFormat);
             }
             if (this.rangePreset === RangePreset.AfterTime && this.start) {
-                return this.start.format(timeFormat) + " ~ " + rangePresetMapping[RangePreset.AfterTime];
+                return this.start.format(timeFormat) + " ~ " + formatString(DateTimeLocale.range.afterTime, locale);
             }
             if (this.start && this.end) {
                 return (this.start.format(timeFormat) + ' ~ ' + this.end.format(timeFormat));
@@ -133,7 +139,7 @@ var Time = /** @class */ (function () {
         }
         if (this.quarterTime) {
             var _b = this.quarterTime, year = _b.year, quarter = _b.quarter;
-            return year + "\u5E74Q" + quarter;
+            return "" + year + formatString(DateTimeLocale.quarter.title, locale) + quarter;
         }
         return '';
     };

package/es/components/DateTimePicker/transform.d.ts

@@ -1,3 +1,7 @@
 import { ITimeRange, ITime } from './constants';
 export declare function transformToTime(time: ITimeRange): ITime;
 export declare function transformToTimeRange(time: ITime): ITimeRange;
+export declare function calcFullTime(time?: ITimeRange): {
+    start: number | undefined;
+    end: number | undefined;
+} | undefined;

package/es/components/DateTimePicker/transform.js

@@ -1,5 +1,18 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 import moment from 'moment';
 import { isNil } from 'lodash';
+import { TimeShiftUnit, TimeShiftUnitOptions } from './constants';
+import Time from './time';
 export function transformToTime(time) {
     return {
         preset: time.preset,
@@ -20,3 +33,42 @@ export function transformToTimeRange(time) {
         quarterTime: time.quarterTime
     };
 }
+function getTimeShiftUnit(time) {
+    var e_1, _a;
+    try {
+        for (var TimeShiftUnitOptions_1 = __values(TimeShiftUnitOptions), TimeShiftUnitOptions_1_1 = TimeShiftUnitOptions_1.next(); !TimeShiftUnitOptions_1_1.done; TimeShiftUnitOptions_1_1 = TimeShiftUnitOptions_1.next()) {
+            var item = TimeShiftUnitOptions_1_1.value;
+            if (time.endsWith(item.value)) {
+                return item.value;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (TimeShiftUnitOptions_1_1 && !TimeShiftUnitOptions_1_1.done && (_a = TimeShiftUnitOptions_1.return)) _a.call(TimeShiftUnitOptions_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return TimeShiftUnit.Second;
+}
+function getRelativeTime(timeShift, time) {
+    var timeShiftValue = parseFloat(timeShift) || 0;
+    var timeShiftUnit = getTimeShiftUnit(timeShift);
+    if (time) {
+        return moment(time).subtract(timeShiftValue, timeShiftUnit);
+    }
+}
+export function calcFullTime(time) {
+    if (!time) {
+        return;
+    }
+    var timeShift = time.timeShift;
+    var _a = new Time(transformToTime(time)).toDate(), start = _a.start, end = _a.end;
+    var relativeStart = timeShift && start ? getRelativeTime(timeShift, start) : start;
+    var relativeEnd = timeShift && end ? getRelativeTime(timeShift, end) : end;
+    return {
+        start: relativeStart && relativeStart.valueOf(),
+        end: relativeEnd && relativeEnd.valueOf()
+    };
+}