@lcap/nasl 3.4.0-beta.6 → 3.5.0-alpha.1

package/out/concepts/ViewElement__.js

@@ -43,8 +43,6 @@ const compiler = __importStar(require("vue-template-compiler"));
 const LogicItem__1 = require("./LogicItem__");
 const Logic__1 = require("./Logic__");
 const config_1 = require("../config");
-const MemberExpression__1 = __importDefault(require("./MemberExpression__"));
-const Identifier__1 = __importDefault(require("./Identifier__"));
 const View__1 = require("./View__");
 const utils_1 = require("../utils");
 /**
@@ -162,15 +160,18 @@ function transAstNodeToNaslNode(astNode, namespace) {
             code: astNode.value,
         };
     }
-    else if (astNode.type === 'TemplateLiteral') { // 模板字符串翻译成字符串插值
+    else if (astNode.type === 'TemplateLiteral') {
+        // 模板字符串翻译成字符串插值
         const { expressions, quasis } = astNode;
         node = {
             concept: 'StringInterpolation',
             kind: 'Expression',
             name: '',
-            expressions: [...(quasis || []), ...(expressions || [])].sort((node1, node2) => {
+            expressions: [...(quasis || []), ...(expressions || [])]
+                .sort((node1, node2) => {
                 return node1.start - node2.start;
-            }).map((node) => {
+            })
+                .map((node) => {
                 return transAstNodeToNaslNode(node);
             }),
         };
@@ -276,90 +277,46 @@ function transAstNodeToNaslTypeNode(astNode, namespace) {
 }
 const decorators_1 = require("../decorators");
 const utils = __importStar(require("../utils"));
+const asserts = __importStar(require("./utils/asserts"));
 const uuid_1 = require("uuid");
 const BaseNode_1 = __importDefault(require("../common/BaseNode"));
-const BindAttribute__1 = __importDefault(require("./BindAttribute__"));
-const BindEvent__1 = __importDefault(require("./BindEvent__"));
-const BindDirective__1 = __importDefault(require("./BindDirective__"));
-const BindStyle__1 = __importDefault(require("./BindStyle__"));
 /**
  * 页面元素
  */
