|
|
@ -38,6 +38,8 @@ const titleEditMode = ref<boolean>(false) |
|
|
|
|
|
|
|
|
|
|
|
const tempTitle = ref<string>(extension.value.title) |
|
|
|
const tempTitle = ref<string>(extension.value.title) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { height } = useElementSize(extensionRef) |
|
|
|
|
|
|
|
|
|
|
|
const enableEditMode = () => { |
|
|
|
const enableEditMode = () => { |
|
|
|
titleEditMode.value = true |
|
|
|
titleEditMode.value = true |
|
|
|
tempTitle.value = extension.value.title |
|
|
|
tempTitle.value = extension.value.title |
|
|
@ -58,6 +60,14 @@ const component = ref<any>(null) |
|
|
|
|
|
|
|
|
|
|
|
const extensionManifest = ref<ExtensionManifest | undefined>() |
|
|
|
const extensionManifest = ref<ExtensionManifest | undefined>() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const extensionHeight = computed(() => { |
|
|
|
|
|
|
|
const heigthInInt = parseInt(extensionManifest.value?.config?.contentMinHeight || '') || undefined |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (!heigthInInt || height.value > heigthInInt) return `${height.value}px` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return extensionManifest.value?.config?.contentMinHeight |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
const fullscreenModalMaxWidth = computed(() => { |
|
|
|
const fullscreenModalMaxWidth = computed(() => { |
|
|
|
const modalMaxWidth = { |
|
|
|
const modalMaxWidth = { |
|
|
|
xs: 'min(calc(100vw - 32px), 448px)', |
|
|
|
xs: 'min(calc(100vw - 32px), 448px)', |
|
|
@ -153,7 +163,7 @@ eventBus.on((event, payload) => { |
|
|
|
:style=" |
|
|
|
:style=" |
|
|
|
!collapsed |
|
|
|
!collapsed |
|
|
|
? { |
|
|
|
? { |
|
|
|
height: extensionManifest?.config?.contentMinHeight, |
|
|
|
height: extensionHeight, |
|
|
|
minHeight: extensionManifest?.config?.contentMinHeight, |
|
|
|
minHeight: extensionManifest?.config?.contentMinHeight, |
|
|
|
} |
|
|
|
} |
|
|
|
: {} |
|
|
|
: {} |
|
|
|