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

package/src/templator/genUpdateBlock.ts

@@ -3,96 +3,101 @@ import * as utils from '../utils';
 import { App, Module, Namespace, Entity, Logic, View, Enum, DataSource, ViewElement } from '../concepts';
 import { NaslCoreTypeAnnotation, NaslUITypeAnnotation, NaslTypeAnnotation, NaslLogicItem, NaslNode } from './utils';
 import {
-    NameGroup,
-    filterProperty,
-    getFirstDisplayedProperty,
-    genUniqueQueryNameGroup,
-    genLogicParam,
-    genCallComponentLogic,
-    genLoadSelectLogic,
-    genQueryLogic,
-    genEnumSelectBlock,
+  NameGroup,
+  filterProperty,
+  getFirstDisplayedProperty,
+  genUniqueQueryNameGroup,
+  genLogicParam,
+  genCallComponentLogic,
+  genLoadSelectLogic,
+  genQueryLogic,
+  genEnumSelectBlock,
 } from '.';
 
 export function genUpdateFormTemplate(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 `<u-form ref="${nameGroup.viewElementMainView}">
+  return `<u-form ref="${nameGroup.viewElementMainView}">
     ${properties
-        .map((property) => {
-            const vModel = `${nameGroup.viewVariableEntity}.${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(' | ');
+      .map((property) => {
+        const vModel = `${nameGroup.viewVariableEntity}.${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>\n`;
+        let formItem = `            <u-form-item ${required ? ' required' : ''}${
+          rulesStr.length ? ` rules="${rulesStr}"` : ''
+        } layout="center"><template #label><u-text text="${label}"></u-text></template>\n`;
 
-            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>\n`;
-            return formItem;
-        })
-        .join('')}
+        formItem += `            </u-form-item>\n`;
+        return formItem;
+      })
+      .join('')}
     <u-form-item layout="center">
         <u-button color="primary" @click="${nameGroup.viewLogicSubmit}()">提交修改</u-button>
     </u-form-item>
@@ -100,84 +105,87 @@ export function genUpdateFormTemplate(entity: Entity, nameGroup: NameGroup, sele
 }
 
 export function genH5UpdateFormTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroupMap: Map<string, NameGroup>) {
-    const dataSource = entity.parentNode as DataSource;
-    const module = dataSource.app;
-    const properties = entity.properties.filter(filterProperty('inForm'));
+  const dataSource = entity.parentNode as DataSource;
+  const module = dataSource.app;
+  const properties = entity.properties.filter(filterProperty('inForm'));
 
-    return `<van-form ref="${nameGroup.viewElementMainView}">
+  return `<van-form ref="${nameGroup.viewElementMainView}">
     ${properties
-        .map((property) => {
-            const vModel = `${nameGroup.viewVariableEntity}.${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(' | ');
+      .map((property) => {
+        const vModel = `${nameGroup.viewVariableEntity}.${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 = `            <van-field drole="other" ${required ? ' required' : ''}${rulesStr.length ? ` rules="${rulesStr}"` : ''}>\n`;
+        let formItem = `            <van-field drole="other" ${required ? ' required' : ''}${rulesStr.length ? ` rules="${rulesStr}"` : ''}>\n`;
 
-            const { typeAnnotation } = property || {};
-            const { typeName: propertyTypeName, typeNamespace: propertyTypeNamespace } = typeAnnotation || {};
-            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 || {};
+        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 += `
                         <template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-pickerson type="list" :show-toolbar="true" title="请选择${label}" placeholder="请选择${label}"
                             v-model="${vModel}" :data-source="${selectNameGroup.viewLogicLoad}"
                             text-field="${lowerEntityName}.${displayedProperty.name}" value-field="${lowerEntityName}.${relationProperty.name}"
                             :notitleblock="true"
                             :pageable="true" input-align="left" :remote-paging="true"></van-pickerson></van-linear-layout></template>
                     `;
-                    } else
-                        return '';
-                } else
-                    return '';
-            } else if (propertyTypeName === 'Boolean') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-switch v-model="${vModel}"></van-switch></van-linear-layout></template>`;
-            } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-stepper-new v-model="${vModel}" placeholder="请输入${label}" :showPlus="false" :showMinus="false" align="left"></van-stepper-new></van-linear-layout></template>`;
-            } else if (propertyTypeName === 'Double') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-stepper-new v-model="${vModel}" placeholder="请输入${label}" :showPlus="false" :showMinus="false" align="left"></van-stepper-new></van-linear-layout></template>`;
-            } else if (propertyTypeName === 'Decimal') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-stepper-new v-model="${vModel}" placeholder="请输入${label}" :showPlus="false" :showMinus="false" align="left"></van-stepper-new></van-linear-layout></template>`;
-            } else if (propertyTypeName === 'Text') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-fieldtextarea v-model="${vModel}" placeholder="请输入${label}"></van-fieldtextarea></van-linear-layout></template>`;
-                // @TODO
-            } else if (propertyTypeName === 'Date') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-calendar clearable :value.sync="${vModel}" placeholder="请输入${label}" input-align="left"></van-calendar></van-linear-layout></template>`;
-            } else if (propertyTypeName === 'Time') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-datetime-picker type="time" v-model="${vModel}" title="请选择${label}" label-field="" input-align="left"></van-datetime-picker></van-linear-layout></template>`;
-            } else if (propertyTypeName === 'DateTime') {
-                formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-datetime-picker type="datetime" v-model="${vModel}" title="请选择${label}" label-field="" input-align="left"></van-datetime-picker></van-linear-layout></template>`;
-            } else {
-                const namespaceArr = propertyTypeNamespace.split('.');
-                const type = namespaceArr.pop();
-                if (type === 'enums') {
-                    formItem += '<template #input><van-linear-layout style="width:100%;" direction="horizontal">' + genEnumSelectBlock(module.findEnumByName(propertyTypeName) as Enum, `${vModel}`, '', `请选择${label}`, true) + '</van-linear-layout></template>';
-                } else {
-                    formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-fieldinput v-model="${vModel}" placeholder="请输入${label}"></van-fieldinput></van-linear-layout></template>`;
-                }
-            }
+            } else return '';
+          } else return '';
+        } else if (propertyTypeName === 'Boolean') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-switch v-model="${vModel}"></van-switch></van-linear-layout></template>`;
+        } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-stepper-new v-model="${vModel}" placeholder="请输入${label}" :showPlus="false" :showMinus="false" align="left"></van-stepper-new></van-linear-layout></template>`;
+        } else if (propertyTypeName === 'Double') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-stepper-new v-model="${vModel}" placeholder="请输入${label}" :showPlus="false" :showMinus="false" align="left"></van-stepper-new></van-linear-layout></template>`;
+        } else if (propertyTypeName === 'Decimal') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-stepper-new v-model="${vModel}" placeholder="请输入${label}" :showPlus="false" :showMinus="false" align="left"></van-stepper-new></van-linear-layout></template>`;
+        } else if (propertyTypeName === 'Text') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-fieldtextarea v-model="${vModel}" placeholder="请输入${label}"></van-fieldtextarea></van-linear-layout></template>`;
+          // @TODO
+        } else if (propertyTypeName === 'Date') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-calendar clearable :value.sync="${vModel}" placeholder="请输入${label}" input-align="left"></van-calendar></van-linear-layout></template>`;
+        } else if (propertyTypeName === 'Time') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-datetime-picker type="time" v-model="${vModel}" title="请选择${label}" label-field="" input-align="left"></van-datetime-picker></van-linear-layout></template>`;
+        } else if (propertyTypeName === 'DateTime') {
+          formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-datetime-picker type="datetime" v-model="${vModel}" title="请选择${label}" label-field="" input-align="left"></van-datetime-picker></van-linear-layout></template>`;
+        } else {
+          const namespaceArr = propertyTypeNamespace.split('.');
+          const type = namespaceArr.pop();
+          if (type === 'enums') {
+            formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal">${genEnumSelectBlock(
+              module.findEnumByName(propertyTypeName) as Enum,
+              `${vModel}`,
+              '',
+              `请选择${label}`,
+              true
+            )}</van-linear-layout></template>`;
+          } else {
+            formItem += `<template #input><van-linear-layout style="width:100%;" direction="horizontal"><van-fieldinput v-model="${vModel}" placeholder="请输入${label}"></van-fieldinput></van-linear-layout></template>`;
+          }
+        }
 
