| | |
| | | <MenuUnfoldOutlined v-if="getCollapsed" /> <MenuFoldOutlined v-else /> |
| | | </span> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent } from 'vue'; |
| | | <script lang="ts" setup> |
| | | import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue'; |
| | | import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; |
| | | import { useDesign } from '/@/hooks/web/useDesign'; |
| | | import { propTypes } from '/@/utils/propTypes'; |
| | | import { useMenuSetting } from '@/hooks/setting/useMenuSetting'; |
| | | import { useDesign } from '@/hooks/web/useDesign'; |
| | | import { propTypes } from '@/utils/propTypes'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'HeaderTrigger', |
| | | components: { MenuUnfoldOutlined, MenuFoldOutlined }, |
| | | props: { |
| | | theme: propTypes.oneOf(['light', 'dark']), |
| | | }, |
| | | setup() { |
| | | const { getCollapsed, toggleCollapsed } = useMenuSetting(); |
| | | const { prefixCls } = useDesign('layout-header-trigger'); |
| | | return { getCollapsed, toggleCollapsed, prefixCls }; |
| | | }, |
| | | defineProps({ |
| | | theme: propTypes.oneOf(['light', 'dark']), |
| | | }); |
| | | const { getCollapsed, toggleCollapsed } = useMenuSetting(); |
| | | const { prefixCls } = useDesign('layout-header-trigger'); |
| | | </script> |