103 lines
2.8 KiB
Vue
103 lines
2.8 KiB
Vue
<template>
|
|
<demo-sort :cols="1">
|
|
<Basic />
|
|
<LabelWidth />
|
|
<HorizontalLogin />
|
|
<Layout />
|
|
<Disabled />
|
|
<inlineLoginVue />
|
|
<normalLoginVue />
|
|
<validationVue />
|
|
<CustomValidation />
|
|
<DynamicFormItem />
|
|
<NestedForm />
|
|
<CustomizedFormControls />
|
|
<advancedSearchVue />
|
|
<dynamicFormItemsComplexVue />
|
|
<dynamicFormItemsVue />
|
|
<dynamicRuleVue />
|
|
<formContextVue />
|
|
<formInModalVue />
|
|
<timeRelatedControlsVue />
|
|
<validateOtherVue />
|
|
<validateStaticVue />
|
|
<UseFormBasic />
|
|
<UseFormNested />
|
|
<UseFormTrigger />
|
|
<UseFormMerge />
|
|
</demo-sort>
|
|
</template>
|
|
<script lang="ts">
|
|
import { defineComponent } from 'vue';
|
|
import advancedSearchVue from './advanced-search.vue';
|
|
import Basic from './basic.vue';
|
|
import validationVue from './validation.vue';
|
|
import CustomValidation from './custom-validation.vue';
|
|
import Disabled from './disabled.vue';
|
|
import DynamicFormItem from './dynamic-form-item.vue';
|
|
import dynamicFormItemsComplexVue from './dynamic-form-items-complex.vue';
|
|
import dynamicFormItemsVue from './dynamic-form-items.vue';
|
|
import dynamicRuleVue from './dynamic-rule.vue';
|
|
import formContextVue from './form-context.vue';
|
|
import formInModalVue from './form-in-modal.vue';
|
|
import HorizontalLogin from './horizontal-login.vue';
|
|
import inlineLoginVue from './inline-login.vue';
|
|
import LabelWidth from './label-width.vue';
|
|
import Layout from './layout.vue';
|
|
import NestedForm from './nest-messages.vue';
|
|
import normalLoginVue from './normal-login.vue';
|
|
// import Validation from './validation.vue';
|
|
import UseFormBasic from './useForm-basic.vue';
|
|
import UseFormNested from './useForm-nested.vue';
|
|
import UseFormTrigger from './useForm-trigger.vue';
|
|
import UseFormMerge from './useForm-merge.vue';
|
|
import CustomizedFormControls from './customized-form-controls.vue';
|
|
import timeRelatedControlsVue from './time-related-controls.vue';
|
|
import validateOtherVue from './validate-other.vue';
|
|
import validateStaticVue from './validate-static.vue';
|
|
import CN from '../index.zh-CN.md';
|
|
import US from '../index.en-US.md';
|
|
|
|
export default defineComponent({
|
|
US,
|
|
CN,
|
|
components: {
|
|
validateStaticVue,
|
|
timeRelatedControlsVue,
|
|
validateOtherVue,
|
|
Basic,
|
|
CustomValidation,
|
|
Disabled,
|
|
DynamicFormItem,
|
|
HorizontalLogin,
|
|
NestedForm,
|
|
Layout,
|
|
validationVue,
|
|
UseFormBasic,
|
|
UseFormNested,
|
|
UseFormTrigger,
|
|
UseFormMerge,
|
|
LabelWidth,
|
|
CustomizedFormControls,
|
|
advancedSearchVue,
|
|
dynamicFormItemsComplexVue,
|
|
dynamicFormItemsVue,
|
|
dynamicRuleVue,
|
|
formContextVue,
|
|
formInModalVue,
|
|
inlineLoginVue,
|
|
normalLoginVue,
|
|
},
|
|
});
|
|
</script>
|
|
<style>
|
|
.code-box-demo .ant-form:not(.ant-form-inline):not(.ant-form-vertical) {
|
|
max-width: 600px;
|
|
}
|
|
|
|
.markdown.api-container table td:nth-of-type(4) {
|
|
white-space: nowrap;
|
|
word-wrap: break-word;
|
|
}
|
|
</style>
|