doc: update doc

v2.3
tangjinzhou 2021-09-22 16:41:56 +08:00
parent f793a85582
commit d91f9b3e1c
8 changed files with 13 additions and 16 deletions

View File

@ -26,11 +26,11 @@ Set a `target` for 'Affix', which is listen to scroll event of target element (d
</div>
</template>
<script lang="ts">
import { defineComponent, ref, VNode } from 'vue';
import { defineComponent, ref } from 'vue';
export default defineComponent({
setup() {
const containerRef = ref<VNode>();
const containerRef = ref();
return {
containerRef,
};

View File

@ -126,8 +126,6 @@ exports[`renders ./components/button/demo/ghost.vue correctly 1`] = `
<!----><span>Dashed</span>
</button><button class="ant-btn ant-btn-background-ghost ant-btn-dangerous" type="button">
<!----><span>Danger</span>
</button><button class="ant-btn ant-btn-link" type="button">
<!----><span>Link</span>
</button></div>
`;

View File

@ -22,6 +22,5 @@ title:
<a-button ghost>Default</a-button>
<a-button type="dashed" ghost>Dashed</a-button>
<a-button danger ghost>Danger</a-button>
<a-button type="link" ghost>Link</a-button>
</div>
</template>

View File

@ -18,8 +18,8 @@ We can customize the rendering of date cells in the calendar by providing a `dat
<template>
<a-space direction="vertical" :size="12">
<a-date-picker v-model:value="value1">
<template #dateRender="{ current, today }">
<div class="ant-picker-cell-inner" :style="getCurrentStyle(current, today)">
<template #dateRender="{ current }">
<div class="ant-picker-cell-inner" :style="getCurrentStyle(current)">
{{ current.date() }}
</div>
</template>
@ -35,7 +35,8 @@ We can customize the rendering of date cells in the calendar by providing a `dat
</template>
<script lang="ts">
import type { Dayjs } from 'dayjs';
import { CSSProperties, defineComponent, ref } from 'vue';
import { defineComponent, ref } from 'vue';
import type { CSSProperties } from 'vue';
export default defineComponent({
setup() {
const getCurrentStyle = (current: Dayjs) => {
@ -57,4 +58,3 @@ export default defineComponent({
},
});
</script>

View File

@ -32,13 +32,13 @@ An event will be triggered when you click menu items, in which you can make diff
</a-dropdown>
</template>
<script lang="ts">
import { defineComponent, VNodeChild } from 'vue';
import { defineComponent } from 'vue';
import { DownOutlined } from '@ant-design/icons-vue';
interface MenuInfo {
key: string;
keyPath: string[];
item: VNodeChild;
item: any;
domEvent: MouseEvent;
}

View File

@ -32,13 +32,13 @@ The default is to close the menu when you click on menu items, this feature can
</a-dropdown>
</template>
<script lang="ts">
import { defineComponent, ref, VNodeChild } from 'vue';
import { defineComponent, ref } from 'vue';
import { DownOutlined } from '@ant-design/icons-vue';
interface MenuInfo {
key: string;
keyPath: string[];
item: VNodeChild;
item: any;
domEvent: MouseEvent;
}
export default defineComponent({

View File

@ -44,7 +44,7 @@ See more advanced usage at [async-validator](https://github.com/yiminghe/async-v
</a-form>
</template>
<script lang="ts">
import { RuleObject } from 'ant-design-vue/es/form';
import type { RuleObject } from 'ant-design-vue/es/form';
import { defineComponent, reactive, ref } from 'vue';
import type { UnwrapRef } from 'vue';
interface FormState {

View File

@ -61,7 +61,7 @@ Submenus open as pop-ups.
</a-menu>
</template>
<script lang="ts">
import { defineComponent, reactive, toRefs, VNodeChild } from 'vue';
import { defineComponent, reactive, toRefs } from 'vue';
import {
MailOutlined,
CalendarOutlined,
@ -72,7 +72,7 @@ import {
interface MenuInfo {
key: string;
keyPath: string[];
item: VNodeChild;
item: any;
domEvent: MouseEvent;
}
export default defineComponent({