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

package/src/templator/genEditTableBlock.ts

@@ -1,8 +1,14 @@
 import * as utils from '../utils';
 import { Entity, EntityProperty, DataSource, Enum } from '../concepts';
 import {
-    filterProperty, NameGroup, getFirstDisplayedProperty, getParamFromLogic,
-    genCallComponentLogic, genMemberExpression, genLogicParam, genEnumSelectBlock,
+  filterProperty,
+  NameGroup,
+  getFirstDisplayedProperty,
+  getParamFromLogic,
+  genCallComponentLogic,
+  genMemberExpression,
+  genLogicParam,
+  genEnumSelectBlock,
 } from '.';
 import { NaslUITypeAnnotation, NaslLogicItem, NaslNode } from './utils';
 
@@ -10,103 +16,110 @@ import { NaslUITypeAnnotation, NaslLogicItem, NaslNode } from './utils';
  * 根据实体属性生成表格列模板
  * @param property 实体属性
  */
-export function genEditTableColumnTemplate(entity: Entity, property: EntityProperty, nameGroup: NameGroup, selectNameGroupMap?: Map<string, NameGroup>) {
-    const dataSource = entity.parentNode as DataSource;
-    const lowerEntityName = utils.firstLowerCase(entity.name);
-    const valueExpression = `current.item.${lowerEntityName}.${property.name}`;
-    const title = property.label || property.name;
-    const canEditable = (property: EntityProperty) => !property.readonly;
-    const getText = (property: EntityProperty) => {
-        const propertyTypeName = property.typeAnnotation.typeName;
-        if (propertyTypeName === 'Boolean') {
-            return `
+export function genEditTableColumnTemplate(
+  entity: Entity,
+  property: EntityProperty,
+  nameGroup: NameGroup,
+  selectNameGroupMap?: Map<string, NameGroup>
+) {
+  const dataSource = entity.parentNode as DataSource;
+  const lowerEntityName = utils.firstLowerCase(entity.name);
+  const valueExpression = `current.item.${lowerEntityName}.${property.name}`;
+  const title = property.label || property.name;
+  const canEditable = (property: EntityProperty) => !property.readonly;
+  const getText = (property: EntityProperty) => {
+    const propertyTypeName = property.typeAnnotation.typeName;
+    if (propertyTypeName === 'Boolean') {
+      return `
             <u-text v-if="${valueExpression}" text="是"></u-text>
             <u-text v-if="!${valueExpression}" text="否"></u-text>
             `;
-        } else {
-            return `<u-text :text="${valueExpression}"></u-text>`;
-        }
-    };
+    }
+    return `<u-text :text="${valueExpression}"></u-text>`;
+  };
 
-    const genEditComponent = (property: EntityProperty) => {
-        if (property.readonly)
-            return '';
-        const label = property.label || property.name;
-        let formItem = '';
+  const genEditComponent = (property: EntityProperty) => {
+    if (property.readonly) return '';
+    const label = property.label || property.name;
+    let formItem = '';
 
-        const propertyTypeName = property.typeAnnotation.typeName;
-        const propertyTypeNamespace = property.typeAnnotation.typeNamespace;
-        const propertyTypeMaxLength:number = Number(property.rules.find((item) => item.indexOf('max') > -1)?.split('(')[1].slice(0, -1)) || 0;
-        if (property.relationEntity && selectNameGroupMap) {
-            // 有外键关联
-            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 propertyTypeName = property.typeAnnotation.typeName;
+    const propertyTypeNamespace = property.typeAnnotation.typeNamespace;
+    const propertyTypeMaxLength: number =
+      Number(
+        property.rules
+          .find((item) => item.indexOf('max') > -1)
+          ?.split('(')[1]
+          .slice(0, -1)
+      ) || 0;
+    if (property.relationEntity && selectNameGroupMap) {
+      // 有外键关联
+      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}"
                             :autofocus="true" :opened="true" append-to="body" @blur="${nameGroup.viewLogicBlurUpdate}" @select="${nameGroup.viewLogicBlurUpdate}"
                             text-field="${lowerEntityName}.${displayedProperty.name}" value-field="${lowerEntityName}.${relationProperty.name}" :pageable="true" :remote-paging="true" :value.sync="${valueExpression}">
                         </u-select>
                     `;
-                } else
-                    return '';
-            } else
-                return '';
-        } else if (propertyTypeName === 'Boolean') {
-            formItem += `<u-select clearable :value.sync="${valueExpression}" placeholder="请输入${label}"
+        } else return '';
+      } else return '';
+    } else if (propertyTypeName === 'Boolean') {
+      formItem += `<u-select clearable :value.sync="${valueExpression}" placeholder="请输入${label}"
             :autofocus="true" :opened="true" append-to="body" @blur="${nameGroup.viewLogicBlurUpdate}" @select="${nameGroup.viewLogicBlurUpdate}">
                 <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 :value.sync="${valueExpression}" placeholder="请输入${label}" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-number-input>`;
-        } else if (propertyTypeName === 'Double') {
-            formItem = `<u-number-input :value.sync="${valueExpression}" :precision="0" :step="0" placeholder="请输入${label}" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-number-input>`;
-        } else if (propertyTypeName === 'Decimal') {
-            formItem = `<u-number-input :value.sync="${valueExpression}" :precision="0" :step="0" placeholder="请输入${label}" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-number-input>`;
-        } else if (propertyTypeName === 'String' && propertyTypeMaxLength > 255) {
-            formItem = `<u-validator placement="bottom" display="appear" @blur-valid="${nameGroup.viewLogicBlurUpdate}" style="width:100%">
+    } else if (propertyTypeName === 'Integer' || propertyTypeName === 'Long') {
+      formItem = `<u-number-input :value.sync="${valueExpression}" placeholder="请输入${label}" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-number-input>`;
+    } else if (propertyTypeName === 'Double') {
+      formItem = `<u-number-input :value.sync="${valueExpression}" :precision="0" :step="0" placeholder="请输入${label}" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-number-input>`;
+    } else if (propertyTypeName === 'Decimal') {
+      formItem = `<u-number-input :value.sync="${valueExpression}" :precision="0" :step="0" placeholder="请输入${label}" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-number-input>`;
+    } else if (propertyTypeName === 'String' && propertyTypeMaxLength > 256) {
+      formItem = `<u-validator placement="bottom" display="appear" @blur-valid="${nameGroup.viewLogicBlurUpdate}" style="width:100%">
             <u-textarea :value.sync="${valueExpression}" placeholder="请输入${label}" :autofocus="true" size="full"></u-textarea>
             </u-validator>`;
-        } else if (propertyTypeName === 'Date') {
-            formItem = `<u-date-picker clearable :value.sync="${valueExpression}" placeholder="请输入${label}" append-to="body" :autofocus="true" :opened="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-date-picker>`;
-        } else if (propertyTypeName === 'Time') {
-            formItem = `<u-time-picker :value.sync="${valueExpression}" placeholder="请输入${label}" append-to="body" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-time-picker>`;
-        } else if (propertyTypeName === 'DateTime') {
-            formItem = `<u-date-time-picker clearable :value.sync="${valueExpression}" placeholder="请输入${label}" append-to="body" :autofocus="true" :opened="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-date-time-picker>`;
-        } else {
-            const namespaceArr = propertyTypeNamespace.split('.');
-            const type = namespaceArr.pop();
-            if (type === 'enums') {
-                const enumeration = dataSource.app.findNodeByCompleteName(propertyTypeNamespace + '.' + propertyTypeName) as Enum;
-                const namespace = enumeration?.getNamespace() || '';
-                const name = enumeration?.name || '';
-                const enumTypeAnnotationStr = `__enumTypeAnnotation_${namespace}.${name}`;
-                formItem += `<u-select clearable
+    } else if (propertyTypeName === 'Date') {
+      formItem = `<u-date-picker clearable :value.sync="${valueExpression}" placeholder="请输入${label}" append-to="body" :autofocus="true" :opened="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-date-picker>`;
+    } else if (propertyTypeName === 'Time') {
+      formItem = `<u-time-picker :value.sync="${valueExpression}" placeholder="请输入${label}" append-to="body" :autofocus="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-time-picker>`;
+    } else if (propertyTypeName === 'DateTime') {
+      formItem = `<u-date-time-picker clearable :value.sync="${valueExpression}" placeholder="请输入${label}" append-to="body" :autofocus="true" :opened="true" @blur="${nameGroup.viewLogicBlurUpdate}"></u-date-time-picker>`;
+    } else {
+      const namespaceArr = propertyTypeNamespace.split('.');
+      const type = namespaceArr.pop();
+      if (type === 'enums') {
+        const enumeration = dataSource.app.findNodeByCompleteName(`${propertyTypeNamespace}.${propertyTypeName}`) as Enum;
+        const namespace = enumeration?.getNamespace() || '';
+        const name = enumeration?.name || '';
+        const enumTypeAnnotationStr = `__enumTypeAnnotation_${namespace}.${name}`;
+        formItem += `<u-select clearable
                 :data-source="$utils.EnumToList('${enumTypeAnnotationStr}')"
                 :value.sync="${valueExpression}" placeholder="请输入${label}"
                 :autofocus="true" :opened="true" append-to="body" @blur="${nameGroup.viewLogicBlurUpdate}" @select="${nameGroup.viewLogicBlurUpdate}">
                 </u-select>`;
-            } else {
-                formItem = `<u-validator placement="bottom" display="appear" @blur-valid="${nameGroup.viewLogicBlurUpdate}" style="width:100%" append-to="body">
+      } else {
+        formItem = `<u-validator placement="bottom" display="appear" @blur-valid="${nameGroup.viewLogicBlurUpdate}" style="width:100%" append-to="body">
                     <u-input :value.sync="${valueExpression}" placeholder="请输入${label}" :autofocus="true" size="full"></u-input>
                 </u-validator>`;
-            }
-        }
-        return `<template #editcell="current">
+      }
+    }
+    return `<template #editcell="current">
             <u-linear-layout gap="small">
                 ${formItem}
             </u-linear-layout>
         </template>`;
-    };
+  };
 
