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

package/out/concepts/BusinessComponent__.js

@@ -36,213 +36,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BusinessComponent = void 0;
 const time_slicing_1 = require("../utils/time-slicing");
 const translator_1 = require("../translator");
+const View__1 = require("./View__");
 const translator_2 = __importDefault(require("../bak/translator"));
-const 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: '数据',
-        },
-    },
-};
 const getBranchCopyUniCode = () => window?.BranchCopyUniCode;
 const removedViewElementCache = {}; // 临时记录删除的页面元素计数的最大值
 const decorators_1 = require("../decorators");
@@ -293,17 +88,6 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     static from(source, parentNode, parentKey) {
         return super.from(source, parentNode, parentKey);
     }
-    /**
-     * 从父级删除该节点
-     * @internal
-     */
-    _delete() {
-        let params = null;
-        if (this.parentNode) {
-            params = this.parentNode?.__removeBusinessComponent?.(this);
-        }
-        return params;
-    }
     /**
      * 设置业务组件名称
      */
@@ -351,7 +135,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     }
     getEventExistingNames(excludedList = []) {
         const excludedSet = new Set(excludedList);
-        return (this.events || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
+        return (this.events || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
     }
     getEventUniqueName(name = 'event1') {
         return utils.unique(name, this.getEventExistingNames(), undefined, false);
@@ -526,7 +310,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     }
     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);
@@ -709,43 +493,12 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         }
         return event.delete();
     }
-    __removeEvent(event) {
-        const parentKey = event.parentKey;
-        const params = {
-            parentNode: this,
-            parentKey,
-            index: -1,
-            object: null,
-            oldObject: event,
-        };
-        if (parentKey) {
-            params.parentKey = parentKey;
-            // @ts-ignore
-            const t = this.__v_raw || this;
-            // @ts-ignore
-            const n = event.__v_raw || event;
-            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') {
             param = this.params.find((item) => item.name === options);
             if (!param) {
-                throw new Error('找不到参数分组 ' + options);
+                throw new Error('找不到带分组的参数 ' + options);
             }
         }
         else {
@@ -753,37 +506,6 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         }
         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') {
@@ -797,37 +519,6 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         }
         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;
-    }
     removeBindEvent(options) {
         let bindEvent;
         if (typeof options === 'string') {
@@ -841,37 +532,6 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         }
         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;
-    }
     removeLogic(options) {
         let logic;
         if (typeof options === 'string') {
@@ -885,37 +545,6 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         }
         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;
-    }
     removeViewElement(options) {
         let viewElement;
         if (typeof options === 'string') {
@@ -929,37 +558,6 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         }
         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;
-    }
     //================================================================================
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
@@ -988,6 +586,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     static getDefaultOptions() {
         return {
             title: '业务组件',
+            icon: 'default',
         };
     }
     getNamespace() {
@@ -1101,6 +700,22 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
             });
         });
     }
+    collectExistingBusinessComponent() {
+        const excludedSet = new Set();
+        // 先把自身加进去
+        excludedSet.add(this);
+        this.elements.forEach((element) => {
+            const set = element.collectExistingBusinessComponent();
+            if (set.size) {
+                set.forEach((value) => {
+                    if (!excludedSet.has(value)) {
+                        excludedSet.add(value);
+                    }
+                });
+            }
+        });
+        return excludedSet;
+    }
     // 获取当前业务组件的所有组件的名字
     getViewElementExistingNames(excludedList = []) {
         if (!this.existingViewElement.size) {
@@ -1123,7 +738,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
             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*$/, '');
@@ -1133,12 +748,30 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         this.existingViewElement.add(viewElementUniqueName);
         return viewElementUniqueName;
     }
+    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;
+    }
     // 获取当前element，铺平
     elementsMethods(elements, allMethods, parentNodeNames) {
         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) {
@@ -1154,14 +787,17 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
             });
         }
     }
