chore: update sponsor (#6891)

README.md

@@ -71,6 +71,11 @@ You can also try Element Plus out with the components built-in playground
           <img width="150px" src="https://user-images.githubusercontent.com/17680888/156870588-b25a42d5-888b-4943-8b1b-5239dfd8f4d2.png">
         </a>
       </td>
+      <td align="center" valign="middle">
+        <a href="https://js.design?source=element-plus" target="_blank">
+          <img width="150px" src="https://user-images.githubusercontent.com/17680888/160634485-df0d00af-8633-4ab8-9a72-aac2b65d1d36.png">
+        </a>
+      </td>
       <td align="center" valign="middle">
         <a href="https://bit.dev/?from=element-ui" target="_blank">
           <img width="150px" src="https://user-images.githubusercontent.com/10095631/41342907-e44e7196-6f2f-11e8-92f2-47702dc8f059.png">

docs/.vitepress/config/sponsors.ts

@@ -18,6 +18,16 @@ export const sponsors = [
     banner_img: '/images/vform-banner.jpg',
     type: 'banner',
   },
+  {
+    name: 'JSDesign',
+    name_cn: '即时设计',
+    img: '/images/js-design.png',
+    url: 'https://js.design?source=element-plus',
+    slogan: 'Professional online UI design tool',
+    slogan_cn: '专业在线UI设计工具',
+    banner_img: '/images/js-design-banner.jpg',
+    type: 'banner',
+  },
   {
     name: 'bit',
     img: '/images/bit.svg',

docs/.vitepress/vitepress/components/vp-sponsor-large.vue

@@ -6,7 +6,13 @@ const sponsorList = sponsors.filter((_) => _.type === 'banner')
 <template>
   <div class="container">
     <div v-for="item in sponsorList" :key="item.name" class="sponsor-item">
-      <a :href="item.url" :title="item.name" target="_blank">
+      <a
+        :href="item.url"
+        :title="`${item.name_cn || item.name} - ${
+          item.slogan_cn || item.slogan
+        }`"
+        target="_blank"
+      >
         <img :src="item.banner_img" :alt="item.name" />
       </a>
     </div>

docs/.vitepress/vitepress/components/vp-sponsor-small.vue

@@ -11,7 +11,13 @@ const sponsorList = sponsors.filter((_) => !_.type)
       :key="item.name"
       :class="['sponsor-item', item.isDark && isDark ? 'filter invert' : '']"
     >
-      <a :href="item.url" :title="item.name" target="_blank">
+      <a
+        :href="item.url"
+        :title="`${item.name_cn || item.name} - ${
+          item.slogan_cn || item.slogan
+        }`"
+        target="_blank"
+      >
         <img :src="item.img" :alt="item.name" />
       </a>
     </div>