-    return `<u-table-view-column field="${utils.firstLowerCase(entity.name)}.${property.name}" ${canEditable(property) ? 'type="editable"' : ''}>
+  return `<u-table-view-column field="${utils.firstLowerCase(entity.name)}.${property.name}" ${canEditable(property) ? 'type="editable"' : ''}>
     <template #title><u-text text="${title}"></u-text></template>
     <template #cell="current">
         <u-linear-layout gap="small">
@@ -122,18 +135,15 @@ export function genEditTableColumnTemplate(entity: Entity, property: EntityPrope
  * @param entity 实体
  * @param nameGroup 命名组
  */
-export function genEditTableTemplate(entity: Entity, nameGroup: NameGroup, newLogic: any, selectNameGroupMap?: Map<string, NameGroup>, entryFromCall?:string) {
-    const properties = entity.properties.filter(filterProperty('inTable'));
-    let dataSourceValue = `(params) => ${newLogic.name}(params.page,params.size,params.sort,params.order)`;
-    if (['genCurdEditMultipleKeyBlock'].includes(entryFromCall)) {
-        dataSourceValue = `(params) => ${newLogic.name}(params.page,params.size,params.sort,params.order,filter)`;
-    }
-    return `<u-table-view ref="${nameGroup.viewElementMainView}" :data-source="${dataSourceValue}" data-schema="${nameGroup.structure}"
+export function genEditTableTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroupMap?: Map<string, NameGroup>) {
+  const properties = entity.properties.filter(filterProperty('inTable'));
+
+  return `<u-table-view ref="${nameGroup.viewElementMainView}" :data-source="${nameGroup.viewLogicLoad}" data-schema="${nameGroup.structure}"
         value-field="${nameGroup.viewVariableEntity}.id"
         :pagination="true" :show-sizer="true" :default-column-width="300" editable>
     <u-table-view-column type="index" width="60"><template #title><u-text text="序号"></u-text></template><template #cell="current"></template></u-table-view-column>
 
-    ${properties.map((property) => genEditTableColumnTemplate(entity, property, nameGroup, selectNameGroupMap) + '\n').join('')}
+    ${properties.map((property) => `${genEditTableColumnTemplate(entity, property, nameGroup, selectNameGroupMap)}\n`).join('')}
 
     <u-table-view-column>
     <template #title><u-text text="操作"></u-text></template>
@@ -152,49 +162,48 @@ export function genEditTableTemplate(entity: Entity, nameGroup: NameGroup, newLo
  * @param entity 实体
  */
 export function genEditTableLoadLogic(entity: Entity, nameGroup: NameGroup, newLogic: any, supportFilter: boolean) {
-    const moduleNode = entity.app;
-    const moduleNamespace = moduleNode?.getNamespace();
+  const moduleNode = entity.app;
+  const moduleNamespace = moduleNode?.getNamespace();
 
-    const params = [
-        genLogicParam(`${newLogic.params[0].name}`, 'params.page'),
-        genLogicParam(`${newLogic.params[1].name}`, 'params.size'),
-        genLogicParam(`${newLogic.params[2].name}`, 'params.sort'),
-        genLogicParam(`${newLogic.params[3].name}`, 'params.order'),
-    ];
+  const params = [
+    genLogicParam(`${newLogic.params[0].name}`, 'params.page'),
+    genLogicParam(`${newLogic.params[1].name}`, 'params.size'),
+    genLogicParam(`${newLogic.params[2].name}`, 'params.sort'),
+    genLogicParam(`${newLogic.params[3].name}`, 'params.order'),
+  ];
 
-    if (supportFilter)
-        params.push(genLogicParam(`${newLogic.params[4].name}`, nameGroup.viewVariableFilter));
+  if (supportFilter) params.push(genLogicParam(`${newLogic.params[4].name}`, nameGroup.viewVariableFilter));
 
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicLoad,
-        params: [
-            NaslNode.Param({
-                name: 'params',
-                typeAnnotation: NaslUITypeAnnotation.DataSourceParams,
-            }),
-        ],
-        returns: [
-            NaslNode.Return({
-                name: 'result',
-                typeAnnotation: null,
-            }),
-        ],
-        variables: [] as Array<any>,
-        body: [
-            NaslLogicItem.Start,
-            NaslLogicItem.Assignment({
-                left: NaslLogicItem.Identifier({
-                    name: 'result',
-                }),
-                right: NaslLogicItem.CallLogic({
-                    calleeNamespace: `${moduleNamespace}.logics`,
-                    calleeName: newLogic.name,
-                    arguments: params,
-                }),
-            }),
-            NaslLogicItem.End,
-        ],
-    });
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicLoad,
+    params: [
+      NaslNode.Param({
+        name: 'params',
+        typeAnnotation: NaslUITypeAnnotation.DataSourceParams,
+      }),
+    ],
+    returns: [
+      NaslNode.Return({
+        name: 'result',
+        typeAnnotation: null,
+      }),
+    ],
+    variables: [] as Array<any>,
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: 'result',
+        }),
+        right: NaslLogicItem.CallLogic({
+          calleeNamespace: `${moduleNamespace}.logics`,
+          calleeName: newLogic.name,
+          arguments: params,
+        }),
+      }),
+      NaslLogicItem.End,
+    ],
+  });
 }
 
 /**
@@ -202,77 +211,75 @@ export function genEditTableLoadLogic(entity: Entity, nameGroup: NameGroup, newL
  * @param entity 实体
  */
 export function genEditTableRemoveLogic(entity: Entity, nameGroup: NameGroup) {
-    const lowerEntityName = utils.firstLowerCase(entity.name);
+  const lowerEntityName = utils.firstLowerCase(entity.name);
 
-    const ns = entity.ns;
-    const deleteLogic = ns?.logics?.find((logic) => logic.name === `delete`);
-    const idPropertys = entity.properties.filter((property) => property.primaryKey || property.name === 'id');
+  const { ns } = entity;
+  const deleteLogic = ns?.logics?.find((logic) => logic.name === `delete`);
+  const idPropertys = entity.properties.filter((property) => property.primaryKey || property.name === 'id');
 
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicRemove,
-        params: [
-        ],
-        returns: [] as Array<any>,
-        variables: [] as Array<any>,
-        body: [
-            NaslLogicItem.Start,
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicRemove,
+    params: [],
+    returns: [] as Array<any>,
+    variables: [] as Array<any>,
+    body: [
+      NaslLogicItem.Start,
 
-            NaslLogicItem.CallLogic({
-                calleeNamespace: deleteLogic.getNamespace(),
-                calleeName: deleteLogic.name,
-                arguments: idPropertys.map((idProperty) => {
-                    let paramFromLogic = getParamFromLogic(deleteLogic, idProperty.name);
-                    // 如果旧逻辑，但是新导入表中，id的name 不是id 的话，就直接使用名称叫id的
-                    if (!paramFromLogic) {
-                        paramFromLogic = getParamFromLogic(deleteLogic, 'id');
-                    }
-                    return genLogicParam(paramFromLogic.name, `current.item.${lowerEntityName}.${paramFromLogic.name}`);
-                }),
-            }),
-            genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
-            NaslLogicItem.End,
-        ],
-    });
+      NaslLogicItem.CallLogic({
+        calleeNamespace: deleteLogic.getNamespace(),
+        calleeName: deleteLogic.name,
+        arguments: idPropertys.map((idProperty) => {
+          let paramFromLogic = getParamFromLogic(deleteLogic, idProperty.name);
+          // 如果旧逻辑，但是新导入表中，id的name 不是id 的话，就直接使用名称叫id的
+          if (!paramFromLogic) {
+            paramFromLogic = getParamFromLogic(deleteLogic, 'id');
+          }
+          return genLogicParam(paramFromLogic.name, `current.item.${lowerEntityName}.${paramFromLogic.name}`);
+        }),
+      }),
+      genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
+      NaslLogicItem.End,
+    ],
+  });
 }
 
 export function genBlurUpdateLogic(entity: Entity, nameGroup: NameGroup) {
-    const callLogics = [];
-    if (entity.concept === 'Entity') {
-        const lowerEntityName = utils.firstLowerCase(entity.name);
-        const ns = entity.ns;
-        const updateLogic = ns?.logics?.find((logic) => logic.name === `update`);
-        const valuePrefixExpression = nameGroup.valuePrefixExpression ? nameGroup.valuePrefixExpression : `current.item.${lowerEntityName}`;
-        callLogics.push(NaslLogicItem.CallLogic({
-            calleeNamespace: updateLogic.getNamespace(),
-            calleeName: updateLogic.name,
-            arguments: [
-                genLogicParam(`${updateLogic.params[0].name}`, valuePrefixExpression),
-            ],
-        }));
-    }
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicBlurUpdate,
-        params: [
-        ],
-        returns: [] as Array<any>,
-        body: [
-            NaslLogicItem.Start,
-            genCallComponentLogic(nameGroup.viewElementMainView, 'resetEdit', [
-                NaslLogicItem.Argument({
-                    keyword: 'item',
-                    expression: NaslLogicItem.MemberExpression({
-                        object: NaslLogicItem.Identifier({
-                            name: 'current',
-                        }),
-                        property: NaslLogicItem.Identifier({
-                            name: 'item',
-                        }),
-                    }),
-                })]),
-            ...callLogics,
-            NaslLogicItem.End,
-        ],
-        playground: [] as Array<any>,
-    });
+  const callLogics = [];
+  if (entity.concept === 'Entity') {
+    const lowerEntityName = utils.firstLowerCase(entity.name);
+    const { ns } = entity;
+    const updateLogic = ns?.logics?.find((logic) => logic.name === `update`);
+    const valuePrefixExpression = nameGroup.valuePrefixExpression ? nameGroup.valuePrefixExpression : `current.item.${lowerEntityName}`;
+    callLogics.push(
+      NaslLogicItem.CallLogic({
+        calleeNamespace: updateLogic.getNamespace(),
+        calleeName: updateLogic.name,
+        arguments: [genLogicParam(`${updateLogic.params[0].name}`, valuePrefixExpression)],
+      })
+    );
+  }
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicBlurUpdate,
+    params: [],
+    returns: [] as Array<any>,
+    body: [
+      NaslLogicItem.Start,
+      genCallComponentLogic(nameGroup.viewElementMainView, 'resetEdit', [
+        NaslLogicItem.Argument({
+          keyword: 'item',
+          expression: NaslLogicItem.MemberExpression({
+            object: NaslLogicItem.Identifier({
+              name: 'current',
+            }),
+            property: NaslLogicItem.Identifier({
+              name: 'item',
+            }),
+          }),
+        }),
+      ]),
+      ...callLogics,
+      NaslLogicItem.End,
+    ],
+    playground: [] as Array<any>,
+  });
 }
