adminforth 2.27.0-next.6 → 2.27.0-next.8
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.
|
@@ -46,12 +46,11 @@
|
|
|
46
46
|
<li v-for="action in customActions" :key="action.id">
|
|
47
47
|
<div class="wrapper">
|
|
48
48
|
<component
|
|
49
|
-
v-if="action.customComponent"
|
|
50
49
|
:is="(action.customComponent && getCustomComponent(formatComponent(action.customComponent))) || CallActionWrapper"
|
|
51
50
|
:meta="formatComponent(action.customComponent).meta"
|
|
52
51
|
@callAction="(payload? : Object) => handleActionClick(action, payload)"
|
|
53
52
|
>
|
|
54
|
-
<a @click.prevent class="block
|
|
53
|
+
<a @click.prevent class="block">
|
|
55
54
|
<div class="flex items-center gap-2">
|
|
56
55
|
<component
|
|
57
56
|
v-if="action.icon"
|
|
@@ -197,7 +196,10 @@ onUnmounted(() => {
|
|
|
197
196
|
|
|
198
197
|
<style lang="scss" scoped>
|
|
199
198
|
.wrapper > * {
|
|
200
|
-
@apply px-4 py-2
|
|
199
|
+
@apply px-4 py-2
|
|
200
|
+
hover:text-lightThreeDotsMenuBodyTextHover hover:bg-lightThreeDotsMenuBodyBackgroundHover
|
|
201
|
+
dark:hover:bg-darkThreeDotsMenuBodyBackgroundHover dark:hover:text-darkThreeDotsMenuBodyTextHover
|
|
202
|
+
cursor-pointer;
|
|
201
203
|
}
|
|
202
204
|
</style>
|
|
203
205
|
|
|
@@ -101,11 +101,13 @@ export async function callAdminForthApi(
|
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
export function formatComponent(component: AdminForthComponentDeclaration): AdminForthComponentDeclarationFull {
|
|
104
|
+
export function formatComponent(component: AdminForthComponentDeclaration | undefined): AdminForthComponentDeclarationFull {
|
|
105
105
|
if (typeof component === 'string') {
|
|
106
106
|
return { file: component, meta: {} };
|
|
107
|
-
} else {
|
|
107
|
+
} else if (typeof component === 'object') {
|
|
108
108
|
return { file: component.file, meta: component.meta };
|
|
109
|
+
} else {
|
|
110
|
+
return { file: '', meta: {} };
|
|
109
111
|
}
|
|
110
112
|
}
|
|
111
113
|
|