@lcap/nasl 3.4.0-beta.5 → 3.4.0-beta.6

package/out/concepts/ViewElement__.js

@@ -34,6 +34,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 var ViewElement_1;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ViewElement = void 0;
+const time_slicing_1 = require("../utils/time-slicing");
 const translator_1 = require("../translator");
 const concepts_1 = require("../concepts");
 const babelParser = __importStar(require("@babel/parser"));
@@ -1001,55 +1002,55 @@ class ViewElement extends BaseNode_1.default {
     haveScope() {
         return Boolean(this.slotScope);
     }
-    toEmbeddedTSDefinition(state) {
+    *toEmbeddedTSDefinition(state = (0, translator_1.createCompilerState)()) {
+        const self = this;
         let code = '';
         code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
         // 登录组件不翻译
-        if (this.toHump(this.tag) === 'lcapLogin' || this.staticClass === 'login-form') {
-            code += `${this.name}: nasl.ui.div<any>;\n`;
+        if (self.toHump(self.tag) === 'lcapLogin' || self.staticClass === 'login-form') {
+            code += `${self.name}: nasl.ui.div<any>;\n`;
         }
-        else if (this.tag === 'u-table-view-column-dynamic') {
-            code += `${this.name}: nasl.ui.${this.toHump(this.tag)}<any, any>;\n`;
+        else if (self.tag === 'u-table-view-column-dynamic') {
+            code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<any, any>;\n`;
         }
-        else if (Object.keys(View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP).includes(this.tag)) {
-            if (this.bindAttrs?.findIndex((attr) => attr.name === 'data-source') > -1) {
-                code += `${this.name}: nasl.ui.${this.toHump(this.tag)}<__elements_completionProperty['${this.name}']['dataSource']>;\n`;
+        else if (Object.keys(View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP).includes(self.tag)) {
+            if (self.bindAttrs?.findIndex((attr) => attr.name === 'data-source') > -1) {
+                code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<__elements_completionProperty['${self.name}']['dataSource']>;\n`;
             }
             else {
-                code += `${this.name}: nasl.ui.${this.toHump(this.tag)}<any>;\n`;
+                code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<any>;\n`;
             }
         }
         else {
-            code += `${this.name}: nasl.ui.${this.toHump(this.tag)}<any>;\n`;
+            code += `${self.name}: nasl.ui.${self.toHump(self.tag)}<any>;\n`;
         }
-        if (Array.isArray(this.children)) {
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code));
+        if (Array.isArray(self.children)) {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
+                code += yield* element.toEmbeddedTSDefinition((0, translator_1.shiftState)(state, code));
             });
         }
         return code;
     }
-    toEmbeddedTSVariableDefinition(state, variableList, nameLevel) {
+    *toEmbeddedTSVariableDefinition(state = (0, translator_1.createCompilerState)(), variableList, nameLevel) {
+        const self = this;
         let code = '';
         let currentLevel = nameLevel ? `${nameLevel}?.` : '';
-        currentLevel += `${this.name}?.()`;
-        if (View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[this.tag]) {
+        currentLevel += `${self.name}?.()`;
+        if (View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP?.[self.tag]) {
             code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
-            code += `${this.name}: {\n`;
-            if (Array.isArray(this.bindAttrs)) {
-                this.bindAttrs
-                    .filter((attr) => View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP[this.tag]?.[attr.name])
-                    .forEach((attr) => {
-                    code += attr.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList, this.name, currentLevel);
+            code += `${self.name}: {\n`;
+            if (Array.isArray(self.bindAttrs)) {
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindAttrs.filter((attr) => View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP[self.tag]?.[attr.name]), function* warpForEachGenerator(attr) {
+                    code += yield* attr.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code, { inline: true }), variableList, self.name, currentLevel);
                 });
-                if (['u-select', 'van-pickerson'].includes(this.tag)) {
+                if (['u-select', 'van-pickerson'].includes(self.tag)) {
                     code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                     code += `pageNumber: nasl.core.Long\n`;
                     code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                     code += `filterText: nasl.core.String\n`;
                 }
-                else if (['u-list-view', 'u-grid-view', 'u-table-view', 'van-list-view', 'van-grid-view'].includes(this.tag) &&
-                    this.bindAttrs?.findIndex((attr) => attr.name === 'sorting') === -1) {
+                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) {
                     code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                     code += `sorting: {
                       field: nasl.core.String
@@ -1060,21 +1061,22 @@ class ViewElement extends BaseNode_1.default {
             code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
             code += `};\n`;
         }
-        if (Array.isArray(this.children)) {
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code), variableList, currentLevel);
+        if (Array.isArray(self.children)) {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
+                code += yield* element.toEmbeddedTSVariableDefinition((0, translator_1.shiftState)(state, code), variableList, currentLevel);
             });
         }
         return code;
     }
-    toEmbeddedTSVariableFunctionDefinition(state, parentLevel) {
+    *toEmbeddedTSVariableFunctionDefinition(state = (0, translator_1.createCompilerState)(), parentLevel) {
+        const self = this;
         let code = '';
         code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
         let levelIndex = parentLevel || 0;
-        code += `${this.name}: () => {\n`;
-        if (this.tag === 'template' && this.haveScope() && this.parentNode instanceof ViewElement_1) {
-            const currentType = this.parentNode.tag === 'u-table-view-column-dynamic' ? 'CurrentDynamic' : 'Current';
-            const _this = this.parentNode;
+        code += `${self.name}: () => {\n`;
+        if (self.tag === 'template' && self.haveScope() && self.parentNode instanceof ViewElement_1) {
+            const currentType = self.parentNode.tag === 'u-table-view-column-dynamic' ? 'CurrentDynamic' : 'Current';
+            const _this = self.parentNode;
             let genericity = '';
             if (_this.tag === 'u-table-view-column-dynamic') {
                 genericity += `<${_this.parentNode.__tsVariableDataSourceTypeName}, ${_this.__tsVariableDataSourceTypeName}>`;
@@ -1090,10 +1092,10 @@ class ViewElement extends BaseNode_1.default {
             code += `let current${levelIndex === 0 ? '' : levelIndex}: nasl.ui.${currentType}${genericity}\n`;
             levelIndex++;
         }
-        const attr = this.bindAttrs?.find((item) => item.name === 'data-source');
+        const attr = self.bindAttrs?.find((item) => item.name === 'data-source');
         if (attr && attr.expression) {
-            const datasourceName = `datasourceName${this.name}`;
-            this.__tsVariableDataSourceTypeName = datasourceName;
+            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) {
@@ -1102,7 +1104,7 @@ class ViewElement extends BaseNode_1.default {
                     inline: true,
                     noNeedParams: true,
                 };
-                let value = attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
+                let value = yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                 code += `type ${datasourceName} = nasl.ui.GetItemTypeFromDataSource<typeof ${value}>;\n`;
                 // code += `let current${levelIndex === 0 ? '' : levelIndex}: nasl.ui.${currentType}<nasl.ui.GetItemTypeFromDataSource<typeof ${value}>>;\n`;
@@ -1110,25 +1112,26 @@ class ViewElement extends BaseNode_1.default {
             else {
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                 code += `const __funcName = () => { return `;
-                code += attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code));
+                code += yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code));
                 code += '};\n';
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                 code += `type ${datasourceName} = nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName>>;\n`;
                 // code += `let current${levelIndex === 0 ? '' : levelIndex}: nasl.ui.${currentType}<nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName>>>;\n`;
             }
         }
+        else {
+            self.__tsVariableDataSourceTypeName = 'any';
+        }
         code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
         code += `return {\n`;
-        if (Array.isArray(this.bindAttrs)) {
-            this.bindAttrs
-                .filter((attr) => View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP[this.tag]?.[attr.name])
-                .forEach((attr) => {
-                code += attr.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
+        if (Array.isArray(self.bindAttrs)) {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindAttrs.filter((attr) => View__1.PAGE_COMPONENT_INCLUDE_TAG_MAP[self.tag]?.[attr.name]), function* warpForEachGenerator(attr) {
+                code += yield* attr.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)(state, code, { inline: true }));
             });
         }
-        if (Array.isArray(this.children)) {
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)({ ...state, tabSize: state.tabSize + 2 }, code), levelIndex);
+        if (Array.isArray(self.children)) {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
+                code += yield* element.toEmbeddedTSVariableFunctionDefinition((0, translator_1.shiftState)({ ...state, tabSize: state.tabSize + 2 }, code), levelIndex);
             });
         }
         code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
@@ -1176,9 +1179,9 @@ class ViewElement extends BaseNode_1.default {
         }
         return code;
     }
-    getDatasourceTypeCodeStr(state, eleArr) {
+    *getDatasourceTypeCodeStr(state, eleArr) {
         let code = '';
-        (eleArr || []).forEach((element, index) => {
+        yield* (0, time_slicing_1.wrapForEachToGenerator)(eleArr ?? [], function* wrapForEach(element, index) {
             const bindAttrs = element.bindAttrs;
             if (bindAttrs && bindAttrs.length) {
                 const attr = bindAttrs.find((item) => item.name === 'data-source');
@@ -1193,13 +1196,13 @@ class ViewElement extends BaseNode_1.default {
                             inline: true,
                             noNeedParams: true,
                         };
-                        let value = attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
+                        let value = yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code, attr.expression.concept === 'CallLogic' ? extraParams : {}));
                         code += `type ${datasourceName} = `;
                         code += `nasl.ui.GetItemTypeFromDataSource<typeof ${value}>;\n`;
                     }
                     else {
                         code += `const __funcName${index} = () => { return`;
-                        code += attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code));
+                        code += yield* attr.expression.toEmbeddedTS((0, translator_1.shiftState)(state, code));
                         code += '};\n';
                         code += `type ${datasourceName} = `;
                         code += `nasl.ui.GetItemTypeFromDataSource<ReturnType<typeof __funcName${index}>>;\n`;
@@ -1211,8 +1214,9 @@ class ViewElement extends BaseNode_1.default {
         code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
         return code;
     }
-    toEmbeddedTS(state, parentLevel) {
-        const { parentNode, app, tag, staticClass, name, bindDirectives, bindRoles, bindEvents, children } = this;
+    *toEmbeddedTS(state = (0, translator_1.createCompilerState)(), parentLevel) {
+        const self = this;
+        const { parentNode, app, tag, staticClass, name, bindDirectives, bindRoles, bindEvents, children } = self;
         const chineseTsName = (name) => {
             let tsName = name;
             // 匹配所有特殊字符都转为_
@@ -1230,12 +1234,12 @@ class ViewElement extends BaseNode_1.default {
             return '';
         }
         // pc事件翻译
-        if (this.toHump(tag) === 'lcapLogin') {
-            let code = `new nasl.ui.div({name: __elements.${this.name},\n`;
+        if (self.toHump(tag) === 'lcapLogin') {
+            let code = `new nasl.ui.div({name: __elements.${self.name},\n`;
             // 事件
-            if (Array.isArray(this.bindEvents)) {
-                this.bindEvents.forEach((event) => {
-                    code += event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+            if (Array.isArray(self.bindEvents)) {
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindEvents, function* warpForEachGenerator(event) {
+                    code += yield* event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                         tabSize: (state?.tabSize || 0) + 2,
                     }));
                     code += '\n';
@@ -1245,15 +1249,15 @@ class ViewElement extends BaseNode_1.default {
             return code;
         }
         let levelIndex = parentLevel || 0;
-        if (tag === 'template' && this.haveScope()) {
-            const slotTarget = !this.slotTarget ? 'slotDefault' : 'slot' + this.toFirstUpper(this.toHump(this.slotTarget));
+        if (tag === 'template' && self.haveScope()) {
+            const slotTarget = !self.slotTarget ? 'slotDefault' : 'slot' + self.toFirstUpper(self.toHump(self.slotTarget));
             let code = '';
             code += `${slotTarget}: (current${levelIndex === 0 ? '' : levelIndex})=> {\n`;
-            code += this.getDatasourceTypeCodeStr(state, this.children);
+            code += yield* self.getDatasourceTypeCodeStr(state, self.children);
             levelIndex++;
             code += 'return [';
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
+                code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                     tabSize: state?.tabSize || 0,
                 }), levelIndex);
             });
@@ -1263,13 +1267,13 @@ class ViewElement extends BaseNode_1.default {
             return code;
         }
         else if (tag === 'template') {
-            const slotTarget = !this.slotTarget ? 'slotDefault' : 'slot' + this.toFirstUpper(this.toHump(this.slotTarget));
+            const slotTarget = !self.slotTarget ? 'slotDefault' : 'slot' + self.toFirstUpper(self.toHump(self.slotTarget));
             let code = '';
             code += `${slotTarget}: ()=> {\n`;
-            code += this.getDatasourceTypeCodeStr(state, this.children);
+            code += yield* self.getDatasourceTypeCodeStr(state, self.children);
             code += 'return [';
-            this.children.forEach((element) => {
-                code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(self.children, function* warpForEachGenerator(element) {
+                code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                     tabSize: state?.tabSize || 0,
                 }), levelIndex);
             });
@@ -1280,7 +1284,7 @@ class ViewElement extends BaseNode_1.default {
             return code;
         }
         // 后面那个name是为了查找引用的时候用的
-        let code = `new nasl.ui.${this.toHump(tag)}${this.getTypeArgmentsStr(state)}({name: __elements.${name},\n`;
+        let code = `new nasl.ui.${self.toHump(tag)}${self.getTypeArgmentsStr(state)}({name: __elements.${name},\n`;
         // 是否开启权限
         // const hasAuth = Array.isArray(bindDirectives)
         //     ? !!bindDirectives.filter((directive) => directive.name === 'auth').length
@@ -1289,7 +1293,7 @@ class ViewElement extends BaseNode_1.default {
         if (Array.isArray(bindRoles) && bindRoles.length) {
             code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
             code += 'roles: [\n';
-            bindRoles.forEach((role) => {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(bindRoles, function* warpForEachGenerator(role) {
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 3);
                 code += `${app.getNamespace()}.roles.${chineseTsName(role)}.${chineseTsName(role)},`;
                 code += '\n';
@@ -1299,8 +1303,8 @@ class ViewElement extends BaseNode_1.default {
         }
         // 事件
         if (Array.isArray(bindEvents)) {
-            bindEvents.forEach((event) => {
-                code += event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+            yield* (0, time_slicing_1.wrapForEachToGenerator)(bindEvents, function* warpForEachGenerator(event) {
+                code += yield* event.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                     tabSize: (state?.tabSize || 0) + 2,
                 }));
                 code += '\n';
@@ -1309,11 +1313,17 @@ class ViewElement extends BaseNode_1.default {
         // 子元素
         if (Array.isArray(children)) {
             code += (0, translator_1.indent)((state?.tabSize || 0) + 1);
-            if (Array.isArray(this.bindAttrs)) {
+            if (Array.isArray(self.bindAttrs)) {
                 code += `bindAttr: () => [\n`;
-                this.bindAttrs.forEach((attr) => (code += attr.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 })) + ',\n'));
-                this.bindDirectives.forEach((directive) => (code += directive.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 })) + ',\n'));
-                this.bindStyles.forEach((bindStyle) => (code += bindStyle.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 })) + ',\n'));
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindAttrs, function* warpForEachGenerator(attr) {
+                    code += (yield* attr.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 }))) + ',\n';
+                });
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindDirectives, function* warpForEachGenerator(directive) {
+                    code += (yield* directive.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 }))) + ',\n';
+                });
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(self.bindStyles, function* warpForEachGenerator(bindStyle) {
+                    code += (yield* bindStyle.toEmbeddedTS((0, translator_1.shiftState)(state, code, { tabSize: 1 }))) + ',\n';
+                });
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 2) + '],\n';
             }
             // 如果子集中有插槽的就
@@ -1321,9 +1331,9 @@ class ViewElement extends BaseNode_1.default {
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
                 const defaultArr = [];
                 // 先把插槽翻译了
-                children.forEach((element) => {
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(children, function* warpForEachGenerator(element) {
                     if (element.tag === 'template') {
-                        code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                        code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                             tabSize: state?.tabSize || 0,
                         }), levelIndex);
                     }
@@ -1335,10 +1345,10 @@ class ViewElement extends BaseNode_1.default {
                 if (defaultArr.length) {
                     code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
                     code += `slotDefault: ()=> {\n`;
-                    code += this.getDatasourceTypeCodeStr(state, defaultArr);
+                    code += yield* self.getDatasourceTypeCodeStr(state, defaultArr);
                     code += 'return [';
-                    defaultArr.forEach((element) => {
-                        code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                    yield* (0, time_slicing_1.wrapForEachToGenerator)(defaultArr, function* warpForEachGenerator(element) {
+                        code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                             tabSize: (state?.tabSize || 0) + 2,
                         }), levelIndex);
                         code += '\n';
@@ -1352,10 +1362,10 @@ class ViewElement extends BaseNode_1.default {
             else {
                 code += (0, translator_1.indent)((state?.tabSize || 0) + 2);
                 code += `slotDefault: ()=> {\n`;
-                code += this.getDatasourceTypeCodeStr(state, children);
+                code += yield* self.getDatasourceTypeCodeStr(state, children);
                 code += 'return [';
-                children.forEach((element) => {
-                    code += element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
+                yield* (0, time_slicing_1.wrapForEachToGenerator)(children, function* warpForEachGenerator(element) {
+                    code += yield* element.toEmbeddedTS((0, translator_1.shiftState)(state, code, {
                         tabSize: (state?.tabSize || 0) + 2,
                     }), levelIndex);
                     code += '\n';
@@ -1900,6 +1910,11 @@ 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;
             },
         });
@@ -2022,7 +2037,7 @@ class ViewElement extends BaseNode_1.default {
                     vIfs.push(attr.name === 'if' ? expr : `$auth.has(${expr})`);
                 return;
             }
-            result && result !== 'undefined' && parts.push(result);
+            result && parts.push(result);
         });
         if (vIfs.length === 2)
             parts.push(`v-if="(${vIfs[0]}) && (${vIfs[1]})"`);
@@ -2032,58 +2047,6 @@ class ViewElement extends BaseNode_1.default {
         if (bindStyles)
             parts.push(bindStyles);
         newOptions.getExtraParts(this).forEach((part) => parts.push(part));
-        if (["u-number-input", 'van-stepper-new'].includes(this.tag)) {
-            // cloudUI
-            // :step="${step}" :decimalLength="${decimalLength}"
-            //  :decimal-places="{ places:${decimalLength}, omit:false }" //这个属性单独存在 需要测试
-            // vant
-            // step="${step}"  :decimal-length="${decimalLength}"
-            const checkAttr = (attrName) => {
-                let value = this.bindAttrs?.find(attr => attr?.name === attrName)?.value;
-                return value && (value !== 'undefined');
-            };
-            let hasdecimalLength = (checkAttr("decimal-length") || checkAttr("decimalLength"));
-            let valueAttr = this.bindAttrs?.find(attr => attr?.name === "value");
-            const getNumberType = (attr) => {
-                let { typeName, typeNamespace } = attr?.expression?.__nodeType || {};
-                return typeName;
-            };
-            let numberType = getNumberType(valueAttr);
-            const pushDecimalLeng = (len, variableName) => {
-                if (!(checkAttr("decimal-length") || checkAttr("decimalLength"))) {
-                    // 值分 动态 非动态
-                    //  1 有默认值 没有设置组件精度 ： 取默认值的length
-                    // 2 无默认值无精度 取2
-                    // 3 无默认值 有精度  取精度
-                    if (variableName && variableName.length > 0) {
-                        parts.push(`:decimal-length="${len}"`);
-                        // parts.push(`:decimal-length="${variableName}.length"`)
-                    }
-                    else {
-                        parts.push(`:decimal-length="${len}"`);
-                    }
-                }
-            };
-            if (!hasdecimalLength) {
-                if (valueAttr?.type === "dynamic" && numberType) {
-                    if (numberType == 'Decimal') {
-                        let variableName = '';
-                        if (valueAttr?.expression) {
-                            variableName = valueAttr?.expression?.name;
-                        }
-                        pushDecimalLeng(2, variableName);
-                        !checkAttr("step") && parts.push(`:step="0.01"`);
-                    }
-                    else {
-                        pushDecimalLeng(0);
-                    }
-                }
-                else {
-                    pushDecimalLeng(0);
-                }
-            }
-            !checkAttr("highPrecision") && parts.push(`:highPrecision="true"`);
-        }
         if (['u-modal', 'u-drawer'].includes(this.tag)) {
             this.children.forEach((citem) => {
                 if (citem.tag === 'template' && !citem.children.length) {
@@ -2094,7 +2057,8 @@ 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)) {
-            this.name && parts.push(`key="${this.name}"`);
+            const hasKey = parts.find((part) => part && part.startsWith('key='));
+            !hasKey && this.name && parts.push(`key="${this.name}"`);
         }
         let partsLength = 0;
         let partsString = '';
@@ -2363,7 +2327,16 @@ __decorate([
     })
 ], ViewElement.prototype, "children", void 0);
 __decorate([
-    (0, translator_1.withSourceMap)()
+    translator_1.withGenerator
+], ViewElement.prototype, "toEmbeddedTSDefinition", null);
+__decorate([
+    translator_1.withGenerator
+], ViewElement.prototype, "toEmbeddedTSVariableDefinition", null);
+__decorate([
+    translator_1.withGenerator
+], ViewElement.prototype, "toEmbeddedTSVariableFunctionDefinition", null);
+__decorate([
+    translator_1.withSourceMapGenerator
 ], ViewElement.prototype, "toEmbeddedTS", null);
 __decorate([
     (0, translator_1.withSourceMap)()