-            formItem += `<template #title><van-text text="${label}"><van-text></template>`;
-            formItem += `            </van-field>\n`;
+        formItem += `<template #title><van-text text="${label}"><van-text></template>`;
+        formItem += `            </van-field>\n`;
 
-            formItem = formItem.replace(/>\n<van-input|<\/van-input>/g, '');
-            return formItem;
-        })
-        .join('')}
+        formItem = formItem.replace(/>\n<van-input|<\/van-input>/g, '');
+        return formItem;
+      })
+      .join('')}
     <div>
         <van-button round block="blockb" type="info" @click="${nameGroup.viewLogicSubmit}()" text="提交修改"></van-button>
     </div>
@@ -185,130 +193,134 @@ export function genH5UpdateFormTemplate(entity: Entity, nameGroup: NameGroup, se
 }
 
 function genSubmitLogic(updateLogic: Logic, nameGroup: NameGroup) {
-    const params = [genLogicParam(`${updateLogic.params[0].name}`, nameGroup.viewVariableEntity)];
-    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.viewElementMainView, 'validate'),
-            }),
-            NaslLogicItem.IfStatement({
-                test: NaslLogicItem.MemberExpression({
-                    object: NaslLogicItem.Identifier({
-                        name: 'validateResult',
-                    }),
-                    property: NaslLogicItem.Identifier({
-                        name: 'valid',
-                    }),
+  const params = [genLogicParam(`${updateLogic.params[0].name}`, nameGroup.viewVariableEntity)];
+  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.viewElementMainView, '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: params,
+          }),
+          NaslLogicItem.CallLogic({
+            label: '弹出消息',
+            shortcut: true,
+            calleeNamespace: 'nasl.ui',
+            calleeName: 'showMessage',
+            arguments: [
+              NaslLogicItem.Argument({
+                keyword: 'text',
+                expression: NaslLogicItem.StringLiteral({
+                  value: '修改成功！',
                 }),
-                consequent: [
-                    NaslLogicItem.CallLogic({
-                        calleeNamespace: updateLogic.getNamespace(),
-                        calleeName: updateLogic.name,
-                        arguments: params,
-                    }),
-                    NaslLogicItem.CallLogic({
-                        label: '弹出消息',
-                        shortcut: true,
-                        calleeNamespace: 'nasl.ui',
-                        calleeName: 'showMessage',
-                        arguments: [
-                            NaslLogicItem.Argument({
-                                keyword: 'text',
-                                expression: NaslLogicItem.StringLiteral({
-                                    value: '修改成功！',
-                                }),
-                            }),
-                        ],
-                    }),
-                ],
-                alternate: [] as any[],
-            }),
-            NaslLogicItem.End,
+              }),
+            ],
+          }),
         ],
