@flexem/fc-gui 3.0.0-alpha.90 → 3.0.0-alpha.91

package/elements/datetime-display/datetime-display-element.js

@@ -1,132 +0,0 @@
-import * as moment from 'moment';
-import { DateFormatType } from '../../model/datetime-display/date-format-type';
-import { DatetimeSeparatorType } from '../../model/datetime-display/datetime-separator-type';
-import { TimeFormatType } from '../../model/datetime-display/time-format-type';
-import { ConditionalDisplayElement } from '../base/conditional-display-element';
-import { GraphStateElement } from '../shared/graph/graph-state-element';
-import { LOGGER_SERVICE_TOKEN } from '../../logger';
-export class DatetimeDisplayElement extends ConditionalDisplayElement {
-    constructor(element, injector, permissionChecker, variableCommunicator, variableStore, graphStore, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-        this.permissionChecker = permissionChecker;
-        this.variableCommunicator = variableCommunicator;
-        this.variableStore = variableStore;
-        this.graphStore = graphStore;
-        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
-        if (this.model.size && this.model.useGraph) {
-            this.initGraph(this.model.size.width, this.model.size.height);
-        }
-        if (this.model.showDate || this.model.showWeek || this.model.showTime) {
-            this.$dateTimeText = this.$element.find('text').last();
-            const format = this.getDatetimeFormat(this.model);
-            this.getAndSetCurrentTime(format);
-            setInterval(() => {
-                this.getAndSetCurrentTime(format);
-            }, 1000);
-        }
-    }
-    getAndSetCurrentTime(format) {
-        const content = moment().local().format(format);
-        this.$dateTimeText.text(content);
-        let fontF = this.$dateTimeText.css('font-family');
-        if (fontF && fontF.lastIndexOf('msyh') === -1) {
-            this.$dateTimeText.css('font-family', fontF += ', msyh');
-        }
-    }
-    getDatetimeFormat(displaySetting) {
-        let timeFormat = '';
-        // 显示4位年份
-        const yearFormat = displaySetting.showFullYear ? 'YYYY' : 'YY';
-        // 分隔符
-        let seperator = '';
-        // 日月清零
-        const monthFormat = displaySetting.showMonthDayWithoutZero ? 'M' : 'MM';
-        const dayFormat = displaySetting.showMonthDayWithoutZero ? 'D' : 'DD';
-        if (displaySetting.showDate) {
-            switch (displaySetting.datetimeSeparator) {
-                case DatetimeSeparatorType.Slash:
-                    seperator = '/';
-                    break;
-                case DatetimeSeparatorType.Line:
-                    seperator = '-';
-                    break;
-                case DatetimeSeparatorType.Dot:
-                    seperator = '.';
-                    break;
-                case DatetimeSeparatorType.CHS:
-                    // 年月日格式在构造时候处理
-                    break;
-            }
-            // TODO 方法重写
-            timeFormat = this.getFormat(displaySetting.dateFormat, yearFormat, monthFormat, dayFormat, seperator);
-        }
-        if (displaySetting.showWeek) {
-            timeFormat += ' ddd';
-        }
-        if (displaySetting.showTime) {
-            timeFormat += ' ';
-            if (displaySetting.isTwelveHourHex) {
-                timeFormat += 'A ';
-                switch (displaySetting.timeFormat) {
-                    case TimeFormatType.HHMMSS:
-                        timeFormat += 'h:mm:ss';
-                        break;
-                    case TimeFormatType.HHMM:
-                        timeFormat += 'h:mm';
-                        break;
-                }
-            }
-            else {
-                switch (displaySetting.timeFormat) {
-                    case TimeFormatType.HHMMSS:
-                        timeFormat += 'HH:mm:ss';
-                        break;
-                    case TimeFormatType.HHMM:
-                        timeFormat += 'HH:mm';
-                        break;
-                }
-            }
-        }
-        return timeFormat;
-    }
-    initGraph(width, height) {
-        if (this.model.useGraph === true) {
-            const graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
-            graphStateElement.switchToState(0);
-            this.$element.prepend(graphStateElement.Element);
-        }
-    }
-    getFormat(dateFormatType, yearFormat, monthFormat, dayFormat, seperator) {
-        const yearSeperator = '年';
-        const monthSeperator = '月';
-        const daySeperator = '日';
-        let _dateFormat = '';
-        if (seperator === '') {
-            switch (dateFormatType) {
-                case DateFormatType.YYMMDD:
-                    _dateFormat = yearFormat + yearSeperator + monthFormat + monthSeperator + dayFormat + daySeperator;
-                    break;
-                case DateFormatType.MMDDYY:
-                    _dateFormat = monthFormat + monthSeperator + dayFormat + daySeperator + yearFormat + yearSeperator;
-                    break;
-                case DateFormatType.DDMMYY:
-                    _dateFormat = dayFormat + daySeperator + monthFormat + monthSeperator + yearFormat + yearSeperator;
-                    break;
-            }
-        }
-        else {
-            switch (dateFormatType) {
-                case DateFormatType.YYMMDD:
-                    _dateFormat = yearFormat + seperator + monthFormat + seperator + dayFormat;
-                    break;
-                case DateFormatType.MMDDYY:
-                    _dateFormat = monthFormat + seperator + dayFormat + seperator + yearFormat;
-                    break;
-                case DateFormatType.DDMMYY:
-                    _dateFormat = dayFormat + seperator + monthFormat + seperator + yearFormat;
-                    break;
-            }
-        }
-        return _dateFormat;
-    }
-}

