@lcap/nasl 2.12.0 → 2.13.0-beta

package/src/concepts/BindEvent__.ts

@@ -1,9 +1,12 @@
 import * as babel from '@babel/core';
-import Logic from './Logic__';
 import LogicItem from './LogicItem__';
 import Namespace from './Namespace__';
 import { TranslatorState, shiftState, withSourceMap, indent, createCompilerState, embeddedTSEmitter } from '../translator';
 import { ElementToVueOptions } from './ViewElement__';
+import { elementsEventsMap } from '../server/createUiTs';
+import Param from './Param__';
+import TypeAnnotation from './TypeAnnotation__';
+
 //================================================================================
 // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
 // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
@@ -15,6 +18,7 @@ import * as utils from '../utils';
 import { v4 as uuidv4 } from 'uuid';
 import BaseNode from '../common/BaseNode';
 import classMap from '../common/classMap';
+import Logic from './Logic__';
 import Argument from './Argument__';
 import ViewElement from './ViewElement__';
 import View from './View__';
@@ -38,6 +42,12 @@ export class BindEvent extends BaseNode {
     @property()
     name: string = undefined;
 
+    /**
+     * 逻辑列表
+     */
+    @property('Logic')
+    logics: Array<Logic> = [];
+
     /**
      * calleeNamespace
      */
@@ -142,7 +152,149 @@ export class BindEvent extends BaseNode {
         });
     }
 
-    
+        getLogicExistingNames(excludedList: Array<Logic> = []) {
+        const excludedSet = new Set(excludedList);
+        return (this.logics || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+    }
+    getLogicUniqueName(name = 'logic1') {
+        return utils.unique(name, this.getLogicExistingNames(), undefined, true);
+    }
+
+    /**
+    * 插入逻辑
+    * @internal
+    * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+    */
+    _insertLogicAt(name: string, index: number): Logic;
+
+    /**
+    * 插入逻辑
+    * @internal
+    * @param logicOptions 逻辑参数
+    */
+    _insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
+
+    /**
+    * 插入逻辑
+    * @internal
+    * @param logic 已有的逻辑实例
+    */
+    _insertLogicAt(logic: Logic, index: number): Logic;
+
+    _insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
+        const logicOptions: any = {};
+        const relationOptions = { parentNode: this, parentKey: 'logics' };
+        let logic: Logic;
+        if (!options) {
+            logic = Logic.from({
+                ...logicOptions,
+                name: this.getLogicUniqueName(),
+            }, this, 'logics');
+        } else if (typeof options === 'string') {
+            logic = Logic.from({
+                ...logicOptions,
+                name: options,
+            }, this, 'logics');
+        } else if (options instanceof Logic) {
+            options.ensureDelete(); // 同一实例不支持多处存在
+            logic = options;
+            Object.assign(logic, relationOptions);
+        } else {
+            logic = Logic.from({
+                ...logicOptions,
+                ...options,
+            }, this, 'logics');
+        }
+        this.logics.splice(index, 0, logic);
+        return logic;
+    }
+
+    /**
+     * 插入逻辑
+     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+     */
+    insertLogicAt(name: string, index: number): Logic;
+
+    /**
+     * 插入逻辑
+     * @param logicOptions 逻辑参数
+     */
+    insertLogicAt(logicOptions: Partial<Logic>, index: number): Logic;
+
+    /**
+     * 插入逻辑
+     * @param logic 已有的逻辑实例
+     */
+    insertLogicAt(logic: Logic, index: number): Logic;
+
+    insertLogicAt(options: string | Partial<Logic> | Logic, index: number) {
+        const node = this._insertLogicAt(options as any, index);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'logics',
+        });
+        return node;
+    }
+
+    /**
+     * 添加逻辑
+     * @internal
+     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+     */
+    _addLogic(name?: string): Logic;
+
+    /**
+     * 添加逻辑
+     * @internal
+     * @param logicOptions 逻辑参数
+     */
+    _addLogic(logicOptions: Partial<Logic>): Logic;
+
+    /**
+     * 添加逻辑
+     * @internal
+     * @param logic 已有的逻辑实例
+     */
+    _addLogic(logic: Logic): Logic;
+
+    _addLogic(options?: string | Partial<Logic> | Logic) {
+        const index = 0;
+        return this._insertLogicAt(options as any, index);
+    }
+
+    /**
+     * 添加逻辑
+     * @internal
+     * @param name 逻辑名称，如果不填会自动生成一个唯一名称
+     */
+    addLogic(name?: string): Logic;
+
+    /**
+     * 添加逻辑
+     * @param logicOptions 逻辑参数
+     */
+    addLogic(logicOptions: Partial<Logic>): Logic;
+
+    /**
+     * 添加逻辑
+     * @param logic 已有的逻辑实例
+     */
+    addLogic(logic: Logic): Logic;
+
+    addLogic(options?: string | Partial<Logic> | Logic) {
+        const node = this._addLogic(options as any);
+        const index = this.logics.indexOf(node);
+        node.create({
+            index,
+            parentNode: this,
+            parentKey: 'logics',
+        });
+        return node;
+    }
+
+
+
 
     
 