-    mergeBlock({ code, nodePath, position, cb }) {
+    mergeBlock({ code, nodePath, position, slotTarget, cb, }) {
         const ViewElement = (0, decorators_1.getConceptConstructor)('ViewElement');
         const Logic = (0, decorators_1.getConceptConstructor)('Logic');
         const ParamWithGroup = (0, decorators_1.getConceptConstructor)('ParamWithGroup');
         const Variable = (0, decorators_1.getConceptConstructor)('Variable');
         const BindEvent = (0, decorators_1.getConceptConstructor)('BindEvent');
         const Structure = (0, decorators_1.getConceptConstructor)('Structure');
-        const template = utils.sliceTagContent(code, 'template');
+        let template = utils.sliceTagContent(code, 'template');
+        if (slotTarget) {
+            template = `<template #${slotTarget}>${template}</template>`;
+        }
         let targetNode = this.getAncestor('App')?.findNodeByPath(nodePath);
         let parentNode = position === 'append' ? targetNode : targetNode.parentNode;
         const definitionStr = utils.sliceTagContent(code, 'definition') || '{}';
@@ -1322,7 +958,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         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;
@@ -1335,7 +971,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
             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 businessComponent = viewElement.getAncestor('BusinessComponent');
                     const dataSourceTS = yield* dataSource.expression.toEmbeddedTS();
@@ -1445,7 +1081,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     elementsAttrs(elements, componentList) {
         if (elements) {
             elements.forEach((item) => {
-                if (PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                if (View__1.ComponentCompletionPropertyMap?.[item.tag]) {
                     componentList.push(item);
                 }
                 if (item.children.length > 0) {
@@ -1457,7 +1093,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     elementsAttrsAll(elements, componentListExtra) {
         if (elements) {
             elements.forEach((item) => {
-                if (!PAGE_COMPONENT_INCLUDE_TAG_MAP?.[item.tag]) {
+                if (!View__1.ComponentCompletionPropertyMap?.[item.tag]) {
                     componentListExtra.push(item);
                 }
                 if (item.children.length > 0) {
@@ -1475,7 +1111,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
          * 这部分需要先执行
          **/
         // elements类型声明定义
-        let code = `interface __elements {\n`;
+        let 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, {
@@ -1483,32 +1119,59 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
             }));
         });
         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 += (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 += yield* item.toEmbeddedTSRefTree((0, translator_1.shiftState)(state, code, { inline: true }), { elementsPathMap });
             });
-            code += (0, translator_1.indent)((state?.tabSize || 0) + 1) + `}\n`;
+            code += `},\n`;
+            code += `};\n`;
+            code += `};\n`;
+            code += `const __elementsRef = {\n`;
+            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`;
+            // code += `${indent((state?.tabSize || 0) + 1)}interface `;
+            // code += `__elements_completionProperty {\n`;
+            // const componentList: Array<ViewElement> = [];
+            // self.elementsAttrs(self.elements, componentList);
+            // const variableList: string[] = [];
+            // yield* wrapForEach(self.elements, function* warpForEachGenerator(item) {
+            //   code += yield* item.toEmbeddedTSVariableDefinition(shiftState(state, code, { inline: true }), variableList);
+            // });
+            // code += indent((state?.tabSize || 0) + 1) + `}\n`;
+            // code += indent((state?.tabSize || 0) + 1);
+            // code += `let __elements_completionProperty: __elements_completionProperty;\n`;
+            // code += indent((state?.tabSize || 0) + 1);
+            // code += `let __elements_variable_function = {\n`;
+            // yield* wrapForEach(self.elements, function* warpForEachGenerator(item) {
+            //   code += yield* item.toEmbeddedTSVariableFunctionDefinition(shiftState(state, code, { inline: true }));
+            // });
+            // code += indent((state?.tabSize || 0) + 1) + `}\n`;
+            // code += indent((state?.tabSize || 0) + 1);
+            // code += `let __elements_stashFunctionVariable = {\n`;
+            // yield* wrapForEach(variableList, function* warpForEachGenerator(item) {
+            //   code += indent((state?.tabSize || 0) + 2);
+            //   code += `${item}`;
+            // });
+            // code += indent((state?.tabSize || 0) + 1) + `}\n`;
         }
         const advanceMap = new Map();
         yield* self.traverseChildrenGenerator(function* traverseChildrenGenerator(el) {
@@ -1624,7 +1287,7 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
         yield* setPlaygroundCode(self.variables, 'variables');
         yield* setPlaygroundCode(self.params, 'params');
         code += `${(0, translator_1.indent)(state?.tabSize || 0)}}\n`;
-        code += `export class ${self.tsName} extends nasl.ui.VueComponent {\n`;
+        code += `export class ${self.tsName} extends nasl.ui.ViewComponent {\n`;
         // 需要类型推导的局部变量/返回值需要调整申明顺序
         code += `constructor(
       options?: {
@@ -1837,29 +1500,42 @@ let BusinessComponent = BusinessComponent_1 = class BusinessComponent extends Ba
     genPreviewTemplate() {
         return `<template>
               <bs-${this.name}>
-                ${this.slotElems.map((slotElem) => {
+                ${this.slotElems
+            .map((slotElem) => {
             const slotName = slotElem.name;
             return `<template #${slotName}></template>`;
-        }).join('')}
+        })
+            .join('')}
               </bs-${this.name}>
             </template>`;
     }
 };
 /** 类名 */
 BusinessComponent.ConceptName = 'BusinessComponent';
+/**
+ * 是否为抽象类
+ * 抽象类不能产生 concept: string
+ */
+BusinessComponent.isAbstract = false;
 /** 继承链 */
 BusinessComponent.inheritanceChain = ['BaseNode'];
 __decorate([
     (0, decorators_1.property)('concept')
 ], BusinessComponent.prototype, "concept", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], BusinessComponent.prototype, "name", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], BusinessComponent.prototype, "title", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], BusinessComponent.prototype, "description", void 0);
 __decorate([
     (0, decorators_1.property)({
@@ -1904,7 +1580,9 @@ __decorate([
     })
 ], BusinessComponent.prototype, "elements", void 0);
 __decorate([
-    (0, decorators_1.property)()
+    (0, decorators_1.property)({
+        objectRef: '',
+    })
 ], BusinessComponent.prototype, "icon", void 0);
 __decorate([
     translator_1.withSourceMapGenerator