-

package/src/templator/genEnumSelectBlock.ts

@@ -9,14 +9,20 @@ import { Enum } from '../concepts';
  * @param placeholder 占位符的内容
  */
 export function genEnumSelectBlock(enumeration: Enum, vModel?: string, size?: string, placeholder?: string, hiddenAll?: boolean) {
-    const namespace = enumeration?.getNamespace() || '';
-    const name = enumeration?.name || '';
-    const enumTypeAnnotationStr = `__enumTypeAnnotation_${namespace}.${name}`;
-    if (config.scope === 'h5')
-        return `<van-pickerson type="list" :show-toolbar="true" ${vModel ? ` v-model="${vModel}"` : ''}${placeholder ? ` title="${placeholder}" placeholder="${placeholder}"` : ''}
-        :data-source="$utils.EnumToList('${enumTypeAnnotationStr}')" :notitleblock="${hiddenAll}"><template #title>${!hiddenAll ? (placeholder || '') : ''}</template></van-pickerson>`;
+  const namespace = enumeration?.getNamespace() || '';
+  const name = enumeration?.name || '';
+  const enumTypeAnnotationStr = `__enumTypeAnnotation_${namespace}.${name}`;
+  if (config.scope === 'h5')
+    return `<van-pickerson type="list" :show-toolbar="true" ${vModel ? ` v-model="${vModel}"` : ''}${
+      placeholder ? ` title="${placeholder}" placeholder="${placeholder}"` : ''
+    }
+        :data-source="$utils.EnumToList('${enumTypeAnnotationStr}')" :notitleblock="${hiddenAll}"><template #title>${
+          !hiddenAll ? placeholder || '' : ''
+        }</template></van-pickerson>`;
 
-    return `<u-select clearable${vModel ? ` v-model="${vModel}"` : ''}${size ? ` size="${size}"` : ''}${placeholder ? ` placeholder="${placeholder}"` : ''}
+  return `<u-select clearable${vModel ? ` v-model="${vModel}"` : ''}${size ? ` size="${size}"` : ''}${
+    placeholder ? ` placeholder="${placeholder}"` : ''
+  }
             :data-source="$utils.EnumToList('${enumTypeAnnotationStr}')">
                 ${hiddenAll ? '' : '<u-select-item text="全部"></u-select-item>'}
             </u-select>`;

package/src/templator/genGetBlock.ts

@@ -5,79 +5,79 @@ import { NaslCoreTypeAnnotation, NaslTypeAnnotation, NaslLogicItem, NaslNode } f
 import { NameGroup, filterProperty, genLogicParam } from '.';
 
 export function genGetTemplate(entity: Entity, nameGroup: NameGroup) {
-    const properties = entity.properties.filter(filterProperty('inDetail'));
+  const properties = entity.properties.filter(filterProperty('inDetail'));
 
-    return `<u-info-list>
+  return `<u-info-list>
     <u-info-list-group>
     <template #title><u-text text="基本信息"></u-text></template>
     ${properties
-            .map((property) => {
-                const valueExpression = `${nameGroup.viewVariableEntity}.${property.name}`;
-                let formItem = `            <u-info-list-item><template #label><u-text text="${property.label || property.name}"></u-text></template>`;
-                formItem += `<u-text :text="${valueExpression}"></u-text>`;
-                formItem += `            </u-info-list-item>\n`;
-                return formItem;
-            })
-            .join('')}
+      .map((property) => {
+        const valueExpression = `${nameGroup.viewVariableEntity}.${property.name}`;
+        let formItem = `            <u-info-list-item><template #label><u-text text="${property.label || property.name}"></u-text></template>`;
+        formItem += `<u-text :text="${valueExpression}"></u-text>`;
+        formItem += `            </u-info-list-item>\n`;
+        return formItem;
+      })
+      .join('')}
     </u-info-list-group>
 </u-info-list>`;
 }
 
 function genLoadLogic(getLogic: Logic, nameGroup: NameGroup) {
-    const params = [genLogicParam(`${getLogic.params[0].name}`, nameGroup.viewParamId)];
+  const params = [genLogicParam(`${getLogic.params[0].name}`, nameGroup.viewParamId)];
 
-    return NaslNode.Logic({
-        name: nameGroup.viewLogicLoad,
-        description: '',
-        params: [],
-        returns: [],
-        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: [],
-    });
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicLoad,
+    description: '',
+    params: [],
+    returns: [],
+    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: [],
+  });
 }
 
 export function genH5GetTemplate(entity: Entity, nameGroup: NameGroup) {
-    const properties = entity.properties.filter(filterProperty('inDetail'));
+  const properties = entity.properties.filter(filterProperty('inDetail'));
 
-    return `<van-cell-group>
+  return `<van-cell-group>
     ${properties
-            .map((property) => {
-                const temptitle = property.label || property.name;
-                let formItem = `            <van-cell isLink`;
+      .map((property) => {
+        const temptitle = property.label || property.name;
+        let formItem = `            <van-cell isLink`;
 
-                formItem += ' :value="' + `${nameGroup.viewVariableEntity}.${property.name}` + '">';
-                formItem += `<template  #title>${temptitle}</template>`;
-                formItem += `<template>{{ ${`${nameGroup.viewVariableEntity}.${property.name}`} }}</template>            </van-cell>\n`;
-                return formItem;
-            })
-            .join('')}
+        formItem += ' :value="' + `${nameGroup.viewVariableEntity}.${property.name}` + '">';
+        formItem += `<template  #title>${temptitle}</template>`;
+        formItem += `<template>{{ ${`${nameGroup.viewVariableEntity}.${property.name}`} }}</template>            </van-cell>\n`;
+        return formItem;
+      })
+      .join('')}
 </van-cell-group>`;
 }
 
 export function genGetBlock(entity: Entity, oldNode: ViewElement) {
-    const view = oldNode.view;
-    const ns = entity.ns;
-    const getLogic = ns?.logics?.find((logic) => logic.name === `get`);
+  const { view } = oldNode;
+  const { ns } = entity;
+  const getLogic = ns?.logics?.find((logic) => logic.name === `get`);
 
-    const nameGroup: NameGroup = {};
-    nameGroup.viewParamId = view.getParamUniqueName('id');
-    nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
-    nameGroup.viewLogicLoad = view.getLogicUniqueName('load');
+  const nameGroup: NameGroup = {};
+  nameGroup.viewParamId = view.getParamUniqueName('id');
+  nameGroup.viewVariableEntity = view.getVariableUniqueName(utils.firstLowerCase(entity.name));
+  nameGroup.viewLogicLoad = view.getLogicUniqueName('load');
 
-    return `<template>
+  return `<template>
     ${config.scope === 'h5' ? genH5GetTemplate(entity, nameGroup) : genGetTemplate(entity, nameGroup)}
 </template>
 
@@ -94,10 +94,12 @@ export function genGetBlock(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": [