@@ -251,6 +403,56 @@ export class BindEvent extends BaseNode {
 
     
 
+    /**
+    * 删除逻辑
+    * @param name 逻辑名称
+    */
+    removeLogic(name: string): void;
+
+    /**
+     * 删除逻辑
+     * @param logic 已有的逻辑实例
+     */
+    removeLogic(logic: Logic): void;
+
+    removeLogic(options: string | Logic) {
+        let logic: Logic;
+        if (typeof options === 'string') {
+            logic = this.logics.find((item) => item.name === options);
+            if (!logic) {
+                throw new Error('找不到逻辑 ' + options);
+            }
+        } else {
+            logic = options;
+        }
+        return logic.delete();
+    }
+
+    __removeLogic(logic: Logic) {
+        const parentKey = logic.parentKey;
+        const params: Params = {
+            parentNode: this,
+            parentKey,
+            index: -1,
+            object: null,
+            oldObject: logic,
+        };
+        if (parentKey) {
+            params.parentKey = parentKey;
+            if (Array.isArray((this as any)[parentKey])) {
+                const index = (this as any)[parentKey].indexOf(logic);
+                ~index && (this as any)[parentKey].splice(index, 1);
+                params.index = index;
+            } else if ((this as any)[parentKey] === logic) {
+                params.index = 0;
+                (this as any)[parentKey] = undefined;
+            }
+        }
+        return params;
+    }
+
+
+
     /**
      * 删除实际参数
      * @param argument 已有的实际参数实例
@@ -289,14 +491,7 @@ export class BindEvent extends BaseNode {
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
     //================================================================================
-    // 用于logic回填
-    get calleewholeKey(): string {
-        if (!this.calleeNamespace && this.calleeName) {
-            // 页面逻辑单独处理
-            return `${this.view.getNamespace()}.${this.view.name}.logics.${this.calleeName}`;
-        }
-        return this.calleeNamespace + '.' + this.calleeName;
-    }
+
     get tsCalleeNamespace() {
         if (this.calleeNamespace) {
             let tsCalleeNamespace = this.calleeNamespace;
@@ -335,22 +530,86 @@ export class BindEvent extends BaseNode {
     // 绑定事件转驼峰
     toHump = (name: string) => (name ? name.replace(/\-(\w)/g, (all, letter) => letter.toUpperCase()) : '');
 
+    toJS(state?: TranslatorState): string {
+        // shiftState(state, code)
+        let code = `methods['${this.getViewEventName()}'] = async function (`;
+        const params = this.getContextLogicParams();
+        code += params.map((item: Param) => item.name).toString();
+        code += ') { \n';
+        this.logics.forEach((logic) => {
+            code += logic.toJS(shiftState(state, code), 'IIFE');
+        });
+        code += '};\n';
+        return code;
+    }
+
     @withSourceMap()
     toEmbeddedTS(state?: TranslatorState, isPageCycle?: Boolean): string {
         // 如果有绑定的事件名
-        if (this.calleeName) {
-            if (isPageCycle) {
-                return `${this.calleeKey}();`;
-            }
-            let code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: any) => [\n`;
-            code += indent((state?.tabSize || 0) + 1);
-            code += `() => {${this.calleeKey}()}`;
-            code += '\n';
-            code += indent((state?.tabSize || 0));
-            code += '],\n';
+        let code = ``;
+        if (isPageCycle) {
+            this.logics.forEach((logic, index) => {
+                const logicName = logic.name;
+                logic.name = logic.view.name + logic.name + index;
+                code += logic.toEmbeddedTS(shiftState(state, code, {
+                    tabSize: (state?.tabSize || 0) + 2,
+                }), 'noExport');
+                code += indent((state?.tabSize || 0));
+                code += `${logic.name}();`;
+                logic.name = logicName;
+            });
             return code;
         }
-        return '';
+        code = `${this.toHump(this.name) || '__IDENTIFIER__'}: (event: `;
+
+        // event的类型
+        code += this.getEventTypeString();
+
+        code += ') => [\n';
+        this.logics.forEach((logic) => {
+            const logicName = logic.name;
+            logic.name = logic.view.name + (logic.parentNode as BindEvent).element.name + logic.name;
+            logic.name = logic.name.replace(/-/g, '');
+            code += logic.toEmbeddedTS(shiftState(state, code, {
+                tabSize: (state?.tabSize || 0) + 2,
+            }), 'noExport');
+            logic.name = logicName;
+
+            code += indent((state?.tabSize || 0));
+            code += ',\n';
+        });
+        code += '],\n';
+        return code;
+    }
+
+    getEventTypeString() {
+        let code = '';
+        if (!Object.keys(elementsEventsMap).length)
+            return;
+        if (this.element && elementsEventsMap[`${this.element.tag}-${this.name}`]) {
+            const pageInfo = elementsEventsMap[`${this.element.tag}-${this.name}`];
+            const refParam = pageInfo.params && pageInfo.params.find((item: any) => item.schema);
+            if (refParam) {
+                const ref = refParam.schema.$ref;
+                let type = '';
+                if (ref.includes('systemTypes')) {
+                    type = ref.replace('#/systemTypes/', 'nasl.ui.');
+                } else if (ref.includes('basicTypes')) {
+                    type = ref.replace('#/basicTypes/', 'nasl.core.');
+                }
+                code = `${type}`;
+            } else {
+                code = `nasl.ui.BaseEvent`;
+            }
+        } else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+            const eventInfo = elementsEventsMap[this.name];
+            const ref = eventInfo.params[0].schema.$ref;
+            const type = ref.replace('#/systemTypes/', 'nasl.ui.');
+            code = `${type}`;
+        } else {
+            code = 'nasl.ui.BaseEvent';
+        }
+        return code;
     }
 
     // @withSourceMap()
@@ -383,50 +642,43 @@ export class BindEvent extends BaseNode {
             ...object,
         });
     }
+
+    getNamespace(ns: string) {
+        if (this.view)
+            return `${this.view.getNamespace()}.${this.view.name}.bindEvents.${this.name}.logics`;
+        if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
+            const parentNamespace = (this.parentNode as Namespace).getNamespace();
+            const parentName = this.parentNode.name;
+            const arr = [parentNamespace];
+            if (this.parentNode.concept !== 'App' && parentName) {
+                arr.push(parentName);
+            }
+            return `${arr.join('.')}.${ns || 'bindEvent'}`;
+        } else
+            throw new Error('无法获取命名空间，请设置 parentNode！');
+    }
     /**
      * 转换成 Vue 的模板格式
      */
     toVue(options?: ElementToVueOptions) {
-        const calleeNamespace = this.calleeNamespace;
-        let isComponentLogic = false;
-        let componentName = '';
-        if (calleeNamespace) {
-            const namespaceArr = calleeNamespace.split('.');
-            const start = namespaceArr.shift();
-            if (start === 'elements' && namespaceArr.length === 2 && namespaceArr[1] === 'logics') {
-                isComponentLogic = true;
-                componentName = namespaceArr[0];
-            }
-        }
-        let callee = '';
-        if (isComponentLogic)
-            callee = `$refs.${componentName}.${this.calleeName}`;
-        else if (calleeNamespace?.startsWith('nasl.'))
-            callee = `$global.${this.calleeName}`;
-        else
-            callee = this.calleeName;
         let code = '';
-        if (callee) {
-            code += `@${this.name}="${callee}`;
+        if (this.logics?.length) {
+            code += `@${this.name}="`;
             const argsList: string[] = [];
-            const argsMap: any = {};
-            if (Array.isArray(this.arguments) && this.arguments.length) {
-                this.arguments.forEach((arg) => {
-                    const argStr = arg.toJS();
-                    argsList.push(argStr);
-                    argsMap[argStr] = true;
-                });
-            }
-            const additionalArgs: string[] = ['$event'];
-            if (Array.isArray(options?.scopeList) && options?.scopeList.length) {
-                additionalArgs.push(...options.scopeList);
-            }
-            additionalArgs.forEach((arg) => {
-                if (!argsMap[arg]) {
-                    argsList.push(arg);
-                    argsMap[arg] = true;
+            if (this.logics?.length) {
+                let parent = this.parentNode;
+                let index = 0;
+                while (parent && parent.concept !== 'View') {
+                    if ((parent as ViewElement).slotScope) {
+                        argsList.unshift(index === 0 ? 'scope' : 'scope' + index);
+                        index++;
+                    }
+                    parent = parent.parentNode;
                 }
-            });
+                argsList.unshift('event');
+            }
+            code += this.getViewEventName();
+
             code += '(';
             argsList.forEach((arg, index) => {
                 code += arg;
@@ -434,17 +686,122 @@ export class BindEvent extends BaseNode {
                     code += ', ';
             });
             code += ')';
+
             code += `"`;
         }
         return code;
     }
+
+    // 获取bindEvent上的logic的参数从上文获取
+    getContextLogicParams() {
+        const argsList: string[] = [];
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            while (parent && parent.concept !== 'View') {
+                if ((parent as ViewElement).slotScope) {
+                    argsList.unshift(index === 0 ? 'scope' : 'scope' + index);
+                    index++;
+                }
+                parent = parent.parentNode;
+            }
+            argsList.unshift('event');
+        }
+        return argsList.map((name: string) => new Param({ name }));
+    }
+
+    // 获取bindEvent上的logic的参数从上文获取
+    getContextRenderLogicParams(logic: Logic) {
+        const argsList: Param[] = [];
+        if (this.logics?.length) {
+            let parent = this.parentNode;
+            let index = 0;
+            const event = Param.from({ name: 'event' }, logic, 'virtualParams');
+            const typeString = this.getEventTypeString();
+            if (!typeString)
+                return argsList;
+            if (typeString && typeString.includes('nasl.ui')) {
+                const last = typeString.lastIndexOf('.');
+                event.typeAnnotation = TypeAnnotation.createReference(typeString.substring(last + 1, typeString.length), {
+                    typeNamespace: 'nasl.ui',
+                });
+            } else {
+                const last = typeString.lastIndexOf('.');
+                event.typeAnnotation = TypeAnnotation.createPrimitive(typeString.substring(last + 1, typeString.length), {
+                    typeNamespace: 'nasl.core',
+                });
+            }
+            argsList.push(event);
+
+            while (parent && parent.concept !== 'View') {
+                if ((parent as ViewElement).slotScope) {
+                    const param = Param.from({ name: index === 0 ? 'scope' : 'scope' + index }, logic, 'virtualParams');
+                    param.typeAnnotation = TypeAnnotation.createGeneric('ScopeOf', {
+                        typeNamespace: 'nasl.ui',
+                        typeArguments: [],
+                    });
+                    argsList.push(param);
+                    index++;
+                }
+                parent = parent.parentNode;
+            }
+        }
+        return argsList;
+    }
+
+    getPageViewEventChineseName() {
+        const parent = this.parentNode;
+        if (parent instanceof View) {
+            const page = elementsEventsMap[this.name];
+            return `${parent.name}-${page.title}`;
+        } else if (parent instanceof ViewElement) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (elementsEventsMap[eventName]) {
+                const page = elementsEventsMap[eventName];
+                return `${parent.name}-${page.title}`;
+            } else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+                const page = elementsEventsMap[this.name];
+                return `${parent.name}-${page.title}`;
+            }
+            return `${parent.name}-${this.name}`;
+        }
+    }
+
+    getViewEventChineseName() {
+        const parent = this.parentNode;
+        if (parent instanceof View) {
+            const page = elementsEventsMap[this.name];
+            return `${page.title}`;
+        } else if (parent instanceof ViewElement) {
+            const eventName = `${parent.tag}-${this.name}`;
+            if (elementsEventsMap[eventName]) {
+                const page = elementsEventsMap[eventName];
+                return `${page.title}`;
+            } else if (['click', 'dblclick', 'contextmenu', 'mousedown', 'mouseup', 'mouseenter', 'mouseleave', 'focus', 'blur'].includes(this.name)) {
+                const page = elementsEventsMap[this.name];
+                return `${page.title}`;
+            }
+            return `${this.name}`;
+        }
+    }
+    getViewEventName() {
+        // 名称规则：组件的名称 + 组件的事件 + 逻辑本身的事件 用下划线链接
+        const parentNode = this.parentNode;
+        const newName = this.name.replace(/-/g, '');
+
+        if (parentNode instanceof ViewElement) {
+            return `${parentNode.name}_${newName}`;
+        } else if (parentNode instanceof View) {
+            return `${this.view.name}_${newName}`;
+        }
+    }
     //================================================================================
     // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
     // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
     //================================================================================
 }
 
