@lcap/nasl 3.2.0-beta.3 → 3.3.0-alpha

package/src/templator/genCurdMultipleKeyBlock.ts

@@ -6,91 +6,100 @@
  */
 import * as utils from '../utils';
 import { App, Module, Namespace, Entity, View, Enum, DataSource, ViewElement } from '../concepts';
+import { NaslCoreTypeAnnotation, NaslUITypeAnnotation, NaslTypeAnnotation, NaslLogicItem, NaslNode } from './utils';
 import {
-    NaslCoreTypeAnnotation, NaslUITypeAnnotation,
-    NaslTypeAnnotation, NaslLogicItem, NaslNode,
-} from './utils';
-import {
-    filterProperty, NameGroup, genUniqueQueryNameGroup, getFirstDisplayedProperty,
-    genCallComponentLogic, genQueryLogic, genTableTemplate, genEnumSelectBlock,
-    genTableLoadLogic, genTableRemoveLogic, genLoadSelectLogic, genGridViewTemplate,
-    genGridViewLoadLogic, genGridViewRemoveLogic, genLogicParam,
+  filterProperty,
+  NameGroup,
+  genUniqueQueryNameGroup,
+  getFirstDisplayedProperty,
+  genCallComponentLogic,
+  genQueryLogic,
+  genTableTemplate,
+  genEnumSelectBlock,
+  genTableLoadLogic,
+  genTableRemoveLogic,
+  genLoadSelectLogic,
+  genGridViewTemplate,
+  genGridViewLoadLogic,
+  genGridViewRemoveLogic,
+  genLogicParam,
 } from '.';
 
 function genFilterTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroupMap: Map<string, NameGroup>) {
-    const dataSource = entity.parentNode as DataSource;
-    const properties = entity.properties.filter(filterProperty('inFilter'));
-    return `
+  const dataSource = entity.parentNode as DataSource;
+  const properties = entity.properties.filter(filterProperty('inFilter'));
+  return `
 <u-linear-layout justify="space-between">
     <u-form layout="inline">
     ${properties
-        .map((property) => {
-            const vModel = `${nameGroup.viewVariableFilter}.${property.name}`;
-            const label = property.label || property.name;
-            let formItem = `<u-form-item layout="center"><template #label><u-text text="${label}"></u-text></template>`;
+      .map((property) => {
+        const vModel = `${nameGroup.viewVariableFilter}.${property.name}`;
+        const label = property.label || property.name;
+        let formItem = `<u-form-item layout="center"><template #label><u-text text="${label}"></u-text></template>`;
 
-            const { typeAnnotation } = property || {};
-            const {
-                typeName: propertyTypeName,
-                typeNamespace: propertyTypeNamespace,
-            } = typeAnnotation || {};
-            const propertyTypeMaxLength:number = Number(property.rules.find((item) => item.indexOf('max') > -1)?.split('(')[1].slice(0, -1)) || 0;
-            if (property.relationEntity) {
-                // 有外键关联
-                const relationEntity = dataSource?.findEntityByName(property.relationEntity);
-                if (relationEntity) {
-                    const relationProperty = relationEntity.properties.find((prop) => prop.name === property.relationProperty);
-                    const displayedProperty = getFirstDisplayedProperty(relationEntity);
-                    if (displayedProperty) {
-                        const lowerEntityName = utils.firstLowerCase(relationEntity.name);
-                        // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
-                        const key = [property.name, relationEntity.name].join('-');
-                        const selectNameGroup = selectNameGroupMap.get(key);
-                        formItem += `
+        const { typeAnnotation } = property || {};
+        const { typeName: propertyTypeName, typeNamespace: propertyTypeNamespace } = typeAnnotation || {};
+        const propertyTypeMaxLength: number =
+          Number(
+            property.rules
+              .find((item) => item.indexOf('max') > -1)
+              ?.split('(')[1]
+              .slice(0, -1)
+          ) || 0;
+        if (property.relationEntity) {
+          // 有外键关联
+          const relationEntity = dataSource?.findEntityByName(property.relationEntity);
+          if (relationEntity) {
+            const relationProperty = relationEntity.properties.find((prop) => prop.name === property.relationProperty);
+            const displayedProperty = getFirstDisplayedProperty(relationEntity);
+            if (displayedProperty) {
+              const lowerEntityName = utils.firstLowerCase(relationEntity.name);
+              // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
+              const key = [property.name, relationEntity.name].join('-');
+              const selectNameGroup = selectNameGroupMap.get(key);
+              formItem += `
                         <u-select clearable placeholder="请选择${label}" :data-source="${selectNameGroup.viewLogicLoad}"
                             text-field="${lowerEntityName}.${displayedProperty.name}" value-field="${lowerEntityName}.${relationProperty.name}" :pageable="true" :remote-paging="true" v-model="${vModel}">
                         </u-select>
                     `;
-                    } else
-                        return '';
-                } else
-                    return '';
-            } else if (propertyTypeName === 'Boolean') {
-                formItem += `
+            } else return '';
+          } else return '';
+        } else if (propertyTypeName === 'Boolean') {
+          formItem += `
                         <u-select clearable v-model="${vModel}" placeholder="请输入${label}">
                             <u-select-item :value="true" text="是">是</u-select-item>
                             <u-select-item :value="false" text="否">否</u-select-item>
                         </u-select>
                     `;
-            } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
-                formItem += `<u-number-input v-model="${vModel}" placeholder="请输入${label}"></u-number-input>`;
-            } else if (propertyTypeName === 'Double') {
-                formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}"></u-number-input>`;
-            } else if (propertyTypeName === 'Decimal') {
-                formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}"></u-number-input>`;
-            } else if (propertyTypeName === 'String' && propertyTypeMaxLength > 255) {
-                formItem += `<u-textarea v-model="${vModel}" placeholder="请输入${label}"></u-textarea>`;
-            } else if (propertyTypeName === 'Date') {
-                formItem += `<u-date-picker clearable :value.sync="${vModel}" placeholder="请输入${label}"></u-date-picker>`;
-            } else if (propertyTypeName === 'Time') {
-                formItem += `<u-time-picker :value.sync="${vModel}" placeholder="请输入${label}"></u-time-picker>`;
-            } else if (propertyTypeName === 'DateTime') {
-                formItem += `<u-date-time-picker clearable :value.sync="${vModel}" placeholder="请输入${label}"></u-date-time-picker>`;
-            } else {
-                const namespaceArr = propertyTypeNamespace.split('.');
-                const type = namespaceArr.pop();
-                if (type === 'enums') {
-                    const Enum = dataSource.app.findNodeByCompleteName(propertyTypeNamespace + '.' + propertyTypeName) as Enum;
-                    formItem += genEnumSelectBlock(Enum, `${vModel}`, '', `请选择${label}`, true);
-                } else {
-                    formItem += `<u-input v-model="${vModel}" placeholder="请输入${label}"></u-input>`;
-                }
-            }
+        } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
+          formItem += `<u-number-input v-model="${vModel}" placeholder="请输入${label}"></u-number-input>`;
+        } else if (propertyTypeName === 'Double') {
+          formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}"></u-number-input>`;
+        } else if (propertyTypeName === 'Decimal') {
+          formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}"></u-number-input>`;
+        } else if (propertyTypeName === 'String' && propertyTypeMaxLength > 256) {
+          formItem += `<u-textarea v-model="${vModel}" placeholder="请输入${label}"></u-textarea>`;
+        } else if (propertyTypeName === 'Date') {
+          formItem += `<u-date-picker clearable :value.sync="${vModel}" placeholder="请输入${label}"></u-date-picker>`;
+        } else if (propertyTypeName === 'Time') {
+          formItem += `<u-time-picker :value.sync="${vModel}" placeholder="请输入${label}"></u-time-picker>`;
+        } else if (propertyTypeName === 'DateTime') {
+          formItem += `<u-date-time-picker clearable :value.sync="${vModel}" placeholder="请输入${label}"></u-date-time-picker>`;
+        } else {
+          const namespaceArr = propertyTypeNamespace.split('.');
+          const type = namespaceArr.pop();
+          if (type === 'enums') {
+            const Enum = dataSource.app.findNodeByCompleteName(`${propertyTypeNamespace}.${propertyTypeName}`) as Enum;
+            formItem += genEnumSelectBlock(Enum, `${vModel}`, '', `请选择${label}`, true);
+          } else {
+            formItem += `<u-input v-model="${vModel}" placeholder="请输入${label}"></u-input>`;
+          }
+        }
 