-    });
+        alternate: [] as any[],
+      }),
+      NaslLogicItem.End,
+    ],
+  });
 }
 
 function genLoadLogic(getLogic: Logic, nameGroup: NameGroup) {
-    const params = [genLogicParam(`${getLogic.params[0].name}`, nameGroup.viewParamId)];
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicLoad,
-        description: '',
-        params: [] as any,
-        returns: [] as any,
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: nameGroup.viewVariableEntity,
-                }),
-                right: NaslLogicItem.CallLogic({
-                    calleeNamespace: getLogic.getNamespace(),
-                    calleeName: getLogic.name,
-                    arguments: params,
-                }),
-            }),
-            NaslLogicItem.End,
-        ],
-        playground: [] as any,
-    });
+  const params = [genLogicParam(`${getLogic.params[0].name}`, nameGroup.viewParamId)];
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicLoad,
+    description: '',
+    params: [] as any,
+    returns: [] as any,
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariableEntity,
+        }),
+        right: NaslLogicItem.CallLogic({
+          calleeNamespace: getLogic.getNamespace(),
+          calleeName: getLogic.name,
+          arguments: params,
+        }),
+      }),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any,
+  });
 }
 
 // 生成修改区块
 export function genUpdateBlock(entity: Entity, oldNode: ViewElement) {
-    const view = oldNode.view;
-    const dataSource = entity.parentNode as DataSource;
-    const module = dataSource.app;
-    const ns = entity.ns;
-    const getLogic = ns?.logics?.find((logic) => logic.name === `get`);
-    const updateLogic = ns?.logics?.find((logic) => logic.name === `update`);
+  const { view } = oldNode;
+  const dataSource = entity.parentNode as DataSource;
+  const module = dataSource.app;
+  const { ns } = entity;
+  const getLogic = ns?.logics?.find((logic) => logic.name === `get`);
+  const updateLogic = ns?.logics?.find((logic) => logic.name === `update`);
 
-    const nameGroup: NameGroup = {};
-    nameGroup.viewElementMainView = view.getViewElementUniqueName('form1');
-    nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
-    nameGroup.viewParamId = view.getParamUniqueName('id');
-    nameGroup.viewLogicLoad = view.getLogicUniqueName('load');
-    nameGroup.viewLogicSubmit = view.getLogicUniqueName('submit');
+  const nameGroup: NameGroup = {};
+  nameGroup.viewElementMainView = view.getViewElementUniqueName('form1');
+  nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
+  nameGroup.viewParamId = view.getParamUniqueName('id');
+  nameGroup.viewLogicLoad = view.getLogicUniqueName('load');
+  nameGroup.viewLogicSubmit = view.getLogicUniqueName('submit');
 
-    // 收集所有和本实体关联的实体
-    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) {
-                    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 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) {
+          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));
         }
