| | |
| | | </PageWrapper> |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | | import { ref, defineComponent } from 'vue'; |
| | | <script lang="ts" setup> |
| | | import { ref } from 'vue'; |
| | | import { Tabs } from 'ant-design-vue'; |
| | | import { PageWrapper } from '/@/components/Page'; |
| | | import { CollapseContainer } from '/@/components/Container'; |
| | | import { useMessage } from '/@/hooks/web/useMessage'; |
| | | import { PageWrapper } from '@/components/Page'; |
| | | import { CollapseContainer } from '@/components/Container'; |
| | | import { useMessage } from '@/hooks/web/useMessage'; |
| | | import { omit } from 'lodash-es'; |
| | | import { deepMerge } from '/@/utils'; |
| | | import { BasicForm, FormSchema, useForm, FormProps, UseFormReturnType } from '/@/components/Form'; |
| | | import { deepMerge } from '@/utils'; |
| | | import { BasicForm, FormSchema, useForm, FormProps, UseFormReturnType } from '@/components/Form'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'TabsFormDemo', |
| | | components: { Tabs, TabPane: Tabs.TabPane, PageWrapper, CollapseContainer, BasicForm }, |
| | | setup() { |
| | | defineOptions({ name: 'TabsFormDemo' }); |
| | | |
| | | const TabPane = Tabs.TabPane; |
| | | type TabsFormType = { |
| | | key: string; |
| | | tab: string; |
| | |
| | | await setFieldsValue(mockDefaultValue); |
| | | } |
| | | } |
| | | return { |
| | | omit, |
| | | loading, |
| | | activeKey, |
| | | tabsFormSchema, |
| | | handleReset, |
| | | handleSubmit, |
| | | handleSetValues, |
| | | }; |
| | | }, |
| | | }); |
| | | </script> |
| | | |
| | | <style scoped></style> |