@finema/finework-layer 2.0.64 → 2.0.65
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.0.65](https://gitlab.finema.co/finema/internal/finework/compare/2.0.64...2.0.65) (2026-09-15)
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
* add resizable panel to manual viewer with improved PDF navigation ([dc37e28](https://gitlab.finema.co/finema/internal/finework/commit/dc37e28790a2e16168ed1e1264d621efb17cfe56))
|
|
8
|
+
|
|
3
9
|
## [2.0.64](https://gitlab.finema.co/finema/internal/finework/compare/2.0.63...2.0.64) (2026-09-15)
|
|
4
10
|
|
|
5
11
|
### Bug Fixes
|
|
@@ -4,12 +4,22 @@
|
|
|
4
4
|
:portal="true"
|
|
5
5
|
:modal="false"
|
|
6
6
|
:dismissible="false"
|
|
7
|
-
:ui="{ content: 'w-full
|
|
7
|
+
:ui="{ content: 'w-full' }"
|
|
8
|
+
:content="{
|
|
9
|
+
style: {
|
|
10
|
+
width: `${panelWidth}px`,
|
|
11
|
+
maxWidth: '100vw',
|
|
12
|
+
},
|
|
13
|
+
}"
|
|
8
14
|
side="right"
|
|
9
15
|
@update:open="(val) => emit('update', val)"
|
|
10
16
|
>
|
|
11
17
|
<template #content>
|
|
12
|
-
<div class="flex h-full flex-col">
|
|
18
|
+
<div class="relative flex h-full flex-col">
|
|
19
|
+
<div
|
|
20
|
+
class="hover:bg-primary-300/60 active:bg-primary-400/70 absolute inset-y-0 left-0 z-10 w-1.5 -translate-x-1/2 cursor-col-resize touch-none"
|
|
21
|
+
@mousedown="startResize"
|
|
22
|
+
/>
|
|
13
23
|
<!-- Header -->
|
|
14
24
|
<div class="flex items-center justify-between border-b border-gray-200 px-5 py-4">
|
|
15
25
|
<div class="flex min-w-0 items-center gap-3">
|
|
@@ -248,7 +258,7 @@
|
|
|
248
258
|
<iframe
|
|
249
259
|
v-if="viewerBlobUrl"
|
|
250
260
|
:key="viewerBlobUrl"
|
|
251
|
-
:src="`${viewerBlobUrl}#view=FitH`"
|
|
261
|
+
:src="`${viewerBlobUrl}#view=FitH&navpanes=0`"
|
|
252
262
|
title="User manual"
|
|
253
263
|
class="size-full border-0"
|
|
254
264
|
/>
|
|
@@ -368,6 +378,41 @@ watch(() => current.value?.file?.url, async (url) => {
|
|
|
368
378
|
|
|
369
379
|
onBeforeUnmount(revokeViewerBlobUrl)
|
|
370
380
|
|
|
381
|
+
const DEFAULT_WIDTH = 560
|
|
382
|
+
const MIN_WIDTH = 400
|
|
383
|
+
const MAX_WIDTH = 1100
|
|
384
|
+
|
|
385
|
+
const panelWidth = ref(DEFAULT_WIDTH)
|
|
386
|
+
|
|
387
|
+
const startResize = (e: MouseEvent) => {
|
|
388
|
+
e.preventDefault()
|
|
389
|
+
|
|
390
|
+
const startX = e.clientX
|
|
391
|
+
const startWidth = panelWidth.value
|
|
392
|
+
const prevCursor = document.body.style.cursor
|
|
393
|
+
const prevUserSelect = document.body.style.userSelect
|
|
394
|
+
|
|
395
|
+
document.body.style.cursor = 'col-resize'
|
|
396
|
+
document.body.style.userSelect = 'none'
|
|
397
|
+
|
|
398
|
+
const onMove = (moveEvent: MouseEvent) => {
|
|
399
|
+
const delta = startX - moveEvent.clientX
|
|
400
|
+
const maxWidth = Math.min(MAX_WIDTH, window.innerWidth)
|
|
401
|
+
|
|
402
|
+
panelWidth.value = Math.min(Math.max(startWidth + delta, MIN_WIDTH), maxWidth)
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
const onUp = () => {
|
|
406
|
+
document.body.style.cursor = prevCursor
|
|
407
|
+
document.body.style.userSelect = prevUserSelect
|
|
408
|
+
window.removeEventListener('mousemove', onMove)
|
|
409
|
+
window.removeEventListener('mouseup', onUp)
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
window.addEventListener('mousemove', onMove)
|
|
413
|
+
window.addEventListener('mouseup', onUp)
|
|
414
|
+
}
|
|
415
|
+
|
|
371
416
|
const canManage = (app: string) =>
|
|
372
417
|
auth.isSuperAdmin.value || auth.hasPermission(app as UserModule, Permission.SUPER)
|
|
373
418
|
|