@lcap/nasl 3.5.0-beta.4 → 3.6.0-alpha.2

package/src/templator/genCurdMultipleKeyBlock.ts

@@ -5,8 +5,16 @@
  * 4. 主键目前支持 Long String Double 类型接口所以只禁用了对应的三个类型
  */
 import * as utils from '../utils';
-import { App, Module, Namespace, Entity, View, Enum, DataSource, ViewElement } from '../concepts';
-import { NaslCoreTypeAnnotation, NaslUITypeAnnotation, NaslTypeAnnotation, NaslLogicItem, NaslNode, getDecimalInfo, transEntityMetadataTypes } from './utils';
+import { App, Module, Namespace, Entity, View, Enum, DataSource, ViewElement, NumericLiteral, Logic } from '../concepts';
+import {
+  NaslCoreTypeAnnotation,
+  NaslUITypeAnnotation,
+  NaslTypeAnnotation,
+  NaslLogicItem,
+  NaslNode,
+  getDecimalInfo,
+  transEntityMetadataTypes,
+} from './utils';
 import {
   filterProperty,
   NameGroup,
@@ -23,6 +31,7 @@ import {
   genGridViewLoadLogic,
   genGridViewRemoveLogic,
   genLogicParam,
+  genTableTemplateTableDesigner,
 } from '.';
 
 function genFilterTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroupMap: Map<string, NameGroup>) {
@@ -58,7 +67,7 @@ function genFilterTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroup
               // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
               const key = [property.name, relationEntity.name].join('-');
               const selectNameGroup = selectNameGroupMap.get(key);
-              let dataSourceValue = `(params) => ${selectNameGroup.logic}(elements.$ce.page, elements.$ce.size)`
+              let dataSourceValue = `(params) => ${selectNameGroup.logic}(elements.$ce.page, elements.$ce.size)`;
               formItem += `
                         <u-select clearable placeholder="请选择${label}" :data-source="${dataSourceValue}" :page-size="50"
                             text-field="${lowerEntityName}.${displayedProperty.name}" value-field="${lowerEntityName}.${relationProperty.name}" :pagination="true" v-model="${vModel}">
@@ -109,11 +118,12 @@ function genFilterTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroup
     </u-form>
     </u-linear-layout>
 
-    <u-linear-layout mode="flex" alignment="start" justify="end"><u-button color="primary" @click="${nameGroup.viewLogicCreate}">创 建</u-button></u-linear-layout>
+    <u-linear-layout mode="flex" alignment="start" justify="end"><u-button color="primary" @click="${
+      nameGroup.viewLogicCreate
+    }">创 建</u-button></u-linear-layout>
     `;
 }
 
-
 function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGroupMap: Map<string, NameGroup>) {
   const dataSource = entity.parentNode as DataSource;
   const properties = entity.properties.filter(filterProperty('inForm'));
@@ -137,8 +147,9 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
         }
         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>`;
+        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 { typeNamespace: propertyTypeNamespace } = typeAnnotation || {};
@@ -161,7 +172,7 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
               // 存在多个属性关联同一个实体的情况，因此加上属性名用以唯一标识
               const key = [property.name, relationEntity.name].join('-');
               const selectNameGroup = selectNameGroupMap.get(key);
-              let dataSourceValue = `(params) => ${selectNameGroup.logic}(elements.$ce.page, elements.$ce.size)`
+              let dataSourceValue = `(params) => ${selectNameGroup.logic}(elements.$ce.page, elements.$ce.size)`;
               formItem += `
                         <u-select clearable placeholder="请选择${label}"
                             text-field="${lowerEntityName}.${displayedProperty.name}"