package/elements/datetime-display/datetime-display-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"DatetimeDisplayElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-display-element","name":"ConditionalDisplayElement","line":14,"character":44},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":21,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":48},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":22,"character":46},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":23,"character":49},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":24,"character":42},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":25,"character":37},{"__symbolic":"reference","name":"string"}]}],"getAndSetCurrentTime":[{"__symbolic":"method"}],"getDatetimeFormat":[{"__symbolic":"method"}],"initGraph":[{"__symbolic":"method"}],"getFormat":[{"__symbolic":"method"}]}}}}]

package/elements/historical-curve/historical-curve-element-status.d.ts

@@ -1,6 +0,0 @@
-export declare enum HistoricalCurveElementStatus {
-    Normal = 0,
-    Loading = 1,
-    Unbound = 2,
-    LoadFailed = 3
-}

package/elements/historical-curve/historical-curve-element-status.js

@@ -1,7 +0,0 @@
-export var HistoricalCurveElementStatus;
-(function (HistoricalCurveElementStatus) {
-    HistoricalCurveElementStatus[HistoricalCurveElementStatus["Normal"] = 0] = "Normal";
-    HistoricalCurveElementStatus[HistoricalCurveElementStatus["Loading"] = 1] = "Loading";
-    HistoricalCurveElementStatus[HistoricalCurveElementStatus["Unbound"] = 2] = "Unbound";
-    HistoricalCurveElementStatus[HistoricalCurveElementStatus["LoadFailed"] = 3] = "LoadFailed";
-})(HistoricalCurveElementStatus || (HistoricalCurveElementStatus = {}));

package/elements/historical-curve/historical-curve-element-status.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"HistoricalCurveElementStatus":{"Normal":0,"Loading":1,"Unbound":2,"LoadFailed":3}}}]

package/elements/historical-curve/historical-curve.element.d.ts

@@ -1,59 +0,0 @@
-import { VariableCommunicator } from '../../communication';
-import { HistoryDataStore, VariableStore } from '../../config';
-import { HistoricalCurveModel } from '../../model/historical-curve/historical-curve.model';
-import { PermissionChecker } from '../../service';
-import { ConditionalDisplayElement } from '../base/conditional-display-element';
-import { Injector } from '@angular/core';
-export declare class HistoricalCurveElement extends ConditionalDisplayElement {
-    private readonly historyDataStore;
-    readonly model: HistoricalCurveModel;
-    private readonly logger;
-    private readonly localization;
-    private readonly timePeriods;
-    private readonly displayOption;
-    /**
-     * 当前时间段的开始时间
-     */
-    private startTime;
-    /**
-     * 当前时间段的结束时间
-     */
-    private endTime;
-    /**
-     * 当前数据的开始时间(用于切换页)
-     */
-    private currentStartTime;
-    /**
-     * 当前数据的结束时间(用于切换页)
-     */
-    private currentEndTime;
-    private currentTimePeriod;
-    private refreshIntervalId;
-    private elementStatus;
-    private chartElement;
-    private isMobileMode;
-    constructor(element: HTMLElement, injector: Injector, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, historyDataStore: HistoryDataStore, signalRAppId: string);
-    dispose(): void;
-    private getValidTimePeriods;
-    private updateTimeRange;
-    private updateQueryTimeRange;
-    private reRenderElement;
-    private renderElement;
-    private renderChart;
-    private getLineChart;
-    private getMultiBarWithFocusChart;
-    private renderCommonProperty;
-    private renderOperationArea;
-    private timeFormat;
-    private loadFirstPage;
-    private loadNextPage;
-    private loadPreviousPage;
-    private loadLastPage;
-    initElementStatus(): void;
-    private updateElementStatus;
-    private setStatusAsUnbound;
-    private setStatusAsLoading;
-    private setStatusAsLoadFailed;
-    private renderStatus;
-    private clearStatus;
-}