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

src/views/components/animatecss.vue

@@ -28,6 +28,13 @@ watch(animate, () => {
           选择器
         </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/animatecss.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/animatecss.vue
+      </el-link>
     </template>
     <ReAnimateSelector v-model="animate" class="!w-[200px]" />
   </el-card>

src/views/components/button.vue

@@ -16,6 +16,13 @@ const url = ref(`${VITE_PUBLIC_PATH}html/button.html`);
       <div class="card-header">
         <span class="font-medium">通过 iframe 引入按钮页面</span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/button.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/button.vue
+      </el-link>
     </template>
     <iframe :src="url" frameborder="0" class="iframe w-full h-[60vh]" />
   </el-card>

src/views/components/cascader.vue

@@ -25,7 +25,16 @@ const handleChange = value => {
 
 <template>
   <el-card shadow="never">
-    <template #header> <p class="font-medium">区域级联选择器</p> </template>
+    <template #header>
+      <p class="font-medium">区域级联选择器</p>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/cascader.vue"
+        target="_blank"
+      >
+        代码位 src/views/components/cascader.vue
+      </el-link>
+    </template>
     <el-row :gutter="24">
       <el-col :xl="12" :lg="12" :md="24" :sm="24" :xs="24">
         <div class="flex flex-col items-center justify-center">

src/views/components/check-button.vue

@@ -93,7 +93,7 @@ watch(size, val =>
       <div class="card-header">
         <el-space wrap :size="40">
           <span style="font-size: 16px; font-weight: 800"> 可选按钮 </span>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
@@ -101,6 +101,13 @@ watch(size, val =>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/check-button.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/check-button.vue
+      </el-link>
     </template>
     <p class="mb-2">单选（紧凑风格的按钮样式）</p>
     <el-radio-group

src/views/components/check-card.vue

@@ -52,7 +52,7 @@ watch(size, val =>
           >
             多选卡片组
           </el-link>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
@@ -60,6 +60,13 @@ watch(size, val =>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/check-card.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/check-card.vue
+      </el-link>
     </template>
 
     <p class="mb-2 mt-4">单选</p>

src/views/components/collapse.vue

@@ -41,6 +41,13 @@ const handleChange = (val: string[]) => {
           </el-link>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/collapse.vue"
+        target="_blank"
+      >
+        代码位 src/views/components/collapse.vue
+      </el-link>
     </template>
 
     <p class="mb-2">基础用法</p>

src/views/components/color-picker.vue

@@ -56,7 +56,7 @@ function onClick() {
           >
             颜色选择器
           </el-link>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
@@ -64,6 +64,13 @@ function onClick() {
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/color-picker.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/color-picker.vue
+      </el-link>
     </template>
 
     <p class="mb-2">不同尺寸、选择透明度、预定义颜色</p>

src/views/components/contextmenu/index.vue

@@ -13,7 +13,14 @@ defineOptions({
   <el-card shadow="never">
     <template #header>
       <div class="card-header">
-        <span class="font-medium">右键菜单</span>
+        <p class="font-medium">右键菜单</p>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/contextmenu"
+          target="_blank"
+        >
+          代码位置 src/views/components/contextmenu
+        </el-link>
       </div>
     </template>
     <el-row :gutter="24">

src/views/components/count-to.vue

@@ -10,7 +10,14 @@ defineOptions({
   <el-card shadow="never">
     <template #header>
       <div class="card-header">
-        <span class="font-medium">数字动画</span>
+        <p class="font-medium">数字动画</p>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/count-to.vue"
+          target="_blank"
+        >
+          代码位置 src/views/components/count-to.vue
+        </el-link>
       </div>
     </template>
     <ReNormalCountTo

src/views/components/cropping/index.vue

@@ -41,6 +41,13 @@ onBeforeUnmount(() => {
           进行二次封装（提示：右键下面左侧裁剪区可开启功能菜单）
         </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/cropping"
+        target="_blank"
+      >
+        代码位置 src/views/components/cropping
+      </el-link>
     </template>
     <div v-loading="!showPopover" element-loading-background="transparent">
       <el-popover

src/views/components/date-picker.vue

@@ -143,7 +143,7 @@ watch(size, val =>
           >
             日期选择器
           </el-link>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
@@ -151,6 +151,13 @@ watch(size, val =>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/date-picker.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/date-picker.vue
+      </el-link>
     </template>
 
     <p class="mb-2">选择某一天</p>

src/views/components/datetime-picker.vue

@@ -169,7 +169,7 @@ watch(size, val =>
           >
             日期时间选择器
           </el-link>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
@@ -177,6 +177,13 @@ watch(size, val =>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/datetime-picker.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/datetime-picker.vue
+      </el-link>
     </template>
 
     <p class="mb-2">日期和时间点</p>

src/views/components/dialog/index.vue

@@ -447,7 +447,7 @@ function onBeforeSureClick() {
     <template #header>
       <div class="card-header">
         <span class="font-medium">
-          二次封装 element-plus 的
+          二次封装 Element Plus 的
           <el-link
             href="https://element-plus.org/zh-CN/component/dialog.html"
             target="_blank"
@@ -465,6 +465,12 @@ function onBeforeSureClick() {
           ）
         </span>
       </div>
+      <el-link
+        href="https://github.com/pure-admin/vue-pure-admin/tree/main/src/views/components/dialog"
+        target="_blank"
+      >
+        代码位置 src/views/components/dialog
+      </el-link>
     </template>
     <el-space wrap>
       <el-button @click="onBaseClick"> 基础用法 </el-button>

src/views/components/el-button.vue

@@ -67,7 +67,7 @@ watch(size, val =>
           >
             Button 按钮
           </el-link>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
@@ -75,6 +75,13 @@ watch(size, val =>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/el-button.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/el-button.vue
+      </el-link>
     </template>
 
     <p class="mb-2">基础按钮</p>

src/views/components/icon-select.vue

@@ -15,6 +15,13 @@ const icon = ref("ep:add-location");
       <div class="card-header">
         <span class="font-medium">图标选择器</span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/icon-select.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/icon-select.vue
+      </el-link>
     </template>
     <IconSelect v-model="icon" class="w-[200px]" />
   </el-card>

src/views/components/json-editor.vue

@@ -97,6 +97,13 @@ watch(
           </el-link>
         </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/json-editor.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/json-editor.vue
+      </el-link>
     </template>
     <vue-json-pretty
       v-model:data="state.data"

src/views/components/message.vue

@@ -16,9 +16,16 @@ defineOptions({
       <div class="card-header">
         <span class="font-medium"> 消息提示 </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/message.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/message.vue
+      </el-link>
     </template>
 
-    <h4 class="mb-4">element-plus 的消息提示，点击弹出提示信息</h4>
+    <h4 class="mb-4">Element Plus 的消息提示，点击弹出提示信息</h4>
 
     <el-space wrap>
       <el-button

src/views/components/progress.vue

@@ -23,6 +23,13 @@ const format = percentage => (percentage === 100 ? "Full" : `${percentage}%`);
           进度条
         </el-link>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/progress.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/progress.vue
+      </el-link>
     </template>
 
     <p class="mb-4">直线进度条动画</p>

src/views/components/seamless-scroll.vue

@@ -105,6 +105,13 @@ function changeDirection(val) {
             </span>
           </el-button>
         </div>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/seamless-scroll.vue"
+          target="_blank"
+        >
+          代码位置 src/views/components/seamless-scroll.vue
+        </el-link>
       </template>
       <SeamlessScroll
         ref="scroll"

src/views/components/segmented.vue

@@ -204,13 +204,20 @@ watch(size, val => (dynamicSize.value = size.value));
       <div class="card-header">
         <el-space wrap :size="40">
           <span style="font-size: 16px; font-weight: 800"> 分段控制器 </span>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/segmented.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/segmented.vue
+      </el-link>
     </template>
     <el-scrollbar>
       <p class="mb-2">

src/views/components/selector.vue

@@ -34,7 +34,14 @@ const selectedVal = ({ left, right }): void => {
       shadow="never"
     >
       <template #header>
-        <span class="font-medium">{{ item.title }}</span>
+        <p class="font-medium">{{ item.title }}</p>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/selector.vue"
+          target="_blank"
+        >
+          代码位置 src/views/components/selector.vue
+        </el-link>
       </template>
       <Selector
         :HsKey="key"

src/views/components/split-pane.vue

@@ -23,7 +23,14 @@ const settingTB: ContextProps = reactive({
   <el-card shadow="never">
     <template #header>
       <div class="card-header">
-        <span class="font-medium">切割面板</span>
+        <p class="font-medium">切割面板</p>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/split-pane.vue"
+          target="_blank"
+        >
+          代码位置 src/views/components/split-pane.vue
+        </el-link>
       </div>
     </template>
     <div class="split-pane">

src/views/components/statistic.vue

@@ -39,6 +39,13 @@ function reset() {
             统计组件
           </el-link>
         </div>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/statistic.vue"
+          target="_blank"
+        >
+          代码位 src/views/components/statistic.vue
+        </el-link>
       </template>
 
       <el-row :gutter="24">

src/views/components/swiper.vue

@@ -88,16 +88,21 @@ const swiperExample: any[] = [
   <el-card shadow="never">
     <template #header>
       <div class="font-medium">
-        Swiper插件（
         <el-link
           href="https://github.com/nolimits4web/swiper"
           target="_blank"
           style="margin: 0 5px 4px 0; font-size: 16px"
         >
-          github地址
+          Swiper插件
         </el-link>
-        ）
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/swiper.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/swiper.vue
+      </el-link>
     </template>
     <el-row :gutter="10">
       <el-col v-for="item in swiperExample" :key="item.id" :span="12">

src/views/components/tag.vue

@@ -78,13 +78,20 @@ const handleInputConfirm = () => {
           >
             Tag 标签
           </el-link>
-          <el-radio-group v-model="size" size="small">
+          <el-radio-group v-model="size">
             <el-radio value="large">大尺寸</el-radio>
             <el-radio value="default">默认尺寸</el-radio>
             <el-radio value="small">小尺寸</el-radio>
           </el-radio-group>
         </el-space>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/tag.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/tag.vue
+      </el-link>
     </template>
 
     <p class="mb-2">基础按钮</p>

src/views/components/text.vue

@@ -39,6 +39,13 @@ const changeTooltipContent = () => {
           自动省略后显示 Tooltip 提示， 支持多行省略
         </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/text.vue"
+        target="_blank"
+      >
+        代码位置 src/views/components/text.vue
+      </el-link>
     </template>
 
     <p class="mb-2">基础用法</p>

src/views/components/time-picker.vue

@@ -68,7 +68,7 @@ const endTime = ref("");
             >
               时间选择器
             </el-link>
-            <el-radio-group v-model="size" size="small">
+            <el-radio-group v-model="size">
               <el-radio value="large">大尺寸</el-radio>
               <el-radio value="default">默认尺寸</el-radio>
               <el-radio value="small">小尺寸</el-radio>
@@ -76,6 +76,13 @@ const endTime = ref("");
             </el-radio-group>
           </el-space>
         </div>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/time-picker.vue"
+          target="_blank"
+        >
+          代码位置 src/views/components/time-picker.vue
+        </el-link>
       </template>
 
       <p class="mb-2">日期和时间点</p>

src/views/components/timeline.vue

@@ -56,7 +56,14 @@ const activities = [
   <el-card shadow="never">
     <template #header>
       <div class="card-header">
-        <span class="font-medium">时间线</span>
+        <p class="font-medium">时间线</p>
+        <el-link
+          class="mt-2"
+          href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/timeline.vue"
+          target="_blank"
+        >
+          代码位置 src/views/components/timeline.vue
+        </el-link>
       </div>
     </template>
     <div class="flex">

src/views/components/upload/index.vue

@@ -114,14 +114,19 @@ const onDownload = () => {
         >
           文件上传
         </el-link>
-        <span class="header-right">
-          <el-button class="ml-1" text bg @click="onDownload">
-            点击下载安全文件进行上传测试
-          </el-button>
-        </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/upload"
+        target="_blank"
+      >
+        代码位置 src/views/components/upload
+      </el-link>
     </template>
 
+    <el-button class="mb-4" text bg @click="onDownload">
+      点击下载安全文件进行上传测试
+    </el-button>
     <p class="mb-4">
       综合示例<span class="text-[14px]">
         （ <span class="text-[red]">自动上传</span>

src/views/components/virtual-list/index.vue

@@ -12,16 +12,21 @@ defineOptions({
   <el-card shadow="never">
     <template #header>
       <div class="font-medium">
-        虚拟列表（
         <el-link
           href="https://github.com/Akryum/vue-virtual-scroller/tree/next/packages/vue-virtual-scroller"
           target="_blank"
           style="margin: 0 5px 4px 0; font-size: 16px"
         >
-          github地址
+          虚拟列表
         </el-link>
-        ）
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/components/virtual-list"
+        target="_blank"
+      >
+        代码位置 src/views/components/virtual-list
+      </el-link>
     </template>
     <div class="w-full flex justify-around flex-wrap">
       <vertical-list class="h-[500px] w-[500px]" />