picocrank 1.25.2 → 1.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/eslint.config.js +68 -0
- package/package.json +13 -3
- package/router.js +74 -0
- package/styles/dark-theme.css +20 -11
- package/styles/picocrank-extensions.css +77 -30
- package/supplemental-themes/catppuccin-latte-frappe/theme.css +10 -24
- package/supplemental-themes/dracula-alucard/theme.css +10 -24
- package/supplemental-themes/gruvbox-dark-light/theme.css +10 -24
- package/supplemental-themes/waffles/theme.css +2 -16
- package/vue/components/Breadcrumbs.vue +192 -45
- package/vue/components/Calendar.vue +45 -25
- package/vue/components/DangerZone.vue +186 -0
- package/vue/components/Header.vue +22 -6
- package/vue/components/NavigationGrid.vue +26 -180
- package/vue/components/NotificationBlock.vue +120 -0
- package/vue/components/NotificationPopup.vue +44 -41
- package/vue/components/ReadOnlyTextArea.vue +1 -1
- package/vue/components/SidebarNavLink.vue +3 -3
- package/vue/components/Table.vue +107 -79
- package/vue/components/TableColumnOptionsPopover.vue +9 -0
- package/vue/components/Tabs.vue +363 -79
- package/vue/components/TopBar.vue +2 -2
- package/vue/composables/tableColumnPriorities.js +33 -0
- package/vue/composables/tableFilters.js +1 -1
- package/vue/data/navSectionHubs.js +196 -0
- package/vue/data/routeBreadcrumbs.js +90 -0
- package/vue/examples/Admin.vue +12 -12
- package/vue/examples/App.vue +27 -36
- package/vue/examples/CalendarExample.vue +32 -22
- package/vue/examples/ExampleHeaderThemeSwitcher.vue +1 -1
- package/vue/examples/Login.vue +0 -3
- package/vue/examples/LoginExample.vue +2 -14
- package/vue/examples/NavSectionHub.vue +36 -0
- package/vue/examples/PageStructure.vue +6 -3
- package/vue/examples/StatusExample.vue +248 -129
- package/vue/examples/TableExample.vue +68 -67
- package/vue/examples/TabsExample.vue +200 -255
- package/vue/examples/ThemePreview.vue +21 -23
- package/vue/examples/ViewItem.vue +32 -5
- package/vue/examples/Welcome.vue +3 -40
package/vue/examples/Welcome.vue
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
<Section
|
|
41
41
|
id="start-here"
|
|
42
42
|
title="Start here"
|
|
43
|
-
subtitle="
|
|
43
|
+
subtitle="Browse example categories — use the sidebar for direct links, or the top bar when hubs are enabled"
|
|
44
44
|
>
|
|
45
45
|
<Navigation ref="welcomeNavigation">
|
|
46
46
|
<NavigationGrid />
|
|
@@ -86,6 +86,7 @@ import Section from '../components/Section.vue'
|
|
|
86
86
|
import Navigation from '../components/Navigation.vue'
|
|
87
87
|
import NavigationGrid from '../components/NavigationGrid.vue'
|
|
88
88
|
import { useNotificationPopups } from '../composables/useNotificationPopups.js'
|
|
89
|
+
import { registerWelcomeHubGrid } from '../data/navSectionHubs.js'
|
|
89
90
|
import logoUrl from '/logo.png'
|
|
90
91
|
|
|
91
92
|
const { show: showPopup } = useNotificationPopups()
|
|
@@ -102,45 +103,7 @@ function showWelcomeToast() {
|
|
|
102
103
|
}
|
|
103
104
|
|
|
104
105
|
onMounted(() => {
|
|
105
|
-
|
|
106
|
-
return
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
const nav = welcomeNavigation.value
|
|
110
|
-
|
|
111
|
-
nav.addRouterLink('PageStructure', 'Page structure', {
|
|
112
|
-
description: 'Sidebar, header, QuickSearch, and breadcrumbs',
|
|
113
|
-
})
|
|
114
|
-
nav.addRouterLink('ThemePreview', 'Theme Switcher', {
|
|
115
|
-
description: 'Drop-in themes on Femtocrank',
|
|
116
|
-
})
|
|
117
|
-
nav.addRouterLink('TableExample', 'Table', {
|
|
118
|
-
description: 'Lists with sorting, pagination, and filters',
|
|
119
|
-
})
|
|
120
|
-
nav.addRouterLink('TableRemoteExample', 'Remote table', {
|
|
121
|
-
description: 'Server-style fetchRows pagination and filters',
|
|
122
|
-
})
|
|
123
|
-
nav.addRouterLink('CalendarExample', 'Calendar', {
|
|
124
|
-
description: 'Month view with events',
|
|
125
|
-
})
|
|
126
|
-
nav.addRouterLink('ButtonsExample', 'Buttons', {
|
|
127
|
-
description: 'Button variants and toolbars',
|
|
128
|
-
})
|
|
129
|
-
nav.addRouterLink('FormExample', 'Forms', {
|
|
130
|
-
description: 'Labels, inputs, and fieldsets',
|
|
131
|
-
})
|
|
132
|
-
nav.addRouterLink('LoginExample', 'Login', {
|
|
133
|
-
description: 'Auth form with OAuth tabs',
|
|
134
|
-
})
|
|
135
|
-
nav.addRouterLink('StatusExample', 'Status', {
|
|
136
|
-
description: 'Notifications and inline status',
|
|
137
|
-
})
|
|
138
|
-
nav.addRouterLink('NavigationGridExample', 'Navigation grid', {
|
|
139
|
-
description: 'Icon grid for settings hubs',
|
|
140
|
-
})
|
|
141
|
-
nav.addRouterLink('TabsExample', 'Tabs', {
|
|
142
|
-
description: 'Tabbed content regions',
|
|
143
|
-
})
|
|
106
|
+
registerWelcomeHubGrid(welcomeNavigation.value)
|
|
144
107
|
})
|
|
145
108
|
</script>
|
|
146
109
|
|