doc: update doc
parent
f793a85582
commit
d91f9b3e1c
|
@ -26,11 +26,11 @@ Set a `target` for 'Affix', which is listen to scroll event of target element (d
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, ref, VNode } from 'vue';
|
import { defineComponent, ref } from 'vue';
|
||||||
|
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
const containerRef = ref<VNode>();
|
const containerRef = ref();
|
||||||
return {
|
return {
|
||||||
containerRef,
|
containerRef,
|
||||||
};
|
};
|
||||||
|
|
|
@ -126,8 +126,6 @@ exports[`renders ./components/button/demo/ghost.vue correctly 1`] = `
|
||||||
<!----><span>Dashed</span>
|
<!----><span>Dashed</span>
|
||||||
</button><button class="ant-btn ant-btn-background-ghost ant-btn-dangerous" type="button">
|
</button><button class="ant-btn ant-btn-background-ghost ant-btn-dangerous" type="button">
|
||||||
<!----><span>Danger</span>
|
<!----><span>Danger</span>
|
||||||
</button><button class="ant-btn ant-btn-link" type="button">
|
|
||||||
<!----><span>Link</span>
|
|
||||||
</button></div>
|
</button></div>
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|
|
@ -22,6 +22,5 @@ title:
|
||||||
<a-button ghost>Default</a-button>
|
<a-button ghost>Default</a-button>
|
||||||
<a-button type="dashed" ghost>Dashed</a-button>
|
<a-button type="dashed" ghost>Dashed</a-button>
|
||||||
<a-button danger ghost>Danger</a-button>
|
<a-button danger ghost>Danger</a-button>
|
||||||
<a-button type="link" ghost>Link</a-button>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -18,8 +18,8 @@ We can customize the rendering of date cells in the calendar by providing a `dat
|
||||||
<template>
|
<template>
|
||||||
<a-space direction="vertical" :size="12">
|
<a-space direction="vertical" :size="12">
|
||||||
<a-date-picker v-model:value="value1">
|
<a-date-picker v-model:value="value1">
|
||||||
<template #dateRender="{ current, today }">
|
<template #dateRender="{ current }">
|
||||||
<div class="ant-picker-cell-inner" :style="getCurrentStyle(current, today)">
|
<div class="ant-picker-cell-inner" :style="getCurrentStyle(current)">
|
||||||
{{ current.date() }}
|
{{ current.date() }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -35,7 +35,8 @@ We can customize the rendering of date cells in the calendar by providing a `dat
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import type { Dayjs } from 'dayjs';
|
import type { Dayjs } from 'dayjs';
|
||||||
import { CSSProperties, defineComponent, ref } from 'vue';
|
import { defineComponent, ref } from 'vue';
|
||||||
|
import type { CSSProperties } from 'vue';
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
setup() {
|
setup() {
|
||||||
const getCurrentStyle = (current: Dayjs) => {
|
const getCurrentStyle = (current: Dayjs) => {
|
||||||
|
@ -57,4 +58,3 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -32,13 +32,13 @@ An event will be triggered when you click menu items, in which you can make diff
|
||||||
</a-dropdown>
|
</a-dropdown>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, VNodeChild } from 'vue';
|
import { defineComponent } from 'vue';
|
||||||
import { DownOutlined } from '@ant-design/icons-vue';
|
import { DownOutlined } from '@ant-design/icons-vue';
|
||||||
|
|
||||||
interface MenuInfo {
|
interface MenuInfo {
|
||||||
key: string;
|
key: string;
|
||||||
keyPath: string[];
|
keyPath: string[];
|
||||||
item: VNodeChild;
|
item: any;
|
||||||
domEvent: MouseEvent;
|
domEvent: MouseEvent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -32,13 +32,13 @@ The default is to close the menu when you click on menu items, this feature can
|
||||||
</a-dropdown>
|
</a-dropdown>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, ref, VNodeChild } from 'vue';
|
import { defineComponent, ref } from 'vue';
|
||||||
import { DownOutlined } from '@ant-design/icons-vue';
|
import { DownOutlined } from '@ant-design/icons-vue';
|
||||||
|
|
||||||
interface MenuInfo {
|
interface MenuInfo {
|
||||||
key: string;
|
key: string;
|
||||||
keyPath: string[];
|
keyPath: string[];
|
||||||
item: VNodeChild;
|
item: any;
|
||||||
domEvent: MouseEvent;
|
domEvent: MouseEvent;
|
||||||
}
|
}
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
|
|
|
@ -44,7 +44,7 @@ See more advanced usage at [async-validator](https://github.com/yiminghe/async-v
|
||||||
</a-form>
|
</a-form>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<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 { defineComponent, reactive, ref } from 'vue';
|
||||||
import type { UnwrapRef } from 'vue';
|
import type { UnwrapRef } from 'vue';
|
||||||
interface FormState {
|
interface FormState {
|
||||||
|
|
|
@ -61,7 +61,7 @@ Submenus open as pop-ups.
|
||||||
</a-menu>
|
</a-menu>
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent, reactive, toRefs, VNodeChild } from 'vue';
|
import { defineComponent, reactive, toRefs } from 'vue';
|
||||||
import {
|
import {
|
||||||
MailOutlined,
|
MailOutlined,
|
||||||
CalendarOutlined,
|
CalendarOutlined,
|
||||||
|
@ -72,7 +72,7 @@ import {
|
||||||
interface MenuInfo {
|
interface MenuInfo {
|
||||||
key: string;
|
key: string;
|
||||||
keyPath: string[];
|
keyPath: string[];
|
||||||
item: VNodeChild;
|
item: any;
|
||||||
domEvent: MouseEvent;
|
domEvent: MouseEvent;
|
||||||
}
|
}
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
|
|
Loading…
Reference in New Issue