| | |
| | | <SiderTrigger v-if="sider" /> |
| | | <HeaderTrigger v-else :theme="theme" /> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent } from 'vue'; |
| | | import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'; |
| | | import { propTypes } from '/@/utils/propTypes'; |
| | | import HeaderTrigger from './HeaderTrigger.vue'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'LayoutTrigger', |
| | | components: { |
| | | SiderTrigger: createAsyncComponent(() => import('./SiderTrigger.vue')), |
| | | HeaderTrigger: HeaderTrigger, |
| | | }, |
| | | props: { |
| | | sider: propTypes.bool.def(true), |
| | | theme: propTypes.oneOf(['light', 'dark']), |
| | | }, |
| | | <script lang="ts" setup> |
| | | import { propTypes } from '@/utils/propTypes'; |
| | | import HeaderTrigger from './HeaderTrigger.vue'; |
| | | import SiderTrigger from './SiderTrigger.vue'; |
| | | |
| | | defineProps({ |
| | | sider: propTypes.bool.def(true), |
| | | theme: propTypes.oneOf(['light', 'dark']), |
| | | }); |
| | | </script> |