@lcap/nasl-concepts 4.4.2-rc.5 → 4.5.0-beta.2

package/out/concepts/View__.js

@@ -141,6 +141,17 @@ let View = class View extends Annotatable__1.default {
             ...object,
         });
     }
+    /**
+     * 设置页面描述
+     */
+    setDescription(description) {
+        const object = {
+            description,
+        };
+        this.update({
+            ...object,
+        });
+    }
     /**
      * 设置面包屑
      */
@@ -1257,10 +1268,11 @@ let View = class View extends Annotatable__1.default {
             }
             return '';
           },
-          modifyFieldTemplateByPermission(replaceTemplateList, propertyName, fieldStr, permission, tag, relationDataName) {
+          modifyFieldTemplateByPermission(replaceTemplateList, propertyName, fieldStr, permission, tag, relationDataName, getRangeMethod) {
             let startIndex = 0, endIndex = Infinity;
             if (relationDataName) {
-              const tableIndexConfig = this.getRelationDataStartAndEndIndex(relationDataName)
+              const getRange = getRangeMethod || this.getRelationDataStartAndEndIndex.bind(this);
+              const tableIndexConfig = getRange(relationDataName)
               startIndex = tableIndexConfig.tableStartIndex
               endIndex = tableIndexConfig.tableEndIndex
             }
@@ -1365,6 +1377,37 @@ let View = class View extends Annotatable__1.default {
             stencilStr = this.cutStrByTag(stencilStr, 'u-table-view-column', ':subFormInitialColumn="\`action\`"' )
             return stencilStr
           },
+          previewH5SubFormTemplate(stencilStr){
+            stencilStr = this.cutStrByTag(stencilStr, 'van-button', ':subFormBtnType="\`add\`"' )
+            stencilStr = this.cutStrByTag(stencilStr, 'van-link', ':text="\`删除\`"' )
+            return stencilStr
+          },
+          getH5RelationDataStartAndEndIndex(relationDataName) {
+            const forTag = 'van-for-components';
+            const outerTag = 'van-field';
+            let forStartIndex = -1;
+            let forEndIndex = -1;
+            let outerStartIndex = -1;
+            let outerEndIndex = -1;
+            const reg = new RegExp(\`dataSource(?:\\\\.sync)?="[^"]*processDetailFormData[^"]*\\\\.\${relationDataName}"\`, 'g');
+            const match = this.formTemplate.match(reg);
+            if (match && match.length) {
+              const relationDataStr = match[0];
+              const relationDataStrIndex = this.formTemplate.indexOf(relationDataStr);
+              forEndIndex = this.formTemplate.indexOf('</' + forTag + '>', relationDataStrIndex);
+              if (forEndIndex > -1) {
+                forStartIndex = this.formTemplate.lastIndexOf('<' + forTag + ' ', forEndIndex);
+              }
+              if (forStartIndex > -1 && forEndIndex > -1) {
+                // 继续向外找包裹的 van-field（子表单整体容器）
+                outerEndIndex = this.formTemplate.indexOf('</' + outerTag + '>', forEndIndex);
+                if (outerEndIndex > -1) {
+                  outerStartIndex = this.formTemplate.lastIndexOf('<' + outerTag + ' ', forStartIndex);
+                }
+              }
+            }
+            return { tableStartIndex: forStartIndex, tableEndIndex: forEndIndex, outerStartIndex, outerEndIndex };
+          },
           reDynamicRenderForm(vmRoot, templateData) {
             let formTemplateForRender = this.formTemplate;
             const replaceFormTemplateToReplacer = (fieldReplTemplates) => {
@@ -1449,40 +1492,56 @@ let View = class View extends Annotatable__1.default {
             const subPerms = fieldPermission?.data?.slice(1) || []
             // 子字段渲染错误时的替换模版
             const subReplTemplates = []
-            if (subPerms.length && ${this.frontend.type === 'pc'}) {
-              const fieldTag = 'u-table-view-column', stencilTag = 'u-grid-layout-column';
+            if (subPerms.length) {
+              // 各端子表单处理配置
+              const subFormConfig = ${this.frontend.type === 'pc'} ? {
+                fieldTag: 'u-table-view-column',
+                getSubFormRange: (propertyName) => this.getRelationDataStartAndEndIndex(propertyName),
+                getStencilStr: ({ tableStartIndex }) => this.sliceStrByTag('u-grid-layout-column', tableStartIndex),
+                previewSubForm: (stencilStr) => this.previewSubFormTemplate(stencilStr),
+              } : {
+                fieldTag: 'van-field',
+                getSubFormRange: (propertyName) => this.getH5RelationDataStartAndEndIndex(propertyName),
+                getStencilStr: ({ outerStartIndex, outerEndIndex }) => this.formTemplate.substring(outerStartIndex, outerEndIndex + '</van-field>'.length),
+                previewSubForm: (stencilStr) => this.previewH5SubFormTemplate(stencilStr),
+              };
+              const { fieldTag, getSubFormRange, getStencilStr, previewSubForm } = subFormConfig;
               // 遍历每个子表单
               subPerms.forEach((relationData) => {
                 const { propertyName, subFieldPermissions, permission } = relationData;
-                // step1: 判断是否存在当前子表单
-                let { tableStartIndex, tableEndIndex } = this.getRelationDataStartAndEndIndex(propertyName)
+                // step1: 定位当前子表单范围，并获取整体容器字符串
+                //   PC端：通过 u-table-view 定位，再向外找 u-grid-layout-column 作为整体容器
+                //   H5端：通过 van-for-components 定位，再向外找 van-field 作为整体容器
+                const range = getSubFormRange(propertyName);
+                const { tableStartIndex, tableEndIndex, outerStartIndex, outerEndIndex } = range;
                 if (tableStartIndex === -1 || tableEndIndex === -1) return;
-                let stencilStr = this.sliceStrByTag(stencilTag, tableStartIndex);
+                if (outerStartIndex !== undefined && outerStartIndex === -1) return;
+                let stencilStr = getStencilStr(range);
+                if (!stencilStr) return;
                 // step2: 根据子表单整体权限，控制子表单的部分节点 或 整个子表单 的隐藏
-                if(['readOnly', 'preview'].includes(permission)){
-                  const newStencilStr = this.previewSubFormTemplate(stencilStr)
-                  this.formTemplate = this.formTemplate.replace(stencilStr, newStencilStr)
-                  stencilStr = newStencilStr
-                }else if(permission === 'hidden'){
-                  this.formTemplate = this.formTemplate.replace(stencilStr, '')
+                if (['readOnly', 'preview'].includes(permission)) {
+                  const newStencilStr = previewSubForm(stencilStr);
+                  this.formTemplate = this.formTemplate.replace(stencilStr, newStencilStr);
+                  stencilStr = newStencilStr;
+                } else if (permission === 'hidden') {
+                  this.formTemplate = this.formTemplate.replace(stencilStr, '');
                   return;
                 }
                 // step3: 初始化存放槽位
-                const curReplTemplates = []
+                const curReplTemplates = [];
                 subReplTemplates.push(curReplTemplates);
                 // step4: 遍历当前子表单的字段权限
+                // modifyFieldTemplateByPermission 内部通过 getRangeMethod 实时重新查找范围（模板替换后位置会变）
                 subFieldPermissions.forEach(({ propertyName: fieldName, permission: fieldPermission }, index) => {
                   const fieldStr = \`"current.item.\${fieldName}"\`;
-                  tableStartIndex = this.modifyFieldTemplateByPermission(curReplTemplates, fieldName, fieldStr, fieldPermission,fieldTag, propertyName);
-                  // step5: 当前子表单首次渲染时，会去除掉所有列，来检查当前子表单内是否有其他因素导致渲染失败
+                  this.modifyFieldTemplateByPermission(curReplTemplates, fieldName, fieldStr, fieldPermission, fieldTag, propertyName, getSubFormRange);
+                  // step5: 处理完最后一个字段后，将整体容器作为首个替换项
+                  //   目的：首次渲染时先去除整个子表单，检查是否有其他因素导致渲染失败
                   if (index === subFieldPermissions.length - 1) {
-                    stencilStr = this.sliceStrByTag(stencilTag, tableStartIndex);
-                    const replaceStencilStr = \`<span text="processDetailFormData.\${propertyName}"></span>\`
-                    curReplTemplates.unshift({
-                      propertyName,
-                      origin: stencilStr,
-                      replace: replaceStencilStr
-                    })
+                    const latestRange = getSubFormRange(propertyName);
+                    stencilStr = getStencilStr(latestRange);
+                    const replaceStencilStr = \`<span text="processDetailFormData.\${propertyName}"></span>\`;
+                    curReplTemplates.unshift({ propertyName, origin: stencilStr, replace: replaceStencilStr });
                   }
                 })
               })
@@ -2063,6 +2122,7 @@ let View = class View extends Annotatable__1.default {
             'pageTemplateId',
             'uuid',
             'title',
+            'description',
             'crumb',
             'auth',
             'authDescription',
@@ -2232,6 +2292,7 @@ let View = class View extends Annotatable__1.default {
             'pageTemplateId',
             'uuid',
             'title',
+            'description',
             'crumb',
             'auth',
             'authDescription',
@@ -2761,6 +2822,7 @@ let View = class View extends Annotatable__1.default {
             '_events',
             '_collectingList',
             '_historyList',
+            '__preInstantiatedHelper',
         ]);
         utils.traverse(({ node }) => {
             if (node?.isProcessForm?.()) {
@@ -2781,6 +2843,7 @@ let View = class View extends Annotatable__1.default {
             '_events',
             '_collectingList',
             '_historyList',
+            '__preInstantiatedHelper',
         ]);
         utils.traverse(({ node }) => {
             if (node.tag === componentName) {
@@ -2906,6 +2969,9 @@ __decorate([
 __decorate([
     (0, decorators_2.property)()
 ], View.prototype, "title", void 0);
+__decorate([
+    (0, decorators_2.property)()
+], View.prototype, "description", void 0);
 __decorate([
     (0, decorators_2.property)({
         objectRef: 'StaticString',