chore: update readme (#14982)

README.md

@@ -66,14 +66,24 @@ You can also try Element Plus out with the components built-in playground.
 <table align="center" cellspacing="0" cellpadding="0">
   <tbody>
     <tr>
+      <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://www.vform666.com/" target="_blank">
           <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 href="https://www.jnpfsoft.com/index.html?from=elementUI" target="_blank">
+          <img width="150px" src="https://github-production-user-asset-6210df.s3.amazonaws.com/82012629/285874192-0d562df0-2ebc-4bb3-bf8f-8674ac07c38a.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWNJYAX4CSVEH53A%2F20231127%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231127T131759Z&X-Amz-Expires=300&X-Amz-Signature=532bfe31066712d205616b9a91002be8a187b7111e692a487356943a19c1772e&X-Amz-SignedHeaders=host&actor_id=82012629&key_id=0&repo_id=281319253">
+        </a>
+      </td>
+      <td align="center" valign="middle">
+        <a href="http://github.crmeb.net/u/Element?from=element-plus" target="_blank">
+          <img width="150px" src="https://github-production-user-asset-6210df.s3.amazonaws.com/82012629/285873679-8bfb17c9-1038-466f-a9fa-bb7c51724271.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIWNJYAX4CSVEH53A%2F20231127%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20231127T131557Z&X-Amz-Expires=300&X-Amz-Signature=299bf7a14476685ef3534d59a5363a003e9694cd637d953784884d418fa35a80&X-Amz-SignedHeaders=host&actor_id=82012629&key_id=0&repo_id=281319253">
         </a>
       </td>
       <td align="center" valign="middle">

docs/.vitepress/config/sponsors.ts

@@ -9,6 +9,18 @@ export const rightRichTextSponsors = [
   },
 ]
 
+export const rightBigLogoSponsors = [
+  {
+    name: 'CRMEB',
+    img: '/images/sponsors/CRMEB.png',
+    imgL: '/images/sponsors/CRMEB-l.png',
+    url: 'http://github.crmeb.net/u/Element?from=element-plus',
+    slogan: 'High-quality open source mall system',
+    slogan_cn: '高品质开源商城系统 累计服务40W+开发者',
+    slogan_index: '高品质开源商城系统累计服务40W+开发者',
+  },
+]
+
 export const rightLogoSmallSponsors = [
   {
     name: 'BuildAdmin',
@@ -59,6 +71,7 @@ export const leftCustomImgSponsors = [
 
 export const platinumSponsors = [
   ...leftCustomImgSponsors,
+  ...rightBigLogoSponsors,
   ...rightRichTextSponsors,
 ]
 

docs/.vitepress/vitepress/components/doc-content/vp-table-of-content.vue

@@ -7,6 +7,7 @@ import { useActiveSidebarLinks } from '../../composables/active-bar'
 import sponsorLocale from '../../../i18n/component/sponsor.json'
 import { useLang } from '../../composables/lang'
 import SponsorsButton from '../sponsors/sponsors-button.vue'
+import SponsorRightBigLogoList from '../sponsors/right-big-logo-list.vue'
 import SponsorRightTextList from '../sponsors/right-richtext-list.vue'
 import SponsorRightLogoSmallList from '../sponsors/right-logo-small-list.vue'
 import tag from '../../../plugins/tag'
@@ -62,6 +63,7 @@ const sponsor = computed(() => sponsorLocale[lang.value])
         {{ sponsor.sponsoredBy }}
       </p>
       <sponsors-button class="sponsors-button mt-4 w-100%" />
+      <sponsor-right-big-logo-list />
       <sponsor-right-logo-small-list />
       <sponsor-right-text-list />
     </nav>

docs/.vitepress/vitepress/components/home/home-sponsors.vue

@@ -26,7 +26,7 @@ import SponsorList from './sponsor-list.vue'
 
   .sponsor-list {
     --min-width: 100%;
-    grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 320px));
+    grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 420px));
     justify-content: center;
 
     &.platinum {

docs/.vitepress/vitepress/components/sponsors/right-big-logo-list.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { rightBigLogoSponsors } from '../../../config/sponsors'
+import { sendEvent } from '../../../config/analytics'
+import { isDark } from '../../composables/dark'
+
+const onItemClick = (item: any) => {
+  sendEvent('sp_click', item.name, 'right_richtext_list')
+}
+</script>
+
+<template>
+  <div class="m-t-16px">
+    <a
+      v-for="item in rightBigLogoSponsors"
+      :key="item.name"
+      :href="item.url"
+      :title="`${item.name_cn || item.name} - ${item.slogan_cn || item.slogan}`"
+      target="_blank"
+      @click="onItemClick(item)"
+    >
+      <div
+        :class="[
+          isDark && '!bg-#262729',
+          'flex bg-#F9F9F9 h-64px rd-4px justify-center items-center',
+        ]"
+      >
+        <div class="h-36px">
+          <img class="rd-4px h-full" :src="item.imgL" :alt="item.name" />
+        </div>
+      </div>
+    </a>
+  </div>
+</template>

docs/components.d.ts

@@ -47,6 +47,7 @@ declare module '@vue/runtime-core' {
     Playground: typeof import('./.vitepress/vitepress/components/icons/playground.vue')['default']
     Resource: typeof import('./.vitepress/vitepress/components/globals/resource.vue')['default']
     ResourceSvg: typeof import('./.vitepress/vitepress/components/home/svg/resource-svg.vue')['default']
+    RightBigLogoList: typeof import('./.vitepress/vitepress/components/sponsors/right-big-logo-list.vue')['default']
     RightLayerSvg: typeof import('./.vitepress/vitepress/components/home/svg/right-layer-svg.vue')['default']
     RightLogoSmallList: typeof import('./.vitepress/vitepress/components/sponsors/right-logo-small-list.vue')['default']
     RightRichtextList: typeof import('./.vitepress/vitepress/components/sponsors/right-richtext-list.vue')['default']