-    });
+      }
+    }
+  });
 
-    return `<template>
-    ${config.scope === 'h5' ? genH5UpdateFormTemplate(entity, nameGroup, selectNameGroupMap) : genUpdateFormTemplate(entity, nameGroup, selectNameGroupMap)}
+  return `<template>
+    ${
+      config.scope === 'h5'
+        ? genH5UpdateFormTemplate(entity, nameGroup, selectNameGroupMap)
+        : genUpdateFormTemplate(entity, nameGroup, selectNameGroupMap)
+    }
 </template>
 
 <definition>
@@ -324,16 +336,18 @@ export function genUpdateBlock(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,
+              })
+            )}
         }
     ],
     "viewLogics": [
         ${JSON.stringify(genLoadLogic(getLogic, nameGroup))},
         ${JSON.stringify(genSubmitLogic(updateLogic, nameGroup))}
-        ${newLoadSelectLogics.map((logic) => ',' + JSON.stringify(logic)).join('\n')}
+        ${newLoadSelectLogics.map((logic) => `,${JSON.stringify(logic)}`).join('\n')}
     ],
     "viewBindEvents": [
         {

package/src/templator/index.ts

@@ -1,3 +1,5 @@
+import { Entity, EntityProperty } from '../concepts';
+
 export * from './utils';
 export * from './genCallComponentLogic';
 export * from './genQueryComponent';
@@ -13,11 +15,9 @@ export * from './genCurdMultipleKeyBlock';
 export * from './genCurdEditMultipleKeyBlock';
 export * from './genEnumSelectBlock';
 
-import { Entity, EntityProperty } from '../concepts';
-
 // eslint-disable-next-line prefer-const
-export let dragSource: Entity | EntityProperty = null;
+export let dragSource: { value: Entity | EntityProperty } = { value: null };
 
 export function setDragSource(input: Entity | EntityProperty | null) {
-    dragSource = input;
+  dragSource.value = input;
 }