doc: add surely-vue

components/table/demo/big-data.vue

@@ -0,0 +1,28 @@
+<docs>
+---
+order: 0
+title:
+  en-US: Virtualized Table
+  zh-CN: 大数据渲染
+---
+
+## zh-CN
+
+该示例使用高级组件 [Surely Vue](https://www.surely.cool) 进行开发，Surely Vue 是 Ant Design Vue 旗下的高级组件，
+该组件致力于解决大数据渲染、图表集成等复杂高频问题。 使用该组件可以流畅滚动 10 万行、10 万列的数据，你不必担心页面卡顿造成用户投诉，进而影响业务进展。
+
+## en-US
+
+This example uses advanced components [Surely Vue](https://www.surely.cool) for development.
+This component is dedicated to solving complex high-frequency issues such as big data rendering and chart integration.
+Using this component, you can smoothly scroll through 100,000 rows and 100,000 columns of data.
+</docs>
+
+<template>
+  <iframe src="https://www.surely.cool/for-ant-demo" height="400" />
+  <div v-if="false">
+    you can visit
+    <a href="https://www.surely.cool" />
+    get more info
+  </div>
+</template>

components/table/demo/index.vue

@@ -27,6 +27,7 @@
     <Stripe />
     <Summary />
     <TemplateCom />
+    <bigData />
   </demo-sort>
 </template>
 
@@ -59,6 +60,7 @@ import MultipleSorter from './multiple-sorter.vue';
 import Summary from './summary.vue';
 import Sticky from './sticky.vue';
 import ResizableColumn from './resizable-column.vue';
+import bigData from './big-data.vue';
 import CN from '../index.zh-CN.md';
 import US from '../index.en-US.md';
 import { defineComponent } from '@vue/runtime-core';
@@ -94,6 +96,7 @@ export default defineComponent({
     Summary,
     Sticky,
     ResizableColumn,
+    bigData,
   },
 });
 </script>

site/src/layouts/header/Navigation.vue

@@ -1,5 +1,11 @@
 <template>
-  <a-menu id="nav" class="menu-site" :mode="menuMode" :selected-keys="[activeMenuItem]">
+  <a-menu
+    id="nav"
+    class="menu-site"
+    :mode="menuMode"
+    :selected-keys="[activeMenuItem]"
+    disabled-overflow
+  >
     <a-menu-item key="docs/vue">
       <router-link :to="getLocalizedPathname('/docs/vue/introduce', isZhCN)">
         {{ $t('app.header.menu.documentation') }}
@@ -10,6 +16,17 @@
         {{ $t('app.header.menu.components') }}
       </router-link>
     </a-menu-item>
+    <a-menu-item v-if="isZhCN" key="surely-vue">
+      <a
+        href="https://www.surely.cool"
+        target="_blank"
+        rel="noopener noreferrer"
+        style="position: relative"
+      >
+        高级组件
+        <a-badge color="red" style="position: absolute; top: -35px; right: -15px" />
+      </a>
+    </a-menu-item>
     <a-menu-item key="store">
       <a
         href="https://store.antdv.com/pro/"
@@ -18,7 +35,7 @@
         style="position: relative"
       >
         {{ $t('app.header.menu.store') }}
-        <a-badge color="red" style="position: absolute; top: -35px; right: -15px" />
+        <!-- <a-badge color="red" style="position: absolute; top: -35px; right: -15px" /> -->
       </a>
     </a-menu-item>
     <a-menu-item v-if="isZhCN" key="geektime">
@@ -29,7 +46,7 @@
         style="position: relative"
       >
         实战课程
-        <a-badge color="red" style="position: absolute; top: -35px; right: -15px" />
+        <!-- <a-badge color="red" style="position: absolute; top: -35px; right: -15px" /> -->
       </a>
     </a-menu-item>
     <template v-if="isMobile">