-classMap['BindEvent'] = BindEvent;
+classMap.BindEvent = BindEvent;
 export default BindEvent;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/BooleanLiteral__.ts

@@ -94,7 +94,7 @@ export class BooleanLiteral extends LogicItem {
     //================================================================================
 }
 
-classMap['BooleanLiteral'] = BooleanLiteral;
+classMap.BooleanLiteral = BooleanLiteral;
 export default BooleanLiteral;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/CallFunction__.ts

@@ -524,7 +524,7 @@ export class CallFunction extends LogicItem {
     //================================================================================
 }
 
-classMap['CallFunction'] = CallFunction;
+classMap.CallFunction = CallFunction;
 export default CallFunction;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/CallInterface__.ts

@@ -393,6 +393,7 @@ export class CallInterface extends LogicItem {
             'delete',
             'do',
             'double',
+            'decimal',
             'else',
             'enum',
             'eval',
@@ -484,6 +485,7 @@ export class CallInterface extends LogicItem {
                     Boolean: 'BooleanLiteral',
                     Integer: 'NumericLiteral',
                     Double: 'NumericLiteral',
+                    Decimal: 'NumericLiteral',
                     Long: 'NumericLiteral',
                 };
                 const typeName = param.typeAnnotation.typeName;
@@ -516,7 +518,7 @@ export class CallInterface extends LogicItem {
     //================================================================================
 }
 
-classMap['CallInterface'] = CallInterface;
+classMap.CallInterface = CallInterface;
 export default CallInterface;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/CallLogic__.ts

@@ -751,7 +751,7 @@ export class CallLogic extends LogicItem {
     //================================================================================
 }
 
-classMap['CallLogic'] = CallLogic;
+classMap.CallLogic = CallLogic;
 export default CallLogic;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/CallQueryComponent__.ts

@@ -1274,7 +1274,7 @@ export class CallQueryComponent extends LogicItem {
     //================================================================================
 }
 
-classMap['CallQueryComponent'] = CallQueryComponent;
+classMap.CallQueryComponent = CallQueryComponent;
 export default CallQueryComponent;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Comment__.ts

@@ -92,7 +92,7 @@ export class Comment extends LogicItem {
     //================================================================================
 }
 
-classMap['Comment'] = Comment;
+classMap.Comment = Comment;
 export default Comment;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/CompletionProperty__.ts

@@ -239,14 +239,13 @@ export class CompletionProperty extends BaseNode {
 
     isProcess: boolean = false;
 
-    noFurther: boolean = false;
     //================================================================================
     // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
     // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
     //================================================================================
 }
 
-classMap['CompletionProperty'] = CompletionProperty;
+classMap.CompletionProperty = CompletionProperty;
 export default CompletionProperty;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/ConfigGroup__.ts

@@ -284,7 +284,7 @@ export class ConfigGroup extends BaseNode {
     //================================================================================
 }
 
-classMap['ConfigGroup'] = ConfigGroup;
+classMap.ConfigGroup = ConfigGroup;
 export default ConfigGroup;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/ConfigPropertyValue__.ts

@@ -104,7 +104,7 @@ export class ConfigPropertyValue extends BaseNode {
     //================================================================================
 }
 
-classMap['ConfigPropertyValue'] = ConfigPropertyValue;
+classMap.ConfigPropertyValue = ConfigPropertyValue;
 export default ConfigPropertyValue;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/ConfigProperty__.ts

@@ -302,7 +302,7 @@ export class ConfigProperty extends BaseNode {
     //================================================================================
 }
 
-classMap['ConfigProperty'] = ConfigProperty;
+classMap.ConfigProperty = ConfigProperty;
 export default ConfigProperty;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