@lcap/nasl 3.7.3-beta.1 → 3.8.0-beta.2

package/out/concepts/ViewElement__.js

@@ -40,6 +40,8 @@ const concepts_1 = require("../concepts");
 const babelParser = __importStar(require("@babel/parser"));
 const json5 = __importStar(require("json5"));
 const compiler = __importStar(require("vue-template-compiler"));
+const BooleanLiteral__1 = require("./BooleanLiteral__");
+const StringLiteral__1 = require("./StringLiteral__");
 const LogicItem__1 = require("./LogicItem__");
 const Logic__1 = require("./Logic__");
 const config_1 = require("../config");
@@ -92,6 +94,15 @@ function transAstNodeToNaslNode(astNode, namespace) {
     let node = null;
     if (astNode.type === 'CallExpression' && astNode.callee.object.name === '$utils') {
         const calleeName = astNode.callee.property.name || astNode.callee.property.value;
+        const _arguments = astNode.arguments
+            .map((argument) => ({
+            concept: 'Argument',
+            name: '',
+            kind: 'Statement',
+            keyword: '',
+            expression: transAstNodeToNaslNode(Object.assign({}, argument)),
+        }))
+            .filter((item) => item.expression), _typeArguments = astNode.arguments.map((argument) => transAstNodeToNaslTypeNode(Object.assign({}, argument))).filter((item) => item);
         node = {
             concept: 'CallFunction',
             name: '',
@@ -99,19 +110,15 @@ function transAstNodeToNaslNode(astNode, namespace) {
             kind: 'Expression',
             calleeNamespace: 'nasl.util',
             calleeName,
-            arguments: astNode.arguments
-                .map((argument) => ({
-                concept: 'Argument',
-                name: '',
-                kind: 'Statement',
-                keyword: '',
-                expression: transAstNodeToNaslNode(Object.assign({}, argument)),
-            }))
-                .filter((item) => item.expression),
-            typeArguments: astNode.arguments
-                .map((argument) => transAstNodeToNaslTypeNode(Object.assign({}, argument)))
-                .filter((item) => item),
+            arguments: _arguments,
+            typeArguments: _typeArguments,
         };
+        if (calleeName === 'Convert') {
+            node.arguments = [_arguments[0]];
+            if (_typeArguments.length === 0 && _arguments?.length === 2) {
+                node.typeArguments = [_arguments?.[1].expression];
+            }
+        }
     }
     else if (astNode.type === 'MemberExpression') {
         if (astNode.object?.name === '$global') {
@@ -152,13 +159,23 @@ function transAstNodeToNaslNode(astNode, namespace) {
             kind: 'Expression',
         };
     }
-    else if (astNode.type === 'ArrayExpression' || astNode.type === 'ObjectExpression') {
+    else if (astNode.type === 'ArrayExpression') {
         node = {
             concept: 'Unparsed',
             label: '原子项',
             code: astNode.value,
         };
     }
+    else if (astNode.type === 'ObjectExpression') {
+        const properties = astNode.properties.map((property) => ({
+            key: property.key.value,
+            value: property.value.value,
+        }));
+        node = {};
+        properties.forEach((property) => {
+            node[property.key] = property.value;
+        });
+    }
     else if (astNode.type === 'TemplateLiteral') {
         // 模板字符串翻译成字符串插值
         const { expressions, quasis } = astNode;
@@ -295,11 +312,12 @@ const decorators_1 = require("../decorators");
 const utils = __importStar(require("../utils"));
 const create_1 = require("../utils/create");
 const asserts = __importStar(require("./utils/asserts"));
-const BaseNode_1 = __importDefault(require("../common/BaseNode"));
+const BindDirective__1 = __importDefault(require("./BindDirective__"));
+const Annotatable__1 = __importDefault(require("./Annotatable__"));
 /**
  * 页面元素
  */
-let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
+let ViewElement = ViewElement_1 = class ViewElement extends Annotatable__1.default {
     /**
      * @param source 需要合并的部分参数
      */
@@ -1509,7 +1527,6 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
                         code += element.toTextualNASL((0, translator_1.shiftState)(state, code, {
                             tabSize: state.tabSize + 2,
                         }));
-                        code += ',\n';
                     });
                     code += `${(0, translator_1.indent)(state.tabSize + 1)}] },\n`;
                 }
@@ -1519,13 +1536,15 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             });
             // 翻译其余的子集
             if (defaultArr.length) {
-                // throw new Error('多个插槽必须都在 template 内');
-                defaultArr.forEach((element) => {
-                    code += element.toTextualNASL((0, translator_1.shiftState)(state, code, {
-                        tabSize: state.tabSize,
-                    }));
-                    code += ',\n';
-                });
+                throw new Error('多个插槽必须都在 template 内');
+                // defaultArr.forEach((element) => {
+                //   code += element.toTextualNASL(
+                //     shiftState(state, code, {
+                //       tabSize: state.tabSize,
+                //     }),
+                //     // levelIndex,
+                //   );
+                // });
             }
         }
         else {
@@ -2191,11 +2210,23 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
         this.refName && parts.push(`:ref="\`${this.refName}\`"`);
         this.keyName && parts.push(`:key="\`${this.keyName}\`"`);
         this.staticClass && parts.push(`class="${this.staticClass}"`);
+        let dataRefList = [];
         const vIfs = [];
         []
             .concat(this.bindAttrs, this.bindDirectives, this.bindEvents)
             .forEach((attr) => {
             let result = newOptions.attrFormat(attr, this, attr?.toVue(newOptions));
+            // 属性翻译为指令 ：仅封闭态流程表单内使用
+            if (options?.filterAttr
+                && options?.filterAttr?.length > 0
+                && attr.concept === 'BindAttribute'
+                && attr.name === 'processHidden') {
+                options?.filterAttr.map(filterAttrName => {
+                    if (attr.name === filterAttrName) {
+                        result = null;
+                    }
+                });
+            }
             if (options?.isExport &&
                 attr?.concept === 'BindAttribute' &&
                 attr?.name === 'src' &&
@@ -2213,6 +2244,138 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             }
             result && parts.push(result);
         });
+        const genDirectiveByAnno = (viewElement) => {
+            if (viewElement?.applyAnnotations?.length > 0) {
+                // todo: 根据注解生成自定义指令 v-annoName="context"
+                // 血缘算法要生成一个所有的 Entity-ViewElement 的映射map
+                // context 从 血缘算法映射获取 getRelataionByElement()
+                return viewElement.applyAnnotations.map((aa) => {
+                    const getExpressionValue = (expression) => {
+                        if (expression?.concept === 'BooleanLiteral') {
+                            return BooleanLiteral__1.BooleanLiteral.from(expression)?.toBoolean();
+                        }
+                        if (expression?.concept === 'NewList') {
+                            return eval(expression.toUI().replace('新建：', ''));
+                        }
+                        return expression?.value;
+                    };
+                    let argsList = aa.arguments.map((arg) => getExpressionValue(arg.expression));
+                    let annoArgs = {
+                        argsList,
+                        dataRefList,
+                    };
+                    // debugger
+                    // 所有参数序列化之后当字符串传进指令参数 （目前不支持<div v-demo="{ color: 'white', text: 'hello!' }"></div>
+                    let expression = StringLiteral__1.StringLiteral.from({
+                        concept: 'StringLiteral',
+                        kind: 'Expression',
+                        name: '',
+                        value: JSON.stringify(annoArgs),
+                    });
+                    let annoDirective = BindDirective__1.default.from({
+                        name: aa.annotationName,
+                        // arg:'arg',
+                        expression,
+                    });
+                    return annoDirective;
+                });
+            }
+        };
+        let isH5ListViewLayout = this?.tag === 'van-cell' && this.getAncestorByTag('ViewElement', 'van-list-view');
+        let isListViewLayout = this?.tag === 'u-linear-layout' && this.getAncestorByTag('ViewElement', 'u-list-view');
+        let isGridViewLayout = this?.tag === 'u-linear-layout' && this.getAncestorByTag('ViewElement', 'u-grid-view');
+        const getLogicDataRef = (viewElement) => {
+            //  自上向下查找,  指令需要翻译到绑定值元素的上级父元素
+            // 这个元素需要满足 1 向下能找到 绑定了值的表单子元素
+            // 2 向上能找到 固定的几种表单元素 且带有dataSource 并找到对应的calllogic name
+            let targetTag = ['u-table-view-column']; //'u-form-item' 逻辑无法感知到表单绑定值的变更
+            let logicName;
+            const addDataRefDriective = (ve) => {
+                ve?.bindAttrs?.find((attr) => {
+                    let type = attr?.expression?.object?.__TypeAnnotation;
+                    if (type) {
+                        console.log('type: ', type);
+                        let { typeKind, typeName, typeNamespace } = type || {};
+                        // todo 这里可能不是匿名数据结构吗
+                        if (typeKind === 'anonymousStructure') {
+                            let parent = this.getAncestorByTag('ViewElement', 'u-table-view') ||
+                                this.getAncestorByTag('ViewElement', 'u-list-view') ||
+                                this.getAncestorByTag('ViewElement', 'u-grid-view') ||
+                                this.getAncestorByTag('ViewElement', 'van-grid-view') ||
+                                this.getAncestorByTag('ViewElement', 'van-list-view');
+                            if (parent?.tag) {
+                                let dataSourceAttr = parent?.bindAttrs?.find((it) => it?.name === 'dataSource');
+                                if (dataSourceAttr?.expression?.concept === 'CallLogic') {
+                                    if (dataSourceAttr?.expression?.calleeNamespace === 'app.logics') {
+                                        logicName = dataSourceAttr?.expression?.calleeName;
+                                        //  debugger
+                                        let ref = {
+                                            typeNamespace: 'app.logics',
+                                            typeName: logicName,
+                                            propName: attr?.expression.toUI()?.replace('current.item.', ''),
+                                        };
+                                        console.log('ref: ', ref);
+                                        dataRefList.push(ref);
+                                        // 要考虑 多个元素 每个元素有多个注解的情况
+                                        let result = genDirectiveByAnno(viewElement)?.map((d) => d?.toVue());
+                                        result && result?.length > 0 && parts.push(...result);
+                                    }
+                                }
+                            }
+                        }
+                    }
+                });
+            };
+            // 特殊的 'van-text' 'van-grid-view' 默认没有线性布局包裹 文本
+            if (viewElement?.tag === 'van-text') {
+                addDataRefDriective(viewElement);
+            }
+            if (targetTag.includes(viewElement?.tag) || isH5ListViewLayout || isGridViewLayout || isListViewLayout) {
+                this.traverseChildren((ve) => {
+                    addDataRefDriective(ve);
+                });
+            }
+        };
+        // 已知问题: 逻辑的表格可以推导 表单无法推导(如果是实体拖过来的 还是指向实体)
+        // 已知问题: 目前采用隐藏父元素的方式; 后续有任何 tag 或者结构更改都不生效
+        getLogicDataRef(this);
+        const getEntityDataRef = (viewElement) => {
+            // 这个类型都是 默认找到子元素的数据引用  然后加到自己的指令上
+            let targetTag = ['u-table-view-column', 'u-form-item'];
+            const addDataRefDriective = (ve) => {
+                ve?.bindAttrs?.find((attr) => {
+                    let type = attr?.expression?.object?.__TypeAnnotation;
+                    if (type) {
+                        let { typeKind, typeName, typeNamespace } = type || {};
+                        if (typeKind === 'reference' && typeNamespace) {
+                            let entityPropName = attr?.expression?.property?.name;
+                            // debugger;
+                            let ref = {
+                                typeNamespace,
+                                typeName,
+                                propName: entityPropName,
+                            };
+                            dataRefList.push(ref);
+                            let result = genDirectiveByAnno(viewElement)?.map((d) => d?.toVue());
+                            result && result?.length > 0 && parts.push(...result);
+                        }
+                        // typeName "Entity1"
+                        // typeNamespace "app.dataSources.defaultDS.entities"
+                    }
+                });
+            };
+            // 特殊的 'van-text' 'van-grid-view' 默认没有线性布局包裹 文本
+            if (viewElement?.tag === 'van-text') {
+                addDataRefDriective(viewElement);
+            }
+            if (targetTag.includes(viewElement?.tag) || isH5ListViewLayout || isGridViewLayout || isListViewLayout) {
+                this.traverseChildren((ve) => addDataRefDriective(ve));
+            }
+            // 数据网格: 指令单元是线性布局 (数据列表结构也一样)
+            // 1 向下能找到 一个绑定了数据源的元素
+            // 2 向上是线性布局 卡片 template gridView
+        };
+        getEntityDataRef(this);
         if (vIfs.length === 2)
             parts.push(`v-if="(${vIfs[0]}) && (${vIfs[1]})"`);
         else if (vIfs.length === 1)
@@ -2284,6 +2447,21 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             staticStyle = staticStyle.replace(/url\('\/assets\/(.*?)'\)/, `url('${this.app.sysPrefixPath}/assets/$1')`);
         }
         staticStyle && parts.push(`style="${staticStyle}"`);
+        // input hidden属性 要翻译到上级元素的 栅格列的if指令
+        // 从父查子 若有hidden 直接输出null
+        if (this?.name?.includes('grid_layout_column')
+            && !(options?.filterAttr && options?.filterAttr?.length > 0)) {
+            let checkHiddenAttr = (it) => it?.bindAttrs?.find((attr) => attr?.name === 'processHidden');
+            let getHiddenChild = (el) => {
+                return el.children?.find((it) => {
+                    return it.children?.find((item) => checkHiddenAttr(item));
+                    //return checkHiddenAttr(it)
+                });
+            };
+            if (getHiddenChild(this)) {
+                parts.push(`v-show="window.Vue.prototype.$env.VUE_APP_DESIGNER"`);
+            }
+        }
         if (!content.length) {
             shouldIndent = false;
         }
@@ -2310,14 +2488,7 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
      * 从父级删除该节点
      * @internal
      */
-    delete() {
-        super.delete();
-        if (this.parentNode) {
-            this.traverseChildren((ele) => {
-                this.likeComponent?.removeExistingViewElement(ele);
-            });
-        }
-    }
+    delete() { }
     findElementByName(name) {
         return utils.traverse((current) => {
             if (current.node.name === name)
@@ -2530,6 +2701,13 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             this.getBindAttribute('id')?.value === 'dynamicRenderContainer' &&
             this.getBindAttribute('processPrefix'));
     }
+    getAncestorByTag(concept, tag) {
+        let parentNode = this?.parentNode;
+        while (parentNode && parentNode.concept && !(parentNode.concept === concept && parentNode?.tag === tag)) {
+            parentNode = parentNode.parentNode;
+        }
+        return parentNode;
+    }
 };
 /** 类名 */
 ViewElement.ConceptName = 'ViewElement';
@@ -2539,7 +2717,7 @@ ViewElement.ConceptName = 'ViewElement';
  */
 ViewElement.isAbstract = false;
 /** 继承链 */
-ViewElement.inheritanceChain = ['BaseNode'];
+ViewElement.inheritanceChain = ['Annotatable', 'BaseNode'];
 ViewElement.TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
 __decorate([
     (0, decorators_1.property)('concept')
@@ -2547,6 +2725,9 @@ __decorate([
 __decorate([
     (0, decorators_1.property)()
 ], ViewElement.prototype, "tag", void 0);
+__decorate([
+    (0, decorators_1.property)()
+], ViewElement.prototype, "refNamespace", void 0);
 __decorate([
     (0, decorators_1.property)()
 ], ViewElement.prototype, "name", void 0);