@lcap/nasl-concepts 3.10.1-rc.1 → 3.10.2-alpha.3

package/out/concepts/View__.js

@@ -1042,271 +1042,277 @@ let View = class View extends Annotatable__1.default {
         };
         let code = '';
         let mixin = '';
-        const keyboardEventMixinCode = `const keyboardEventMixin = {
-            mounted() {
-                document.addEventListener('keydown', this.onKeyDown);
-                document.addEventListener('keyup', this.onKeyUp);
-            },
-            beforeDestroy() {
-                document.removeEventListener('keydown', this.onKeyDown);
-                document.removeEventListener('keyup', this.onKeyUp);
-            },
-            methods: {
-                async onKeyDown(e) {
+        const keyboardEventMixinCode = `const keyboardEventMixin = {
+            mounted() {
+                document.addEventListener('keydown', this.onKeyDown);
+                document.addEventListener('keyup', this.onKeyUp);
+            },
+            beforeDestroy() {
+                document.removeEventListener('keydown', this.onKeyDown);
+                document.removeEventListener('keyup', this.onKeyUp);
+            },
+            methods: {
+                async onKeyDown(e) {
                     ${this.bindEvents
             .filter((event) => ['keydown'].includes(event.name))
             .map((event) => `await this.${event.view.name}_${event.name}(e);`)
-            .join('\n')}
-                },
-                async onKeyUp(e) {
+            .join('\n')}
+                },
+                async onKeyUp(e) {
                     ${this.bindEvents
             .filter((event) => ['keyup'].includes(event.name))
             .map((event) => `await this.${event.view.name}_${event.name}(e);`)
-            .join('\n')}
-                }
-            }
+            .join('\n')}
+                }
+            }
         };\n`;
         code += keyboardEventMixinCode;
-        const processDetailFrom = this.getViewProcessForm(), hasProcessDetailFrom = !!processDetailFrom, processV2 = this.getDestinationProcessV2();
+        const processDetailFrom = this.getViewProcessForm(), hasProcessDetailFrom = !!processDetailFrom, processV2 = this.getDestinationProcessV2;
         if (hasProcessDetailFrom) {
-            const processDetailFromMixinCode = `const processDetailFromMixin = {
-        data() {
-          return {
-            processDetailFormData: {},
-            ${processV2.name} : {
-              data: {},
-            },
-            ${processDetailFrom.getBindAttribute('processPrefix')?.value} : {
-              data: {},
-            },
-            formTemplate: "", // 表单模版
-            formVM: null, // 表单实例
-            needReplaced: false, // 是否需要替换模版
-          }
-        },
-        methods: {
-          sliceStrByTag(tag, referIndex, startIndex = 0, endIndex = Infinity) {
-            const sliceEndIndex = this.formTemplate.indexOf(\`</\${tag}>\`, referIndex);
-            if (sliceEndIndex > -1 && sliceEndIndex < endIndex) {
-              const sliceStartIndex = this.formTemplate.lastIndexOf(\`<\${tag} \`,sliceEndIndex);
-              if (sliceStartIndex > -1 && sliceStartIndex > startIndex) {
-                return this.formTemplate.substring(sliceStartIndex, sliceEndIndex + (\`</\${tag}>\`).length);
-              }
-            }
-            return '';
-          },
-          modifyFieldTemplateByPermission(replaceTemplateList, propertyName, fieldStr, permission, tag, relationDataName) {
-            let startIndex = 0, endIndex = Infinity;
-            if (relationDataName) {
-              const tableIndexConfig = this.getRelationDataStartAndEndIndex(relationDataName)
-              startIndex = tableIndexConfig.tableStartIndex
-              endIndex = tableIndexConfig.tableEndIndex
-            }
-            let itemStr = '';
-            const replaceStr = \`<span text=\${fieldStr}></span>\`
-            const fieldStrIndex = this.formTemplate.indexOf(fieldStr, startIndex);
-            if (fieldStrIndex > -1 && fieldStrIndex < endIndex) {
-              itemStr = this.sliceStrByTag(tag, fieldStrIndex, startIndex, endIndex);
-              if (permission === 'hidden') {
-                this.formTemplate = this.formTemplate.replace(itemStr, '');
-                return;
-              } else if (['readOnly', 'preview'].includes(permission)) {
-                const newItemStr = itemStr.replace(fieldStr, \`\${fieldStr} preview \`);
-                this.formTemplate = this.formTemplate.replace(itemStr, newItemStr);
-                itemStr = newItemStr;
-              }
-              // 先使用替换模版填充,保证初始化可渲染
-              this.formTemplate = this.formTemplate.replace(itemStr, replaceStr);
-              replaceTemplateList.push({
-                propertyName,
-                origin: itemStr,
-                replace: replaceStr
-              });
-            }
-            return startIndex;
-          },
-          getRelationDataStartAndEndIndex(relationDataName) {
-            const tag = 'u-table-view';
-            let tableStartIndex = tableEndIndex = -1;
-            const reg = new RegExp(\`dataSource="[^"]*processDetailFormData[^"]*\\\\.\${relationDataName}"\`, 'g');
-            const match = this.formTemplate.match(reg);
-            if (match && match.length) {
-              const relationDataStr = match[0], relationDataStrIndex = this.formTemplate.indexOf(relationDataStr);
-              tableEndIndex = this.formTemplate.indexOf('</' + tag + '>',relationDataStrIndex);
-              if (tableEndIndex > -1) {
-                tableStartIndex = this.formTemplate.lastIndexOf('<' + tag + ' ',tableEndIndex);
-              }
-            }
-            return { tableStartIndex, tableEndIndex };
-          },
-          dynamicRender(vmRoot){
-            const Local = Vue.extend({
-              template: this.formTemplate,
-              data() {
-                return {
-                  ...vmRoot.$data
-                }
-              },
-              methods: {
-                ...vmRoot.$options.methods
-              }
-            })
-            this.formVM = new Local().$mount()
-            this.needReplaced = !this.formVM?.$el?.firstChild // 判断当前模版是否渲染成功
-          },
-          renderForm ({fieldReplTemplates, vmRoot, isSubForm}) {
-            for (let i = 0; i <= fieldReplTemplates.length; i++) {
-              const { propertyName, origin, replace } = fieldReplTemplates[i] || {};
-              // step1: 如果上一次渲染失败，更换为替换模版
-              if (this.needReplaced && i > 0) {
-                const { origin: lastOrigin, replace: lastReplace } = fieldReplTemplates[i - 1];
-                this.formTemplate = this.formTemplate.replace(lastOrigin, lastReplace);
-              }
-              // step2: 如果子表单的首次渲染失败，则不在继续替换后续模版，直接取消掉该子表单的渲染
-              if (isSubForm && this.needReplaced && i === 1) break;
-              // step3: 尝试用原始模板渲染
-              if (propertyName) this.formTemplate = this.formTemplate.replace(replace, origin);
-              // step4: 动态渲染
-              if (propertyName || this.needReplaced || i === 0) this.dynamicRender(vmRoot)
-            }
-            this.needReplaced = false;
-          },
-          cutStrByTag(template, tag, filterReferStr) {
-            const filterReferStrIndex = template.indexOf(filterReferStr);
-            const endIndex = template.indexOf(\`</\${tag}>\`, filterReferStrIndex);
-            if (endIndex > -1) {
-              const startIndex = template.lastIndexOf(\`<\${tag} \`, endIndex);
-              if (startIndex > -1) {
-                const targetStr = template.substring(startIndex, endIndex + (\`</\${tag}>\`).length);
-                return template.replace(targetStr, '');
-              }
-            }
-            return template;
-          },
-          previewSubFormTemplate(stencilStr){
-            stencilStr = this.cutStrByTag(stencilStr, 'u-button', ':subFormBtnType="\`add\`"' )
-            stencilStr = this.cutStrByTag(stencilStr, 'u-table-view-column', ':subFormInitialColumn="\`action\`"' )
-            return stencilStr
-          }
-        },
-        async mounted() {
-          try {
-            const taskId = this.$route.query.taskId
-            if (!taskId) return
-            // 获取表单定义
-            let templateProcessDetailFrom = await this.$processV2.getProcessFormDefinition({
-              body: { taskId }
-            })
-            this.formTemplate = templateProcessDetailFrom?.data
-            // 获取表单数据
-            let formData = await this.$processV2.getTaskInstanceForm({ body: { taskId } })
-            formData = formData?.data
-            // 获取流程变量
-            let processVars = await this.$processV2.getProcVariable({ body: { taskId } })
-            processVars = processVars?.data
-            formData = { ...formData, ...processVars }
-            // 获取字段权限
-            // let fieldPermission = await this.$processV2.fieldPermissionDetail({ body: { taskId } }) // 旧接口
-            const fieldPermission = await this.$processV2.getFieldPermissionDetail({ body: { taskId } })
-
-            const itemTag = ${this.frontend.type === 'pc' ? `'u-form-item'` : `'van-field'`};
-
-            // 主表单的字段权限
-            const mainPerms = fieldPermission?.data?.[0]?.subFieldPermissions || []
-            // 主表字段渲染错误时的替换模版
-            const mainReplTemplates = []
-            mainPerms.forEach(({propertyName, permission}) => {
-              const fieldStrReg = new RegExp(\`"[^"]*processDetailFormData[^"]*\\\\.data[^"]*\\\\.\${propertyName}"\`, "g");
-              const fieldStr = this.formTemplate.match(fieldStrReg)?.[0];
-              if (!fieldStr) return;
-              this.modifyFieldTemplateByPermission(mainReplTemplates ,propertyName, fieldStr, permission,itemTag);
-            })
-
-            // n个子表单的字段权限 (n>=0)
-            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';
-              // 遍历每个子表单
-              subPerms.forEach((relationData) => {
-                const { propertyName, subFieldPermissions, permission } = relationData;
-                // step1: 判断是否存在当前子表单
-                let { tableStartIndex, tableEndIndex } = this.getRelationDataStartAndEndIndex(propertyName)
-                if (tableStartIndex === -1 || tableEndIndex === -1) return;
-                let stencilStr = this.sliceStrByTag(stencilTag, tableStartIndex);
-                // 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, '')
-                  return;
-                }
-                // step3: 初始化存放槽位
-                const curReplTemplates = []
-                subReplTemplates.push(curReplTemplates);
-                // step4: 遍历当前子表单的字段权限
-                subFieldPermissions.forEach(({ propertyName: fieldName, permission: fieldPermission }, index) => {
-                  const fieldStr = \`"current.item.\${fieldName}"\`;
-                  tableStartIndex = this.modifyFieldTemplateByPermission(curReplTemplates, fieldName, fieldStr, fieldPermission,fieldTag, propertyName);
-                  // step5: 当前子表单首次渲染时，会去除掉所有列，来检查当前子表单内是否有其他因素导致渲染失败
-                  if (index === subFieldPermissions.length - 1) {
-                    stencilStr = this.sliceStrByTag(stencilTag, tableStartIndex);
-                    const replaceStencilStr = \`<span text="processDetailFormData.\${propertyName}"></span>\`
-                    this.formTemplate = this.formTemplate.replace(stencilStr, replaceStencilStr)
-                    curReplTemplates.unshift({
-                      propertyName,
-                      origin: stencilStr,
-                      replace: replaceStencilStr
-                    })
-                  }
-                })
-              })
-            }
-
-            if (formData) this.processDetailFormData = formData
-            // 使processDetailFormData内每一个key具备双向绑定能力
-            Object.keys(this.processDetailFormData).forEach(key => {
-              this.$set(this.processDetailFormData, key, this.processDetailFormData[key])
-            })
-
-            const container = document.getElementById('dynamicRenderContainer')
-            if (!container) return
-            const vmRoot = this
-            // 动态渲染主表单
-            this.renderForm({
-              fieldReplTemplates: mainReplTemplates,
-              vmRoot,
-              isSubForm: false
-            })
-            // 动态渲染子表单
-            subReplTemplates.forEach((fieldReplTemplates) => {
-              this.renderForm({
-                fieldReplTemplates,
-                vmRoot,
-                isSubForm: true
-              })
-            })
-
-            var parentElement = container.parentNode
-            const regex = /ref-name="([^"]+)"/;
-            const match = this.formTemplate.match(regex);
-            parentElement.replaceChild(this.formVM?.$el, container)
-            window.__processDetailFromMixinFormVm__ = this.formVM?.$refs[match[1]]
-            const processVarsKeys = Object.keys(processVars);
-            const data = {};
-            for (const key in this.processDetailFormData) {
-              if (!processVarsKeys.includes(key)) {
-                data[key] = this.processDetailFormData[key];
-              }
-            }
-            window.__processDetailFromMixinFormData__ = data;
-          } catch (error) {
-            console.warn('processDetailFromMixin warn', error)
-          }
-        }
+            const processDetailFromMixinCode = `const processDetailFromMixin = {
+        data() {
+          return {
+            processDetailFormData: {},
+            ${processV2.name} : {
+              data: {},
+            },
+            ${processDetailFrom.getBindAttribute('processPrefix')?.value} : {
+              data: {},
+            },
+            formTemplate: "", // 表单模版
+            formVM: null, // 表单实例
+            needReplaced: false, // 是否需要替换模版
+          }
+        },
+        methods: {
+          sliceStrByTag(tag, referIndex, startIndex = 0, endIndex = Infinity) {
+            const sliceEndIndex = this.formTemplate.indexOf(\`</\${tag}>\`, referIndex);
+            if (sliceEndIndex > -1 && sliceEndIndex < endIndex) {
+              const sliceStartIndex = this.formTemplate.lastIndexOf(\`<\${tag} \`,sliceEndIndex);
+              if (sliceStartIndex > -1 && sliceStartIndex > startIndex) {
+                return this.formTemplate.substring(sliceStartIndex, sliceEndIndex + (\`</\${tag}>\`).length);
+              }
+            }
+            return '';
+          },
+          modifyFieldTemplateByPermission(replaceTemplateList, propertyName, fieldStr, permission, tag, relationDataName) {
+            let startIndex = 0, endIndex = Infinity;
+            if (relationDataName) {
+              const tableIndexConfig = this.getRelationDataStartAndEndIndex(relationDataName)
+              startIndex = tableIndexConfig.tableStartIndex
+              endIndex = tableIndexConfig.tableEndIndex
+            }
+            let itemStr = '';
+            const replaceStr = \`<span text=\${fieldStr}></span>\`
+            const fieldStrIndex = this.formTemplate.indexOf(fieldStr, startIndex);
+            if (fieldStrIndex > -1 && fieldStrIndex < endIndex) {
+              itemStr = this.sliceStrByTag(tag, fieldStrIndex, startIndex, endIndex);
+              if (permission === 'hidden') {
+                this.formTemplate = this.formTemplate.replace(itemStr, '');
+                return startIndex;
+              } else if (['readOnly', 'preview'].includes(permission)) {
+                const newItemStr = itemStr.replace(fieldStr, \`\${fieldStr} preview \`);
+                this.formTemplate = this.formTemplate.replace(itemStr, newItemStr);
+                itemStr = newItemStr;
+              }
+              // 先使用替换模版填充,保证初始化可渲染
+              this.formTemplate = this.formTemplate.replace(itemStr, replaceStr);
+              replaceTemplateList.push({
+                propertyName,
+                origin: itemStr,
+                replace: replaceStr
+              });
+            }
+            return startIndex;
+          },
+          getRelationDataStartAndEndIndex(relationDataName) {
+            const tag = 'u-table-view';
+            let tableStartIndex = tableEndIndex = -1;
+            const reg = new RegExp(\`dataSource="[^"]*processDetailFormData[^"]*\\\\.\${relationDataName}"\`, 'g');
+            const match = this.formTemplate.match(reg);
+            if (match && match.length) {
+              const relationDataStr = match[0], relationDataStrIndex = this.formTemplate.indexOf(relationDataStr);
+              tableEndIndex = this.formTemplate.indexOf('</' + tag + '>',relationDataStrIndex);
+              if (tableEndIndex > -1) {
+                tableStartIndex = this.formTemplate.lastIndexOf('<' + tag + ' ',tableEndIndex);
+                // console.log('tableStr', this.formTemplate.slice(startIndex, endIndex + tag.length + 3));
+              }
+            }
+            return { tableStartIndex, tableEndIndex };
+          },
+          dynamicRender(vmRoot){
+            const Local = Vue.extend({
+              template: this.formTemplate,
+              data() {
+                return {
+                  ...vmRoot.$data
+                }
+              },
+              methods: Object.assign(
+                {},
+                ...Object.entries(vmRoot.$options.methods).map(([key, method]) => ({
+                  [key]: method.bind(vmRoot)
+                }))
+              )
+            })
+            this.formVM = new Local()
+            this.formVM.$refs = vmRoot.$refs
+            this.formVM.$mount()
+            this.needReplaced = !this.formVM?.$el?.firstChild // 判断当前模版是否渲染成功
+          },
+          renderForm ({fieldReplTemplates, vmRoot, isSubForm}) {
+            for (let i = 0; i <= fieldReplTemplates.length; i++) {
+              const { propertyName, origin, replace } = fieldReplTemplates[i] || {};
+              // step1: 如果上一次渲染失败，更换为替换模版
+              if (this.needReplaced && i > 0) {
+                const { origin: lastOrigin, replace: lastReplace } = fieldReplTemplates[i - 1];
+                this.formTemplate = this.formTemplate.replace(lastOrigin, lastReplace);
+              }
+              // step2: 如果子表单的首次渲染失败，则不在继续替换后续模版，直接取消掉该子表单的渲染
+              if (isSubForm && this.needReplaced && i === 1) break;
+              // step3: 尝试用原始模板渲染
+              if (propertyName) this.formTemplate = this.formTemplate.replace(replace, origin);
+              // step4: 动态渲染
+              if (propertyName || this.needReplaced || i === 0) this.dynamicRender(vmRoot)
+            }
+            this.needReplaced = false;
+          },
+          cutStrByTag(template, tag, filterReferStr) {
+            const filterReferStrIndex = template.indexOf(filterReferStr);
+            const endIndex = template.indexOf(\`</\${tag}>\`, filterReferStrIndex);
+            if (endIndex > -1) {
+              const startIndex = template.lastIndexOf(\`<\${tag} \`, endIndex);
+              if (startIndex > -1) {
+                const targetStr = template.substring(startIndex, endIndex + (\`</\${tag}>\`).length);
+                return template.replace(targetStr, '');
+              }
+            }
+            return template;
+          },
+          previewSubFormTemplate(stencilStr){
+            stencilStr = this.cutStrByTag(stencilStr, 'u-button', ':subFormBtnType="\`add\`"' )
+            stencilStr = this.cutStrByTag(stencilStr, 'u-table-view-column', ':subFormInitialColumn="\`action\`"' )
+            return stencilStr
+          }
+        },
+        async mounted() {
+          try {
+            const taskId = this.$route.query.taskId
+            if (!taskId) return
+            // 获取表单定义
+            let templateProcessDetailFrom = await this.$processV2.getProcessFormDefinition({
+              body: { taskId }
+            })
+            this.formTemplate = templateProcessDetailFrom?.data
+            // 获取表单数据
+            let formData = await this.$processV2.getTaskInstanceForm({ body: { taskId } })
+            formData = formData?.data
+            // 获取流程变量
+            let processVars = await this.$processV2.getProcVariable({ body: { taskId } })
+            processVars = processVars?.data
+            formData = { ...formData, ...processVars }
+            // 获取字段权限
+            // let fieldPermission = await this.$processV2.fieldPermissionDetail({ body: { taskId } }) // 旧接口
+            const fieldPermission = await this.$processV2.getFieldPermissionDetail({ body: { taskId } })
+
+            const itemTag = ${this.frontend.type === 'pc' ? `'u-form-item'` : `'van-field'`};
+
+            // 主表单的字段权限
+            const mainPerms = fieldPermission?.data?.[0]?.subFieldPermissions || []
+            // 主表字段渲染错误时的替换模版
+            const mainReplTemplates = []
+            mainPerms.forEach(({propertyName, permission}) => {
+              const fieldStrReg = new RegExp(\`"[^"]*processDetailFormData[^"]*\\\\.data[^"]*\\\\.\${propertyName}"\`, "g");
+              const fieldStr = this.formTemplate.match(fieldStrReg)?.[0];
+              if (!fieldStr) return;
+              this.modifyFieldTemplateByPermission(mainReplTemplates ,propertyName, fieldStr, permission,itemTag);
+            })
+
+            // n个子表单的字段权限 (n>=0)
+            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';
+              // 遍历每个子表单
+              subPerms.forEach((relationData) => {
+                const { propertyName, subFieldPermissions, permission } = relationData;
+                // step1: 判断是否存在当前子表单
+                let { tableStartIndex, tableEndIndex } = this.getRelationDataStartAndEndIndex(propertyName)
+                if (tableStartIndex === -1 || tableEndIndex === -1) return;
+                let stencilStr = this.sliceStrByTag(stencilTag, tableStartIndex);
+                // 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, '')
+                  return;
+                }
+                // step3: 初始化存放槽位
+                const curReplTemplates = []
+                subReplTemplates.push(curReplTemplates);
+                // step4: 遍历当前子表单的字段权限
+                subFieldPermissions.forEach(({ propertyName: fieldName, permission: fieldPermission }, index) => {
+                  const fieldStr = \`"current.item.\${fieldName}"\`;
+                  tableStartIndex = this.modifyFieldTemplateByPermission(curReplTemplates, fieldName, fieldStr, fieldPermission,fieldTag, propertyName);
+                  // step5: 当前子表单首次渲染时，会去除掉所有列，来检查当前子表单内是否有其他因素导致渲染失败
+                  if (index === subFieldPermissions.length - 1) {
+                    stencilStr = this.sliceStrByTag(stencilTag, tableStartIndex);
+                    const replaceStencilStr = \`<span text="processDetailFormData.\${propertyName}"></span>\`
+                    this.formTemplate = this.formTemplate.replace(stencilStr, replaceStencilStr)
+                    curReplTemplates.unshift({
+                      propertyName,
+                      origin: stencilStr,
+                      replace: replaceStencilStr
+                    })
+                  }
+                })
+              })
+            }
+
+            if (formData) this.processDetailFormData = formData
+            // 使processDetailFormData内每一个key具备双向绑定能力
+            Object.keys(this.processDetailFormData).forEach(key => {
+              this.$set(this.processDetailFormData, key, this.processDetailFormData[key])
+            })
+
+            const container = document.getElementById('dynamicRenderContainer')
+            if (!container) return
+            const vmRoot = this
+            // 动态渲染主表单
+            this.renderForm({
+              fieldReplTemplates: mainReplTemplates,
+              vmRoot,
+              isSubForm: false
+            })
+            // 动态渲染子表单
+            subReplTemplates.forEach((fieldReplTemplates) => {
+              this.renderForm({
+                fieldReplTemplates,
+                vmRoot,
+                isSubForm: true
+              })
+            })
+
+            var parentElement = container.parentNode
+            const regex = /ref-name="([^"]+)"/;
+            const match = this.formTemplate.match(regex);
+            parentElement.replaceChild(this.formVM?.$el, container)
+            window.__processDetailFromMixinFormVm__ = this.formVM?.$refs[match[1]]
+            const processVarsKeys = Object.keys(processVars);
+            const data = {};
+            for (const key in this.processDetailFormData) {
+              if (!processVarsKeys.includes(key)) {
+                data[key] = this.processDetailFormData[key];
+              }
+            }
+            window.__processDetailFromMixinFormData__ = data;
+          } catch (error) {
+            console.warn('processDetailFromMixin warn', error)
+          }
+        }
       }; \n`;
             code += processDetailFromMixinCode;
         }
@@ -1449,7 +1455,7 @@ let View = class View extends Annotatable__1.default {
         }
     }
     // 获取指向该页面的流程
-    getDestinationProcessV2() {
+    get getDestinationProcessV2() {
         const processV2 = this.app?.processV2s || [];
         let res;
         const isM = this.frontend?.type === 'h5';
@@ -1569,6 +1575,11 @@ let View = class View extends Annotatable__1.default {
                 code += yield* variable.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, { inline: true }));
                 return;
             }
+            /**
+             * HACK: 这里不对toEmbeddedTS传入state。变量提升完全不应该写入sourceMap。如果写入，则有可能覆盖节点在正文中的sourceMap项，导致重命名时findMinRange返回错误的值。
+             * 一则逻辑重命名时误伤MemberExpression的例子：https://projectmanage.netease-official.lcap.163yun.com/dashboard/BugDetail?id=2940451268658688
+             */
+            const tempState = (0, nasl_translator_1.createCompilerState)(undefined, { isVariableHost: true });
             code += `${(0, nasl_translator_1.indent)((state?.tabSize || 0) + 1)}// @ts-ignore\n`;
             code += `${(0, nasl_translator_1.indent)((state?.tabSize || 0) + 1)}let `;
             code += yield* variable.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, { inline: true }));
@@ -1583,7 +1594,7 @@ let View = class View extends Annotatable__1.default {
                         const rightNode = rightIndex.length === 1
                             ? assignment.rights[rightIndex[0]]?.expression
                             : assignment.rights[rightIndex[0]]?.members[rightIndex[1]];
-                        const rightCode = yield* rightNode?.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, { inline: true })) ??
+                        const rightCode = yield* rightNode?.toEmbeddedTS((0, nasl_translator_1.shiftState)(tempState, code, { inline: true })) ??
                             (0, utils_1.returnOrigin)('');
                         code += yield* self.getRightCode(rightCode, assignment, rightNode);
                     }
@@ -1601,7 +1612,7 @@ let View = class View extends Annotatable__1.default {
                 }
                 rightCode +=
                     assignment.right && assignment.right.toEmbeddedTS
-                        ? yield* assignment.right.toEmbeddedTS((0, nasl_translator_1.shiftState)(state, code, { inline: true }))
+                        ? yield* assignment.right.toEmbeddedTS((0, nasl_translator_1.shiftState)(tempState, code, { inline: true }))
                         : '__RIGHT__';
                 code += yield* self.getRightCode(rightCode, assignment, assignment.right);
             }
@@ -2346,6 +2357,33 @@ let View = class View extends Annotatable__1.default {
         });
         return callbackLogics;
     }
+    async delProcessViewDestination() {
+        if (this?.concept !== 'View')
+            return;
+        const app = this.getAncestor('App');
+        const naslServer = app.naslServer;
+        const refsList = await naslServer._isHaveRef(this);
+        refsList.forEach((record) => {
+            const fileNode = naslServer.file2NodeMap.get(record.file);
+            if (!fileNode)
+                return;
+            const minRange = naslServer._findMinRange(record, fileNode);
+            let node = minRange.node;
+            if (node?.concept === 'Destination' && node?.getAncestor?.('ProcessElementV2')) {
+                node.parentNode.update({
+                    destination: {
+                        concept: 'Destination',
+                        name: '',
+                        label: '跳转页面',
+                        arguments: [],
+                        anchor: {
+                            concept: 'Anchor',
+                        },
+                    },
+                });
+            }
+        });
+    }
     getViewProcessForm() {
         let res;
         const excludedKeySet = new Set([