@lcap/nasl 3.7.1-beta.1 → 3.7.2-alpha.1

package/out/concepts/ViewElement__.js

@@ -47,7 +47,22 @@ const utils_1 = require("../utils");
 /**
  * 自闭合标签
  */
-const selfClosingTag = ['base', 'meta', 'area', 'embed', 'link', 'img', 'input', 'param', 'hr', 'br', 'source', 'track', 'wbr', 'col'];
+const selfClosingTag = [
+    'base',
+    'meta',
+    'area',
+    'embed',
+    'link',
+    'img',
+    'input',
+    'param',
+    'hr',
+    'br',
+    'source',
+    'track',
+    'wbr',
+    'col',
+];
 function genArgumentMemberExpression(arr) {
     let expressionNode;
     const propertyName = arr.pop();
@@ -93,7 +108,9 @@ function transAstNodeToNaslNode(astNode, namespace) {
                 expression: transAstNodeToNaslNode(Object.assign({}, argument)),
             }))
                 .filter((item) => item.expression),
-            typeArguments: astNode.arguments.map((argument) => transAstNodeToNaslTypeNode(Object.assign({}, argument))).filter((item) => item),
+            typeArguments: astNode.arguments
+                .map((argument) => transAstNodeToNaslTypeNode(Object.assign({}, argument)))
+                .filter((item) => item),
         };
     }
     else if (astNode.type === 'MemberExpression') {
@@ -293,26 +310,6 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
          * 页面元素名称
          */
         this.name = '';
-        /**
-         * 静态 class 名
-         */
-        this.staticClass = null;
-        /**
-         * 静态 style
-         */
-        this.staticStyle = null;
-        /**
-         * 权限资源描述
-         */
-        this.authDescription = null;
-        /**
-         * 插槽目标
-         */
-        this.slotTarget = null;
-        /**
-         * 插槽 scope 表达式
-         */
-        this.slotScope = null;
         /**
          * 元素绑定属性列表
          */
@@ -376,7 +373,9 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
     }
     getBindAttributeExistingNames(excludedList = []) {
         const excludedSet = new Set(excludedList);
-        return (this.bindAttrs || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+        return (this.bindAttrs || [])
+            .filter((item) => !excludedSet.has(item))
+            .map((item) => item.name);
     }
     getBindAttributeUniqueName(name = 'bindAttribute1') {
         return utils.unique(name, this.getBindAttributeExistingNames(), undefined, false);
@@ -498,7 +497,9 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
     }
     getBindDirectiveExistingNames(excludedList = []) {
         const excludedSet = new Set(excludedList);
-        return (this.bindDirectives || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+        return (this.bindDirectives || [])
+            .filter((item) => !excludedSet.has(item))
+            .map((item) => item.name);
     }
     getBindDirectiveUniqueName(name = 'bindDirective1') {
         return utils.unique(name, this.getBindDirectiveExistingNames(), undefined, false);
@@ -766,7 +767,9 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
     get parentAuth() {
         const _nameSpace = this.view.getNamespace();
         const mainViewName = _nameSpace.split('.')[2];
-        return this.view.parentNode.concept === 'App' ? this.view.auth : this.frontend.views.find((item) => item.name === mainViewName)?.auth;
+        return this.view.parentNode.concept === 'App'
+            ? this.view.auth
+            : this.frontend.views.find((item) => item.name === mainViewName)?.auth;
     }
     // IDE内展示需要屏蔽掉“系统统一路径前缀”
     get uiPath() {
@@ -949,7 +952,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             }
             return t;
         };
-        const hasDataSource = config_1.config?.allNodesAPI?.[self.tag]?.props?.findIndex((prop) => ['dataSource', 'data-source'].includes(prop.name)) > -1;
+        const hasDataSource = config_1.config?.allNodesAPI?.[self.tag]?.props?.findIndex((prop) => ['dataSource', 'data-source'].includes(prop.name)) >
+            -1;
         // 有数据源属性的组件 才需要生成 item
         if (hasDataSource && T) {
             const key = T1 ? '__columnItem' : '__item';
@@ -1129,7 +1133,9 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
                 if (attr && attr.expression) {
                     const datasourceName = `datasourceName${element.name}`;
                     element.__tsDataSourceTypeName = datasourceName;
-                    if (asserts.isMemberExpression(attr.expression) || asserts.isIdentifier(attr.expression) || asserts.isCallLogic(attr.expression)) {
+                    if (asserts.isMemberExpression(attr.expression) ||
+                        asserts.isIdentifier(attr.expression) ||
+                        asserts.isCallLogic(attr.expression)) {
                         const extraParams = {
                             tabSize: 4,
                             inline: true,
@@ -1210,7 +1216,9 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             return tsName;
         };
         // 过滤模板的登录中的一些翻译，这里只过滤h5表格中的两个列
-        if ((parentNode.concept === 'ViewElement' && parentNode.tag && this.toHump(parentNode.tag) === 'lcapLogin') ||
+        if ((parentNode.concept === 'ViewElement' &&
+            parentNode.tag &&
+            this.toHump(parentNode.tag) === 'lcapLogin') ||
             staticClass === 'login-cell') {
             return '';
         }
@@ -1365,8 +1373,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
                 // 翻译其余的子元素
                 if (defaultArr.length) {
                     code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                    const hasScope = defaultArr.some(x => x.haveScope());
-                    const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : "";
+                    const hasScope = defaultArr.some((x) => x.haveScope());
+                    const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : '';
                     const levelIndexDelta = Number(hasScope);
                     code += `slotDefault: (${param}) => [\n`;
                     yield* (0, time_slicing_1.wrapForEachToGenerator)(defaultArr, function* warpForEachGenerator(element) {
@@ -1382,8 +1390,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             }
             else if (children?.length) {
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                const hasScope = children.some(x => x.haveScope());
-                const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : "";
+                const hasScope = children.some((x) => x.haveScope());
+                const param = hasScope ? `current${levelIndex === 0 ? '' : levelIndex}` : '';
                 const levelIndexDelta = Number(hasScope);
                 code += `slotDefault: (${param}) => [\n`;
                 yield* (0, time_slicing_1.wrapForEachToGenerator)(children, function* warpForEachGenerator(element) {
@@ -1428,7 +1436,7 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             this.children.forEach((element) => {
                 if (element.tag === 'template') {
                     if (element.children.length) {
-                        code += `${(0, translator_1.indent)(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget)}: (${element.slotScope || ''}) => [\n`;
+                        code += `${(0, translator_1.indent)(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget || '')}: (${element.slotScope || ''}) => [\n`;
                         element.children.forEach((element) => {
                             code += element.toNaturalTS((0, translator_1.shiftState)(state, code, {
                                 tabSize: state.tabSize + 2,
@@ -1491,7 +1499,7 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             // 先把插槽翻译了
             this.children.forEach((element) => {
                 if (element.tag === 'template' && element.children.length) {
-                    code += `${(0, translator_1.indent)(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget)} = { (${element.slotScope || ''}) => [\n`;
+                    code += `${(0, translator_1.indent)(state.tabSize + 1)}slot${utils.firstUpperCase(element.slotTarget || '')} = { (${element.slotScope || ''}) => [\n`;
                     // code += element.toTextualNASL(
                     //   shiftState(state, code, {
                     //     tabSize: state.tabSize + 2,
@@ -1500,9 +1508,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
                     element.children.forEach((element) => {
                         code += element.toTextualNASL((0, translator_1.shiftState)(state, code, {
                             tabSize: state.tabSize + 2,
-                        })
-                        // levelIndex,
-                        );
+                        }));
+                        code += ',\n';
                     });
                     code += `${(0, translator_1.indent)(state.tabSize + 1)}] },\n`;
                 }
@@ -1512,15 +1519,13 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             });
             // 翻译其余的子集
             if (defaultArr.length) {
-                throw new Error('多个插槽必须都在 template 内');
-                // defaultArr.forEach((element) => {
-                //   code += element.toTextualNASL(
-                //     shiftState(state, code, {
-                //       tabSize: state.tabSize,
-                //     }),
-                //     // levelIndex,
-                //   );
-                // });
+                // throw new Error('多个插槽必须都在 template 内');
+                defaultArr.forEach((element) => {
+                    code += element.toTextualNASL((0, translator_1.shiftState)(state, code, {
+                        tabSize: state.tabSize,
+                    }));
+                    code += ',\n';
+                });
             }
         }
         else {
@@ -1529,9 +1534,7 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
                 this.children.forEach((element) => {
                     code += element.toTextualNASL((0, translator_1.shiftState)(state, code, {
                         tabSize: state.tabSize + 2,
-                    })
-                    // levelIndex,
-                    );
+                    }));
                     code += ',\n';
                 });
                 code += `${(0, translator_1.indent)(state.tabSize + 1)}] },\n`;
@@ -1659,7 +1662,18 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
         const view = context?.view;
         // 临时处理组件的 text
         //h5-mock
-        if (['u-text', 'van-text', 'u-link', 'u-button', 'u-label', 'u-radio', 'u-checkbox', 'u-navbar-item', 'u-sidebar-item', 'u-menu-item'].includes(astNode.tag) &&
+        if ([
+            'u-text',
+            'van-text',
+            'u-link',
+            'u-button',
+            'u-label',
+            'u-radio',
+            'u-checkbox',
+            'u-navbar-item',
+            'u-sidebar-item',
+            'u-menu-item',
+        ].includes(astNode.tag) &&
             astNode.children.length === 1 &&
             astNode.children[0].type === 3) {
             astNode.attrs = astNode.attrs || [];
@@ -1925,7 +1939,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             finalCode: false,
             nodePathAttr: true,
             attrFormat: (attr, element, defaultResult) => {
-                if (attr.concept === 'BindAttribute' && !['href', 'destination', 'externalDestination', 'download'].includes(attr.name)) {
+                if (attr.concept === 'BindAttribute' &&
+                    !['href', 'destination', 'externalDestination', 'download'].includes(attr.name)) {
                     const api = config_1.config?.allNodesAPI?.[element.tag];
                     const apiOfAttr = api && api.props && api.props.find((_attr) => _attr.name === attr.name);
                     if (['u-form-item', 'u-validator', 'van-field'].includes(element.tag) && attr.name === 'rules') {
@@ -1958,7 +1973,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
                         attr?.expression?.object?.namespace?.endsWith('.property')) {
                         return `${attr.name}="{{ ${attr.expression.toUI()} }}"`;
                     }
-                    if (attr.type === 'dynamic' && !(element.tag === 'u-cascade-select' && attr.name === 'categories'))
+                    if (attr.type === 'dynamic' &&
+                        !(element.tag === 'u-cascade-select' && attr.name === 'categories'))
                         return defaultResult.replace(/:?([\w-]+)(?:.*?)="([\s\S]*)"/, (m, name, value) => {
                             try {
                                 const tempValue = json5.parse(value);
@@ -2176,14 +2192,16 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
         this.keyName && parts.push(`:key="\`${this.keyName}\`"`);
         this.staticClass && parts.push(`class="${this.staticClass}"`);
         const vIfs = [];
-        [].concat(this.bindAttrs, this.bindDirectives, this.bindEvents).forEach((attr) => {
+        []
+            .concat(this.bindAttrs, this.bindDirectives, this.bindEvents)
+            .forEach((attr) => {
             let result = newOptions.attrFormat(attr, this, attr?.toVue(newOptions));
-            if (options?.isExport
-                && attr?.concept === 'BindAttribute'
-                && attr?.name === 'src'
-                && /^\/assets\/(.*?)$/.test(attr?.value)
+            if (options?.isExport &&
+                attr?.concept === 'BindAttribute' &&
+                attr?.name === 'src' &&
+                /^\/assets\/(.*?)$/.test(attr?.value) &&
                 // && attr.value.includes('/assets/')
-                && this.app?.sysPrefixPath?.length > 0) {
+                this.app?.sysPrefixPath?.length > 0) {
                 result = result?.replace('/assets/', `${this.app?.sysPrefixPath}/assets/`);
             }
             // v-auth v-if 都翻译成 v-if
@@ -2211,7 +2229,8 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             });
         }
         // 部分组件增加 key 唯一标识，防止 vue 判断重复节点，导致渲染异常
-        if (this.name && ['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'u-form', 'u-select'].includes(this.tag)) {
+        if (this.name &&
+            ['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'u-form', 'u-select'].includes(this.tag)) {
             this.name && parts.push(`key="${this.name}"`);
         }
         let tag = this.tag;
@@ -2278,7 +2297,10 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
             partsString += ' ' + part;
             partsLength += part.length;
         });
-        let htmlContent = `<${tag}${partsString.length ? partsString : ''}>` + content + (shouldIndent ? '\n' + tabString : '') + `</${tag}>`;
+        let htmlContent = `<${tag}${partsString.length ? partsString : ''}>` +
+            content +
+            (shouldIndent ? '\n' + tabString : '') +
+            `</${tag}>`;
         if (!content.trim() && selfClosingTag.includes(tag)) {
             htmlContent = `<${tag}${partsString.length ? partsString : ''} />`;
         }
@@ -2504,7 +2526,9 @@ let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
      * 是否是流程表单
      */
     isProcessForm() {
-        return this.tag.endsWith('-form') && this.getBindAttribute('id')?.value === 'dynamicRenderContainer' && this.getBindAttribute('processPrefix');
+        return (this.tag.endsWith('-form') &&
+            this.getBindAttribute('id')?.value === 'dynamicRenderContainer' &&
+            this.getBindAttribute('processPrefix'));
     }
 };
 /** 类名 */
@@ -2521,39 +2545,25 @@ __decorate([
     (0, decorators_1.property)('concept')
 ], ViewElement.prototype, "concept", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "tag", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "name", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "staticClass", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "staticStyle", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "authDescription", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "slotTarget", void 0);
 __decorate([
-    (0, decorators_1.property)({
-        objectRef: '',
-    })
+    (0, decorators_1.property)()
 ], ViewElement.prototype, "slotScope", void 0);
 __decorate([
     (0, decorators_1.property)({
@@ -2578,7 +2588,6 @@ __decorate([
 ], ViewElement.prototype, "bindDirectives", void 0);
 __decorate([
     (0, decorators_1.property)({
-        objectRef: '',
         isArray: true,
         defaultValue: [],
     })