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>
 | 
			
		||||
</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,
 | 
			
		||||
    };
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
`;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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({
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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 {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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({
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue