@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.160

package/elements/base/conditional-enable-element.js

@@ -1,100 +1,100 @@
-import { ConditionItemsResultObserver } from '../../model';
-import { StateControlElement } from './state-control-element';
-export class ConditionalEnableElement extends StateControlElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.permissionChecker = permissionChecker;
-        this.variableCommunicator = variableCommunicator;
-        this.variableStore = variableStore;
-        this.localization = localization;
-        this.isGrantedPermission = false;
-        this.isInitialized = false; // 逻辑控制专用
-        setTimeout(() => {
-            this.initialize();
-        });
-    }
-    initialize() {
-        if (false !== this.model.isAwaysEnable) {
-            this.isInitialized = true;
-            return;
-        }
-        if (this.model.version == null || this.model.version < 3) {
-            this.updateEnableStateByCondition();
-        }
-        else {
-            if (this.model.isEnablePermission || this.model.isEnablePermission === undefined) {
-                if (this.model.enablePermissionCodes) {
-                    this.isGrantedPermission = this.permissionChecker.isGranted(this.model.enablePermissionCodes);
-                }
-                else {
-                    this.isGrantedPermission = true;
-                }
-            }
-            else {
-                this.isGrantedPermission = true;
-            }
-            if (this.model.isEnablePermission && !this.model.isEnableControl) {
-                this.updateEnableStateByPermission();
-            }
-            if (!this.model.isEnablePermission && this.model.isEnableControl) {
-                this.updateEnableStateByCondition();
-            }
-            if (this.model.isEnablePermission && this.model.isEnableControl) {
-                this.updateEnableStateByConditionAndPermission();
-            }
-            if (!this.model.isEnablePermission && !this.model.isEnableControl) {
-                this.updateEnableStateByConditionAndPermission();
-            }
-        }
-        if (!this.isGrantedPermission) {
-            this.isInitialized = true;
-            this.isEnable = false;
-            this.changeStates();
-        }
-    }
-    updateEnableStateByConditionAndPermission() {
-        if (null == this.model.enableItems || !this.model.enableItems.length) {
-            this.isInitialized = true;
-            return;
-        }
-        const enableConditionResult = new ConditionItemsResultObserver(this.model.enableItems, this.variableCommunicator, this.variableStore);
-        enableConditionResult.conditionResultChanged.subscribe(result => {
-            if (result.value) {
-                this.updateEnableStateByPermission();
-            }
-            else {
-                this.setEnableByConditionOrPermission(false);
-            }
-            this.isInitialized = true;
-            this.changeStates();
-        });
-        enableConditionResult.requestData(this.signalRAppId);
-    }
-    updateEnableStateByCondition() {
-        if (null == this.model.enableItems || !this.model.enableItems.length) {
-            this.isInitialized = true;
-            return;
-        }
-        const enableConditionResult = new ConditionItemsResultObserver(this.model.enableItems, this.variableCommunicator, this.variableStore);
-        enableConditionResult.conditionResultChanged.subscribe(result => {
-            this.setEnableByConditionOrPermission(result.value);
-            this.isInitialized = true;
-            this.changeStates();
-        });
-        enableConditionResult.requestData(this.signalRAppId);
-    }
-    updateEnableStateByPermission() {
-        let isEnable = false;
-        if (this.model.enablePermissionCodes) {
-            isEnable = this.permissionChecker.isGranted(this.model.enablePermissionCodes);
-        }
-        else {
-            isEnable = true;
-        }
-        this.setEnableByConditionOrPermission(isEnable);
-        this.isInitialized = true;
-    }
-    setEnableByConditionOrPermission(isEnable) {
-        this.isEnable = isEnable;
-    }
-}
+import { ConditionItemsResultObserver } from '../../model';
+import { StateControlElement } from './state-control-element';
+export class ConditionalEnableElement extends StateControlElement {
+    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
+        this.permissionChecker = permissionChecker;
+        this.variableCommunicator = variableCommunicator;
+        this.variableStore = variableStore;
+        this.localization = localization;
+        this.isGrantedPermission = false;
+        this.isInitialized = false; // 逻辑控制专用
+        setTimeout(() => {
+            this.initialize();
+        });
+    }
+    initialize() {
+        if (false !== this.model.isAwaysEnable) {
+            this.isInitialized = true;
+            return;
+        }
+        if (this.model.version == null || this.model.version < 3) {
+            this.updateEnableStateByCondition();
+        }
+        else {
+            if (this.model.isEnablePermission || this.model.isEnablePermission === undefined) {
+                if (this.model.enablePermissionCodes) {
+                    this.isGrantedPermission = this.permissionChecker.isGranted(this.model.enablePermissionCodes);
+                }
+                else {
+                    this.isGrantedPermission = true;
+                }
+            }
+            else {
+                this.isGrantedPermission = true;
+            }
+            if (this.model.isEnablePermission && !this.model.isEnableControl) {
+                this.updateEnableStateByPermission();
+            }
+            if (!this.model.isEnablePermission && this.model.isEnableControl) {
+                this.updateEnableStateByCondition();
+            }
+            if (this.model.isEnablePermission && this.model.isEnableControl) {
+                this.updateEnableStateByConditionAndPermission();
+            }
+            if (!this.model.isEnablePermission && !this.model.isEnableControl) {
+                this.updateEnableStateByConditionAndPermission();
+            }
+        }
+        if (!this.isGrantedPermission) {
+            this.isInitialized = true;
+            this.isEnable = false;
+            this.changeStates();
+        }
+    }
+    updateEnableStateByConditionAndPermission() {
+        if (null == this.model.enableItems || !this.model.enableItems.length) {
+            this.isInitialized = true;
+            return;
+        }
+        const enableConditionResult = new ConditionItemsResultObserver(this.model.enableItems, this.variableCommunicator, this.variableStore);
+        enableConditionResult.conditionResultChanged.subscribe(result => {
+            if (result.value) {
+                this.updateEnableStateByPermission();
+            }
+            else {
+                this.setEnableByConditionOrPermission(false);
+            }
+            this.isInitialized = true;
+            this.changeStates();
+        });
+        enableConditionResult.requestData(this.signalRAppId);
+    }
+    updateEnableStateByCondition() {
+        if (null == this.model.enableItems || !this.model.enableItems.length) {
+            this.isInitialized = true;
+            return;
+        }
+        const enableConditionResult = new ConditionItemsResultObserver(this.model.enableItems, this.variableCommunicator, this.variableStore);
+        enableConditionResult.conditionResultChanged.subscribe(result => {
+            this.setEnableByConditionOrPermission(result.value);
+            this.isInitialized = true;
+            this.changeStates();
+        });
+        enableConditionResult.requestData(this.signalRAppId);
+    }
+    updateEnableStateByPermission() {
+        let isEnable = false;
+        if (this.model.enablePermissionCodes) {
+            isEnable = this.permissionChecker.isGranted(this.model.enablePermissionCodes);
+        }
+        else {
+            isEnable = true;
+        }
+        this.setEnableByConditionOrPermission(isEnable);
+        this.isInitialized = true;
+    }
+    setEnableByConditionOrPermission(isEnable) {
+        this.isEnable = isEnable;
+    }
+}