@@ -176,32 +187,40 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
           } else return '';
         } else if (propertyTypeName === 'Boolean') {
           formItem += `
-                        <u-select clearable v-model="${vModel}" placeholder="请输入${label}" ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
-            }>
+                        <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>`;
+          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>`;
+          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>`;
+          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>`;
+          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>`;
+          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>`;
+          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>`;
+          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();
@@ -209,8 +228,9 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
             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-input v-model="${vModel}" placeholder="请输入${label}" ${
+              property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''
+            }></u-input>`;
           }
         }
 
@@ -230,7 +250,6 @@ function genSaveModalTemplate(entity: Entity, nameGroup: NameGroup, selectNameGr
     </u-modal>`;
 }
 
-
 function genInitLogic(nameGroup: NameGroup) {
   return NaslNode.Logic({
     name: nameGroup.viewLogicInit,
@@ -445,6 +464,58 @@ function genModifyLogic(entity: Entity, nameGroup: NameGroup) {
   });
 }
 
+function genDetailLogic(entity: Entity, nameGroup: NameGroup) {
+  const lowerEntityName = utils.firstLowerCase(entity.name);
+
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicPreview,
+    description: '',
+    params: [],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariablePreview,
+        }),
+        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',
+                  }),
+                }),
+                property: NaslLogicItem.Identifier({
+                  name: lowerEntityName,
+                }),
+              }),
+            }),
+          ],
+        }),
+      }),
+      genCallComponentLogic(nameGroup.viewElementSaveModal, 'open'),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any[],
+  });
+}
+
 // 列表（全）
 export function genCurdMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
   const likeComponent = oldNode?.likeComponent;
@@ -514,31 +585,31 @@ export function genCurdMultipleKeyBlock(entity: Entity, oldNode: ViewElement) {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableEntity}",
             "typeAnnotation": ${JSON.stringify(
-    NaslTypeAnnotation.Reference({
-      typeNamespace: entity.getNamespace(),
-      typeName: entity.name,
-    })
-  )}
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableInput}",
             "typeAnnotation": ${JSON.stringify(
-    NaslTypeAnnotation.Reference({
-      typeNamespace: entity.getNamespace(),
-      typeName: entity.name,
-    })
-  )}
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableFilter}",
             "typeAnnotation": ${JSON.stringify(
-    NaslTypeAnnotation.Reference({
-      typeNamespace: entity.getNamespace(),
-      typeName: entity.name,
-    })
-  )}
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
@@ -642,31 +713,31 @@ export function genGridViewMultipleKeyBlock(entity: Entity, oldNode: ViewElement
             "concept": "Variable",
             "name": "${nameGroup.viewVariableEntity}",
             "typeAnnotation": ${JSON.stringify(
-    NaslTypeAnnotation.Reference({
-      typeNamespace: entity.getNamespace(),
-      typeName: entity.name,
-    })
-  )}
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableInput}",
             "typeAnnotation": ${JSON.stringify(
-    NaslTypeAnnotation.Reference({
-      typeNamespace: entity.getNamespace(),
-      typeName: entity.name,
-    })
-  )}
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
             "name": "${nameGroup.viewVariableFilter}",
             "typeAnnotation": ${JSON.stringify(
-    NaslTypeAnnotation.Reference({
-      typeNamespace: entity.getNamespace(),
-      typeName: entity.name,
-    })
-  )}
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
         },
         {
             "concept": "Variable",
@@ -715,3 +786,656 @@ export function genReloadLogic(nameGroup: NameGroup) {
     playground: [],
   });
 }