-let ViewElement = ViewElement_1 = 
-// @ts-ignore
-class ViewElement extends BaseNode_1.default {
-    /** 类名 */
-    static ConceptName = 'ViewElement';
-    /** 继承链 */
-    static inheritanceChain = ['BaseNode'];
-    /**
-     * 产品概念
-     */
-    concept;
-    /**
-     * 类型
-     */
-    // @ts-ignore
-    type;
-    /**
-     * 元素标签
-     */
-    // @ts-ignore
-    tag;
-    /**
-     * 页面元素名称
-     */
-    // @ts-ignore
-    name;
-    /**
-     * 静态 class 名
-     */
-    // @ts-ignore
-    staticClass;
-    /**
-     * 静态 style
-     */
-    // @ts-ignore
-    staticStyle;
-    /**
-     * 权限资源描述
-     */
-    // @ts-ignore
-    authDescription;
-    /**
-     * 插槽目标
-     */
-    // @ts-ignore
-    slotTarget;
-    /**
-     * 插槽 scope 表达式
-     */
-    // @ts-ignore
-    slotScope;
-    /**
-     * 元素绑定属性列表
-     */
-    bindAttrs = [];
-    /**
-     * 元素绑定事件列表
-     */
-    bindEvents = [];
-    /**
-     * 元素指令列表
-     */
-    bindDirectives = [];
-    /**
-     * 绑定的角色
-     */
-    bindRoles = [];
-    /**
-     * 元素绑定样式列表
-     */
-    bindStyles = [];
+let ViewElement = ViewElement_1 = class ViewElement extends BaseNode_1.default {
     /**
-     * 子元素列表
+     * @param source 需要合并的部分参数
      */
-    children = [];
+    constructor(source) {
+        source = Object.assign({}, ViewElement_1.getDefaultOptions(), source);
+        super(source);
+        /**
+         * 元素绑定属性列表
+         */
+        this.bindAttrs = [];
+        /**
+         * 元素绑定事件列表
+         */
+        this.bindEvents = [];
+        /**
+         * 元素指令列表
+         */
+        this.bindDirectives = [];
+        /**
+         * 绑定的角色
+         */
+        this.bindRoles = [];
+        /**
+         * 元素绑定样式列表
+         */
+        this.bindStyles = [];
+        /**
+         * 子元素列表
+         */
+        this.children = [];
+        this.computedStyle = {};
+        super.subConstructor(source);
+    }
     /**
      * 祖先 View
      */
@@ -384,14 +341,6 @@ class ViewElement extends BaseNode_1.default {
     get frontend() {
         return this.getAncestor('Frontend');
     }
-    /**
-     * @param source 需要合并的部分参数
-     */
-    constructor(source) {
-        source = Object.assign({}, ViewElement_1.getDefaultOptions(), source);
-        super(source);
-        super.subConstructor(source);
-    }
     /**
      * 从父级删除该节点
      * @internal
@@ -441,7 +390,7 @@ class ViewElement extends BaseNode_1.default {
         const excludedSet = new Set(excludedList);
         return (this.bindAttrs || [])
             .filter((item) => !excludedSet.has(item))
-            .map((item) => item.name);
+            .map((item) => item?.name);
     }
     getBindAttributeUniqueName(name = 'bindAttribute1') {
         return utils.unique(name, this.getBindAttributeExistingNames(), undefined, false);
@@ -449,26 +398,27 @@ class ViewElement extends BaseNode_1.default {
     _insertBindAttributeAt(options, index) {
         const bindAttributeOptions = {};
         const relationOptions = { parentNode: this, parentKey: 'bindAttrs' };
+        const BindAttribute = (0, decorators_1.getConceptConstructor)('BindAttribute');
         let bindAttribute;
         if (!options) {
-            bindAttribute = BindAttribute__1.default.from({
+            bindAttribute = BindAttribute.from({
                 ...bindAttributeOptions,
                 name: this.getBindAttributeUniqueName(),
             }, this, 'bindAttrs');
         }
         else if (typeof options === 'string') {
-            bindAttribute = BindAttribute__1.default.from({
+            bindAttribute = BindAttribute.from({
                 ...bindAttributeOptions,
                 name: options,
             }, this, 'bindAttrs');
         }
-        else if (options instanceof BindAttribute__1.default) {
+        else if (asserts.isBindAttribute(options)) {
             options.ensureDelete(); // 同一实例不支持多处存在
             bindAttribute = options;
             Object.assign(bindAttribute, relationOptions);
         }
         else {
-            bindAttribute = BindAttribute__1.default.from({
+            bindAttribute = BindAttribute.from({
                 ...bindAttributeOptions,
                 ...options,
             }, this, 'bindAttrs');
@@ -501,7 +451,7 @@ class ViewElement 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);
@@ -509,26 +459,27 @@ class ViewElement extends BaseNode_1.default {
     _insertBindEventAt(options, index) {
         const bindEventOptions = {};
         const relationOptions = { parentNode: this, parentKey: 'bindEvents' };
+        const BindEvent = (0, decorators_1.getConceptConstructor)('BindEvent');
         let bindEvent;
         if (!options) {
-            bindEvent = BindEvent__1.default.from({
+            bindEvent = BindEvent.from({
                 ...bindEventOptions,
                 name: this.getBindEventUniqueName(),
             }, this, 'bindEvents');
         }
         else if (typeof options === 'string') {
-            bindEvent = BindEvent__1.default.from({
+            bindEvent = BindEvent.from({
                 ...bindEventOptions,
                 name: options,
             }, this, 'bindEvents');
         }
-        else if (options instanceof BindEvent__1.default) {
+        else if (asserts.isBindEvent(options)) {
             options.ensureDelete(); // 同一实例不支持多处存在
             bindEvent = options;
             Object.assign(bindEvent, relationOptions);
         }
         else {
-            bindEvent = BindEvent__1.default.from({
+            bindEvent = BindEvent.from({
                 ...bindEventOptions,
                 ...options,
             }, this, 'bindEvents');
@@ -563,7 +514,7 @@ class ViewElement extends BaseNode_1.default {
         const excludedSet = new Set(excludedList);
         return (this.bindDirectives || [])
             .filter((item) => !excludedSet.has(item))
-            .map((item) => item.name);
+            .map((item) => item?.name);
     }
     getBindDirectiveUniqueName(name = 'bindDirective1') {
         return utils.unique(name, this.getBindDirectiveExistingNames(), undefined, false);
@@ -571,26 +522,27 @@ class ViewElement extends BaseNode_1.default {
     _insertBindDirectiveAt(options, index) {
         const bindDirectiveOptions = {};
         const relationOptions = { parentNode: this, parentKey: 'bindDirectives' };
+        const BindDirective = (0, decorators_1.getConceptConstructor)('BindDirective');
         let bindDirective;
         if (!options) {
-            bindDirective = BindDirective__1.default.from({
+            bindDirective = BindDirective.from({
                 ...bindDirectiveOptions,
                 name: this.getBindDirectiveUniqueName(),
             }, this, 'bindDirectives');
         }
         else if (typeof options === 'string') {
-            bindDirective = BindDirective__1.default.from({
+            bindDirective = BindDirective.from({
                 ...bindDirectiveOptions,
                 name: options,
             }, this, 'bindDirectives');
         }
-        else if (options instanceof BindDirective__1.default) {
+        else if (asserts.isBindDirective(options)) {
             options.ensureDelete(); // 同一实例不支持多处存在
             bindDirective = options;
             Object.assign(bindDirective, relationOptions);
         }
         else {
-            bindDirective = BindDirective__1.default.from({
+            bindDirective = BindDirective.from({
                 ...bindDirectiveOptions,
                 ...options,
             }, this, 'bindDirectives');
@@ -623,7 +575,7 @@ class ViewElement extends BaseNode_1.default {
     }
     getBindStyleExistingNames(excludedList = []) {
         const excludedSet = new Set(excludedList);
-        return (this.bindStyles || []).filter((item) => !excludedSet.has(item)).map((item) => item.name);
+        return (this.bindStyles || []).filter((item) => !excludedSet.has(item)).map((item) => item?.name);
     }
     getBindStyleUniqueName(name = 'bindStyle1') {
         return utils.unique(name, this.getBindStyleExistingNames(), undefined, false);
@@ -631,26 +583,27 @@ class ViewElement extends BaseNode_1.default {
     _insertBindStyleAt(options, index) {
         const bindStyleOptions = {};
         const relationOptions = { parentNode: this, parentKey: 'bindStyles' };
+        const BindStyle = (0, decorators_1.getConceptConstructor)('BindStyle');
         let bindStyle;
         if (!options) {
-            bindStyle = BindStyle__1.default.from({
+            bindStyle = BindStyle.from({
                 ...bindStyleOptions,
                 name: this.getBindStyleUniqueName(),
             }, this, 'bindStyles');
         }
         else if (typeof options === 'string') {
-            bindStyle = BindStyle__1.default.from({
+            bindStyle = BindStyle.from({
                 ...bindStyleOptions,
                 name: options,
             }, this, 'bindStyles');
         }
-        else if (options instanceof BindStyle__1.default) {
+        else if (asserts.isBindStyle(options)) {
             options.ensureDelete(); // 同一实例不支持多处存在
             bindStyle = options;
             Object.assign(bindStyle, relationOptions);
         }
         else {
-            bindStyle = BindStyle__1.default.from({
+            bindStyle = BindStyle.from({
                 ...bindStyleOptions,
                 ...options,
             }, this, 'bindStyles');
@@ -684,26 +637,27 @@ class ViewElement extends BaseNode_1.default {
     _insertViewElementAt(options, index) {
         const viewElementOptions = {};
         const relationOptions = { parentNode: this, parentKey: 'children' };
+        const ViewElement = (0, decorators_1.getConceptConstructor)('ViewElement');
         let viewElement;
         if (!options) {
-            viewElement = ViewElement_1.from({
+            viewElement = ViewElement.from({
                 ...viewElementOptions,
                 name: this.getViewElementUniqueName(),
             }, this, 'children');
         }
         else if (typeof options === 'string') {
-            viewElement = ViewElement_1.from({
+            viewElement = ViewElement.from({
                 ...viewElementOptions,
                 name: options,
             }, this, 'children');
         }
-        else if (options instanceof ViewElement_1) {
+        else if (asserts.isViewElement(options)) {
             options.ensureDelete(); // 同一实例不支持多处存在
             viewElement = options;
             Object.assign(viewElement, relationOptions);
         }
         else {
-            viewElement = ViewElement_1.from({
+            viewElement = ViewElement.from({
                 ...viewElementOptions,
                 ...options,
             }, this, 'children');
@@ -768,9 +722,12 @@ class ViewElement extends BaseNode_1.default {
                 ~index && this[parentKey].splice(index, 1);
                 params.index = index;
             }
-            else if (t[parentKey] === n) {
-                params.index = 0;
-                this[parentKey] = undefined;
+            else {
+                const q = t[parentKey];
+                if ((q.__v_raw || q) === n) {
+                    params.index = 0;
+                    this[parentKey] = undefined;
+                }
             }
         }
         return params;
@@ -809,9 +766,12 @@ class ViewElement extends BaseNode_1.default {
                 ~index && this[parentKey].splice(index, 1);
                 params.index = index;
             }
-            else if (t[parentKey] === n) {
-                params.index = 0;
-                this[parentKey] = undefined;
+            else {
+                const q = t[parentKey];
+                if ((q.__v_raw || q) === n) {
+                    params.index = 0;
+                    this[parentKey] = undefined;
+                }
             }
         }
         return params;
@@ -850,9 +810,12 @@ class ViewElement extends BaseNode_1.default {
                 ~index && this[parentKey].splice(index, 1);
                 params.index = index;
             }
-            else if (t[parentKey] === n) {
-                params.index = 0;
-                this[parentKey] = undefined;
+            else {
+                const q = t[parentKey];
+                if ((q.__v_raw || q) === n) {
+                    params.index = 0;
+                    this[parentKey] = undefined;
+                }
             }
         }
         return params;
@@ -891,9 +854,12 @@ class ViewElement extends BaseNode_1.default {
                 ~index && this[parentKey].splice(index, 1);
                 params.index = index;
             }
-            else if (t[parentKey] === n) {
-                params.index = 0;
-                this[parentKey] = undefined;
+            else {
+                const q = t[parentKey];
+                if ((q.__v_raw || q) === n) {
+                    params.index = 0;
+                    this[parentKey] = undefined;
+                }
             }
         }
         return params;
@@ -932,9 +898,12 @@ class ViewElement extends BaseNode_1.default {
                 ~index && this[parentKey].splice(index, 1);
                 params.index = index;
             }
-            else if (t[parentKey] === n) {
-                params.index = 0;
-                this[parentKey] = undefined;
+            else {
+                const q = t[parentKey];
+                if ((q.__v_raw || q) === n) {
+                    params.index = 0;
+                    this[parentKey] = undefined;
+                }
             }
         }
         return params;
@@ -970,7 +939,6 @@ class ViewElement extends BaseNode_1.default {
     getViewElementUniqueNameOld(name = 'viewElement1') {
         return this.view?.getViewElementUniqueNameOld(name);
     }
-    static TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
     static from(source, parentNode, parentKey) {
         const node = super.from(source, parentNode, parentKey);
         if (!node.name) {
@@ -1051,12 +1019,20 @@ class ViewElement extends BaseNode_1.default {
                 }
                 else if (['u-list-view', 'u-grid-view', 'u-table-view', 'van-list-view', 'van-grid-view'].includes(self.tag) &&
                     self.bindAttrs?.findIndex((attr) => attr.name === 'sorting') === -1) {
+                    if (['u-list-view', 'van-grid-view', 'van-list-view'].includes(self.tag)) {
+                        code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
+                        code += `filterText: nasl.core.String\n`;
+                    }
                     code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                     code += `sorting: {
                       field: nasl.core.String
                       order: nasl.core.String
                   }\n`;
                 }
+                else if (['u-cascader', 'van-cascader'].includes(self.tag)) {
+                    code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
+                    code += `filterText: nasl.core.String\n`;
+                }
             }
             code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
             code += `};\n`;
@@ -1074,7 +1050,7 @@ class ViewElement extends BaseNode_1.default {
         code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
         let levelIndex = parentLevel || 0;
         code += `${self.name}: () => {\n`;
-        if (self.tag === 'template' && self.haveScope() && self.parentNode instanceof ViewElement_1) {
+        if (self.tag === 'template' && self.haveScope() && asserts.isViewElement(self.parentNode)) {
             const currentType = self.parentNode.tag === 'u-table-view-column-dynamic' ? 'CurrentDynamic' : 'Current';
             const _this = self.parentNode;
             let genericity = '';
@@ -1083,7 +1059,7 @@ class ViewElement extends BaseNode_1.default {
             }
             else {
                 let targetNode = _this;
-                while (!targetNode.__tsVariableDataSourceTypeName && targetNode?.parentNode instanceof ViewElement_1) {
+                while (!targetNode.__tsVariableDataSourceTypeName && asserts.isViewElement(targetNode?.parentNode)) {
                     targetNode = targetNode.parentNode;
                 }
                 genericity += `<${targetNode.__tsVariableDataSourceTypeName ?? 'any'}>`;
@@ -1096,9 +1072,9 @@ class ViewElement extends BaseNode_1.default {
         if (attr && attr.expression) {
             const datasourceName = `datasourceName${self.name}`;
             self.__tsVariableDataSourceTypeName = datasourceName;
-            if (attr.expression instanceof MemberExpression__1.default ||
-                attr.expression instanceof Identifier__1.default ||
-                attr.expression instanceof concepts_1.CallLogic) {
+            if (asserts.isMemberExpression(attr.expression) ||
+                asserts.isIdentifier(attr.expression) ||
+                asserts.isCallLogic(attr.expression)) {
                 const extraParams = {
                     tabSize: 4,
                     inline: true,
@@ -1188,9 +1164,9 @@ class ViewElement extends BaseNode_1.default {
                 if (attr && attr.expression) {
                     const datasourceName = `datasourceName${element.name}`;
                     element.__tsDataSourceTypeName = datasourceName;
-                    if (attr.expression instanceof MemberExpression__1.default ||
-                        attr.expression instanceof Identifier__1.default ||
-                        attr.expression instanceof concepts_1.CallLogic) {
+                    if (asserts.isMemberExpression(attr.expression) ||
+                        asserts.isIdentifier(attr.expression) ||
+                        asserts.isCallLogic(attr.expression)) {
                         const extraParams = {
                             tabSize: 4,
                             inline: true,
@@ -1510,7 +1486,7 @@ class ViewElement extends BaseNode_1.default {
         let args = [];
         try {
             const ast = babelParser.parseExpression(value);
-            const validationNamespace = concepts_1.stdlibNamespace.findChild('validation');
+            const validationNamespace = (0, concepts_1.getStdlibNamespace)().findChild('validation');
             if (ast.type === 'CallExpression') {
                 calleeName = (ast.callee?.property?.name ?? ast.callee?.property?.value ?? ast.callee?.name).replace(/\(.*/, '');
                 const func = validationNamespace.functions.find((item) => item.name === calleeName);
@@ -1589,6 +1565,9 @@ class ViewElement extends BaseNode_1.default {
             if (astNode[key])
                 console.warn(`[warn] ViewElement NASL unsupports '${key}' field in node `, astNode);
         });
+        const BindAttribute = (0, decorators_1.getConceptConstructor)('BindAttribute');
+        const BindDirective = (0, decorators_1.getConceptConstructor)('BindDirective');
+        const BindEvent = (0, decorators_1.getConceptConstructor)('BindEvent');
         let element;
         if (astNode.type === 1) {
             if (astNode.tag === 'router-view') {
@@ -1620,7 +1599,7 @@ class ViewElement extends BaseNode_1.default {
                 // 获取原始属性
                 const orginAttrCode = (context?.code || '').substr(oldAttr.start, oldAttr.end - oldAttr.start);
                 if (oldAttr.value === '""' && orginAttrCode.trim() === oldAttr.name) {
-                    attr = new BindAttribute__1.default({
+                    attr = new BindAttribute({
                         type: 'static',
                         name: oldAttr.name,
                         value: 'true',
@@ -1640,11 +1619,11 @@ class ViewElement extends BaseNode_1.default {
                         else if (['page-number', 'page-size'].includes(oldAttr.name)) {
                             source.value = Number(source.value);
                         }
-                        attr = new BindAttribute__1.default(source);
+                        attr = new BindAttribute(source);
                     }
                     catch (e) {
                         const expression = this._parseExpression(oldAttr.value);
-                        attr = new BindAttribute__1.default({
+                        attr = new BindAttribute({
                             type: 'dynamic',
                             name: oldAttr.name,
                             value: expression ? '' : oldAttr.value,
@@ -1684,7 +1663,7 @@ class ViewElement extends BaseNode_1.default {
                     const viewLogics = context?.definition?.viewLogics || [];
                     const currentLogic = viewLogics.find((item) => item.name === calleeName);
                     if (currentLogic) {
-                        element.addBindEvent(new BindEvent__1.default({
+                        element.addBindEvent(new BindEvent({
                             name,
                             calleeNamespace: '',
                             calleeName: '',
@@ -1699,7 +1678,7 @@ class ViewElement extends BaseNode_1.default {
                         const valueAttr = astNode.attrs && astNode.attrs.find((attr) => attr.name === 'value');
                         if (!valueAttr) {
                             const expression = this._parseExpression(directive.value);
-                            element.addBindAttribute(new BindAttribute__1.default({
+                            element.addBindAttribute(new BindAttribute({
                                 type: 'dynamic',
                                 name: 'value',
                                 value: expression ? '' : directive.value,
@@ -1710,7 +1689,7 @@ class ViewElement extends BaseNode_1.default {
                     }
                     else {
                         const expression = this._parseExpression(directive.value);
-                        element.addBindDirective(new BindDirective__1.default({
+                        element.addBindDirective(new BindDirective({
                             type: expression ? 'string' : 'dynamic',
                             name: directive.name,
                             rawName: directive.rawName,
@@ -1722,7 +1701,7 @@ class ViewElement extends BaseNode_1.default {
                     }
                 });
             if (astNode.if) {
-                element.addBindDirective(new BindDirective__1.default({
+                element.addBindDirective(new BindDirective({
                     type: 'dynamic',
                     name: 'if',
                     rawName: 'v-if',
@@ -1740,7 +1719,7 @@ class ViewElement extends BaseNode_1.default {
             });
             const value = astNode.text?.match(/{{(.*?)}}/)[1].trim();
             const expression = this._parseExpression(value);
-            element.addBindAttribute(new BindAttribute__1.default({
+            element.addBindAttribute(new BindAttribute({
                 type: 'dynamic',
                 name: 'text',
                 value: expression ? '' : value,
@@ -1754,7 +1733,7 @@ class ViewElement extends BaseNode_1.default {
                 tag: tagName,
                 name: view.getViewElementUniqueName(`${baseName}1`),
             });
-            element.addBindAttribute(new BindAttribute__1.default({
+            element.addBindAttribute(new BindAttribute({
                 name: 'text',
                 type: 'string',
                 value: astNode.text?.trim(),
@@ -1822,12 +1801,12 @@ class ViewElement extends BaseNode_1.default {
                             return `${attr.name}="${designerValue}"`;
                         }
                     }
-                    if (attr.name === 'text' && attr?.expression instanceof MemberExpression__1.default &&
+                    if (attr.name === 'text' &&
+                        asserts.isMemberExpression(attr?.expression) &&
                         attr?.expression?.object?.namespace?.startsWith('elements.') &&
                         attr?.expression?.object?.namespace?.endsWith('.property')) {
                         return `${attr.name}="{{ ${attr.expression.toUI()} }}"`;
                     }
-                    ;
                     if (attr.type === 'dynamic' &&
                         !(element.tag === 'u-cascade-select' && attr.name === 'categories'))
                         return defaultResult.replace(/:?([\w-]+)(?:.*?)="([\s\S]*)"/, (m, name, value) => {
@@ -1910,11 +1889,6 @@ class ViewElement extends BaseNode_1.default {
                         parts.push(':designer="false"');
                     }
                 }
-                // key变化，让tableView重新渲染
-                if (['u-table-view'].includes(el.tag)) {
-                    const time = new Date().getTime();
-                    parts.push(`key="${el.name}_${time}"`);
-                }
                 return parts;
             },
         });
@@ -2031,7 +2005,7 @@ class ViewElement extends BaseNode_1.default {
             .forEach((attr) => {
             const result = newOptions.attrFormat(attr, this, attr?.toVue(newOptions));
             // v-auth v-if 都翻译成 v-if
-            if (attr instanceof BindDirective__1.default && ['if', 'auth'].includes(attr.name) && result !== false) {
+            if (asserts.isBindDirective(attr) && ['if', 'auth'].includes(attr.name) && result !== false) {
                 const expr = result.replace(/v-(if|auth)="(.*)"/, (match, p1, p2) => p2);
                 if (expr)
                     vIfs.push(attr.name === 'if' ? expr : `$auth.has(${expr})`);
@@ -2057,8 +2031,7 @@ class ViewElement extends BaseNode_1.default {
         // 部分组件增加 key 唯一标识，防止 vue 判断重复节点，导致渲染异常
         if (this.name &&
             ['u-table-view', 'u-list-view', 'u-grid-view', 'u-list-components', 'u-form', 'u-select'].includes(this.tag)) {
-            const hasKey = parts.find((part) => part && part.startsWith('key='));
-            !hasKey && this.name && parts.push(`key="${this.name}"`);
+            this.name && parts.push(`key="${this.name}"`);
         }
         let partsLength = 0;
         let partsString = '';
@@ -2109,7 +2082,6 @@ class ViewElement extends BaseNode_1.default {
                 return current.node;
         }, { node: this });
     }
-    computedStyle = {};
     getCurrentName() {
         let current = 'current';
         let parent = this.parentNode;
@@ -2251,13 +2223,19 @@ class ViewElement extends BaseNode_1.default {
     }
     // 批量更新绑定属性
     batchUpdateBindAttrs(attrOptions) {
+        const BindAttribute = (0, decorators_1.getConceptConstructor)('BindAttribute');
         const oldBindAttrs = this.bindAttrs.filter((it) => !attrOptions.some((item) => item.name === it.name));
-        const newBindAttrs = attrOptions.map((it) => BindAttribute__1.default.from(it, this, 'bindAttrs'));
+        const newBindAttrs = attrOptions.map((it) => BindAttribute.from(it, this, 'bindAttrs'));
         this.update({
             bindAttrs: [...oldBindAttrs, ...newBindAttrs],
         });
     }
 };
+/** 类名 */
+ViewElement.ConceptName = 'ViewElement';
+/** 继承链 */
+ViewElement.inheritanceChain = ['BaseNode'];
+ViewElement.TAG_NAME_PREFIX_REG = /^([lieu]|van)[-_]/;
 __decorate([
     (0, decorators_1.property)('concept')
 ], ViewElement.prototype, "concept", void 0);
@@ -2345,9 +2323,7 @@ __decorate([
     (0, decorators_1.excludedInJSON)()
 ], ViewElement.prototype, "computedStyle", void 0);
 ViewElement = ViewElement_1 = __decorate([
-    decorators_1.className,
     (0, decorators_1.concept)('页面元素')
-    // @ts-ignore
 ], ViewElement);
 exports.ViewElement = ViewElement;
 exports.default = ViewElement;