package/elements/base/index.d.ts

@@ -1,3 +1,3 @@
-export { BaseElement } from './base-element';
-export { StateControlElement } from './state-control-element';
-export { ReadableElement } from './readable-element';
+export { BaseElement } from './base-element';
+export { StateControlElement } from './state-control-element';
+export { ReadableElement } from './readable-element';

package/elements/base/index.js

@@ -1,3 +1,3 @@
-export { BaseElement } from './base-element';
-export { StateControlElement } from './state-control-element';
-export { ReadableElement } from './readable-element';
+export { BaseElement } from './base-element';
+export { StateControlElement } from './state-control-element';
+export { ReadableElement } from './readable-element';

package/elements/base/readable-element.d.ts

@@ -1,15 +1,20 @@
-import { ReadableModel } from '../../model';
-import { VariableCommunicator, VariableValue, VariableState } from '../../communication';
-import { ConditionalEnableElement } from './conditional-enable-element';
-import { PermissionChecker } from '../../service';
-import { Localization } from '../../localization';
-import { VariableStore } from '../../config';
-export declare abstract class ReadableElement extends ConditionalEnableElement {
-    protected abstract model: ReadableModel;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    init(variableName: string): void;
-    get readVariableName(): string;
-    protected abstract updateVariableValue(value: any): void;
-    reportStateChanged(variableState: VariableState): void;
-    reportValueChanged(value: VariableValue): void;
-}
+import { ReadableModel } from '../../model';
+import { VariableCommunicator, VariableValue, VariableState } from '../../communication';
+import { ConditionalEnableElement } from './conditional-enable-element';
+import { PermissionChecker } from '../../service';
+import { Localization } from '../../localization';
+import { VariableStore } from '../../config';
+export declare abstract class ReadableElement extends ConditionalEnableElement {
+    protected abstract model: ReadableModel;
+    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
+    init(variableName: string): void;
+    get readVariableName(): string;
+    get minVariableName(): string;
+    get minValueType(): any;
+    get maxVariableName(): string;
+    get maxValueType(): any;
+    private getVariableName;
+    protected abstract updateVariableValue(value: any, variableName: any): void;
+    reportStateChanged(variableState: VariableState): void;
+    reportValueChanged(value: VariableValue): void;
+}

package/elements/base/readable-element.js

@@ -1,58 +1,122 @@
-import { State } from '../../model';
-import { VariableState } from '../../communication';
-import { ConditionalEnableElement } from './conditional-enable-element';
-import { forEach } from 'lodash';
-import { VariableUtil } from '../../utils/variable-util';
-export class ReadableElement extends ConditionalEnableElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-    }
-    init(variableName) {
-        if (variableName) {
-            let hasVariable = false;
-            forEach(this.elementStates, elementState => {
-                if (elementState.variableName === variableName) {
-                    hasVariable = true;
-                }
-            });
-            if (!hasVariable) {
-                this.elementStates.push(new VariableState(variableName, undefined));
-            }
-        }
-        this.initState();
-    }
-    get readVariableName() {
-        if (!this.model) {
-            throw new Error('Model cannot be null');
-        }
-        if (null == this.model.version || this.model.version < 2) {
-            return this.model.variableName;
-        }
-        else {
-            const variable = this.model.readVariable;
-            if (!variable) {
-                return undefined;
-            }
-            return VariableUtil.getConvertedVariableName(this.variableStore, variable);
-        }
-    }
-    reportStateChanged(variableState) {
-        forEach(this.elementStates, elementState => {
-            if (elementState.variableName === variableState.variableName) {
-                elementState.state = variableState.state;
-                this.changeStates();
-            }
-        });
-    }
-    reportValueChanged(value) {
-        forEach(this.elementStates, elementState => {
-            if (elementState.variableName === value.variableName) {
-                elementState.state = value.state;
-                this.changeStates();
-            }
-        });
-        if (this.state === State.Normal || this.state === State.Disable) {
-            this.updateVariableValue(value.value);
-        }
-    }
-}
+import { State } from '../../model';
+import { VariableState } from '../../communication';
+import { ConditionalEnableElement } from './conditional-enable-element';
+import { forEach } from 'lodash';
+import { VariableUtil } from '../../utils/variable-util';
+import { GuiFeatureConfig } from '../../config';
+export class ReadableElement extends ConditionalEnableElement {
+    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
+    }
+    init(variableName) {
+        if (variableName) {
+            let hasVariable = false;
+            forEach(this.elementStates, elementState => {
+                if (elementState.variableName === variableName) {
+                    hasVariable = true;
+                }
+            });
+            if (!hasVariable) {
+                this.elementStates.push(new VariableState(variableName, undefined));
+            }
+        }
+        this.initState();
+    }
+    get readVariableName() {
+        if (!this.model) {
+            throw new Error('Model cannot be null');
+        }
+        if (null == this.model.version || this.model.version < 2) {
+            return this.model.variableName;
+        }
+        else {
+            const variable = this.model.readVariable;
+            if (!variable) {
+                return undefined;
+            }
+            return VariableUtil.getConvertedVariableName(this.variableStore, variable);
+        }
+    }
+    get minVariableName() {
+        if (!this.model.minValueType) {
+            return undefined;
+        }
+        return this.getVariableName(this.model.minVariable);
+    }
+    get minValueType() {
+        return this.model.minValueType;
+    }
+    get maxVariableName() {
+        if (!this.model.maxValueType) {
+            return undefined;
+        }
+        return this.getVariableName(this.model.maxVariable);
+    }
+    get maxValueType() {
+        return this.model.maxValueType;
+    }
+    getVariableName(variable) {
+        if (!this.model) {
+            throw new Error('Model cannot be null');
+        }
+        if (!variable) {
+            return undefined;
+        }
+        return VariableUtil.getConvertedVariableName(this.variableStore, variable);
+    }
+    reportStateChanged(variableState) {
+        forEach(this.elementStates, elementState => {
+            if (elementState.variableName === variableState.variableName) {
+                elementState.state = variableState.state;
+                this.changeStates();
+            }
+        });
+    }
+    reportValueChanged(value) {
+        var _a, _b, _c, _d;
+        forEach(this.elementStates, elementState => {
+            if (elementState.variableName === value.variableName) {
+                elementState.state = value.state;
+                this.changeStates();
+            }
+        });
+        // 处理系统变量"设备状态"
+        if (value.systemName === '设备状态') {
+            let name = value.customStatus;
+            const language = ((_b = (_a = window.abp.localization) === null || _a === void 0 ? void 0 : _a.currentLanguage) === null || _b === void 0 ? void 0 : _b.name) || ((_d = (_c = this.localization.localizationService) === null || _c === void 0 ? void 0 : _c.translate) === null || _d === void 0 ? void 0 : _d.currentLang);
+            const isChinese = language === 'zh-Hans' || language === 'zh';
+            const isTraditionalChinese = language === 'zh-Hant' || language === 'zh-TW' || language === 'zh-tw';
+            if (!name) {
+                switch (value.state) {
+                    case 1:
+                        name = isTraditionalChinese ? '線上' : (isChinese ? '在线' : 'Online');
+                        break;
+                    case 3:
+                        name = isTraditionalChinese ? '離線' : (isChinese ? '离线' : 'Offline');
+                        break;
+                    case 4:
+                        name = isTraditionalChinese ? '告警' : (isChinese ? '告警' : 'Alarming');
+                        break;
+                    case 5:
+                        name = isTraditionalChinese ? '未綁定' : (isChinese ? '未绑定' : 'Unbound');
+                        break;
+                    default:
+                }
+            }
+            this.updateVariableValue(name, '设备状态');
+            return; // 处理完"设备状态"后直接返回
+        }
+        // 处理系统变量"当前语种ID"
+        if (value.variableName === '当前语种ID') {
+            // 直接使用变量值（数字或null）
+            this.updateVariableValue(value.value, value.variableName);
+            return;
+        }
+        // 处理普通变量
+        if (this.state === State.Normal || this.state === State.Disable || (GuiFeatureConfig.isOfflineDisplayEnabled && this.state === State.Offline)
+            || value.variableName === this.minVariableName
+            || value.variableName === this.maxVariableName) {
+            this.updateVariableValue(value.value, value.variableName);
+        }
+    }
+}

package/elements/base/readable-element.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ReadableElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./conditional-enable-element","name":"ConditionalEnableElement","line":9,"character":46},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":13,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":13,"character":57},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":13,"character":98},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":14,"character":23},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":14,"character":52},{"__symbolic":"reference","name":"string"}]}],"init":[{"__symbolic":"method"}],"updateVariableValue":[{"__symbolic":"method"}],"reportStateChanged":[{"__symbolic":"method"}],"reportValueChanged":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ReadableElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./conditional-enable-element","name":"ConditionalEnableElement","line":10,"character":46},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":14,"character":57},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":14,"character":98},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":15,"character":23},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":15,"character":52},{"__symbolic":"reference","name":"string"}]}],"init":[{"__symbolic":"method"}],"getVariableName":[{"__symbolic":"method"}],"updateVariableValue":[{"__symbolic":"method"}],"reportStateChanged":[{"__symbolic":"method"}],"reportValueChanged":[{"__symbolic":"method"}]}}}}]

package/elements/base/state-control-element.d.ts

@@ -1,24 +1,26 @@
-import { PermissionChecker } from '../../service';
-import { Localization } from '../../localization';
-import { VariableCommunicator, VariableState } from '../../communication';
-import { ConditionalDynamicDisplayElement } from './conditional-dynamic-display-element';
-import { State } from '../../model';
-import { VariableStore } from '../../config';
-export declare abstract class StateControlElement extends ConditionalDynamicDisplayElement {
-    protected readonly localization: Localization;
-    isEnable: boolean;
-    elementStates: VariableState[];
-    state: State;
-    private currentRect;
-    preState: State;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    initState(): void;
-    updateElementStates(newElementStates: VariableState[]): void;
-    addElementState(newElementState: VariableState): void;
-    changeStates(): void;
-    getState(elementState: VariableState): State;
-    changeState(state: State): void;
-    loadStateData(state: State): void;
-    private setState;
-    private clearTip;
-}
+/// <reference types="jquery" />
+/// <reference types="jqueryui" />
+import { PermissionChecker } from '../../service';
+import { Localization } from '../../localization';
+import { VariableCommunicator, VariableState } from '../../communication';
+import { ConditionalDynamicDisplayElement } from './conditional-dynamic-display-element';
+import { State } from '../../model';
+import { VariableStore } from '../../config';
+export declare abstract class StateControlElement extends ConditionalDynamicDisplayElement {
+    protected readonly localization: Localization;
+    isEnable: boolean;
+    elementStates: VariableState[];
+    state: State;
+    currentRect: JQuery;
+    preState: State;
+    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
+    initState(): void;
+    updateElementStates(newElementStates: VariableState[]): void;
+    addElementState(newElementState: VariableState): void;
+    changeStates(): void;
+    getState(elementState: VariableState): State;
+    changeState(state: State): void;
+    loadStateData(state: State): void;
+    private setState;
+    private clearTip;
+}