Skip to content

Commit 227cc5d

Browse files
elonehooelonehoo
authored
feat(navigation-menu): implement core functionality and components (#97)
1 parent 3e9e08b commit 227cc5d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

45 files changed

+4129
-1
lines changed

‎document/astro.config.mjs‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -170,6 +170,7 @@ export default defineConfig({
170170
{ slug: 'components/image' },
171171
{ slug: 'components/floating-panel' },
172172
{ slug: 'components/menu' },
173+
{ slug: 'components/navigation-menu', badge: 'New' },
173174
{ slug: 'components/pagination' },
174175
{ slug: 'components/popover' },
175176
{ slug: 'components/progress' },

‎document/package.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
"@destyler/image": "workspace:*",
3131
"@destyler/label": "workspace:*",
3232
"@destyler/menu": "workspace:*",
33+
"@destyler/navigation-menu": "workspace:*",
3334
"@destyler/number-input": "workspace:*",
3435
"@destyler/otp-input": "workspace:*",
3536
"@destyler/pagination": "workspace:*",
@@ -38,6 +39,7 @@
3839
"@destyler/qr-code": "workspace:*",
3940
"@destyler/radio": "workspace:*",
4041
"@destyler/react": "workspace:*",
42+
"@destyler/scroll-area": "workspace:*",
4143
"@destyler/select": "workspace:*",
4244
"@destyler/separator": "workspace:*",
4345
"@destyler/signature": "workspace:*",
@@ -52,6 +54,7 @@
5254
"@destyler/toast": "workspace:*",
5355
"@destyler/toggle": "workspace:*",
5456
"@destyler/tooltip": "workspace:*",
57+
"@destyler/tour": "workspace:*",
5558
"@destyler/tree": "workspace:*",
5659
"@destyler/vanilla": "workspace:*",
5760
"@destyler/vue": "workspace:*"

‎document/src/components/Preview.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ const {
66

77
<div class="relative text-[15px] text-black mt-8 z-12">
88
<div
9-
class="vp-raw border-solid border-#ededed dark:border-[#282828] [background:#f8f8f8] dark:[background:#1c1c1c] p-4 rounded-lg w-full relative items-center justify-center flex [overflow-x:auto]"
9+
class="vp-raw border-solid border-#ededed dark:border-[#282828] [background:#f8f8f8] dark:[background:#1c1c1c] p-4 rounded-lg w-full relative items-center justify-center flex overflow-visible z-20"
1010
class:list={[
1111
mode === 'preview' ? 'rounded-lg' : '',
1212
mode === 'code' ? 'rounded-t-lg rounded-b-none' : '',

‎document/src/snippets/Sinppets.react.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ import Image from '@component/image/snippets/Image.react.tsx'
1818
import Label from '@component/label/snippets/Label.react.tsx'
1919
import ContentMenu from '@component/menu/snippets/content-menu/ContentMenu.react.tsx'
2020
import Menu from '@component/menu/snippets/menu/Menu.react.tsx'
21+
import NavigationMenu from '@component/navigation-menu/snippets/NavigationMenu.react.tsx'
2122
import NumberInput from '@component/number-input/snippets/NumberInput.react.tsx'
2223
import OtpInput from '@component/otp-input/snippets/OtpInput.react.tsx'
2324
import Pagination from '@component/pagination/snippets/Pagination.react.tsx'
@@ -90,6 +91,7 @@ export default function Snippets({ name }: SnippetsProps) {
9091
{name === 'toast' && <Toast />}
9192
{name === 'tour' && <Tour />}
9293
{name === 'scroll-area' && <ScrollArea />}
94+
{name === 'navigation-menu' && <NavigationMenu />}
9395
</div>
9496
)
9597
}

‎document/src/snippets/Sinppets.solid.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ import Image from '@component/image/snippets/Image.solid.tsx'
2020
import Label from '@component/label/snippets/Label.solid.tsx'
2121
import ContentMenu from '@component/menu/snippets/content-menu/ContentMenu.solid.tsx'
2222
import Menu from '@component/menu/snippets/menu/Menu.solid.tsx'
23+
import NavigationMenu from '@component/navigation-menu/snippets/NavigationMenu.solid.tsx'
2324
import NumberInput from '@component/number-input/snippets/NumberInput.solid.tsx'
2425
import OtpInput from '@component/otp-input/snippets/OtpInput.solid.tsx'
2526
import Pagination from '@component/pagination/snippets/Pagination.solid.tsx'
@@ -92,6 +93,7 @@ const Snippets: Component<SnippetsProps> = (props) => {
9293
{props.name === 'toast' && <Toast />}
9394
{props.name === 'tour' && <Tour />}
9495
{props.name === 'scroll-area' && <ScrollArea />}
96+
{props.name === 'navigation-menu' && <NavigationMenu />}
9597
</div>
9698
)
9799
}

‎document/src/snippets/Sinppets.svelte‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
import Tour from '@component/tour/snippets/Tour.svelte'
4242
import FloatingPanel from '@component/floating-panel/snippets/FloatingPanel.svelte'
4343
import ScrollArea from '@component/scroll-area/snippets/ScrollArea.svelte'
44+
import NavigateMenu from '@component/navigation-menu/snippets/NavigationMenu.svelte'
4445
4546
export let name: string;
4647
</script>
@@ -172,4 +173,7 @@
172173
{#if name === 'scroll-area'}
173174
<ScrollArea />
174175
{/if}
176+
{#if name === 'navigation-menu'}
177+
<NavigateMenu />
178+
{/if}
175179
</div>

‎document/src/snippets/Sinppets.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ import Image from '@component/image/snippets/Image.vue'
1919
import Label from '@component/label/snippets/Label.vue'
2020
import ContentMenu from '@component/menu/snippets/content-menu/ContentMenu.vue'
2121
import Menu from '@component/menu/snippets/menu/Menu.vue'
22+
import NavigationMenu from '@component/navigation-menu/snippets/NavigationMenu.vue'
2223
import NumberInput from '@component/number-input/snippets/NumberInput.vue'
2324
import OtpInput from '@component/otp-input/snippets/OtpInput.vue'
2425
import Pagination from '@component/pagination/snippets/Pagination.vue'
@@ -92,5 +93,6 @@ const props = defineProps<{
9293
<Toast v-if="props.name === 'toast'" />
9394
<Tour v-if="props.name === 'tour'" />
9495
<ScrollArea v-if="props.name === 'scroll-area'" />
96+
<NavigationMenu v-if="props.name === 'navigation-menu'" />
9597
</div>
9698
</template>

0 commit comments

Comments
 (0)