-            formItem += `</u-form-item>`;
-            return formItem;
-        })
-        .join('')}
+        formItem += `</u-form-item>`;
+        return formItem;
+      })
+      .join('')}
 
         <u-form-item layout="center" label-size="auto">
             <u-button color="primary" @click="${nameGroup.viewLogicReload}">查 询</u-button>
@@ -103,10 +112,10 @@ function genFilterTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroup
 }
 
 function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroupMap: Map<string, NameGroup>) {
-    const dataSource = entity.parentNode as DataSource;
-    const properties = entity.properties.filter(filterProperty('inForm'));
+  const dataSource = entity.parentNode as DataSource;
+  const properties = entity.properties.filter(filterProperty('inForm'));
 
-    return `
+  return `
     <u-modal ref="${nameGroup.viewElementSaveModal}">
         <template #title>
             <div v-if="${nameGroup.viewVariableIsUpdate}">修改</div>
@@ -115,37 +124,41 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
         <template #body>
             <u-form ref="${nameGroup.viewElementSaveModalForm}">
     ${properties
-        .map((property) => {
-            const vModel = `${nameGroup.viewVariableInput}.${property.name}`;
-            const label = property.label || property.name;
-            const required = !!property.required;
-            const rules = [];
-            if (property.rules && property.rules.length) {
-                property.rules.forEach((rule) => rules.push(rule));
-            }
-            if (required)
-                rules.push('required');
-            const rulesStr = rules.join(' | ');
-            let formItem = `<u-form-item ${required ? 'required' : ''}  ${rulesStr.length ? `rules="${rulesStr}"` : ''} layout="center"><template #label><u-text text="${label}"></u-text></template>`;
+      .map((property) => {
+        const vModel = `${nameGroup.viewVariableInput}.${property.name}`;
+        const label = property.label || property.name;
+        const required = !!property.required;
+        const rules = [];
+        if (property.rules && property.rules.length) {
+          property.rules.forEach((rule) => rules.push(rule));
+        }
+        if (required) rules.push('required');
+        const rulesStr = rules.join(' | ');
+        let formItem = `<u-form-item ${required ? 'required' : ''}  ${
+          rulesStr.length ? `rules="${rulesStr}"` : ''
+        } layout="center"><template #label><u-text text="${label}"></u-text></template>`;
 
-            const { typeAnnotation } = property || {};
-            const {
-                typeName: propertyTypeName,
-                typeNamespace: propertyTypeNamespace,
-            } = typeAnnotation || {};
-            const propertyTypeMaxLength:number = Number(property.rules.find((item) => item.indexOf('max') > -1)?.split('(')[1].slice(0, -1)) || 0;
-            if (property.relationEntity) {
-                // 有外键关联
-                const relationEntity = dataSource?.findEntityByName(property.relationEntity);
-                if (relationEntity) {
-                    const relationProperty = relationEntity.properties.find((prop) => prop.name === property.relationProperty);
-                    const displayedProperty = getFirstDisplayedProperty(relationEntity);
-                    if (displayedProperty) {
-                        const lowerEntityName = utils.firstLowerCase(relationEntity.name);
-                        // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
-                        const key = [property.name, relationEntity.name].join('-');
-                        const selectNameGroup = selectNameGroupMap.get(key);
-                        formItem += `
+        const { typeAnnotation } = property || {};
+        const { typeName: propertyTypeName, typeNamespace: propertyTypeNamespace } = typeAnnotation || {};
+        const propertyTypeMaxLength: number =
+          Number(
+            property.rules
+              .find((item) => item.indexOf('max') > -1)
+              ?.split('(')[1]
+              .slice(0, -1)
+          ) || 0;
+        if (property.relationEntity) {
+          // 有外键关联
+          const relationEntity = dataSource?.findEntityByName(property.relationEntity);
+          if (relationEntity) {
+            const relationProperty = relationEntity.properties.find((prop) => prop.name === property.relationProperty);
+            const displayedProperty = getFirstDisplayedProperty(relationEntity);
+            if (displayedProperty) {
+              const lowerEntityName = utils.firstLowerCase(relationEntity.name);
+              // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
+              const key = [property.name, relationEntity.name].join('-');
+              const selectNameGroup = selectNameGroupMap.get(key);
+              formItem += `
                         <u-select clearable placeholder="请选择${label}"
                             text-field="${lowerEntityName}.${displayedProperty.name}"
                             value-field="${lowerEntityName}.${relationProperty.name}"
@@ -156,48 +169,62 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
                             v-model="${vModel}">
                         </u-select>
                     `;
-                    } else
-                        return '';
-                } else
-                    return '';
-            } else if (propertyTypeName === 'Boolean') {
-                formItem += `
-                        <u-select clearable v-model="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}>
+            } else return '';
+          } else return '';
+        } else if (propertyTypeName === 'Boolean') {
+          formItem += `
+                        <u-select clearable v-model="${vModel}" placeholder="请输入${label}" ${
+                          property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+                        }>
                             <u-select-item :value="true" text="是"><u-text text="是"></u-text></u-select-item>
                             <u-select-item :value="false" text="否"><u-text text="否"></u-text></u-select-item>
                         </u-select>`;
-            } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
-                formItem += `<u-number-input v-model="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}></u-number-input>`;
-            } else if (propertyTypeName === 'Double') {
-                formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
-                }></u-number-input>`;
-            } else if (propertyTypeName === 'Decimal') {
-                formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
-                }></u-number-input>`;
-            } else if (propertyTypeName === 'String' && propertyTypeMaxLength > 255) {
-                formItem += `<u-textarea v-model="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}></u-textarea>`;
-            } else if (propertyTypeName === 'Date') {
-                formItem += `<u-date-picker clearable :value.sync="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}></u-date-picker>`;
-            } else if (propertyTypeName === 'Time') {
-                formItem += `<u-time-picker :value.sync="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}></u-time-picker>`;
-            } else if (propertyTypeName === 'DateTime') {
-                formItem += `<u-date-time-picker clearable :value.sync="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}></u-date-time-picker>`;
-            } else {
-                const namespaceArr = propertyTypeNamespace.split('.');
-                const type = namespaceArr.pop();
-                if (type === 'enums') {
-                    const Enum = dataSource.app.findNodeByCompleteName(propertyTypeNamespace + '.' + propertyTypeName) as Enum;
-                    formItem += genEnumSelectBlock(Enum, `${vModel}`, '', `请选择${label}`, true);
-                } else {
-                    formItem += `<u-input v-model="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}></u-input>`;
-                }
-            }
+        } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
+          formItem += `<u-number-input v-model="${vModel}" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-number-input>`;
+        } else if (propertyTypeName === 'Double') {
+          formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-number-input>`;
+        } else if (propertyTypeName === 'Decimal') {
+          formItem += `<u-number-input v-model="${vModel}" :precision="0" :step="0" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-number-input>`;
+        } else if (propertyTypeName === 'String' && propertyTypeMaxLength > 256) {
+          formItem += `<u-textarea v-model="${vModel}" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-textarea>`;
+        } else if (propertyTypeName === 'Date') {
+          formItem += `<u-date-picker clearable :value.sync="${vModel}" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-date-picker>`;
+        } else if (propertyTypeName === 'Time') {
+          formItem += `<u-time-picker :value.sync="${vModel}" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-time-picker>`;
+        } else if (propertyTypeName === 'DateTime') {
+          formItem += `<u-date-time-picker clearable :value.sync="${vModel}" placeholder="请输入${label}" ${
+            property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+          }></u-date-time-picker>`;
+        } else {
+          const namespaceArr = propertyTypeNamespace.split('.');
+          const type = namespaceArr.pop();
+          if (type === 'enums') {
+            const Enum = dataSource.app.findNodeByCompleteName(`${propertyTypeNamespace}.${propertyTypeName}`) as Enum;
+            formItem += genEnumSelectBlock(Enum, `${vModel}`, '', `请选择${label}`, true);
+          } else {
+            formItem += `<u-input v-model="${vModel}" placeholder="请输入${label}" ${
+              property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+            }></u-input>`;
+          }
+        }
 
-            formItem += `</u-form-item>\n`;
+        formItem += `</u-form-item>\n`;
 
-            return formItem;
-        })
-        .join('')}
+        return formItem;
+      })
+      .join('')}
             </u-form>
         </template>
         <template #foot>
@@ -210,282 +237,277 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
 }
 
 function genInitLogic(nameGroup: NameGroup) {
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicInit,
-        description: '',
-        params: [] as any[],
-        returns: [] as any[],
-        variables: [] as any[],
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.CallFunction({
-                calleeName: 'Clear',
-                arguments: [
-                    NaslLogicItem.Argument({
-                        keyword: 'struct',
-                        expression: NaslLogicItem.Identifier({
-                            name: nameGroup.viewVariableFilter,
-                        }),
-                    }),
-                ],
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicInit,
+    description: '',
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.CallFunction({
+        calleeName: 'Clear',
+        arguments: [
+          NaslLogicItem.Argument({
+            keyword: 'struct',
+            expression: NaslLogicItem.Identifier({
+              name: nameGroup.viewVariableFilter,
             }),
-            NaslLogicItem.End,
+          }),
         ],
-        playground: [] as any[],
-    });
+      }),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any[],
+  });
 }
 
 function genCreateLogic(nameGroup: NameGroup) {
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicCreate,
-        description: '',
-        params: [] as any[],
-        returns: [] as any[],
-        variables: [] as any[],
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: nameGroup.viewVariableIsUpdate,
-                }),
-                right: NaslLogicItem.Identifier({
-                    name: 'false',
-                }),
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicCreate,
+    description: '',
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariableIsUpdate,
+        }),
+        right: NaslLogicItem.Identifier({
+          name: 'false',
+        }),
+      }),
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariableInput,
+        }),
+        right: NaslLogicItem.CallFunction({
+          calleeName: 'Clone',
+          arguments: [
+            NaslLogicItem.Argument({
+              keyword: 'obj',
+              expression: NaslLogicItem.Identifier({
+                name: nameGroup.viewVariableEntity,
+              }),
             }),
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: nameGroup.viewVariableInput,
-                }),
-                right: NaslLogicItem.CallFunction({
-                    calleeName: 'Clone',
-                    arguments: [
-                        NaslLogicItem.Argument({
-                            keyword: 'obj',
-                            expression: NaslLogicItem.Identifier({
-                                name: nameGroup.viewVariableEntity,
-                            }),
-                        }),
-                    ],
-                }),
-            }),
-            genCallComponentLogic(nameGroup.viewElementSaveModal, 'open'),
-            NaslLogicItem.End,
-        ],
-        playground: [] as any[],
-    });
+          ],
+        }),
+      }),
+      genCallComponentLogic(nameGroup.viewElementSaveModal, 'open'),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any[],
+  });
 }
 
 export function genSubmitLogic(entity: Entity, nameGroup: NameGroup) {
-    const ns = entity.ns;
-    const createLogic = ns?.logics?.find((logic) => logic.name === `create`);
+  const { ns } = entity;
+  const createLogic = ns?.logics?.find((logic) => logic.name === `create`);
 
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicSubmit,
-        params: [] as any[],
-        returns: [] as any[],
-        variables: [
-            NaslNode.Variable({
-                name: 'validateResult',
-                typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
-            }),
-        ],
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: 'validateResult',
-                }),
-                right: genCallComponentLogic(nameGroup.viewElementSaveModalForm, 'validate'),
-            }),
-            NaslLogicItem.IfStatement({
-                test: NaslLogicItem.MemberExpression({
-                    object: NaslLogicItem.Identifier({
-                        name: 'validateResult',
-                    }),
-                    property: NaslLogicItem.Identifier({
-                        name: 'valid',
-                    }),
-                }),
-                consequent: [
-                    NaslLogicItem.CallLogic({
-                        calleeNamespace: createLogic.getNamespace(),
-                        calleeName: createLogic.name,
-                        arguments: [
-                            genLogicParam(`${createLogic.params[0].name}`, nameGroup.viewVariableInput),
-                        ],
-                    }),
-                    genCallComponentLogic(nameGroup.viewElementSaveModal, 'close'),
-                    genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
-                ],
-                alternate: [],
-            }),
-            NaslLogicItem.End,
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicSubmit,
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [
+      NaslNode.Variable({
+        name: 'validateResult',
+        typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
+      }),
+    ],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: 'validateResult',
+        }),
+        right: genCallComponentLogic(nameGroup.viewElementSaveModalForm, 'validate'),
+      }),
+      NaslLogicItem.IfStatement({
+        test: NaslLogicItem.MemberExpression({
+          object: NaslLogicItem.Identifier({
+            name: 'validateResult',
+          }),
+          property: NaslLogicItem.Identifier({
+            name: 'valid',
+          }),
+        }),
+        consequent: [
+          NaslLogicItem.CallLogic({
+            calleeNamespace: createLogic.getNamespace(),
+            calleeName: createLogic.name,
+            arguments: [genLogicParam(`${createLogic.params[0].name}`, nameGroup.viewVariableInput)],
+          }),
+          genCallComponentLogic(nameGroup.viewElementSaveModal, 'close'),
+          genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
         ],
-        playground: [],
-    });
+        alternate: [],
+      }),
+      NaslLogicItem.End,
+    ],
+    playground: [],
+  });
 }
 
 export function genUpdateSubmitLogic(entity: Entity, nameGroup: NameGroup) {
-    const ns = entity.ns;
-    const updateLogic = ns?.logics?.find((logic) => logic.name === `update`);
+  const { ns } = entity;
+  const updateLogic = ns?.logics?.find((logic) => logic.name === `update`);
 
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicUpdateSubmit,
-        params: [] as any[],
-        returns: [] as any[],
-        variables: [
-            NaslNode.Variable({
-                name: 'validateResult',
-                typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
-            }),
-        ],
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: 'validateResult',
-                }),
-                right: genCallComponentLogic(nameGroup.viewElementSaveModalForm, 'validate'),
-            }),
-            NaslLogicItem.IfStatement({
-                test: NaslLogicItem.MemberExpression({
-                    object: NaslLogicItem.Identifier({
-                        name: 'validateResult',
-                    }),
-                    property: NaslLogicItem.Identifier({
-                        name: 'valid',
-                    }),
-                }),
-                consequent: [
-                    NaslLogicItem.CallLogic({
-                        calleeNamespace: updateLogic.getNamespace(),
-                        calleeName: updateLogic.name,
-                        arguments: [
-                            genLogicParam(`${updateLogic.params[0].name}`, nameGroup.viewVariableInput),
-                        ],
-                    }),
-                    genCallComponentLogic(nameGroup.viewElementSaveModal, 'close'),
-                    genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
-                ],
-                alternate: [],
-            }),
-            NaslLogicItem.End,
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicUpdateSubmit,
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [
+      NaslNode.Variable({
+        name: 'validateResult',
+        typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
+      }),
+    ],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: 'validateResult',
+        }),
+        right: genCallComponentLogic(nameGroup.viewElementSaveModalForm, 'validate'),
+      }),
+      NaslLogicItem.IfStatement({
+        test: NaslLogicItem.MemberExpression({
+          object: NaslLogicItem.Identifier({
+            name: 'validateResult',
+          }),
+          property: NaslLogicItem.Identifier({
+            name: 'valid',
+          }),
+        }),
+        consequent: [
+          NaslLogicItem.CallLogic({
+            calleeNamespace: updateLogic.getNamespace(),
+            calleeName: updateLogic.name,
+            arguments: [genLogicParam(`${updateLogic.params[0].name}`, nameGroup.viewVariableInput)],
+          }),
+          genCallComponentLogic(nameGroup.viewElementSaveModal, 'close'),
+          genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
         ],
-        playground: [],
-    });
+        alternate: [],
+      }),
+      NaslLogicItem.End,
+    ],
+    playground: [],
+  });
 }
 
 function genModifyLogic(entity: Entity, nameGroup: NameGroup) {
-    const lowerEntityName = utils.firstLowerCase(entity.name);
+  const lowerEntityName = utils.firstLowerCase(entity.name);
 
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicModify,
-        description: '',
-        params: [
-        ],
-        returns: [] as any[],
-        variables: [] as any[],
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: nameGroup.viewVariableIsUpdate,
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicModify,
+    description: '',
+    params: [],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariableIsUpdate,
+        }),
+        right: NaslLogicItem.Identifier({
+          name: 'true',
+        }),
+      }),
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariableInput,
+        }),
+        right: NaslLogicItem.CallFunction({
+          calleeName: 'Clone',
+          arguments: [
+            NaslLogicItem.Argument({
+              keyword: 'obj',
+              expression: NaslLogicItem.MemberExpression({
+                object: NaslLogicItem.MemberExpression({
+                  object: NaslLogicItem.Identifier({
+                    name: 'current',
+                  }),
+                  property: NaslLogicItem.Identifier({
+                    name: 'item',
+                  }),
                 }),
-                right: NaslLogicItem.Identifier({
-                    name: 'true',
+                property: NaslLogicItem.Identifier({
+                  name: lowerEntityName,
                 }),
+              }),
             }),
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: nameGroup.viewVariableInput,
-                }),
-                right: NaslLogicItem.CallFunction({
-                    calleeName: 'Clone',
-                    arguments: [
-                        NaslLogicItem.Argument({
-                            keyword: 'obj',
-                            expression: NaslLogicItem.MemberExpression({
-                                object: NaslLogicItem.MemberExpression({
-                                    object: NaslLogicItem.Identifier({
-                                        name: 'current',
-                                    }),
-                                    property: NaslLogicItem.Identifier({
-                                        name: 'item',
-                                    }),
-                                }),
-                                property: NaslLogicItem.Identifier({
-                                    name: lowerEntityName,
-                                }),
-                            }),
-                        }),
-                    ],
-                }),
-            }),
-            genCallComponentLogic(nameGroup.viewElementSaveModal, 'open'),
-            NaslLogicItem.End,
-        ],
-        playground: [] as any[],
-    });
+          ],
+        }),
+      }),
+      genCallComponentLogic(nameGroup.viewElementSaveModal, 'open'),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any[],
+  });
 }
 
 // 列表（全）
 export function genCurdMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
-    const view = oldNode.view;
-    const dataSource = entity.parentNode as DataSource;
-    const module = dataSource.app;
+  const { view } = oldNode;
+  const dataSource = entity.parentNode as DataSource;
+  const module = dataSource.app;
 
-    const viewElementMainView = view.getViewElementUniqueName('tableView');
-    const nameGroup = genUniqueQueryNameGroup(module, view, viewElementMainView);
-    nameGroup.viewElementMainView = viewElementMainView;
-    nameGroup.viewElementSaveModal = view.getViewElementUniqueName('saveModal');
-    nameGroup.viewElementSaveModalForm = view.getViewElementUniqueName('saveModalForm');
-    nameGroup.viewLogicRemove = view.getLogicUniqueName('remove');
-    nameGroup.viewLogicInit = view.getLogicUniqueName('init');
-    nameGroup.viewLogicCreate = view.getLogicUniqueName('create');
-    nameGroup.viewLogicModify = view.getLogicUniqueName('modify');
-    nameGroup.viewLogicSubmit = view.getLogicUniqueName('submit');
-    nameGroup.viewLogicUpdateSubmit = view.getLogicUniqueName('updateSubmit');
-    nameGroup.viewLogicReload = view.getLogicUniqueName('reload');
-    nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
-    nameGroup.viewVariableInput = view.getVariableUniqueName('input');
-    nameGroup.viewVariableFilter = view.getVariableUniqueName('filter');
-    nameGroup.viewVariableIsUpdate = view.getVariableUniqueName('isUpdate');
+  const viewElementMainView = view.getViewElementUniqueName('tableView');
+  const nameGroup = genUniqueQueryNameGroup(module, view, viewElementMainView);
+  nameGroup.viewElementMainView = viewElementMainView;
+  nameGroup.viewElementSaveModal = view.getViewElementUniqueName('saveModal');
+  nameGroup.viewElementSaveModalForm = view.getViewElementUniqueName('saveModalForm');
+  nameGroup.viewLogicRemove = view.getLogicUniqueName('remove');
+  nameGroup.viewLogicInit = view.getLogicUniqueName('init');
+  nameGroup.viewLogicCreate = view.getLogicUniqueName('create');
+  nameGroup.viewLogicModify = view.getLogicUniqueName('modify');
+  nameGroup.viewLogicSubmit = view.getLogicUniqueName('submit');
+  nameGroup.viewLogicUpdateSubmit = view.getLogicUniqueName('updateSubmit');
+  nameGroup.viewLogicReload = view.getLogicUniqueName('reload');
+  nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
+  nameGroup.viewVariableInput = view.getVariableUniqueName('input');
+  nameGroup.viewVariableFilter = view.getVariableUniqueName('filter');
+  nameGroup.viewVariableIsUpdate = view.getVariableUniqueName('isUpdate');
 
-    // 收集所有和本实体关联的实体
-    const entitySet: Set<Entity> = new Set();
-    entitySet.add(entity);
-    const selectNameGroupMap: Map<string, NameGroup> = new Map();
-    const newLogics: any[] = [];
-    const newLoadSelectLogics: any[] = [];
-    entity.properties.forEach((property) => {
-        // 有外键关联
-        if (property.relationEntity) {
-            const relationEntity = dataSource?.findEntityByName(property.relationEntity);
-            if (relationEntity) {
-                const displayedProperty = getFirstDisplayedProperty(relationEntity);
-                if (displayedProperty) {
-                    entitySet.add(relationEntity);
-                    const viewElementSelect = view.getViewElementUniqueName('select');
-                    const selectNameGroup = genUniqueQueryNameGroup(module, view, viewElementSelect, false, relationEntity.name);
-                    selectNameGroup.viewElementSelect = viewElementSelect;
-                    // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
-                    const key = [property.name, relationEntity.name].join('-');
-                    selectNameGroupMap.set(key, selectNameGroup);
-                    const newLogic = genQueryLogic([relationEntity], selectNameGroup, false, false, module);
-                    newLogics.push(newLogic);
-                    newLoadSelectLogics.push(genLoadSelectLogic(relationEntity, selectNameGroup, newLogic));
-                }
-            }
+  // 收集所有和本实体关联的实体
+  const entitySet: Set<Entity> = new Set();
+  entitySet.add(entity);
+  const selectNameGroupMap: Map<string, NameGroup> = new Map();
+  const newLogics: any[] = [];
+  const newLoadSelectLogics: any[] = [];
+  entity.properties.forEach((property) => {
+    // 有外键关联
+    if (property.relationEntity) {
+      const relationEntity = dataSource?.findEntityByName(property.relationEntity);
+      if (relationEntity) {
+        const displayedProperty = getFirstDisplayedProperty(relationEntity);
+        if (displayedProperty) {
+          entitySet.add(relationEntity);
+          const viewElementSelect = view.getViewElementUniqueName('select');
+          const selectNameGroup = genUniqueQueryNameGroup(module, view, viewElementSelect, false, relationEntity.name);
+          selectNameGroup.viewElementSelect = viewElementSelect;
+          // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
+          const key = [property.name, relationEntity.name].join('-');
+          selectNameGroupMap.set(key, selectNameGroup);
+          const newLogic = genQueryLogic([relationEntity], selectNameGroup, false, false, module);
+          newLogics.push(newLogic);
+          newLoadSelectLogics.push(genLoadSelectLogic(relationEntity, selectNameGroup, newLogic));
         }
-    });
-    const allEntities = [...entitySet];
-    const entityLogic = genQueryLogic(allEntities, nameGroup, true, true, module);
-    newLogics.push(entityLogic);
+      }
+    }
+  });
+  const allEntities = [...entitySet];
+  const entityLogic = genQueryLogic(allEntities, nameGroup, true, true, module);
+  newLogics.push(entityLogic);
 
-    return `<template>
+  return `<template>
     <u-linear-layout direction="vertical">
         ${genFilterTemplate(entity, nameGroup, selectNameGroupMap)}
-        ${genTableTemplate(entity, nameGroup, entityLogic, true, 'genCurdMultipleKeyBlock')}
+        ${genTableTemplate(entity, nameGroup, true)}
         ${genSaveModalTemplate(entity, nameGroup, selectNameGroupMap)}
     </u-linear-layout>
 </template>
@@ -496,26 +518,32 @@ export function genCurdMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableEntity}",
-            "typeAnnotation": ${JSON.stringify(NaslTypeAnnotation.Reference({
-        typeNamespace: entity.getNamespace(),
-        typeName: entity.name,
-    }))}
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableInput}",
-            "typeAnnotation": ${JSON.stringify(NaslTypeAnnotation.Reference({
-        typeNamespace: entity.getNamespace(),
-        typeName: entity.name,
-    }))}
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableFilter}",
-            "typeAnnotation": ${JSON.stringify(NaslTypeAnnotation.Reference({
-        typeNamespace: entity.getNamespace(),
-        typeName: entity.name,
-    }))}
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
@@ -532,7 +560,7 @@ export function genCurdMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
         ${JSON.stringify(genSubmitLogic(entity, nameGroup))},
         ${JSON.stringify(genUpdateSubmitLogic(entity, nameGroup))},
         ${JSON.stringify(genReloadLogic(nameGroup))}
-        ${newLoadSelectLogics.map((logic) => ',' + JSON.stringify(logic)).join('\n')}
+        ${newLoadSelectLogics.map((logic) => `,${JSON.stringify(logic)}`).join('\n')}
     ],
     "viewBindEvents": [
         {
@@ -552,64 +580,62 @@ export function genCurdMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
 
 // 数据网格（全）
 export function genGridViewMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
-    const view = oldNode.view;
-    const dataSource = entity.parentNode as DataSource;
-    const module = dataSource.app;
+  const { view } = oldNode;
+  const dataSource = entity.parentNode as DataSource;
+  const module = dataSource.app;
 
-    const viewElementMainView = view.getViewElementUniqueName('gridView');
-    const nameGroup = genUniqueQueryNameGroup(module, view, viewElementMainView);
-    nameGroup.viewElementMainView = viewElementMainView;
-    nameGroup.viewElementSaveModal = view.getViewElementUniqueName('saveModal');
-    nameGroup.viewElementSaveModalForm = view.getViewElementUniqueName('saveModalForm');
-    nameGroup.viewLogicRemove = view.getLogicUniqueName('remove');
-    nameGroup.viewLogicInit = view.getLogicUniqueName('init');
-    nameGroup.viewLogicCreate = view.getLogicUniqueName('create');
-    nameGroup.viewLogicModify = view.getLogicUniqueName('modify');
-    nameGroup.viewLogicSubmit = view.getLogicUniqueName('submit');
-    nameGroup.viewLogicUpdateSubmit = view.getLogicUniqueName('updateSubmit');
-    nameGroup.viewLogicReload = view.getLogicUniqueName('reload');
-    nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
-    nameGroup.viewVariableInput = view.getVariableUniqueName('input');
-    nameGroup.viewVariableFilter = view.getVariableUniqueName('filter');
-    nameGroup.viewVariableIsUpdate = view.getVariableUniqueName('isUpdate');
+  const viewElementMainView = view.getViewElementUniqueName('gridView');
+  const nameGroup = genUniqueQueryNameGroup(module, view, viewElementMainView);
+  nameGroup.viewElementMainView = viewElementMainView;
+  nameGroup.viewElementSaveModal = view.getViewElementUniqueName('saveModal');
+  nameGroup.viewElementSaveModalForm = view.getViewElementUniqueName('saveModalForm');
+  nameGroup.viewLogicRemove = view.getLogicUniqueName('remove');
+  nameGroup.viewLogicInit = view.getLogicUniqueName('init');
+  nameGroup.viewLogicCreate = view.getLogicUniqueName('create');
+  nameGroup.viewLogicModify = view.getLogicUniqueName('modify');
+  nameGroup.viewLogicSubmit = view.getLogicUniqueName('submit');
+  nameGroup.viewLogicUpdateSubmit = view.getLogicUniqueName('updateSubmit');
+  nameGroup.viewLogicReload = view.getLogicUniqueName('reload');
+  nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
+  nameGroup.viewVariableInput = view.getVariableUniqueName('input');
+  nameGroup.viewVariableFilter = view.getVariableUniqueName('filter');
+  nameGroup.viewVariableIsUpdate = view.getVariableUniqueName('isUpdate');
 
-    // 收集所有和本实体关联的实体
-    const entitySet: Set<Entity> = new Set();
-    entitySet.add(entity);
-    const selectNameGroupMap: Map<string, NameGroup> = new Map();
-    const newLogics: any[] = [];
-    const newLoadSelectLogics: any[] = [];
-    entity.properties.forEach((property) => {
-        // 有外键关联
-        if (property.relationEntity) {
-            const relationEntity = dataSource?.findEntityByName(property.relationEntity);
-            if (relationEntity) {
-                const displayedProperty = getFirstDisplayedProperty(relationEntity);
-                if (displayedProperty) {
-                    entitySet.add(relationEntity);
-                    const viewElementSelect = view.getViewElementUniqueName('select');
-                    const selectNameGroup = genUniqueQueryNameGroup(module, view, viewElementSelect, false, relationEntity.name);
-                    selectNameGroup.viewElementSelect = viewElementSelect;
-                    // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
-                    const key = [property.name, relationEntity.name].join('-');
-                    selectNameGroupMap.set(key, selectNameGroup);
-                    const newLogic = genQueryLogic([
-                        relationEntity,
-                    ], selectNameGroup, false, false, module);
-                    newLogics.push(newLogic);
-                    newLoadSelectLogics.push(genLoadSelectLogic(relationEntity, selectNameGroup, newLogic));
-                }
-            }
+  // 收集所有和本实体关联的实体
+  const entitySet: Set<Entity> = new Set();
+  entitySet.add(entity);
+  const selectNameGroupMap: Map<string, NameGroup> = new Map();
+  const newLogics: any[] = [];
+  const newLoadSelectLogics: any[] = [];
+  entity.properties.forEach((property) => {
+    // 有外键关联
+    if (property.relationEntity) {
+      const relationEntity = dataSource?.findEntityByName(property.relationEntity);
+      if (relationEntity) {
+        const displayedProperty = getFirstDisplayedProperty(relationEntity);
+        if (displayedProperty) {
+          entitySet.add(relationEntity);
+          const viewElementSelect = view.getViewElementUniqueName('select');
+          const selectNameGroup = genUniqueQueryNameGroup(module, view, viewElementSelect, false, relationEntity.name);
+          selectNameGroup.viewElementSelect = viewElementSelect;
+          // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
+          const key = [property.name, relationEntity.name].join('-');
+          selectNameGroupMap.set(key, selectNameGroup);
+          const newLogic = genQueryLogic([relationEntity], selectNameGroup, false, false, module);
+          newLogics.push(newLogic);
+          newLoadSelectLogics.push(genLoadSelectLogic(relationEntity, selectNameGroup, newLogic));
         }
-    });
-    const allEntities = [...entitySet];
-    const entityLogic = genQueryLogic(allEntities, nameGroup, true, true, module);
-    newLogics.push(entityLogic);
+      }
+    }
+  });
+  const allEntities = [...entitySet];
+  const entityLogic = genQueryLogic(allEntities, nameGroup, true, true, module);
+  newLogics.push(entityLogic);
 
-    return `<template>
+  return `<template>
     <u-linear-layout direction="vertical">
         ${genFilterTemplate(entity, nameGroup, selectNameGroupMap)}
-        ${genGridViewTemplate(entity, nameGroup, entityLogic, true, 'genCurdMultipleKeyBlock')}
+        ${genGridViewTemplate(entity, nameGroup, true)}
         ${genSaveModalTemplate(entity, nameGroup, selectNameGroupMap)}
     </u-linear-layout>
 </template>
@@ -620,26 +646,32 @@ export function genGridViewMultipleKeyBlock(entity: Entity, oldNode: ViewElement
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableEntity}",
-            "typeAnnotation": ${JSON.stringify(NaslTypeAnnotation.Reference({
-        typeNamespace: entity.getNamespace(),
-        typeName: entity.name,
-    }))}
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableInput}",
-            "typeAnnotation": ${JSON.stringify(NaslTypeAnnotation.Reference({
-        typeNamespace: entity.getNamespace(),
-        typeName: entity.name,
-    }))}
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableFilter}",
-            "typeAnnotation": ${JSON.stringify(NaslTypeAnnotation.Reference({
-        typeNamespace: entity.getNamespace(),
-        typeName: entity.name,
-    }))}
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
@@ -656,7 +688,7 @@ export function genGridViewMultipleKeyBlock(entity: Entity, oldNode: ViewElement
         ${JSON.stringify(genSubmitLogic(entity, nameGroup))},
         ${JSON.stringify(genUpdateSubmitLogic(entity, nameGroup))},
         ${JSON.stringify(genReloadLogic(nameGroup))}
-        ${newLoadSelectLogics.map((logic) => ',' + JSON.stringify(logic)).join('\n')}
+        ${newLoadSelectLogics.map((logic) => `,${JSON.stringify(logic)}`).join('\n')}
     ],
     "viewBindEvents": [
         {
@@ -674,21 +706,17 @@ export function genGridViewMultipleKeyBlock(entity: Entity, oldNode: ViewElement
 }
 
 export function genReloadLogic(nameGroup: NameGroup) {
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicReload,
-        params: [] as any[],
-        returns: [] as any[],
-        variables: [
-            NaslNode.Variable({
-                name: 'validateResult',
-                typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
-            }),
-        ],
-        body: [
-            NaslLogicItem.Start,
-            genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
-            NaslLogicItem.End,
-        ],
-        playground: [],
-    });
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicReload,
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [
+      NaslNode.Variable({
+        name: 'validateResult',
+        typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
+      }),
+    ],
+    body: [NaslLogicItem.Start, genCallComponentLogic(nameGroup.viewElementMainView, 'reload'), NaslLogicItem.End],
+    playground: [],
+  });
 }