@lcap/nasl 1.0.2 → 2.12.0-beta

package/src/concepts/Role__.ts

@@ -104,7 +104,7 @@ export class Role extends BaseNode {
     toEmbeddedTS(state?: TranslatorState): string {
         let code = `export enum ${this.tsName} {\n`;
         code += `      ${this.tsName}='${this.tsName}'\n`;
-        code += indent(state.tabSize) + '}\n';
+        code += indent((state?.tabSize || 0)) + '}\n';
 
         return code;
     }
@@ -117,9 +117,15 @@ export class Role extends BaseNode {
     }
 
     getNamespace() {
-        if (this.parentNode && (this.parentNode as Namespace).getNamespace)
-            return `${(this.parentNode as Namespace).getNamespace()}.roles`;
-        else
+        if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
+            const parentNamespace = (this.parentNode as Namespace).getNamespace();
+            const parentName = this.parentNode.name;
+            const arr = [parentNamespace];
+            if (this.parentNode.concept !== 'App' && parentName) {
+                arr.push(parentName);
+            }
+            return `${arr.join('.')}.roles`;
+        } else
             throw new Error('无法获取命名空间，请设置 parentNode！');
     }
 
@@ -155,7 +161,7 @@ export class Role extends BaseNode {
     //================================================================================
 }
 
-classMap['Role'] = Role;
+classMap.Role = Role;
 export default Role;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Slot__.ts

@@ -114,7 +114,7 @@ export class Slot extends BaseNode {
     //================================================================================
 }
 
-classMap['Slot'] = Slot;
+classMap.Slot = Slot;
 export default Slot;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/SqlQueryComponent__.ts

@@ -42,7 +42,11 @@ export class SqlQueryComponent extends LogicItem {
     @property('TypeAnnotation')
     typeAnnotation: TypeAnnotation = undefined;
 
-    
+    /**
+     * 局部版本
+     */
+    @property()
+    ideVersion: string = undefined;
 
     /**
      * @param source 需要合并的部分参数
@@ -57,7 +61,6 @@ export class SqlQueryComponent extends LogicItem {
         return super.from(source, parentNode, parentKey) as SqlQueryComponent;
     }
 
-    
     /**
      * 设置SQL 查询
      */
@@ -70,10 +73,6 @@ export class SqlQueryComponent extends LogicItem {
         });
     }
 
-    
-
-    
-
     /**
     * 删除类型标注
     * @param name 类型标注名称
@@ -126,22 +125,42 @@ export class SqlQueryComponent extends LogicItem {
     // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑
     // 自动生成的代码已结束。下面可以手动编写。
     //================================================================================
+
+    @property()
+    dataSource: string = undefined;
+
     @withSourceMap()
     toEmbeddedTS(state?: TranslatorState): string {
-        let code = `(function(): nasl.collection.List<`
-        code +=`${this.typeAnnotation ? this.typeAnnotation.toEmbeddedTS(shiftState(state, code)): '__IDENTIFIER__'}> {\n`;
+        let code;
+        if (this.ideVersion === '2.11') {
+            code = `(function(): `;
+            code += `${this.typeAnnotation ? this.typeAnnotation.toEmbeddedTS(shiftState(state, code)) : '__IDENTIFIER__'} {\n`;
+        } else {
+            code = `(function(): nasl.collection.List<`;
+            code += `${this.typeAnnotation ? this.typeAnnotation.toEmbeddedTS(shiftState(state, code)) : '__IDENTIFIER__'}> {\n`;
+        }
         code += '\n';
-        code += indent(state.tabSize + 1) + 'return;\n';
-        code += indent(state.tabSize) + '})();\n';
+        code += indent((state?.tabSize || 0) + 1) + 'return;\n';
+        code += indent((state?.tabSize || 0)) + '})();\n';
         return code;
     }
+
+    /**
+     * 获取添加时的默认选项
+     * @returns
+     */
+    public static getDefaultOptions(): any {
+        return {
+            dataSource: 'defaultDS',
+        };
+    }
     //================================================================================
     // 从这里开始到结尾注释之间的代码由 NASL Workbench 自动生成，请不手动修改！
     // ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓   ↓
     //================================================================================
 }
 
