refactor: 重构国际化文件命名规范以及演示页加上代码位置提示 (#1034)

* refactor: 重构国际化文件命名规范以及演示页加上代码位置提示

src/views/schema-form/index.vue

@@ -14,7 +14,7 @@ function tabClick({ index }) {
 </script>
 
 <template>
-  <el-card shadow="never" :body-style="{ height: 'calc(100vh - 180px)' }">
+  <el-card shadow="never" :body-style="{ height: 'calc(100vh - 260px)' }">
     <template #header>
       <div class="card-header">
         <span class="font-medium">
@@ -29,18 +29,27 @@ function tabClick({ index }) {
           ，维护整体表单只需操作 columns 配置即可
         </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/schema-form"
+        target="_blank"
+      >
+        代码位置 src/views/schema-form
+      </el-link>
     </template>
 
     <el-tabs @tab-click="tabClick">
       <template v-for="(item, index) of list" :key="item.key">
         <el-tab-pane :lazy="true">
           <template #label>
-            <el-tooltip
-              :content="`（第 ${index + 1} 个示例）${item.content}`"
-              placement="top-end"
+            <span
+              v-tippy="{
+                maxWidth: 'none',
+                content: `（第 ${index + 1} 个示例）${item.content}`
+              }"
             >
-              <span>{{ item.title }}</span>
-            </el-tooltip>
+              {{ item.title }}
+            </span>
           </template>
           <component :is="item.component" v-if="selected == index" />
         </el-tab-pane>