+
+export function genResetLogic(nameGroup: NameGroup) {
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicReset,
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [
+      NaslNode.Variable({
+        name: 'validateResult',
+        typeAnnotation: NaslUITypeAnnotation.ValidateEvent,
+      }),
+    ],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.CallFunction({
+        calleeName: 'Clear',
+        arguments: [
+          NaslLogicItem.Argument({
+            keyword: 'struct',
+            expression: NaslLogicItem.Identifier({
+              name: nameGroup.viewVariableFilter,
+            }),
+          }),
+        ],
+      }),
+      genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
+      NaslLogicItem.End,
+    ],
+    playground: [],
+  });
+}
+
+export function genExportExcelLogic(nameGroup: NameGroup) {
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicExportData,
+    params: [] as any[],
+    returns: [] as any[],
+    variables: [],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.CallLogic({
+        calleeNamespace: `elements.${nameGroup.viewElementMainView}.logics`,
+        calleeName: 'exportExcel',
+        arguments: [
+          NaslLogicItem.Argument({
+            keyword: 'page',
+            expression: {
+              concept: 'NumericLiteral',
+              value: '1',
+              typeAnnotation: {
+                concept: 'TypeAnnotation',
+                typeKind: 'primitive',
+                typeNamespace: 'nasl.core',
+                typeName: 'Long',
+              },
+            },
+          }),
+          NaslLogicItem.Argument({
+            keyword: 'size',
+            expression: {
+              concept: 'NumericLiteral',
+              value: '9999',
+              typeAnnotation: {
+                concept: 'TypeAnnotation',
+                typeKind: 'primitive',
+                typeNamespace: 'nasl.core',
+                typeName: 'Long',
+              },
+            },
+          }),
+          NaslLogicItem.Argument({
+            keyword: 'filename',
+            expression: null,
+          }),
+          NaslLogicItem.Argument({
+            keyword: 'sort',
+            expression: null,
+          }),
+          NaslLogicItem.Argument({
+            keyword: 'order',
+            expression: null,
+          }),
+          NaslLogicItem.Argument({
+            keyword: 'excludeColumns',
+            expression: null,
+          }),
+        ],
+      }),
+      NaslLogicItem.End,
+    ],
+    playground: [],
+  });
+}
+
+function genCloseModalLogic(nameGroup: NameGroup) {
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicCloseModal,
+    description: '',
+    params: [],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.Assignment({
+        left: NaslLogicItem.Identifier({
+          name: nameGroup.viewVariablePreview,
+        }),
+        right: NaslLogicItem.Identifier({
+          name: 'false',
+        }),
+      }),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any[],
+  });
+}
+
+function genOpenDelModalLogic(entity: Entity, nameGroup: NameGroup) {
+  const lowerEntityName = utils.firstLowerCase(entity.name);
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicOpenDelModal,
+    description: '',
+    params: [],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      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.viewElementDelModal, 'open'),
+      NaslLogicItem.End,
+    ],
+    playground: [] as any[],
+  });
+}
+function genCloseDelModalLogic(nameGroup: NameGroup) {
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicCloseDelModal,
+    body: [NaslLogicItem.Start, genCallComponentLogic(nameGroup.viewElementDelModal, 'close'), NaslLogicItem.End],
+  });
+}
+
+function genDelModalSubmitLogic(entity: Entity, nameGroup: NameGroup) {
+  const { ns } = entity;
+  const deleteLogic = ns?.logics?.find((logic) => logic.name === 'delete');
+  return NaslNode.Logic({
+    name: nameGroup.viewLogicDelModalSubmit,
+    params: [],
+    returns: [] as any[],
+    variables: [] as any[],
+    body: [
+      NaslLogicItem.Start,
+      NaslLogicItem.CallLogic({
+        calleeNamespace: deleteLogic.getNamespace(),
+        calleeName: deleteLogic.name,
+        arguments: [
+          {
+            concept: 'Argument',
+            keyword: 'id',
+            expression: {
+              concept: 'MemberExpression',
+              object: {
+                concept: 'Identifier',
+                name: 'input',
+              },
+              property: {
+                concept: 'Identifier',
+                name: 'id',
+              },
+            },
+          },
+        ],
+      }),
+      genCallComponentLogic(nameGroup.viewElementDelModal, 'close'),
+      genCallComponentLogic(nameGroup.viewElementMainView, 'reload'),
+      NaslLogicItem.End,
+    ],
+  });
+}
+
+export function genFilterTemplateTableDesigner(entity: Entity, nameGroup: NameGroup, selectNameGroupMap: Map<string, NameGroup>, optionsMap?: any) {
+  const dataSource = entity.parentNode as DataSource;
+  const properties = entity.properties.filter(filterProperty('inFilter'));
+  const getCol = (code: string) => `<u-grid-layout-column span="6" style="padding: 10px 0;">${code}</u-grid-layout-column>`;
+  return `<u-form style="margin-bottom: 6px;padding: 15px 15px 5px 15px;background: #fff;">
+      <u-grid-layout>
+        <u-grid-layout-row repeat="24">
+          ${properties
+            .map((property) => {
+              const vModel = `${nameGroup.viewVariableFilter}.${property.name}`;
+              const label = (property.label || property.name).replace(/"/g, '&quot;');
+              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 (optionsMap?.[property.name]) {
+                const options = optionsMap?.[property.name];
+                const multiple = property?.typeAnnotation?.typeName === 'List';
+                formItem += `
+                              <u-select clearable v-model="${vModel}" placeholder="请选择" ${multiple ? 'multiple' : ''}>
+                                ${options.map((option: any) => `<u-select-item value="${option.value}">${option.label}</u-select-item>`).join('')}
+                              </u-select>
+                          `;
+              } else 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);
+                    let dataSourceValue = `(params) => ${selectNameGroup.logic}(elements.$ce.page, elements.$ce.size)`;
+                    formItem += `
+                              <u-select clearable placeholder="请选择${label}" :data-source="${dataSourceValue}" :page-size="50"
+                                  text-field="${lowerEntityName}.${displayedProperty.name}" value-field="${lowerEntityName}.${relationProperty.name}" :pagination="true" v-model="${vModel}">
+                              </u-select>
+                          `;
+                  } 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 > 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 getCol(formItem);
+            })
+            .join('')}
+            ${getCol(`<u-form-item layout="center" label-size="auto">
+              <u-button color="primary" style="margin-right: 5px" @click="${nameGroup.viewLogicReload}">查 询</u-button>
+              <u-button @click="${nameGroup.viewLogicReset}">重 置</u-button>
+            </u-form-item>`)}
+        </u-grid-layout-row>
+      </u-grid-layout>
+    </u-form>
+    `;
+}
+
+function genSaveModalTemplateDesigner(
+  entity: Entity,
+  nameGroup: NameGroup,
+  selectNameGroupMap: Map<string, NameGroup>,
+  SaveModalFormTemplate?: string
+) {
+  const dataSource = entity.parentNode as DataSource;
+  const properties = entity.properties.filter(filterProperty('inForm'));
+
+  const formStr = ` <u-form ref="${nameGroup.viewElementSaveModalForm}" :preview="${nameGroup.viewVariablePreview}">
+  ${properties
+    .map((property) => {
+      const vModel = `${nameGroup.viewVariableInput}.${property.name}`;
+      const label = (property.label || property.name).replace(/"/g, '&quot;');
+      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);
+            let dataSourceValue = `(params) => ${selectNameGroup.logic}(elements.$ce.page, elements.$ce.size)`;
+            formItem += `
+                      <u-select clearable placeholder="请选择${label}"
+                          text-field="${lowerEntityName}.${displayedProperty.name}"
+                          value-field="${lowerEntityName}.${relationProperty.name}"
+                          :data-source="${dataSourceValue}" :page-size="50"
+                          :pagination="true"
+                          ${property.primaryKey ? `:disabled="${nameGroup.viewVariableIsUpdate}"` : ''}
+                          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}"` : ''
+                      }>
+                          <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 > 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`;
+
+      return formItem;
+    })
+    .join('')}
+          </u-form>`;
+  if (SaveModalFormTemplate) {
+    SaveModalFormTemplate = SaveModalFormTemplate.replace(
+      '<u-form',
+      `<u-form ref="${nameGroup.viewElementSaveModalForm}" :preview="${nameGroup.viewVariablePreview}" `
+    );
+  }
+
+  return `
+    <u-modal ref="${nameGroup.viewElementSaveModal}" @close="${nameGroup.viewLogicCloseModal}" size="huge" :show-foot="!${
+      nameGroup.viewVariablePreview
+    }">
+        <template #title>
+            <div v-if="${nameGroup.viewVariablePreview}">
+              <u-text>详情</u-text>
+            </div>
+            <div v-if="!${nameGroup.viewVariablePreview}">
+              <div v-if="${nameGroup.viewVariableIsUpdate}"><u-text>修改</u-text></div>
+              <div v-if="!${nameGroup.viewVariableIsUpdate}"><u-text>新增</u-text></div>
+        </template>
+        <template #body>
+           ${SaveModalFormTemplate || formStr}
+        </template>
+        <template #foot>
+            <u-linear-layout>
+                <u-button color="primary" @click="${nameGroup.viewLogicUpdateSubmit}()" v-if="${nameGroup.viewVariableIsUpdate}">提交修改</u-button>
+                <u-button color="primary" @click="${nameGroup.viewLogicSubmit}()" v-if="!${nameGroup.viewVariableIsUpdate}">立即新增</u-button>
+            </u-linear-layout>
+        </template>
+    </u-modal>`;
+}
+
+export const genDelModalTemplate = (nameGroup: NameGroup) => {
+  return `
+    <u-modal
+    ref="${nameGroup.viewElementDelModal}"
+    style="
+      border-top-left-radius: 4px;
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+      border-bottom-left-radius: 4px;
+      --update-key: d9hj;
+    "
+    icon="warning"
+  >
+    <template #foot>
+      <u-linear-layout style="text-align: right" :vusion-disabled-cut="true" justify="center">
+        <u-button text="取 消" @click="${nameGroup.viewLogicCloseDelModal}"></u-button>
+        <u-button color="primary" text="确 定" @click="${nameGroup.viewLogicDelModalSubmit}"></u-button>
+      </u-linear-layout>
+    </template>
+    <template #body>
+      <u-text style="font-weight: bold; font-size: 18px" text="请确认是否删除？"></u-text>
+      <u-linear-layout style="--custom-start: auto" direction="horizontal">
+        <u-text
+          style="--custom-start: auto"
+          color="secondary"
+          text="删除后将无法恢复，请谨慎操作"
+        ></u-text>
+      </u-linear-layout>
+    </template>
+    <template #title> <u-text></u-text> </template
+  ></u-modal>
+  `;
+};
+
+// composedBy 节点组合属性
+export function genCurdMultipleKeyBlockForTableDesigner(
+  entity: Entity,
+  oldNode: ViewElement,
+  SaveModalFormTemplate?: string,
+  optionsMap?: any,
+  composedBy?: string
+) {
+  const { view } = oldNode;
+  const dataSource = entity.parentNode as DataSource;
+  const module = dataSource.app;
+  const composedByOptionStr = composedBy && composedBy.length > 0 ? `"composedBy":${JSON.stringify(composedBy)},` : '';
+  const patchLogic = (logic: any) => {
+    if (composedBy && composedBy.length > 0) {
+      return {
+        ...logic,
+        composedBy,
+      };
+    } else return logic;
+  };
+
+  const viewElementMainView = view.getViewElementUniqueName('tableView');
+  const nameGroup = genUniqueQueryNameGroup(module, view, viewElementMainView);
+  nameGroup.viewElementMainView = viewElementMainView;
+  nameGroup.viewElementSaveModal = view.getViewElementUniqueName('saveModal');
+  nameGroup.viewElementDelModal = view.getViewElementUniqueName('delModal');
+  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');
+  nameGroup.viewLogicReset = view.getLogicUniqueName('reset');
+  nameGroup.viewLogicExportData = view.getLogicUniqueName('exportData');
+  nameGroup.viewVariablePreview = view.getVariableUniqueName('preview');
+  nameGroup.viewLogicPreview = view.getLogicUniqueName('preview');
+  nameGroup.viewLogicCloseModal = view.getLogicUniqueName('closeModal');
+  nameGroup.viewLogicOpenDelModal = view.getLogicUniqueName('openDelModal');
+  nameGroup.viewLogicCloseDelModal = view.getLogicUniqueName('closeDelModal');
+  nameGroup.viewLogicDelModalSubmit = view.getLogicUniqueName('delModalSubmit');
+
+  // 收集所有和本实体关联的实体
+  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(patchLogic(entityLogic));
+
+  const code = `<template>
+    <u-linear-layout direction="vertical" :bindEntity="" :TableDesignerLocked="true" style="background: #F7F8FA;">
+        ${genFilterTemplateTableDesigner(entity, nameGroup, selectNameGroupMap, optionsMap)}
+        ${genTableTemplateTableDesigner(entity, nameGroup, entityLogic, true, 'genCurdMultipleKeyBlock', optionsMap)}
+        ${genSaveModalTemplateDesigner(entity, nameGroup, selectNameGroupMap, SaveModalFormTemplate)}
+        ${genDelModalTemplate(nameGroup)}
+    </u-linear-layout>
+</template>
+
+<definition>
+{
+    "viewVariables": [
+        {
+            "concept": "Variable",
+            ${composedByOptionStr}
+            "name": "${nameGroup.viewVariableEntity}",
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
+        },
+        {
+            "concept": "Variable",
+            ${composedByOptionStr}
+            "name": "${nameGroup.viewVariableInput}",
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
+        },
+        {
+            "concept": "Variable",
+            ${composedByOptionStr}
+            "name": "${nameGroup.viewVariableFilter}",
+            "typeAnnotation": ${JSON.stringify(
+              NaslTypeAnnotation.Reference({
+                typeNamespace: entity.getNamespace(),
+                typeName: entity.name,
+              })
+            )}
+        },
+        {
+            "concept": "Variable",
+            ${composedByOptionStr}
+            "name": "${nameGroup.viewVariableIsUpdate}",
+            "typeAnnotation": ${JSON.stringify(NaslCoreTypeAnnotation.Boolean)}
+        },
+        {
+            "concept": "Variable",
+            ${composedByOptionStr}
+            "name": "${nameGroup.viewVariablePreview}",
+            "typeAnnotation": ${JSON.stringify(NaslCoreTypeAnnotation.Boolean)}
+        }
+    ],
+    "viewLogics": [
+        ${JSON.stringify(patchLogic(genTableLoadLogic(entity, nameGroup, entityLogic, true)))},
+        ${JSON.stringify(patchLogic(genTableRemoveLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genInitLogic(nameGroup)))},
+        ${JSON.stringify(patchLogic(genCreateLogic(nameGroup)))},
+        ${JSON.stringify(patchLogic(genModifyLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genSubmitLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genDetailLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genCloseModalLogic(nameGroup)))},
+        ${JSON.stringify(patchLogic(genDelModalSubmitLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genOpenDelModalLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genCloseDelModalLogic(nameGroup)))},
+        ${JSON.stringify(patchLogic(genUpdateSubmitLogic(entity, nameGroup)))},
+        ${JSON.stringify(patchLogic(genReloadLogic(nameGroup)))},
+        ${JSON.stringify(patchLogic(genResetLogic(nameGroup)))},
+        ${JSON.stringify(patchLogic(genExportExcelLogic(nameGroup)))}
+        ${newLoadSelectLogics.map((logic) => `,${JSON.stringify(patchLogic(logic))}`).join('\n')}
+    ],
+    "viewBindEvents": [
+        {
+            "concept": "BindEvent",
+            ${composedByOptionStr}
+            "arguments": [],
+            "name": "created",
+            "calleeNamespace": "",
+            "calleeName": "${nameGroup.viewLogicInit}"
+        }
+    ],
+
+    "logics": ${JSON.stringify(newLogics)}
+}
+</definition>
+`;
+
+  return {
+    code,
+    nameGroup,
+    saveFormTemp: `${genSaveModalTemplateDesigner(entity, nameGroup, selectNameGroupMap, SaveModalFormTemplate)}`,
+  };
+}