-classMap['SqlQueryComponent'] = SqlQueryComponent;
+classMap.SqlQueryComponent = SqlQueryComponent;
 export default SqlQueryComponent;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Start__.ts

@@ -71,7 +71,7 @@ export class Start extends LogicItem {
     //================================================================================
 }
 
-classMap['Start'] = Start;
+classMap.Start = Start;
 export default Start;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/StringLiteral__.ts

@@ -125,7 +125,7 @@ export class StringLiteral extends LogicItem {
     //================================================================================
 }
 
-classMap['StringLiteral'] = StringLiteral;
+classMap.StringLiteral = StringLiteral;
 export default StringLiteral;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/StructureProperty__.ts

@@ -345,7 +345,7 @@ export class StructureProperty extends BaseNode {
     //================================================================================
 }
 
-classMap['StructureProperty'] = StructureProperty;
+classMap.StructureProperty = StructureProperty;
 export default StructureProperty;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Structure__.ts

@@ -531,34 +531,42 @@ export class Structure extends BaseNode {
     @withSourceMap()
     toEmbeddedTS(state?: TranslatorState): string {
         let code = `export class ${this.tsName} {\n`;
-        code += indent(state.tabSize + 1);
+        code += indent((state?.tabSize || 0) + 1);
         code += `__name: '${this.getTsNamespace()}.${this.tsName}';\n`;
         this.properties.forEach((property) => {
-            code += indent(state.tabSize + 1);
+            code += indent((state?.tabSize || 0) + 1);
             code += property.toEmbeddedTS(shiftState(state, code, { tabSize: 0 }));
             code += ';\n';
         });
-        code += indent(state.tabSize) + '}\n';
+        code += indent((state?.tabSize || 0)) + '}\n';
 
         return code;
     }
 
     getNamespace() {
         if (this.parentNode && (this.parentNode as Namespace).getNamespace) {
-            return `${(this.parentNode as Namespace).getNamespace()}.structures`;
+            const parentNamespace = (this.parentNode as Namespace).getNamespace();
+            const parentName = this.parentNode.name;
+            const arr = [parentNamespace];
+            if (this.parentNode.concept !== 'App' && parentName) {
+                arr.push(parentName);
+            }
+            return `${arr.join('.')}.structures`;
         } else
             throw new Error('无法获取命名空间，请设置 parentNode！');
     }
 
     getTsNamespace() {
-        if (this.parentNode.concept === 'App') {
-            return `${(this.parentNode as Namespace).getNamespace()}.structures`;
-        } else {
-            if (this.parentNode && (this.parentNode as Namespace).getTsNamespace) {
-                return `${(this.parentNode as Namespace).getTsNamespace()}.structures`;
-            } else {
-                throw new Error('无法获取命名空间，请设置 parentNode！');
+        if (this.parentNode && (this.parentNode as Namespace).getTsNamespace) {
+            const parentNamespace = (this.parentNode as Namespace).getTsNamespace();
+            const parentName = this.parentNode.tsName || this.parentNode.name;
+            const arr = [parentNamespace];
+            if (this.parentNode.concept !== 'App' && parentName) {
+                arr.push(parentName);
             }
+            return `${arr.join('.')}.structures`;
+        } else {
+            throw new Error('无法获取命名空间，请设置 parentNode！');
         }
     }
 
@@ -595,7 +603,7 @@ export class Structure extends BaseNode {
     //================================================================================
 }
 
-classMap['Structure'] = Structure;
+classMap.Structure = Structure;
 export default Structure;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/SwitchCase__.ts

@@ -281,7 +281,7 @@ export class SwitchCase extends LogicItem {
         if (!isLast) {
             code += 'if (nasl.core.ensureBoolean(';
             code += this.test ? this.test.toEmbeddedTS(shiftState(state, code, {
-                tabSize: state.tabSize + 1,
+                tabSize: (state?.tabSize || 0) + 1,
             })) : '__IDENTIFIER__';
 
             code += ')) {\n';
@@ -290,22 +290,22 @@ export class SwitchCase extends LogicItem {
                 this.consequent.forEach((logicItem) => {
                     code
                         += logicItem.toEmbeddedTS(shiftState(state, code, {
-                            tabSize: state.tabSize + 1,
+                            tabSize: (state?.tabSize || 0) + 1,
                         })) + '\n';
                 });
             }
-            code += indent(state.tabSize) + '}\n';
+            code += indent((state?.tabSize || 0)) + '}\n';
         } else {
             code += 'else {\n';
             if (Array.isArray(this.consequent)) {
                 this.consequent.forEach((logicItem) => {
                     code
                         += logicItem.toEmbeddedTS(shiftState(state, code, {
-                            tabSize: state.tabSize + 1,
+                            tabSize: (state?.tabSize || 0) + 1,
                         })) + '\n';
                 });
             }
-            code += indent(state.tabSize) + '}\n';
+            code += indent((state?.tabSize || 0)) + '}\n';
         }
 
         return code;
@@ -317,7 +317,7 @@ export class SwitchCase extends LogicItem {
     //================================================================================
 }
 
-classMap['SwitchCase'] = SwitchCase;
+classMap.SwitchCase = SwitchCase;
 export default SwitchCase;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/SwitchStatement__.ts

@@ -248,7 +248,7 @@ export class SwitchStatement extends LogicItem {
     //================================================================================
 }
 
-classMap['SwitchStatement'] = SwitchStatement;
+classMap.SwitchStatement = SwitchStatement;
 export default SwitchStatement;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Theme__.ts

@@ -87,7 +87,7 @@ export class Theme extends BaseNode {
     //================================================================================
 }
 
-classMap['Theme'] = Theme;
+classMap.Theme = Theme;
 export default Theme;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Transactional__.ts

@@ -157,7 +157,7 @@ export class Transactional extends BaseNode {
     //================================================================================
 }
 
-classMap['Transactional'] = Transactional;
+classMap.Transactional = Transactional;
 export default Transactional;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/TypeAnnotation__.ts

@@ -40,7 +40,6 @@ import { v4 as uuidv4 } from 'uuid';
 import BaseNode from '../common/BaseNode';
 import classMap from '../common/classMap';
 
-
 /**
  * 类型标注
  */
@@ -82,8 +81,6 @@ export class TypeAnnotation extends BaseNode {
     @property()
     inferred?: boolean = undefined;
 
-    
-
     /**
      * @param source 需要合并的部分参数
      */
@@ -97,13 +94,6 @@ export class TypeAnnotation extends BaseNode {
         return super.from(source, parentNode, parentKey) as TypeAnnotation;
     }
 
-    
-    
-
-    
-
-    
-
     /**
     * 插入类型标注
     * @internal
@@ -136,8 +126,6 @@ export class TypeAnnotation extends BaseNode {
         return typeAnnotation;
     }
 
-    
-
     /**
      * 插入类型标注
      * @param typeAnnotationOptions 类型标注参数
@@ -160,8 +148,6 @@ export class TypeAnnotation extends BaseNode {
         return node;
     }
 
-    
-
     /**
      * 添加类型标注
      * @internal
@@ -181,8 +167,6 @@ export class TypeAnnotation extends BaseNode {
         return this._insertTypeAnnotationAt(options as any, index);
     }
 
-    
-
     /**
      * 添加类型标注
      * @param typeAnnotationOptions 类型标注参数
@@ -206,9 +190,6 @@ export class TypeAnnotation extends BaseNode {
         return node;
     }
 
-
-    
-
     /**
      * 删除类型标注
      * @param typeAnnotation 已有的类型标注实例
@@ -216,7 +197,7 @@ export class TypeAnnotation extends BaseNode {
     removeTypeAnnotation(typeAnnotation: TypeAnnotation): void;
 
     removeTypeAnnotation(options: TypeAnnotation) {
-        let typeAnnotation: TypeAnnotation = options;
+        const typeAnnotation: TypeAnnotation = options;
         return typeAnnotation.delete();
     }
 
@@ -258,6 +239,35 @@ export class TypeAnnotation extends BaseNode {
         }
     }
 
+    /**
+     * 用于展示的 type 标题
+     */
+    get headTitle(): string {
+        if (this.typeKind === 'primitive') {
+            return `${this.typeName} ${PRIMITIVE_TITLE[this.typeName]}`;
+        } else if (this.typeKind === 'reference') {
+            const typeNamespace = this?.typeNamespace;
+            let typeTitle = this.typeName;
+            if (typeNamespace && this.rootNode) {
+                const entity = (this.rootNode as any).findNodeByCompleteName([typeNamespace, this?.typeName].join('.'));
+                if (entity?.concept === 'Entity') {
+                    const dataSourceName = entity.dataSource?.name;
+                    if (dataSourceName) {
+                        typeTitle += `（${dataSourceName}）`;
+                    }
+                }
+            }
+            return typeTitle;
+        } else if (this.typeKind === 'generic') {
+            if (this.typeArguments && this.typeArguments.length)
+                return `${this.typeName}<${(this.typeArguments || []).map((arg) => arg.headTitle || 'T')}>`;
+            else
+                return this.typeName;
+        } else {
+            return this.typeName;
+        }
+    }
+
     /**
      * 用于展示的 type 标题
      */
@@ -265,11 +275,11 @@ export class TypeAnnotation extends BaseNode {
         if (this.typeKind === 'primitive') {
             return `${this.typeName} ${PRIMITIVE_TITLE[this.typeName]}`;
         } else if (this.typeKind === 'reference') {
-            return `${this.typeName}`;
+            return this.typeName;
         } else if (this.typeKind === 'generic') {
             let str = `${this.typeName}`;
             const loop = (typeArguments: Array<TypeAnnotation>) => {
-                str += '<' + (typeArguments[0].typeName || 'T');
+                str += '<' + (typeArguments[0].typeTitle || 'T');
                 if (typeArguments[0].typeKind === 'generic') {
                     if (this.typeArguments && this.typeArguments.length) {
                         loop(typeArguments[0].typeArguments);
@@ -329,6 +339,18 @@ export class TypeAnnotation extends BaseNode {
         });
     }
 
+    /**
+     * 设置类型字段名称
+     */
+    setTypeNamespace(typeNamespace: string) {
+        const object = {
+            typeNamespace,
+        };
+        this.update({
+            ...object,
+        });
+    }
+
     get tsCalleeNamespace() {
         if (this.typeNamespace) {
             let tsCalleeNamespace = this.typeNamespace;
@@ -430,7 +452,7 @@ export class TypeAnnotation extends BaseNode {
     //================================================================================
 }
 
-classMap['TypeAnnotation'] = TypeAnnotation;
+classMap.TypeAnnotation = TypeAnnotation;
 export default TypeAnnotation;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/TypeParam__.ts

@@ -61,7 +61,7 @@ export class TypeParam extends BaseNode {
     //================================================================================
 }
 
-classMap['TypeParam'] = TypeParam;
+classMap.TypeParam = TypeParam;
 export default TypeParam;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/UnaryExpression__.ts

@@ -176,7 +176,7 @@ export class UnaryExpression extends LogicItem {
     //================================================================================
 }
 
-classMap['UnaryExpression'] = UnaryExpression;
+classMap.UnaryExpression = UnaryExpression;
 export default UnaryExpression;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Unparsed__.ts

@@ -90,7 +90,7 @@ export class Unparsed extends LogicItem {
     //================================================================================
 }
 
-classMap['Unparsed'] = Unparsed;
+classMap.Unparsed = Unparsed;
 export default Unparsed;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/UseComponent__.ts

@@ -77,7 +77,7 @@ export class UseComponent extends BaseNode {
     //================================================================================
 }
 
-classMap['UseComponent'] = UseComponent;
+classMap.UseComponent = UseComponent;
 export default UseComponent;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/ValidationRule__.ts

@@ -324,7 +324,7 @@ export class ValidationRule extends LogicItem {
     //================================================================================
 }
 
-classMap['ValidationRule'] = ValidationRule;
+classMap.ValidationRule = ValidationRule;
 export default ValidationRule;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/Variable__.ts

@@ -365,7 +365,7 @@ export class Variable extends BaseNode {
     //================================================================================
 }
 
-classMap['Variable'] = Variable;
+classMap.Variable = Variable;
 export default Variable;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/ViewComponent__.ts

@@ -1091,7 +1091,7 @@ export class ViewComponent extends BaseNode {
     //================================================================================
 }
 
-classMap['ViewComponent'] = ViewComponent;
+classMap.ViewComponent = ViewComponent;
 export default ViewComponent;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑

package/src/concepts/ViewElement__.ts

@@ -864,7 +864,7 @@ export class ViewElement extends BaseNode {
     }
 
 
-
+    
 
     /**
     * 删除元素绑定属性
@@ -1120,7 +1120,7 @@ export class ViewElement extends BaseNode {
 
     haveScope(node: ViewElement): boolean {
         // uGallery 没有子集不需要scope
-        const dataSourcePcList = ['uTableView', 'uListView', 'uGridView', 'uCalendarView', 'uListComponents', 'uSelect', 'devopsDragTable'];
+        const dataSourcePcList = ['uTableView', 'uListView', 'uGridView', 'uCalendarView', 'uListComponents', 'uSelect', 'devopsDragTable', 'uTreeViewNew'];
         const dataSourceH5List = ['vanRadioGroup', 'vanCheckboxGroup', 'vanListView', 'vanGridView', 'vanForComponents', 'lcapEchartsLine', 'lcapEchartsBar', 'lcapEchartsPie'];
         const dataSourceList = [...dataSourcePcList, ...dataSourceH5List];
         return dataSourceList.includes(node.toHump(node.tag));
@@ -1132,7 +1132,7 @@ export class ViewElement extends BaseNode {
         let code = '';
         // formItem的单独处理
         if (this.tag === 'u-form-item') {
-            code = indent(state.tabSize) + `${this.name}: nasl.ui.${this.toHump(this.tag)}`;
+            code = indent((state?.tabSize || 0)) + `${this.name}: nasl.ui.${this.toHump(this.tag)}`;
             if (Array.isArray(this.children) && this.children.length) {
                 const tag = this.children[0].tag;
                 if (tag === 'u-input') {
@@ -1185,9 +1185,9 @@ export class ViewElement extends BaseNode {
                     }
                 }
             }
-            code += indent(state.tabSize) + `${this.name}: nasl.ui.${this.toHump(this.tag)}<${genericType}>;\n`;
+            code += indent((state?.tabSize || 0)) + `${this.name}: nasl.ui.${this.toHump(this.tag)}<${genericType}>;\n`;
         } else {
-            code = indent(state.tabSize) + `${this.name}: nasl.ui.${this.toHump(this.tag)}<any>;\n`;
+            code = indent((state?.tabSize || 0)) + `${this.name}: nasl.ui.${this.toHump(this.tag)}<any>;\n`;
         }
         if (Array.isArray(this.children)) {
             this.children.forEach((element) => {
@@ -1217,14 +1217,14 @@ export class ViewElement extends BaseNode {
         }
         // 角色
         if (Array.isArray(this.bindRoles) && this.bindRoles.length) {
-            code += indent(state.tabSize + 2);
+            code += indent((state?.tabSize || 0) + 2);
             code += 'roles = [\n';
             this.bindRoles.forEach((role) => {
-                code += indent(state.tabSize + 3);
+                code += indent((state?.tabSize || 0) + 3);
                 code += `${this.app.getNamespace()}.roles.${chineseTsName(role)}.${chineseTsName(role)},`;
                 code += '\n';
             });
-            code += indent(state.tabSize + 2);
+            code += indent((state?.tabSize || 0) + 2);
             code += '],\n';
         }
         // 绑定属性
@@ -1233,7 +1233,7 @@ export class ViewElement extends BaseNode {
                 // 跳转页面
                 if (attr.destination) {
                     code += attr.destination.toEmbeddedTS(shiftState(state, code, {
-                        tabSize: state.tabSize,
+                        tabSize: (state?.tabSize || 0),
                     }));
                 }
             });
@@ -1244,7 +1244,7 @@ export class ViewElement extends BaseNode {
         if (Array.isArray(this.bindEvents)) {
             this.bindEvents.forEach((event) => {
                 code += event.toEmbeddedTS(shiftState(state, code, {
-                    tabSize: state.tabSize + 2,
+                    tabSize: (state?.tabSize || 0) + 2,
                 }));
                 code += '\n';
             });
@@ -1252,7 +1252,7 @@ export class ViewElement extends BaseNode {
 
         // 子元素
         if (Array.isArray(this.children)) {
-            code += indent(state.tabSize + 1);
+            code += indent((state?.tabSize || 0) + 1);
 
             if (Array.isArray(this.bindAttrs)) {
                 code += `bindAttr: () => [\n`;
@@ -1260,7 +1260,7 @@ export class ViewElement extends BaseNode {
                     if (attr.expression) {
                         code
                             += attr.expression.toEmbeddedTS(shiftState(state, code, {
-                                tabSize: state.tabSize + 2,
+                                tabSize: (state?.tabSize || 0) + 2,
                             })) + ',\n';
                     }
                     if (Array.isArray(attr.rules) && attr.rules.length) {
@@ -1273,11 +1273,11 @@ export class ViewElement extends BaseNode {
                     if (directive.expression) {
                         code
                             += directive.expression.toEmbeddedTS(shiftState(state, code, {
-                                tabSize: state.tabSize + 2,
+                                tabSize: (state?.tabSize || 0) + 2,
                             })) + ',\n';
                     }
                 });
-                code += indent(state.tabSize + 2) + '],\n';
+                code += indent((state?.tabSize || 0) + 2) + '],\n';
             }
 
             let levelIndex = parentLevel || 0;
@@ -1290,15 +1290,15 @@ export class ViewElement extends BaseNode {
 
             this.children.forEach((element) => {
                 code += element.toEmbeddedTS(shiftState(state, code, {
-                    tabSize: state.tabSize + 2,
+                    tabSize: (state?.tabSize || 0) + 2,
                 }), levelIndex);
                 code += '\n';
             });
-            code += indent(state.tabSize + 1);
+            code += indent((state?.tabSize || 0) + 1);
             code += ']\n';
         }
 
-        code += indent(state.tabSize) + '}),\n';
+        code += indent((state?.tabSize || 0)) + '}),\n';
 
         return code;
     }
@@ -1673,7 +1673,7 @@ export class ViewElement extends BaseNode {
                             if (hasAuto)
                                 addEmpty = false;
                         }
-                        if (['u-select', 'u-dropdown', 'u-panel'].includes(el.tag)) {
+                        if (['u-select', 'u-dropdown', 'u-panel','u-toc','u-toc-item', 'u-tree-view-new','u-tree-view-node-new', 'u-tree-select', 'u-anchor'].includes(el.tag)) {
                             addEmpty = false;
                         }
                         const background = (emptySlot && emptySlot['empty-background']) || (hasSupport ? 'add-sub' : '');
@@ -1801,7 +1801,7 @@ export class ViewElement extends BaseNode {
     //================================================================================
 }
 
-classMap['ViewElement'] = ViewElement;
+classMap.ViewElement = ViewElement;
 export default ViewElement;
 //================================================================================
 // ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑   ↑