@qn-pandora/pandora-component 3.0.2 → 4.0.0

package/lib/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/lib/components/DateTimePicker/constants.js

@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
+var type_1 = require("../../constants/language/datetime/type");
 var TimeType;
 (function (TimeType) {
     TimeType["Preset"] = "1";
@@ -34,28 +34,23 @@ var RangePreset;
     RangePreset["AfterTime"] = "afterTime";
     RangePreset["BetweenTime"] = "betweenTime";
 })(RangePreset = exports.RangePreset || (exports.RangePreset = {}));
-exports.rangePresetMapping = (_a = {},
-    _a[RangePreset.BeforeTime] = '在此之前',
-    _a[RangePreset.AfterTime] = '在此之后',
-    _a[RangePreset.BetweenTime] = '介于',
-    _a);
 exports.rangePresetOptions = [
     {
         value: RangePreset.BeforeTime,
-        text: exports.rangePresetMapping[RangePreset.BeforeTime]
+        text: type_1.DateTimeLocale.range.beforeTime
     },
     {
         value: RangePreset.BetweenTime,
-        text: exports.rangePresetMapping[RangePreset.BetweenTime]
+        text: type_1.DateTimeLocale.range.betweenTime
     },
     {
         value: RangePreset.AfterTime,
-        text: exports.rangePresetMapping[RangePreset.AfterTime]
+        text: type_1.DateTimeLocale.range.afterTime
     }
 ];
 exports.defaultPresets = [
     {
-        text: '前5分钟',
+        text: type_1.DateTimeLocale.preset.m5,
         value: 'm5',
         time: function () { return ({
             start: moment_1.default().subtract(5, 'minutes'),
@@ -63,7 +58,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前15分钟',
+        text: type_1.DateTimeLocale.preset.m15,
         value: 'm15',
         time: function () { return ({
             start: moment_1.default().subtract(15, 'minutes'),
@@ -71,7 +66,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前30分钟',
+        text: type_1.DateTimeLocale.preset.m30,
         value: 'm30',
         time: function () { return ({
             start: moment_1.default().subtract(30, 'minutes'),
@@ -79,7 +74,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前60分钟',
+        text: type_1.DateTimeLocale.preset.m60,
         value: 'm60',
         time: function () { return ({
             start: moment_1.default().subtract(60, 'minutes'),
@@ -87,7 +82,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前3小时',
+        text: type_1.DateTimeLocale.preset.h3,
         value: 'h3',
         time: function () { return ({
             start: moment_1.default().subtract(3, 'hours'),
@@ -95,7 +90,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前4小时',
+        text: type_1.DateTimeLocale.preset.h4,
         value: 'h4',
         time: function () { return ({
             start: moment_1.default().subtract(4, 'hours'),
@@ -103,7 +98,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前6小时',
+        text: type_1.DateTimeLocale.preset.h6,
         value: 'h6',
         time: function () { return ({
             start: moment_1.default().subtract(6, 'hours'),
@@ -111,7 +106,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前12小时',
+        text: type_1.DateTimeLocale.preset.h12,
         value: 'h12',
         time: function () { return ({
             start: moment_1.default().subtract(12, 'hours'),
@@ -119,7 +114,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前24小时',
+        text: type_1.DateTimeLocale.preset.h24,
         value: 'h24',
         time: function () { return ({
             start: moment_1.default().subtract(24, 'hours'),
@@ -127,7 +122,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去3天',
+        text: type_1.DateTimeLocale.preset.d3,
         value: 'd3',
         time: function () { return ({
             start: moment_1.default().subtract(3, 'days'),
@@ -135,7 +130,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去7天',
+        text: type_1.DateTimeLocale.preset.d7,
         value: 'd7',
         time: function () { return ({
             start: moment_1.default().subtract(7, 'days'),
@@ -143,7 +138,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '过去30天',
+        text: type_1.DateTimeLocale.preset.d30,
         value: 'd30',
         time: function () { return ({
             start: moment_1.default().subtract(30, 'days'),
@@ -151,32 +146,32 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '今天',
+        text: type_1.DateTimeLocale.preset.today,
         value: 'today',
         time: function () { return ({ start: moment_1.default().startOf('day'), end: moment_1.default() }); }
     },
     {
-        text: '本周',
+        text: type_1.DateTimeLocale.preset.week,
         value: 'week',
         time: function () { return ({ start: moment_1.default().startOf('week'), end: moment_1.default() }); }
     },
     {
-        text: '本月',
+        text: type_1.DateTimeLocale.preset.month,
         value: 'month',
         time: function () { return ({ start: moment_1.default().startOf('month'), end: moment_1.default() }); }
     },
     {
-        text: '本季度',
+        text: type_1.DateTimeLocale.preset.quarter,
         value: 'quarter',
         time: function () { return ({ start: moment_1.default().startOf('quarter'), end: moment_1.default() }); }
     },
     {
-        text: '本年度',
+        text: type_1.DateTimeLocale.preset.year,
         value: 'year',
         time: function () { return ({ start: moment_1.default().startOf('year'), end: moment_1.default() }); }
     },
     {
-        text: '昨天',
+        text: type_1.DateTimeLocale.preset.yesterDay,
         value: 'yesterDay',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'days').startOf('day'),
@@ -184,7 +179,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '前天',
+        text: type_1.DateTimeLocale.preset.theDayBeforYesterDay,
         value: 'theDayBeforYesterDay',
         time: function () { return ({
             start: moment_1.default().subtract(2, 'days').startOf('day'),
@@ -192,7 +187,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上周',
+        text: type_1.DateTimeLocale.preset.previousWeek,
         value: 'previousWeek',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'weeks').startOf('weeks'),
@@ -200,7 +195,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上月',
+        text: type_1.DateTimeLocale.preset.previousMonth,
         value: 'previousMonth',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'months').startOf('months'),
@@ -208,7 +203,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上季度',
+        text: type_1.DateTimeLocale.preset.previousQuarter,
         value: 'previousQuarter',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'quarters').startOf('quarters'),
@@ -216,7 +211,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '上年度',
+        text: type_1.DateTimeLocale.preset.previousYear,
         value: 'previousYear',
         time: function () { return ({
             start: moment_1.default().subtract(1, 'years').startOf('years'),
@@ -224,7 +219,7 @@ exports.defaultPresets = [
         }); }
     },
     {
-        text: '所有时间',
+        text: type_1.DateTimeLocale.preset.AllTime,
         value: 'AllTime',
         time: function () { return ({
             start: moment_1.default(0),
@@ -254,52 +249,52 @@ var RelativeUnitValue;
 })(RelativeUnitValue = exports.RelativeUnitValue || (exports.RelativeUnitValue = {}));
 exports.relativeTimeUnits = [
     {
-        text: '现在(实时)',
+        text: type_1.DateTimeLocale.relative.now,
         value: RelativeUnitValue.Now,
         time: function (_) { return moment_1.default(); }
     },
     {
-        text: '现在(固定时间)',
+        text: type_1.DateTimeLocale.relative['now-static'],
         value: RelativeUnitValue.NowStatic,
         time: function (_) { return moment_1.default(); }
     },
     {
-        text: '秒前',
+        text: type_1.DateTimeLocale.relative.s,
         value: RelativeUnitValue.Second,
         time: function (num) { return moment_1.default().subtract(num, 'seconds'); }
     },
     {
-        text: '分钟前',
+        text: type_1.DateTimeLocale.relative.m,
         value: RelativeUnitValue.Minute,
         time: function (num) { return moment_1.default().subtract(num, 'minutes'); }
     },
     {
-        text: '小时前',
+        text: type_1.DateTimeLocale.relative.h,
         value: RelativeUnitValue.Hour,
         time: function (num) { return moment_1.default().subtract(num, 'hours'); }
     },
     {
-        text: '天前',
+        text: type_1.DateTimeLocale.relative.d,
         value: RelativeUnitValue.Day,
         time: function (num) { return moment_1.default().subtract(num, 'days'); }
     },
     {
-        text: '周前',
+        text: type_1.DateTimeLocale.relative.w,
         value: RelativeUnitValue.Week,
         time: function (num) { return moment_1.default().subtract(num, 'weeks'); }
     },
     {
-        text: '月前',
+        text: type_1.DateTimeLocale.relative.M,
         value: RelativeUnitValue.Month,
         time: function (num) { return moment_1.default().subtract(num, 'months'); }
     },
     {
-        text: '季度前',
+        text: type_1.DateTimeLocale.relative.Q,
         value: RelativeUnitValue.Quarter,
         time: function (num) { return moment_1.default().subtract(num, 'quarters'); }
     },
     {
-        text: '年前',
+        text: type_1.DateTimeLocale.relative.y,
         value: RelativeUnitValue.Year,
         time: function (num) { return moment_1.default().subtract(num, 'years'); }
     }
@@ -308,7 +303,7 @@ exports.relativeTimeUnitsWithoutNowStatic = exports.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: type_1.DateTimeLocale.relative.now_text }) : __assign({}, item);
 });
 exports.relativeMap = (function () {
     var res = {};
@@ -335,29 +330,40 @@ exports.QuartersMap = {
         endMonth: 0
     }
 };
+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 = exports.TimeShiftUnit || (exports.TimeShiftUnit = {}));
 exports.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/lib/components/DateTimePicker/index.js

@@ -97,7 +97,7 @@ var DateTimePicker = /** @class */ (function (_super) {
         var ismobile = env_1.isMobileDevice() && showTimeType && showTimeType.length;
         return (React.createElement("div", null,
             ismobile && (React.createElement(BaseMobile_1.default, __assign({}, restProps, { showTimeType: showTimeType, buttonType: constants_1.EButtonType.Normal, value: value || this.props.defaultValue, onChange: this.handleChange }))),
-            !ismobile && (React.createElement(antd_1.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_1.default, __assign({}, restProps, { showTimeType: showTimeType, onChange: this.handleChange, className: classnames_1.default(style_1.SDK_PREFIX + "-datetime-pick-popover", timeClassName), getPopupContainer: getPopupContainer, value: value || this.props.defaultValue })) }, children || (React.createElement(DisplayInput_1.default, { value: value || this.props.defaultValue, timeFormat: this.props.timeFormat, presets: this.props.presets, className: contentClassName }))))));
+            !ismobile && (React.createElement(antd_1.Popover, { placement: this.props.placement, trigger: "click", visible: this.visible, overlayClassName: classnames_1.default(style_1.SDK_PREFIX + "-datetime-pick-popover-root", overlayClassName), getPopupContainer: getPopupContainer, onVisibleChange: this.setVisible, getTooltipContainer: this.props.getPopupContainer, content: React.createElement(Base_1.default, __assign({}, restProps, { showTimeType: showTimeType, onChange: this.handleChange, className: classnames_1.default(style_1.SDK_PREFIX + "-datetime-pick-popover", timeClassName), getPopupContainer: getPopupContainer, value: value || this.props.defaultValue })) }, children || (React.createElement(DisplayInput_1.default, { value: value || this.props.defaultValue, timeFormat: this.props.timeFormat, presets: this.props.presets, className: contentClassName }))))));
     };
     DateTimePicker.Base = Base_1.default;
     DateTimePicker.BaseMobile = BaseMobile_1.default;

package/lib/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/lib/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/lib/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/lib/components/DateTimePicker/time.js

@@ -5,8 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
 var lodash_1 = require("lodash");
+var zh_CN_1 = __importDefault(require("antd/es/locale-provider/zh_CN"));
 var time_1 = require("../../utils/time");
 var constants_1 = require("./constants");
+var language_1 = require("../../utils/language");
+var type_1 = require("../../constants/language/datetime/type");
 var Time = /** @class */ (function () {
     function Time(time, options) {
         if (options === void 0) { options = {}; }
@@ -108,29 +111,32 @@ var Time = /** @class */ (function () {
             };
         }
     };
-    Time.prototype.getSingleTimeText = function (time) {
+    Time.prototype.getSingleTimeText = function (time, locale) {
+        if (locale === void 0) { locale = zh_CN_1.default; }
+        var text = language_1.formatString(type_1.DateTimeLocale.relative[time.unit], locale);
         return time.unit === constants_1.RelativeUnitValue.Now
-            ? this.relativeMap[time.unit].text
+            ? text
             : time.unit === constants_1.RelativeUnitValue.NowStatic
                 ? time_1.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 = zh_CN_1.default; }
         if (this.preset) {
-            return this.presetMap[this.preset].text;
+            return language_1.formatString(type_1.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 === constants_1.RangePreset.BeforeTime && this.end) {
-                return constants_1.rangePresetMapping[constants_1.RangePreset.BeforeTime] + " ~ " + this.end.format(timeFormat);
+                return language_1.formatString(type_1.DateTimeLocale.range.beforeTime, locale) + " ~ " + this.end.format(timeFormat);
             }
             if (this.rangePreset === constants_1.RangePreset.AfterTime && this.start) {
-                return this.start.format(timeFormat) + " ~ " + constants_1.rangePresetMapping[constants_1.RangePreset.AfterTime];
+                return this.start.format(timeFormat) + " ~ " + language_1.formatString(type_1.DateTimeLocale.range.afterTime, locale);
             }
             if (this.start && this.end) {
                 return (this.start.format(timeFormat) + ' ~ ' + this.end.format(timeFormat));
@@ -138,7 +144,7 @@ var Time = /** @class */ (function () {
         }
         if (this.quarterTime) {
             var _b = this.quarterTime, year = _b.year, quarter = _b.quarter;
-            return year + "\u5E74Q" + quarter;
+            return "" + year + language_1.formatString(type_1.DateTimeLocale.quarter.title, locale) + quarter;
         }
         return '';
     };

package/lib/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/lib/components/DateTimePicker/transform.js

@@ -1,10 +1,23 @@
 "use strict";
+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.");
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
 var lodash_1 = require("lodash");
+var constants_1 = require("./constants");
+var time_1 = __importDefault(require("./time"));
 function transformToTime(time) {
     return {
         preset: time.preset,
@@ -27,3 +40,43 @@ function transformToTimeRange(time) {
     };
 }
 exports.transformToTimeRange = transformToTimeRange;
+function getTimeShiftUnit(time) {
+    var e_1, _a;
+    try {
+        for (var TimeShiftUnitOptions_1 = __values(constants_1.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 constants_1.TimeShiftUnit.Second;
+}
+function getRelativeTime(timeShift, time) {
+    var timeShiftValue = parseFloat(timeShift) || 0;
+    var timeShiftUnit = getTimeShiftUnit(timeShift);
+    if (time) {
+        return moment_1.default(time).subtract(timeShiftValue, timeShiftUnit);
+    }
+}
+function calcFullTime(time) {
+    if (!time) {
+        return;
+    }
+    var timeShift = time.timeShift;
+    var _a = new time_1.default(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()
+    };
+}
+exports.calcFullTime = calcFullTime;