perf: 优化点击跳转openapi接口文档地址

@@ -3,6 +3,7 @@ import { findDictItemByCode } from '/@/api/system/dict';
 import { FormSchema } from '/@/components/Form';
 import { FormSchema } from '/@/components/Form';
 import { DictEnum } from '/@/enums/dictEnum';
 import { DictEnum } from '/@/enums/dictEnum';
 import { useI18n } from '/@/hooks/web/useI18n';
 import { useI18n } from '/@/hooks/web/useI18n';
+import HelpMessage from '../HelpMessage.vue';
 
 
 export enum FormFieldsEnum {
 export enum FormFieldsEnum {
   NAME = 'name',
   NAME = 'name',
@@ -62,23 +63,9 @@ export const formSchema: FormSchema[] = [
   },
   },
   {
   {
     field: FormFieldsEnum.INTERFACE_ADDRESS,
     field: FormFieldsEnum.INTERFACE_ADDRESS,
-    label: t('application.api.text.interfaceAddress'),
+    label: h(HelpMessage) as unknown as string,
     component: 'Input',
     component: 'Input',
     required: true,
     required: true,
-    helpMessage: [
-      h(
-        'span',
-        {
-          style: {
-            cursor: 'pointer',
-          },
-          onClick: () => {
-            window.open('https://yunteng.yuque.com/avshoi/open_api');
-          },
-        },
-        t('common.documentUrl')
-      ) as any as string,
-    ],
     componentProps: {
     componentProps: {
       maxLength: 255,
       maxLength: 255,
       placeholder: t('application.api.search.interfaceAddressPlaceholder'),
       placeholder: t('application.api.search.interfaceAddressPlaceholder'),

+<script lang="ts" setup>
+  import { BasicHelp } from '/@/components/Basic';
+  import { useI18n } from '/@/hooks/web/useI18n';
+
+  function handleLinkOpenApiDoc() {
+    window.open('https://yunteng.yuque.com/avshoi/open_api');
+  }
+
+  const { t } = useI18n();
+</script>
+
+<template>
+  <div>{{ t('application.api.text.interfaceAddress') }}</div>
+
+  <BasicHelp
+    placement="top"
+    @click="handleLinkOpenApiDoc"
+    class="mx-1"
+    :text="t('common.documentUrl')"
+  />
+</template>