@lcap/nasl 3.3.0-alpha.2 → 3.3.0-beta.0

package/out/concepts/View__.js

@@ -33,10 +33,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var View_1;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.View = void 0;
+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__"));
@@ -46,7 +45,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 classMap_1 = __importDefault(require("../common/classMap"));
+const ViewElement__1 = __importDefault(require("./ViewElement__"));
 const Param__1 = __importDefault(require("./Param__"));
 const Variable__1 = __importDefault(require("./Variable__"));
 const Logic__1 = __importDefault(require("./Logic__"));
@@ -54,55 +53,71 @@ const BindEvent__1 = __importDefault(require("./BindEvent__"));
 /**
  * 页面
  */
-let View = View_1 = class View extends BaseNode_1.default {
+let View = View_1 = 
+// @ts-ignore
+class View extends BaseNode_1.default {
+    /** 类名 */
+    static ConceptName = 'View';
     /**
      * 产品概念
      */
-    concept = 'View';
+    // @ts-ignore
+    concept;
     /**
      * 页面模板 Id
      */
-    pageTemplateId = undefined;
+    // @ts-ignore
+    pageTemplateId;
     /**
      * 页面名称
      */
-    name = undefined;
+    // @ts-ignore
+    name;
     /**
      * 唯一标识
      */
-    uuid = undefined;
+    // @ts-ignore
+    uuid;
     /**
      * 页面标题
      */
-    title = undefined;
+    // @ts-ignore
+    title;
     /**
      * 面包屑
      */
-    crumb = undefined;
+    // @ts-ignore
+    crumb;
     /**
      * 权限控制
      */
-    auth = undefined;
+    // @ts-ignore
+    auth;
     /**
      * 权限资源描述
      */
-    authDescription = undefined;
+    // @ts-ignore
+    authDescription;
     /**
      * 是否是默认跳转的页面
      */
-    isIndex = undefined;
+    // @ts-ignore
+    isIndex;
     /**
      * 未解析的模板代码
      */
-    template = undefined;
+    // @ts-ignore
+    template;
     /**
      * 未解析的逻辑代码
      */
-    script = undefined;
+    // @ts-ignore
+    script;
     /**
      * 未解析的样式代码
      */
-    style = undefined;
+    // @ts-ignore
+    style;
     /**
      * 页面元素列表
      */
@@ -153,14 +168,10 @@ let View = View_1 = class View extends BaseNode_1.default {
      * @param source 需要合并的部分参数
      */
     constructor(source) {
-        // @ts-ignore
-        source = { ...View_1.getDefaultOptions(), ...source };
+        source = Object.assign({}, View_1.getDefaultOptions(), source);
         super(source);
         super.subConstructor(source);
     }
-    getClassName() {
-        return 'View';
-    }
     static from(source, parentNode, parentKey) {
         return super.from(source, parentNode, parentKey);
     }
@@ -588,7 +599,7 @@ let View = View_1 = 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 {
@@ -597,7 +608,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         return viewElement.delete();
     }
     __removeViewElement(viewElement) {
-        const { parentKey } = viewElement;
+        const parentKey = viewElement.parentKey;
         const params = {
             parentNode: this,
             parentKey,
@@ -624,7 +635,7 @@ let View = View_1 = 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 {
@@ -633,7 +644,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         return param.delete();
     }
     __removeParam(param) {
-        const { parentKey } = param;
+        const parentKey = param.parentKey;
         const params = {
             parentNode: this,
             parentKey,
@@ -660,7 +671,7 @@ let View = View_1 = 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 {
@@ -669,7 +680,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         return variable.delete();
     }
     __removeVariable(variable) {
-        const { parentKey } = variable;
+        const parentKey = variable.parentKey;
         const params = {
             parentNode: this,
             parentKey,
@@ -696,7 +707,7 @@ let View = View_1 = 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 {
@@ -705,7 +716,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         return logic.delete();
     }
     __removeLogic(logic) {
-        const { parentKey } = logic;
+        const parentKey = logic.parentKey;
         const params = {
             parentNode: this,
             parentKey,
@@ -732,7 +743,7 @@ let View = View_1 = 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 {
@@ -741,7 +752,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         return bindEvent.delete();
     }
     __removeBindEvent(bindEvent) {
-        const { parentKey } = bindEvent;
+        const parentKey = bindEvent.parentKey;
         const params = {
             parentNode: this,
             parentKey,
@@ -768,7 +779,7 @@ let View = View_1 = 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 {
@@ -777,7 +788,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         return view.delete();
     }
     __removeView(view) {
-        const { parentKey } = view;
+        const parentKey = view.parentKey;
         const params = {
             parentNode: this,
             parentKey,
@@ -799,10 +810,10 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return params;
     }
-    //= ===============================================================================
+    //================================================================================
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
-    //= ===============================================================================
+    //================================================================================
     /* 主页面有没有权限 */
     get parentAuth() {
         const _nameSpace = this.getTsNamespace();
@@ -941,10 +952,14 @@ let View = View_1 = class View extends BaseNode_1.default {
             definition.viewLogics.forEach((logicOption) => {
                 // 页面逻辑只有load函数的走之前的逻辑其余不用创建
                 if (logicOption.name.startsWith('load')) {
-                    const logic = Logic__1.default.from({
-                        ...logicOption,
-                    }, this, 'logics');
-                    this.addLogic(logic);
+                    // const logic = Logic.from(
+                    //   {
+                    //     ...logicOption,
+                    //   },
+                    //   this,
+                    //   'logics'
+                    // );
+                    // this.addLogic(logic);
                 }
             });
         }
@@ -1026,6 +1041,8 @@ let View = View_1 = class View extends BaseNode_1.default {
      * @TODO 这一版先做成 componentOptions 式的，后面再美化
      */
     genScript() {
+        const componentList = [];
+        this.elementsAttrs(this.elements, componentList);
         const definition = {
             params: this.params,
             variables: this.variables,
@@ -1037,6 +1054,7 @@ let View = View_1 = class View extends BaseNode_1.default {
             auth: this.auth ? 'loginAuth' : undefined,
             viewBindEvents: this.getViewBindEvents(),
             viewExpressions: this.getViewExpressions(),
+            elements: componentList,
         };
         let code = '';
         let mixin = '';
@@ -1177,7 +1195,20 @@ let View = View_1 = class View extends BaseNode_1.default {
             });
         }
     }
-    toEmbeddedTS(state = (0, translator_1.createCompilerState)()) {
+    // 获取当前element，铺平
+    elementsAttrs(elements, componentList) {
+        if (elements) {
+            elements.forEach((item) => {
+                if (exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                    componentList.push(item);
+                }
+                if (item.children.length > 0) {
+                    this.elementsAttrs(item.children, componentList);
+                }
+            });
+        }
+    }
+    toEmbeddedTS(state) {
         function chineseTsName(name) {
             let tsName = name;
             // 匹配所有特殊字符都转为_
@@ -1254,7 +1285,9 @@ let View = View_1 = 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);
                     }
@@ -1270,7 +1303,9 @@ let View = View_1 = 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';
@@ -1285,6 +1320,32 @@ let View = View_1 = 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 += `__elements_completionProperty {\n`;
+            const componentList = [];
+            this.elementsAttrs(this.elements, componentList);
+            const variableList = [];
+            this.elements.forEach((item) => {
+                code += item.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList);
+            });
+            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`;
+        }
         // 逻辑
         if (Array.isArray(this.logics) && this.logics.length) {
             code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
@@ -1335,65 +1396,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         code += `${(0, translator_1.indent)(state?.tabSize || 0)}}\n`;
         return code;
     }
-    toNaturalTS(state = (0, translator_1.createCompilerState)(), currentNode) {
-        let code = `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';
-            code += currentNode.toNaturalTS((0, translator_1.shiftState)(state, code, {
-                tabSize: state.tabSize + 1,
-            }), 'noExport');
-            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');
-                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, {
@@ -1519,15 +1521,20 @@ let View = View_1 = class View extends BaseNode_1.default {
         this.elements.forEach((item) => {
             utils.traverse((current) => {
                 const { node } = current;
-                /// / 处理三种情况
-                // if (
-                //    ['BindAttribute', 'BindDirective', 'BindStyle'].includes(node.concept)
-                //    && node.needReplaceWithIdentifier
-                // ) {
-                //    bindExpressions.push(node);
-                // }
-                if (node.concept === 'Match') {
-                    bindExpressions.push(node);
+                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);
+                    }
                 }
             }, {
                 node: item,
@@ -1620,7 +1627,7 @@ let View = View_1 = class View extends BaseNode_1.default {
     }
     getRightCode(code, assignment, rightNode) {
         code = code.replaceAll('\n', ' ');
-        const { logic } = assignment;
+        const logic = assignment.logic;
         const logicRtn = logic?.returns[0];
         // 调用接口，参数替换成 null
         if (rightNode instanceof CallInterface__1.default) {
@@ -1654,7 +1661,8 @@ let View = View_1 = 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) {
@@ -1687,7 +1695,9 @@ let View = View_1 = 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;
@@ -1721,15 +1731,12 @@ let View = View_1 = 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);
@@ -1787,17 +1794,217 @@ __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: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-grid-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-list-components': {
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-table-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        sorting: {
+            value: 'sort',
+            label: '排序属性',
+        },
+        value: {
+            value: 'value',
+            label: '单选选中值',
+        },
+        values: {
+            value: 'values',
+            label: '多选选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-radios': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-checkboxes': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-select': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+        opened: {
+            value: 'opened',
+            label: '弹出状态',
+        },
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+    },
+    'u-cascader': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'u-tree-select-new': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-radio-group': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-checkbox-group': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-pickerson': {
+        pvalue: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+    },
+    'van-cascader': {
+        value: {
+            value: 'value',
+            label: '选中值',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-list-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-grid-view': {
+        'page-size': {
+            value: 'size',
+            label: '分页大小',
+        },
+        'page-number': {
+            value: 'page',
+            label: '当前页数',
+        },
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+    'van-for-components': {
+        'data-source': {
+            value: 'data',
+            label: '数据',
+        },
+    },
+};
 //# sourceMappingURL=View__.js.map