|
|
@ -1,10 +1,9 @@ |
|
|
|
<script lang="ts" setup> |
|
|
|
<script lang="ts" setup> |
|
|
|
import { onUnmounted, ref, useEventListener, useGlobal, useI18n, useNuxtApp, watch } from '#imports' |
|
|
|
import { onUnmounted, ref, useEventListener, useGlobal, useI18n, useNuxtApp, watch,iconMap } from '#imports' |
|
|
|
import { iconMap } from '~/utils' |
|
|
|
|
|
|
|
import MdiAccountStar from '~icons/mdi/account-star' |
|
|
|
import MdiAccountStar from '~icons/mdi/account-star' |
|
|
|
import MdiAccountHardHat from '~icons/mdi/account-hard-hat' |
|
|
|
import MdiAccountHardHat from '~icons/mdi/account-hard-hat' |
|
|
|
import MdiAccountEdit from '~icons/ph/pencil-circle-thin' |
|
|
|
import PhPencilCircleThin from '~icons/ph/pencil-circle-thin' |
|
|
|
import MdiCommentAccountOutline from '~icons/ph/chat-teardrop-text-thin' |
|
|
|
import PhChtTeardropTextThin from '~icons/ph/chat-teardrop-text-thin' |
|
|
|
import { ProjectRole } from '~/lib' |
|
|
|
import { ProjectRole } from '~/lib' |
|
|
|
|
|
|
|
|
|
|
|
const { float } = defineProps<{ float?: boolean }>() |
|
|
|
const { float } = defineProps<{ float?: boolean }>() |
|
|
@ -24,9 +23,9 @@ const roleList = [ |
|
|
|
const roleIcon = { |
|
|
|
const roleIcon = { |
|
|
|
owner: MdiAccountStar, |
|
|
|
owner: MdiAccountStar, |
|
|
|
creator: MdiAccountHardHat, |
|
|
|
creator: MdiAccountHardHat, |
|
|
|
editor: MdiAccountEdit, |
|
|
|
editor: PhPencilCircleThin, |
|
|
|
viewer: iconMap.eye, |
|
|
|
viewer: iconMap.eye, |
|
|
|
commenter: MdiCommentAccountOutline, |
|
|
|
commenter: PhChtTeardropTextThin, |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const position = ref({ |
|
|
|
const position = ref({ |
|
|
|