@lcap/nasl 3.3.0-beta.0 → 3.4.0-alpha.1

package/out/concepts/View__.js

@@ -36,6 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = exports.View = void 0;
 const translator_1 = require("../translator");
 const translator_2 = __importDefault(require("../bak/translator"));
+const ViewElement__1 = __importDefault(require("./ViewElement__"));
 const Structure__1 = require("./Structure__");
 const Identifier__1 = __importDefault(require("./Identifier__"));
 const Assignment__1 = __importDefault(require("./Assignment__"));
@@ -45,7 +46,7 @@ const CallLogic__1 = __importDefault(require("./CallLogic__"));
 const decorators_1 = require("../decorators");
 const utils = __importStar(require("../utils"));
 const BaseNode_1 = __importDefault(require("../common/BaseNode"));
-const ViewElement__1 = __importDefault(require("./ViewElement__"));
+const classMap_1 = __importDefault(require("../common/classMap"));
 const Param__1 = __importDefault(require("./Param__"));
 const Variable__1 = __importDefault(require("./Variable__"));
 const Logic__1 = __importDefault(require("./Logic__"));
@@ -53,71 +54,55 @@ const BindEvent__1 = __importDefault(require("./BindEvent__"));
 /**
  * 页面
  */
-let View = View_1 = 
-// @ts-ignore
-class View extends BaseNode_1.default {
-    /** 类名 */
-    static ConceptName = 'View';
+let View = View_1 = class View extends BaseNode_1.default {
     /**
      * 产品概念
      */
-    // @ts-ignore
-    concept;
+    concept = 'View';
     /**
      * 页面模板 Id
      */
-    // @ts-ignore
-    pageTemplateId;
+    pageTemplateId = undefined;
     /**
      * 页面名称
      */
-    // @ts-ignore
-    name;
+    name = undefined;
     /**
      * 唯一标识
      */
-    // @ts-ignore
-    uuid;
+    uuid = undefined;
     /**
      * 页面标题
      */
-    // @ts-ignore
-    title;
+    title = undefined;
     /**
      * 面包屑
      */
-    // @ts-ignore
-    crumb;
+    crumb = undefined;
     /**
      * 权限控制
      */
-    // @ts-ignore
-    auth;
+    auth = undefined;
     /**
      * 权限资源描述
      */
-    // @ts-ignore
-    authDescription;
+    authDescription = undefined;
     /**
      * 是否是默认跳转的页面
      */
-    // @ts-ignore
-    isIndex;
+    isIndex = undefined;
     /**
      * 未解析的模板代码
      */
-    // @ts-ignore
-    template;
+    template = undefined;
     /**
      * 未解析的逻辑代码
      */
-    // @ts-ignore
-    script;
+    script = undefined;
     /**
      * 未解析的样式代码
      */
-    // @ts-ignore
-    style;
+    style = undefined;
     /**
      * 页面元素列表
      */
@@ -168,10 +153,14 @@ class View extends BaseNode_1.default {
      * @param source 需要合并的部分参数
      */
     constructor(source) {
-        source = Object.assign({}, View_1.getDefaultOptions(), source);
+        // @ts-ignore
+        source = { ...View_1.getDefaultOptions(), ...source };
         super(source);
         super.subConstructor(source);
     }
+    getClassName() {
+        return 'View';
+    }
     static from(source, parentNode, parentKey) {
         return super.from(source, parentNode, parentKey);
     }
@@ -599,7 +588,7 @@ class View extends BaseNode_1.default {
         if (typeof options === 'string') {
             viewElement = this.elements.find((item) => item.name === options);
             if (!viewElement) {
-                throw new Error('找不到页面元素 ' + options);
+                throw new Error(`找不到页面元素 ${options}`);
             }
         }
         else {
@@ -608,7 +597,7 @@ class View extends BaseNode_1.default {
         return viewElement.delete();
     }
     __removeViewElement(viewElement) {
-        const parentKey = viewElement.parentKey;
+        const { parentKey } = viewElement;
         const params = {
             parentNode: this,
             parentKey,
@@ -635,7 +624,7 @@ class View extends BaseNode_1.default {
         if (typeof options === 'string') {
             param = this.params.find((item) => item.name === options);
             if (!param) {
-                throw new Error('找不到输入参数 ' + options);
+                throw new Error(`找不到输入参数 ${options}`);
             }
         }
         else {
@@ -644,7 +633,7 @@ class View extends BaseNode_1.default {
         return param.delete();
     }
     __removeParam(param) {
-        const parentKey = param.parentKey;
+        const { parentKey } = param;
         const params = {
             parentNode: this,
             parentKey,
@@ -671,7 +660,7 @@ class View extends BaseNode_1.default {
         if (typeof options === 'string') {
             variable = this.variables.find((item) => item.name === options);
             if (!variable) {
-                throw new Error('找不到变量 ' + options);
+                throw new Error(`找不到变量 ${options}`);
             }
         }
         else {
@@ -680,7 +669,7 @@ class View extends BaseNode_1.default {
         return variable.delete();
     }
     __removeVariable(variable) {
-        const parentKey = variable.parentKey;
+        const { parentKey } = variable;
         const params = {
             parentNode: this,
             parentKey,
@@ -707,7 +696,7 @@ class View extends BaseNode_1.default {
         if (typeof options === 'string') {
             logic = this.logics.find((item) => item.name === options);
             if (!logic) {
-                throw new Error('找不到逻辑 ' + options);
+                throw new Error(`找不到逻辑 ${options}`);
             }
         }
         else {
@@ -716,7 +705,7 @@ class View extends BaseNode_1.default {
         return logic.delete();
     }
     __removeLogic(logic) {
-        const parentKey = logic.parentKey;
+        const { parentKey } = logic;
         const params = {
             parentNode: this,
             parentKey,
@@ -743,7 +732,7 @@ class View extends BaseNode_1.default {
         if (typeof options === 'string') {
             bindEvent = this.bindEvents.find((item) => item.name === options);
             if (!bindEvent) {
-                throw new Error('找不到元素绑定事件 ' + options);
+                throw new Error(`找不到元素绑定事件 ${options}`);
             }
         }
         else {
@@ -752,7 +741,7 @@ class View extends BaseNode_1.default {
         return bindEvent.delete();
     }
     __removeBindEvent(bindEvent) {
-        const parentKey = bindEvent.parentKey;
+        const { parentKey } = bindEvent;
         const params = {
             parentNode: this,
             parentKey,
@@ -779,7 +768,7 @@ class View extends BaseNode_1.default {
         if (typeof options === 'string') {
             view = this.children.find((item) => item.name === options);
             if (!view) {
-                throw new Error('找不到页面 ' + options);
+                throw new Error(`找不到页面 ${options}`);
             }
         }
         else {
@@ -788,7 +777,7 @@ class View extends BaseNode_1.default {
         return view.delete();
     }
     __removeView(view) {
-        const parentKey = view.parentKey;
+        const { parentKey } = view;
         const params = {
             parentNode: this,
             parentKey,
@@ -810,10 +799,10 @@ class View extends BaseNode_1.default {
         }
         return params;
     }
-    //================================================================================
+    //= ===============================================================================
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
-    //================================================================================
+    //= ===============================================================================
     /* 主页面有没有权限 */
     get parentAuth() {
         const _nameSpace = this.getTsNamespace();
@@ -1208,7 +1197,7 @@ class View extends BaseNode_1.default {
             });
         }
     }
-    toEmbeddedTS(state) {
+    toEmbeddedTS(state = (0, translator_1.createCompilerState)()) {
         function chineseTsName(name) {
             let tsName = name;
             // 匹配所有特殊字符都转为_
@@ -1285,9 +1274,7 @@ class View extends BaseNode_1.default {
                         ? assignment.left.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
                         : assignment.left.members[leftIndex[1]]?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
                     if (leftCode === variable.name) {
-                        const rightNode = rightIndex.length === 1
-                            ? assignment.rights[rightIndex[0]]?.expression
-                            : assignment.rights[rightIndex[0]]?.members[rightIndex[1]];
+                        const rightNode = rightIndex.length === 1 ? assignment.rights[rightIndex[0]]?.expression : assignment.rights[rightIndex[0]]?.members[rightIndex[1]];
                         const rightCode = rightNode?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
                         code += this.getRightCode(rightCode, assignment, rightNode);
                     }
@@ -1303,9 +1290,7 @@ class View extends BaseNode_1.default {
                     rightCode += 'new ';
                 }
                 rightCode +=
-                    assignment.right && assignment.right.toEmbeddedTS
-                        ? assignment.right.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
-                        : '__RIGHT__';
+                    assignment.right && assignment.right.toEmbeddedTS ? assignment.right.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true })) : '__RIGHT__';
                 code += this.getRightCode(rightCode, assignment, assignment.right);
             }
             code += ';\n';
@@ -1321,30 +1306,25 @@ class View extends BaseNode_1.default {
         code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
         code += `let __elements: __elements;\n`;
         if (Array.isArray(this.elements)) {
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + 'interface ';
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}interface `;
             code += `__elements_completionProperty {\n`;
             const componentList = [];
             this.elementsAttrs(this.elements, componentList);
             const variableList = [];
-            this.elements.forEach((item) => {
+            componentList.forEach((item) => {
                 code += item.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList);
+                code += ';\n';
             });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
             code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
             code += `let __elements_completionProperty: __elements_completionProperty;\n`;
             code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += `let __elements_variable_function = {\n`;
-            this.elements.forEach((item) => {
-                code += item.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
             code += `let __elements_stashFunctionVariable = {\n`;
             variableList.forEach((item) => {
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
                 code += `${item}`;
             });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}}\n`;
         }
         // 逻辑
         if (Array.isArray(this.logics) && this.logics.length) {
@@ -1396,6 +1376,95 @@ class View extends BaseNode_1.default {
         code += `${(0, translator_1.indent)(state?.tabSize || 0)}}\n`;
         return code;
     }
+    toNaturalTS(state = (0, translator_1.createCompilerState)(), currentNode, declaration) {
+        // const isCurrentInThisView = currentNode?.getAncestor('View') === this;
+        if (declaration) {
+            let code = `
+${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
+            // 有参数长度
+            code += '(';
+            this.params.forEach((param, index) => {
+                code += param.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                if (index !== this.params.length - 1)
+                    code += ', ';
+            });
+            code += ') {';
+            this.children.forEach((child, index) => {
+                code += child.toNaturalTS((0, translator_1.shiftState)(state, code, { tabSize: state.tabSize + 1 }), currentNode, declaration);
+            });
+            code += `${(0, translator_1.indent)(state.tabSize)}}`;
+            return code;
+        }
+        let code = `${(0, translator_1.indent)(state.tabSize)}/**
+${(0, translator_1.indent)(state.tabSize)} * 当前页面
+${(0, translator_1.indent)(state.tabSize)} */
+${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
+        const advanceMap = new Map();
+        this.traverseChildren((el) => {
+            if (el && (el instanceof BatchAssignment__1.default || (el instanceof Assignment__1.default && el.left?.name))) {
+                // 子页面内部逻辑过滤
+                if (el.view !== this)
+                    return;
+                const jsCode = el.toJS();
+                const advanceVar = this.variables?.find((variable) => !variable.typeAnnotation && jsCode.includes(`this.${variable.name} = `));
+                if (advanceVar && !advanceMap.get(advanceVar)) {
+                    advanceMap.set(advanceVar, el);
+                }
+            }
+        });
+        // 有参数长度
+        code += '(';
+        this.params.forEach((param, index) => {
+            code += param.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
+            if (index !== this.params.length - 1)
+                code += ', ';
+        });
+        code += ')';
+        code += ' {\n';
+        this.variables.forEach((variable) => {
+            if (!advanceMap.get(variable)) {
+                code += `${(0, translator_1.indent)(state.tabSize + 1)}let `;
+                code += variable.toNaturalTS((0, translator_1.shiftState)(state, code, { inline: true }));
+                code += ';\n';
+            }
+        });
+        code += `\n${(0, translator_1.indent)(state.tabSize + 1)}const $refs = {\n`;
+        // 生成所有的name和类型定义
+        this.elements.forEach((element) => {
+            code += element.toNaturalTSDefinition((0, translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }));
+        });
+        code += `${(0, translator_1.indent)(state.tabSize + 1)}}\n`;
+        // 逻辑
+        if (currentNode?.concept === 'Logic') {
+            code += '\n';
+            this.logics.forEach((logic) => {
+                if (logic === currentNode)
+                    return;
+                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize + 1,
+                }), 'noExport', undefined, currentNode);
+                code += '\n';
+            });
+            // 包含了事件逻辑的处理
+            code += currentNode.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                tabSize: state.tabSize + 1,
+            }), 'noExport', undefined, currentNode);
+            code += '\n';
+        }
+        else if (this.logics.length) {
+            code += '\n';
+            this.logics.forEach((logic) => {
+                code += logic.toNaturalTS((0, translator_1.shiftState)(state, code, {
+                    tabSize: state.tabSize + 1,
+                }), 'noExport', undefined, currentNode);
+                code += '\n';
+            });
+        }
+        code += `${(0, translator_1.indent)(state.tabSize)}}\n`;
+        return code;
+    }
     toEmbeddedTSFile() {
         let code = `namespace ${this.getTsNamespace()} {\n`;
         const state = (0, translator_1.createCompilerState)(code, {
@@ -1521,20 +1590,15 @@ class View extends BaseNode_1.default {
         this.elements.forEach((item) => {
             utils.traverse((current) => {
                 const { node } = current;
-                const playgroundNodePath = (node?.nodePath || '').split('.').find((nodePathNode) => {
-                    return nodePathNode.match(/(.+)\[.+\]/)?.[1] === 'playground';
-                });
-                if (!playgroundNodePath) {
-                    //// 处理三种情况
-                    //if (
-                    //    ['BindAttribute', 'BindDirective', 'BindStyle'].includes(node.concept)
-                    //    && node.needReplaceWithIdentifier
-                    //) {
-                    //    bindExpressions.push(node);
-                    //}
-                    if (node?.concept === 'Match') {
-                        bindExpressions.push(node);
-                    }
+                /// / 处理三种情况
+                // if (
+                //    ['BindAttribute', 'BindDirective', 'BindStyle'].includes(node.concept)
+                //    && node.needReplaceWithIdentifier
+                // ) {
+                //    bindExpressions.push(node);
+                // }
+                if (node.concept === 'Match') {
+                    bindExpressions.push(node);
                 }
             }, {
                 node: item,
@@ -1627,7 +1691,7 @@ class View extends BaseNode_1.default {
     }
     getRightCode(code, assignment, rightNode) {
         code = code.replaceAll('\n', ' ');
-        const logic = assignment.logic;
+        const { logic } = assignment;
         const logicRtn = logic?.returns[0];
         // 调用接口，参数替换成 null
         if (rightNode instanceof CallInterface__1.default) {
@@ -1661,8 +1725,7 @@ class View extends BaseNode_1.default {
             return code;
         }
         // 直接赋值 logic 内局部变量、输入参数直接提示系统无法推断类型
-        const useLogicVar = logic.params.find((param) => code.includes(param.name)) ||
-            logic.variables.find((variable) => code.includes(variable.name));
+        const useLogicVar = logic.params.find((param) => code.includes(param.name)) || logic.variables.find((variable) => code.includes(variable.name));
         return useLogicVar ? 'null' : code;
     }
     handleReplaceCode(code, variable, replaceCode) {
@@ -1695,9 +1758,7 @@ class View extends BaseNode_1.default {
         let element = logic;
         const viewElements = [];
         while (element) {
-            if (element.concept &&
-                element.concept === 'ViewElement' &&
-                element.bindAttrs.find((bAttr) => bAttr.name === 'data-source')) {
+            if (element.concept && element.concept === 'ViewElement' && element.bindAttrs.find((bAttr) => bAttr.name === 'data-source')) {
                 viewElements.push(element);
             }
             element = element.parentNode;
@@ -1731,12 +1792,15 @@ class View extends BaseNode_1.default {
         const callbackLogics = [];
         this.traverseChildren((el) => {
             if (el instanceof Identifier__1.default && el.namespace?.endsWith('logics')) {
-                callbackLogics.push(el.namespace + '.' + el.name);
+                callbackLogics.push(`${el.namespace}.${el.name}`);
             }
         });
         return callbackLogics;
     }
 };
+__decorate([
+    (0, decorators_1.property)()
+], View.prototype, "concept", void 0);
 __decorate([
     (0, decorators_1.property)()
 ], View.prototype, "pageTemplateId", void 0);
@@ -1794,216 +1858,218 @@ __decorate([
 __decorate([
     (0, translator_1.withSourceMap)()
 ], View.prototype, "toEmbeddedTS", null);
+__decorate([
+    (0, translator_1.withSourceMap)()
+], View.prototype, "toNaturalTS", null);
 View = View_1 = __decorate([
-    decorators_1.className,
     (0, decorators_1.concept)('页面')
-    // @ts-ignore
 ], View);
 exports.View = View;
+classMap_1.default.View = View;
 exports.default = View;
 exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
     'u-list-view': {
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-grid-view': {
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-list-components': {
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-table-view': {
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
-        sorting: {
+        'sorting': {
             value: 'sort',
-            label: '排序属性',
+            label: '排序属性'
         },
-        value: {
+        'value': {
             value: 'value',
-            label: '单选选中值',
+            label: '单选选中值'
         },
-        values: {
+        'values': {
             value: 'values',
-            label: '多选选中值',
+            label: '多选选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-radios': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-checkboxes': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-select': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
-        opened: {
+        'opened': {
             value: 'opened',
-            label: '弹出状态',
+            label: '弹出状态'
         },
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
     },
     'u-cascader': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'u-tree-select-new': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'van-radio-group': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'van-checkbox-group': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'van-pickerson': {
-        pvalue: {
+        'pvalue': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
     },
     'van-cascader': {
-        value: {
+        'value': {
             value: 'value',
-            label: '选中值',
+            label: '选中值'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'van-list-view': {
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'van-grid-view': {
         'page-size': {
             value: 'size',
-            label: '分页大小',
+            label: '分页大小'
         },
         'page-number': {
             value: 'page',
-            label: '当前页数',
+            label: '当前页数'
         },
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
     'van-for-components': {
         'data-source': {
             value: 'data',
-            label: '数据',
+            label: '数据'
         },
     },
 };