github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

doc: add surely form

pull/6067/head
tangjinzhou 2022-10-30 14:05:52 +08:00
parent 7252149804
commit 5e60d7c3b0
6 changed files with 108 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
site/index.html
View File

@ -80,6 +80,7 @@
data-sf-delay-visible="false"
data-sf-width="350px"
data-sf-height="450px"
data-sf-preload="true"
></div>
<script async src="//aliyuncdn.antdv.com/form/static/embed/v1.js"></script>
</body>

23
site/src/layouts/Menu.vue
View File

@ -10,6 +10,29 @@
{{ isZhCN ? '组件总览' : 'Components Overview' }}
</router-link>
</a-menu-item>
<a-menu-item-group v-if="isZhCN" title="高级组件">
<a-menu-item key="surely-table">
<a
href="https://www.surely.cool"
target="_blank"
rel="noopener noreferrer"
style="position: relative"
>
Surely Table
</a>
</a-menu-item>
<a-menu-item key="surely-form">
<a
href="https://form.antdv.com"
target="_blank"
rel="noopener noreferrer"
style="position: relative"
>
Surely Form
<a-badge color="red" style="position: absolute; top: -18px; right: -15px" />
</a>
</a-menu-item>
</a-menu-item-group>
<template v-for="m in menus">
<template v-if="m.children">
<a-menu-item-group :key="m.order" :title="isZhCN ? m.title : m.enTitle">

24
site/src/layouts/header/Navigation.vue
View File

@ -16,17 +16,35 @@
{{ $t('app.header.menu.components') }}
</router-link>
</a-menu-item>
<a-menu-item v-if="isZhCN" key="surely-vue">
<a-sub-menu v-if="isZhCN" key="advanced">
<template #title>
<span style="position: relative">
高级组件
<a-badge color="red" style="position: absolute; top: -35px; right: -15px" />
</span>
</template>
<a-menu-item key="surely-table">
<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" />
Surely Table
</a>
</a-menu-item>
<a-menu-item key="surely-form">
<a
href="https://form.antdv.com"
target="_blank"
rel="noopener noreferrer"
style="position: relative"
>
Surely Form
<a-badge color="red" style="position: absolute; top: -18px; right: -15px" />
</a>
</a-menu-item>
</a-sub-menu>
<a-menu-item key="store">
<a
href="https://store.antdv.com/pro/"

16
site/src/layouts/header/index.vue
View File

@ -16,15 +16,9 @@
<CloseOutlined class="close-icon" @click="visibleAdblockBanner = false" />
</div>
<div v-if="visibleAlertBanner" class="alert-banner">
<template v-if="isZhCN">
Ant Design Vue 3 已正式发布，并成为默认文档。
<a href="https://www.antdv.com/docs/vue/migration-v3-cn">升级文档</a>
</template>
<template v-else>
Ant Design Vue 3 is now the new default version!
<a href="https://www.antdv.com/docs/vue/migration-v3">Update Doc</a>
</template>
<div v-if="visibleAlertBanner && isZhCN" class="alert-banner">
Surely Form 1.0 发布，快速搭建在线问卷，无缝嵌入各种系统，限时限量加群，记得扫码哦
<a href="https://form.antdv.com">立即体验</a>
<CloseOutlined class="close-icon" @click="visibleAlertBanner = false" />
</div>
@ -134,10 +128,10 @@ export default defineComponent({
watch(globalConfig?.blocked, val => {
visibleAdblockBanner.value = val;
});
const visibleAlertBanner = ref(!localStorage.getItem('v3'));
const visibleAlertBanner = ref(!localStorage.getItem('surelyform'));
watch(visibleAlertBanner, () => {
if (!visibleAlertBanner.value) {
localStorage.setItem('v3', version);
localStorage.setItem('surelyform', version);
}
});
return {

6
site/src/views/ComponentOverview.less
View File

@ -43,3 +43,9 @@
color: #bbb;
}
}
.components-overview-img img {
object-fit: cover;
max-height: 100%;
max-width: 100%;
}

43
site/src/views/ComponentOverview.vue
View File

@ -80,19 +80,7 @@ export default defineComponent({
const inputRef = ref();
const { dataSource } = useMenus();
const menuItems = computed(() => {
return dataSource.value
.filter(i => i.order > -1)
.map(group => {
const components = group.children.filter(
(component: any) =>
!search.value.trim() ||
component.title.toLowerCase().includes(search.value.trim().toLowerCase()) ||
(component.subtitle || '').toLowerCase().includes(search.value.trim().toLowerCase()),
);
return { ...group, children: components };
})
.filter(i => i.children.length)
.concat([
return [
{
children: [
{
@ -101,7 +89,17 @@ export default defineComponent({
cover: 'https://gw.alipayobjects.com/zos/alicdn/f-SbcX2Lx/Table.svg',
path: 'https://surely.cool/',
subtitle: '更强大的表格',
title: 'Powerful Table',
title: 'Surely Table',
type: 'Advanced And Powerful',
target: '_blank',
},
{
category: 'Components',
cols: 1,
cover: 'https://aliyuncdn.antdv.com/form/static/assets/landing-config.4f9d5425.png',
path: 'https://form.antdv.com/',
subtitle: '在线表单',
title: 'Surely Form',
type: 'Advanced And Powerful',
target: '_blank',
},
@ -110,7 +108,22 @@ export default defineComponent({
title: '更强大',
order: 0,
},
]);
].concat(
dataSource.value
.filter(i => i.order > -1)
.map(group => {
const components = group.children.filter(
(component: any) =>
!search.value.trim() ||
component.title.toLowerCase().includes(search.value.trim().toLowerCase()) ||
(component.subtitle || '')
.toLowerCase()
.includes(search.value.trim().toLowerCase()),
);
return { ...group, children: components };
})
.filter(i => i.children.length),
);
});
onMounted(() => {
inputRef.value.focus();