@lcap/nasl 3.7.0-alpha.1 → 3.7.0-beta.1

package/out/concepts/View__.js

@@ -33,13 +33,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var View_1;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = exports.View = void 0;
+exports.getComponentNameFromElementName = exports.FrontendTypeComponentNamePerfixMap = exports.ComponentCompletionPropertyMap = exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = exports.View = void 0;
 const time_slicing_1 = require("../utils/time-slicing");
 const translator_1 = require("../translator");
 const translator_2 = __importDefault(require("../bak/translator"));
 const Structure__1 = require("./Structure__");
 const getBranchCopyUniCode = () => window?.BranchCopyUniCode;
-const removedViewElementCache = {}; // 临时记录删除的页面元素计数的最大值
+const removedViewElementCache = {};
 const decorators_1 = require("../decorators");
 const utils = __importStar(require("../utils"));
 const asserts = __importStar(require("./utils/asserts"));
@@ -54,6 +54,10 @@ let View = View_1 = class View extends BaseNode_1.default {
     constructor(source) {
         source = Object.assign({}, View_1.getDefaultOptions(), source);
         super(source);
+        /**
+         * 页面名称
+         */
+        this.name = '';
         /**
          * 页面元素列表
          */
@@ -89,38 +93,9 @@ let View = View_1 = class View extends BaseNode_1.default {
         this.elementLogicRoot = [];
         super.subConstructor(source);
     }
-    /**
-     * 祖先 Module
-     */
-    get module() {
-        return this.getAncestor('Module');
-    }
-    /**
-     * 祖先 App
-     */
-    get app() {
-        return this.getAncestor('App');
-    }
-    /**
-     * 祖先 Frontend
-     */
-    get frontend() {
-        return this.getAncestor('Frontend');
-    }
     static from(source, parentNode, parentKey) {
         return super.from(source, parentNode, parentKey);
     }
-    /**
-     * 从父级删除该节点
-     * @internal
-     */
-    _delete() {
-        let params = null;
-        if (this.parentNode) {
-            params = this.parentNode?.__removeView?.(this);
-        }
-        return params;
-    }
     /**
      * 设置页面名称
      */
@@ -418,7 +393,7 @@ let View = View_1 = class View extends BaseNode_1.default {
     }
     getBindEventExistingNames(excludedList = []) {
         const excludedSet = new Set(excludedList);
-        return (this.bindEvents || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
+        return (this.bindEvents || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
     }
     getBindEventUniqueName(name = 'bindEvent1') {
         return utils.unique(name, this.getBindEventExistingNames(), undefined, false);
@@ -479,7 +454,7 @@ let View = View_1 = class View extends BaseNode_1.default {
     }
     getViewExistingNames(excludedList = []) {
         const excludedSet = new Set(excludedList);
-        return (this.children || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
+        return (this.children || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
     }
     getViewUniqueName(name = 'view1') {
         return utils.unique(name, this.getViewExistingNames(), undefined, false);
@@ -538,50 +513,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         });
         return node;
     }
-    removeCrumb(options) {
-        let crumb;
-        if (typeof options === 'string') {
-            crumb = this.crumb;
-            if (!crumb) {
-                throw new Error('找不到静态字符串 ' + options);
-            }
-        }
-        else {
-            crumb = options;
-        }
-        return crumb.delete();
-    }
-    __removeStaticString(staticString) {
-        const parentKey = staticString.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: staticString,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = staticString.__v_raw || staticString;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     removeViewElement(options) {
         let viewElement;
         if (typeof options === 'string') {
@@ -595,37 +526,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return viewElement.delete();
     }
-    __removeViewElement(viewElement) {
-        const parentKey = viewElement.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: viewElement,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = viewElement.__v_raw || viewElement;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     removeParam(options) {
         let param;
         if (typeof options === 'string') {
@@ -639,37 +539,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return param.delete();
     }
-    __removeParam(param) {
-        const parentKey = param.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: param,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = param.__v_raw || param;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     removeVariable(options) {
         let variable;
         if (typeof options === 'string') {
@@ -683,37 +552,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return variable.delete();
     }
-    __removeVariable(variable) {
-        const parentKey = variable.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: variable,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = variable.__v_raw || variable;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     removeLogic(options) {
         let logic;
         if (typeof options === 'string') {
@@ -727,37 +565,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return logic.delete();
     }
-    __removeLogic(logic) {
-        const parentKey = logic.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: logic,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = logic.__v_raw || logic;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     removeBindEvent(options) {
         let bindEvent;
         if (typeof options === 'string') {
@@ -771,37 +578,6 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return bindEvent.delete();
     }
-    __removeBindEvent(bindEvent) {
-        const parentKey = bindEvent.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: bindEvent,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = bindEvent?.__v_raw || bindEvent;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q?.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     removeView(options) {
         let view;
         if (typeof options === 'string') {
@@ -815,41 +591,22 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return view.delete();
     }
-    __removeView(view) {
-        const parentKey = view.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: view,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = view.__v_raw || view;
-            if (Array.isArray(t[parentKey])) {
-                // @ts-ignore
-                const index = t[parentKey].findIndex((el) => (el.__v_raw || el) === n);
-                ~index && this[parentKey].splice(index, 1);
-                params.index = index;
-            }
-            else {
-                const q = t[parentKey];
-                if ((q.__v_raw || q) === n) {
-                    params.index = 0;
-                    this[parentKey] = undefined;
-                }
-            }
-        }
-        return params;
-    }
     //================================================================================
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
     //================================================================================
+    /**
+     * 祖先 Module
+     */
+    get module() {
+        return this.getAncestor('Module');
+    }
+    /**
+     * 祖先 Frontend
+     */
+    get frontend() {
+        return this.getAncestor('Frontend');
+    }
     /* 主页面有没有权限 */
     get parentAuth() {
         const _nameSpace = this.getTsNamespace();
@@ -901,7 +658,7 @@ let View = View_1 = class View extends BaseNode_1.default {
             newName = name.replace(/\d*$/, (m) => `_${BranchCopyUniCode}_${m}`);
         }
         // 主分支无 BranchCopyUniCode
-        if (!BranchCopyUniCode && prefix?.at(-1) !== '_') {
+        if (!BranchCopyUniCode && prefix?.slice(-1) !== '_') {
             newName = name.replace(/\d*$/, (m) => `_${m}`);
         }
         const newPrefix = newName.replace(/\d*$/, '');
@@ -936,13 +693,34 @@ let View = View_1 = class View extends BaseNode_1.default {
         }
         return false;
     }
-    mergeBlock({ code, nodePath, position, cb }) {
+    getViewElementByName(name) {
+        let res = null;
+        for (let i = 0; i < (this.elements || []).length; i += 1) {
+            const element = this.elements[i];
+            // eslint-disable-next-line @typescript-eslint/no-loop-func
+            utils.traverse(({ node }) => {
+                if (node.concept === 'ViewElement' && node.name === name) {
+                    res = node;
+                }
+            }, {
+                node: element,
+            });
+            if (res) {
+                break;
+            }
+        }
+        return res;
+    }
+    mergeBlock({ code, nodePath, position, slotTarget, cb, }) {
         const ViewElement = (0, decorators_1.getConceptConstructor)('ViewElement');
         const Logic = (0, decorators_1.getConceptConstructor)('Logic');
         const Param = (0, decorators_1.getConceptConstructor)('Param');
         const Variable = (0, decorators_1.getConceptConstructor)('Variable');
         const BindEvent = (0, decorators_1.getConceptConstructor)('BindEvent');
-        const template = utils.sliceTagContent(code, 'template');
+        let template = utils.sliceTagContent(code, 'template');
+        if (slotTarget) {
+            template = `<template #${slotTarget}>${template}</template>`;
+        }
         let targetNode = this.app.findNodeByPath(nodePath);
         let parentNode = position === 'append' ? targetNode : targetNode.parentNode;
         if (parentNode.concept === 'View') {
@@ -1121,7 +899,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         const componentListExtra = [];
         this.elementsAttrs(this.elements, componentList);
         this.elementsAttrsAll(this.elements, componentListExtra);
-        let crumbI18n = this.frontend?.i18nInfo?.enabled && this.crumb?.i18nKey ? this.crumb?.i18nKey : undefined;
+        const crumbI18n = this.frontend?.i18nInfo?.enabled && this.crumb?.i18nKey ? this.crumb?.i18nKey : undefined;
         const definition = {
             params: this.params,
             variables: this.variables,
@@ -1129,7 +907,7 @@ let View = View_1 = class View extends BaseNode_1.default {
             events: this.bindEvents,
             title: this.title,
             crumb: this.crumb?.value,
-            crumbI18n: crumbI18n,
+            crumbI18n,
             first: this.children.find((child) => child.isIndex)?.name,
             auth: this.auth ? 'loginAuth' : undefined,
             viewBindEvents: this.getViewBindEvents(),
@@ -1260,7 +1038,7 @@ let View = View_1 = class View extends BaseNode_1.default {
         if (elements) {
             elements.forEach((item) => {
                 const { bindAttrs = [], name } = item;
-                const isDataSource = bindAttrs.some((attr) => attr.name === 'data-source');
+                const isDataSource = bindAttrs.some((attr) => attr.name === 'dataSource');
                 const isInclude = parentNodeNames.includes(name);
                 allMethods.push(item);
                 if (item.children) {
@@ -1280,7 +1058,7 @@ let View = View_1 = class View extends BaseNode_1.default {
     elementsAttrs(elements, componentList) {
         if (elements) {
             elements.forEach((item) => {
-                if (exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                if (exports.ComponentCompletionPropertyMap[item.tag]) {
                     componentList.push(item);
                 }
                 if (item.children.length > 0) {
@@ -1292,7 +1070,7 @@ let View = View_1 = class View extends BaseNode_1.default {
     elementsAttrsAll(elements, componentListExtra) {
         if (elements) {
             elements.forEach((item) => {
-                if (!exports.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                if (!exports.ComponentCompletionPropertyMap[item.tag]) {
                     componentListExtra.push(item);
                 }
                 if (item.children.length > 0) {
@@ -1329,12 +1107,29 @@ let View = View_1 = class View extends BaseNode_1.default {
         // 需要类型推导的局部变量/返回值需要调整申明顺序
         const advanceMap = new Map();
         yield* self.traverseChildrenGenerator(function* traverseChildrenGenerator(el) {
-            if (el && (asserts.isBatchAssignment(el) || (asserts.isAssignment(el) && el.left?.name))) {
+            if (el && (
+            // 批量赋值
+            asserts.isBatchAssignment(el)
+                // 赋值
+                || (asserts.isAssignment(el) && el.left?.name)
+                // 内置函数对集合类型的推导
+                || (asserts.isCallFunction(el) && el.derivablecollection?.name))) {
                 // 子页面内部逻辑过滤
                 if (el.view !== self)
                     return;
-                if (asserts.isAssignment(el)) {
-                    const advanceVar = self.variables?.find((variable) => !variable.typeAnnotation && el.left?.name === variable.name);
+                if (asserts.isAssignment(el) || asserts.isCallFunction(el)) {
+                    let expression;
+                    if (asserts.isAssignment(el)) {
+                        // 需要被推导的赋值左侧
+                        expression = el.left;
+                    }
+                    else if (asserts.isCallFunction(el)) {
+                        // 需要被推导的集合
+                        expression = el.derivablecollection;
+                    }
+                    const advanceVar = self.variables?.find((variable) => {
+                        return !variable.typeAnnotation && expression?.name === variable.name;
+                    });
                     if (advanceVar && !advanceMap.get(advanceVar)) {
                         advanceMap.set(advanceVar, el);
                     }
@@ -1384,10 +1179,30 @@ let View = View_1 = class View extends BaseNode_1.default {
                 return;
             }
             code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}// @ts-ignore\n`;
+            if (asserts.isCallFunction(assignment)) {
+                yield* (0, time_slicing_1.wrapForEachToGenerator)([
+                    {
+                        key: 'key',
+                        node: assignment.keyOfCollection
+                    },
+                    {
+                        key: 'item',
+                        node: assignment.itemOfCollection
+                    }
+                ], function* warpForEachGenerator({ key, node: itemNode }) {
+                    if (itemNode) {
+                        code += `const __${key}_${variable?.name} = `;
+                        const itemCode = yield* itemNode?.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true })) ??
+                            (0, time_slicing_1.returnOrigin)('');
+                        code += yield* self.getRightCode(itemCode, assignment, itemNode);
+                        code += ';\n';
+                    }
+                });
+            }
             code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}let `;
             code += yield* variable.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }));
-            code += ' = ';
             if (asserts.isBatchAssignment(assignment)) {
+                code += ' = ';
                 yield* (0, time_slicing_1.wrapForEachToGenerator)(assignment.assignmentLines, function* warpForEachGenerator({ leftIndex, rightIndex }) {
                     const leftCode = leftIndex.length === 1
                         ? yield* assignment.left.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, { inline: true }))
@@ -1403,7 +1218,19 @@ let View = View_1 = class View extends BaseNode_1.default {
                     }
                 });
             }
+            else if (asserts.isCallFunction(assignment)) {
+                const nodeName = variable?.name;
+                const keyNode = assignment.keyOfCollection;
+                const itemNode = assignment.itemOfCollection;
+                if (assignment.isDerivableMap && keyNode && itemNode) {
+                    code += `: nasl.collection.Map<typeof __key_${nodeName}, typeof __item_${nodeName}>`;
+                }
+                else if (assignment.isDerivableList && itemNode) {
+                    code += `: nasl.collection.List<typeof __item_${nodeName}>`;
+                }
+            }
             else {
+                code += ' = ';
                 let rightCode = '';
                 // 因为右侧枚举要赋值就得new 一下；
                 if (assignment.right &&
@@ -1421,7 +1248,7 @@ let View = View_1 = class View extends BaseNode_1.default {
             code += ';\n';
         });
         // elements类型声明定义
-        code += `interface __elements {\n`;
+        code += `interface IElements {\n`;
         // 生成所有的name和类型定义
         yield* (0, time_slicing_1.wrapForEachToGenerator)(self.elements, function* warpForEachGenerator(element) {
             code += yield* element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code, {
@@ -1429,32 +1256,36 @@ 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`;
+        code += `let __elements: IElements;\n`;
+        const elementsPathMap = {};
+        // 深度遍历拿到element path
         if (Array.isArray(self.elements)) {
-            code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}interface `;
-            code += `__elements_completionProperty {\n`;
-            const componentList = [];
-            self.elementsAttrs(self.elements, componentList);
-            const variableList = [];
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.elements, function* warpForEachGenerator(item) {
-                code += yield* item.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList);
+            self.elements.forEach((item) => {
+                item.toEmbeddedTSRefPath(elementsPathMap);
             });
-            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`;
+        }
+        if (Array.isArray(self.elements)) {
+            // elementsRefTree
+            code += `function elementsRefTree() {\n`;
+            code += `return {\n`;
+            code += `children: {\n`;
             yield* (0, time_slicing_1.wrapForEachToGenerator)(self.elements, function* warpForEachGenerator(item) {
-                code += yield* item.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
+                code += yield* item.toEmbeddedTSRefTree((0, translator_1.shiftState)(state, code, { inline: true }), { elementsPathMap });
             });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            code += `let __elements_stashFunctionVariable = {\n`;
-            yield* (0, time_slicing_1.wrapForEachToGenerator)(variableList, function* warpForEachGenerator(item) {
-                code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-                code += `${item}`;
-            });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+            code += `},\n`;
+            code += `};\n`;
+            code += `};\n`;
+            code += `const __elementsRef = {\n`;
+            // eslint-disable-next-line no-restricted-syntax, guard-for-in
+            for (const key in elementsPathMap) {
+                const pathStr = elementsPathMap[key];
+                const pathArr = pathStr.split('.');
+                const path = pathArr.reduce((prev, cur) => {
+                    return `${prev}.children.${cur}()`;
+                }, 'elementsRefTree()');
+                code += `${(0, translator_1.indent)((state?.tabSize || 0) + 1)}${key}: ${path},\n`;
+            }
+            code += `};\n`;
         }
         // 逻辑
         if (Array.isArray(self.logics) && self.logics.length) {
@@ -1863,7 +1694,12 @@ ${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
     }
     *getRightCode(code, assignment, rightNode) {
         code = code.replaceAll('\n', ' ');
-        const logic = assignment.logic;
+        // 赋值语句的右侧或者集合内置函数的参数
+        if ((asserts.isAssignment(assignment) && !assignment.right)
+            || (asserts.isCallFunction(assignment) && ((assignment.isDerivableList && !assignment.itemOfCollection) || (assignment.isDerivableMap && !(assignment.keyOfCollection && assignment.itemOfCollection))))) {
+            return code;
+        }
+        const { logic } = assignment;
         const logicRtn = logic?.returns[0];
         // 调用接口，参数替换成 null
         if (asserts.isCallInterface(rightNode)) {
@@ -1935,7 +1771,7 @@ ${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
         while (element) {
             if (element.concept &&
                 element.concept === 'ViewElement' &&
-                element.bindAttrs.find((bAttr) => bAttr.name === 'data-source')) {
+                element.bindAttrs.find((bAttr) => bAttr.name === 'dataSource')) {
                 viewElements.push(element);
             }
             element = element.parentNode;
@@ -1948,7 +1784,7 @@ ${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
             const currentIndex = viewElementsWithDataSource.length - 1 - index;
             const currentItemCode = `current${currentIndex === 0 ? '' : currentIndex}.item`;
             if (code.includes(currentItemCode)) {
-                const dataSource = viewElement.bindAttrs.find((bAttr) => bAttr.name === 'data-source');
+                const dataSource = viewElement.bindAttrs.find((bAttr) => bAttr.name === 'dataSource');
                 if (dataSource) {
                     const view = viewElement.getAncestor('View');
                     const dataSourceTS = yield* dataSource.expression.toEmbeddedTS();
@@ -1965,11 +1801,23 @@ ${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
         });
         return code;
     }
+    /**
+     * 该视图是否有子页面容器
+     */
+    hasRouterView() {
+        let res = false;
+        utils.traverse((current) => {
+            if (current.node.tag === 'u-router-view' || current.node.tag === 'van-router-view') {
+                res = true;
+            }
+        }, { node: { children: this.elements } });
+        return res;
+    }
     getViewCallLogics() {
         const callbackLogics = [];
         this.traverseChildren((el) => {
             if (asserts.isIdentifier(el) && el.namespace?.endsWith('logics')) {
-                callbackLogics.push(el.namespace + '.' + el.name);
+                callbackLogics.push(`${el.namespace}.${el.name}`);
             }
         });
         return callbackLogics;
@@ -1977,6 +1825,11 @@ ${(0, translator_1.indent)(state.tabSize)}export function ${this.tsName}_view`;
 };
 /** 类名 */
 View.ConceptName = 'View';
+/**
+ * 是否为抽象类
+ * 抽象类不能产生 concept: string
+ */
+View.isAbstract = false;
 /** 继承链 */
 View.inheritanceChain = ['BaseNode'];
 View.TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
@@ -1984,16 +1837,24 @@ __decorate([
     (0, decorators_1.property)('concept')
 ], View.prototype, "concept", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "pageTemplateId", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "name", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "uuid", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "title", void 0);
 __decorate([
     (0, decorators_1.property)({
@@ -2001,22 +1862,34 @@ __decorate([
     })
 ], View.prototype, "crumb", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "auth", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "authDescription", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "isIndex", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "template", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "script", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], View.prototype, "style", void 0);
 __decorate([
     (0, decorators_1.property)({
@@ -2055,6 +1928,7 @@ __decorate([
 ], View.prototype, "bindEvents", void 0);
 __decorate([
     (0, decorators_1.property)({
+        objectRef: '',
         isArray: true,
         defaultValue: [],
     })
@@ -2077,47 +1951,48 @@ View = View_1 = __decorate([
 ], View);
 exports.View = View;
 exports.default = View;
+// 不再使用
 exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
     'u-list-view': {
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
     'u-grid-view': {
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
     'u-list-components': {
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
     'u-table-view': {
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
@@ -2133,7 +2008,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'values',
             label: '多选选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2143,7 +2018,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2153,7 +2028,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2163,7 +2038,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2171,11 +2046,11 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'opened',
             label: '弹出状态',
         },
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
@@ -2185,7 +2060,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2195,7 +2070,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2205,7 +2080,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2215,7 +2090,7 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
@@ -2225,15 +2100,15 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
@@ -2243,44 +2118,336 @@ exports.PAGE_COMPONENT_INCLUDE_TAG_MAP = {
             value: 'value',
             label: '选中值',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
     'van-list-view': {
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
     'van-grid-view': {
-        'page-size': {
+        pageSize: {
             value: 'size',
             label: '分页大小',
         },
-        'page-number': {
+        pageNumber: {
             value: 'page',
             label: '当前页数',
         },
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
     'van-for-components': {
-        'data-source': {
+        dataSource: {
             value: 'data',
             label: '数据',
         },
     },
 };
+/**
+ * 组件支持补全取值的属性映射
+ * prop 组件属性
+ * state 组件内部状态
+ */
+exports.ComponentCompletionPropertyMap = {
+    // h5
+    'van-list-view': {
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+    },
+    'van-grid-view': {
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+    },
+    'van-for-components': {
+        data: {
+            prop: 'dataSource',
+            state: 'options',
+            label: '数据',
+        },
+    },
+    'van-pickerson': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+    },
+    'van-cascader': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+    },
+    'van-radio-group': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'options',
+            label: '数据',
+        },
+    },
+    'van-checkbox-group': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'options',
+            label: '数据',
+        },
+    },
+    // pc
+    'u-table-view': {
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        sort: {
+            prop: 'sorting',
+            state: 'currentSorting?.field',
+            label: '排序属性',
+        },
+        order: {
+            prop: 'sorting',
+            state: 'currentSorting?.order',
+            label: '排序方式',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+    },
+    'u-grid-view': {
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+    },
+    'u-list-view': {
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+    },
+    'u-list-components': {
+        data: {
+            prop: 'dataSource',
+            state: 'options',
+            label: '数据',
+        },
+    },
+    'u-radios': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentDataSource?.data',
+            label: '数据',
+        },
+    },
+    'u-checkboxes': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentDataSource?.data',
+            label: '数据',
+        },
+    },
+    'u-select': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        page: {
+            prop: 'pageNumber',
+            state: 'paging?.number',
+            label: '当前页数',
+        },
+        size: {
+            prop: 'pageSize',
+            state: 'paging?.size',
+            label: '分页大小',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+        opened: {
+            prop: 'opened',
+            state: 'popperOpened',
+            label: '弹出状态',
+        },
+    },
+    'u-cascader': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        filterText: {
+            prop: 'filterText',
+            state: 'filterText',
+            label: '过滤文本',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentData',
+            label: '数据',
+        },
+    },
+    'u-tree-select-new': {
+        value: {
+            prop: 'value',
+            state: 'value',
+            label: '选中值',
+        },
+        data: {
+            prop: 'dataSource',
+            state: 'currentDataSource?.data',
+            label: '数据',
+        },
+    },
+};
+exports.FrontendTypeComponentNamePerfixMap = {
+    h5: 'van-',
+    pc: 'u-',
+};
+function getComponentNameFromElementName(name, frontendType = 'pc') {
+    const prefix = exports.FrontendTypeComponentNamePerfixMap[frontendType];
+    // radio_group_1 =>  radio_group
+    let componentName = name.replace(/_\d+$/, '');
+    // radio_group => radioGroup
+    componentName = utils.snake2Camel(componentName, true);
+    // radioGroup => radio-group
+    componentName = utils.Camel2kebab(componentName);
+    componentName = `${prefix}${componentName}`;
+    return componentName;
+}
+exports.getComponentNameFromElementName = getComponentNameFromElementName;
 //# sourceMappingURL=View__.js.map