@veltra/desktop 1.1.12 → 1.1.13

package/dist/components/file-viewer/previewers/pdf-viewport-scroll.js

@@ -0,0 +1,83 @@
+import _sfc_main$1 from "../../scroll/scroll.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, onBeforeUnmount, openBlock, renderSlot, unref, watch, withCtx } from "vue";
+//#region src/components/file-viewer/previewers/pdf-viewport-scroll.vue
+const VIEWPORT_ELEMENT_KEY = "viewport-element";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerPdfViewportScroll",
+	__name: "pdf-viewport-scroll",
+	setup(__props) {
+		/** EmbedPDF Viewport 向子树注入的滚动容器 ref */
+		const viewportRef = inject(VIEWPORT_ELEMENT_KEY);
+		const viewportEl = computed(() => viewportRef?.value ?? null);
+		let panState;
+		function isInteractiveTarget(target) {
+			if (!(target instanceof HTMLElement)) return false;
+			return !!target.closest("button, a, input, textarea, select, video, [contenteditable=\"true\"], .u-scroll__bar-x, .u-scroll__bar-y");
+		}
+		function handlePointerDown(e) {
+			if (e.button !== 0 || isInteractiveTarget(e.target)) return;
+			const el = viewportEl.value;
+			if (!el) return;
+			panState = {
+				pointerId: e.pointerId,
+				startX: e.clientX,
+				startY: e.clientY,
+				scrollLeft: el.scrollLeft,
+				scrollTop: el.scrollTop
+			};
+			el.classList.add("is-panning");
+			el.setPointerCapture(e.pointerId);
+			e.preventDefault();
+		}
+		function handlePointerMove(e) {
+			if (!panState || panState.pointerId !== e.pointerId) return;
+			const el = viewportEl.value;
+			if (!el) return;
+			el.scrollLeft = panState.scrollLeft - (e.clientX - panState.startX);
+			el.scrollTop = panState.scrollTop - (e.clientY - panState.startY);
+		}
+		function endPan(e) {
+			if (!panState || panState.pointerId !== e.pointerId) return;
+			const el = viewportEl.value;
+			if (el?.hasPointerCapture(e.pointerId)) el.releasePointerCapture(e.pointerId);
+			el?.classList.remove("is-panning");
+			panState = void 0;
+		}
+		let detachPan;
+		watch(viewportEl, (el, _, onCleanup) => {
+			detachPan?.();
+			detachPan = void 0;
+			if (!el) return;
+			el.addEventListener("pointerdown", handlePointerDown, { capture: true });
+			el.addEventListener("pointermove", handlePointerMove, { capture: true });
+			el.addEventListener("pointerup", endPan, { capture: true });
+			el.addEventListener("pointercancel", endPan, { capture: true });
+			detachPan = () => {
+				el.removeEventListener("pointerdown", handlePointerDown, { capture: true });
+				el.removeEventListener("pointermove", handlePointerMove, { capture: true });
+				el.removeEventListener("pointerup", endPan, { capture: true });
+				el.removeEventListener("pointercancel", endPan, { capture: true });
+				el.classList.remove("is-panning");
+				panState = void 0;
+			};
+			onCleanup(() => {
+				detachPan?.();
+				detachPan = void 0;
+			});
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			detachPan?.();
+			detachPan = void 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" EmbedPDF Viewport 自带滚动；u-scroll 仅同步自定义滚动条 "), createVNode(unref(_sfc_main$1), { target: viewportEl.value }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["target"])], 2112);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=pdf-viewport-scroll.js.map

package/dist/components/file-viewer/previewers/pdf-viewport-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-viewport-scroll.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-viewport-scroll.vue"],"sourcesContent":["<template>\n  <!-- EmbedPDF Viewport 自带滚动；u-scroll 仅同步自定义滚动条 -->\n  <u-scroll :target=\"viewportEl\">\n    <slot />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'\n\nimport { UScroll } from '../../scroll'\n\ndefineOptions({ name: 'FileViewerPdfViewportScroll' })\n\n/** EmbedPDF Viewport 向子树注入的滚动容器 ref */\nconst VIEWPORT_ELEMENT_KEY = 'viewport-element'\n\nconst viewportRef = inject<Ref<HTMLDivElement | null>>(VIEWPORT_ELEMENT_KEY)\nconst viewportEl = computed(() => viewportRef?.value ?? null)\n\nlet panState:\n  | {\n      pointerId: number\n      startX: number\n      startY: number\n      scrollLeft: number\n      scrollTop: number\n    }\n  | undefined\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  return !!target.closest(\n    'button, a, input, textarea, select, video, [contenteditable=\"true\"], .u-scroll__bar-x, .u-scroll__bar-y'\n  )\n}\n\nfunction handlePointerDown(e: PointerEvent) {\n  if (e.button !== 0 || isInteractiveTarget(e.target)) return\n\n  const el = viewportEl.value\n  if (!el) return\n\n  panState = {\n    pointerId: e.pointerId,\n    startX: e.clientX,\n    startY: e.clientY,\n    scrollLeft: el.scrollLeft,\n    scrollTop: el.scrollTop\n  }\n  el.classList.add('is-panning')\n  el.setPointerCapture(e.pointerId)\n  e.preventDefault()\n}\n\nfunction handlePointerMove(e: PointerEvent) {\n  if (!panState || panState.pointerId !== e.pointerId) return\n\n  const el = viewportEl.value\n  if (!el) return\n\n  el.scrollLeft = panState.scrollLeft - (e.clientX - panState.startX)\n  el.scrollTop = panState.scrollTop - (e.clientY - panState.startY)\n}\n\nfunction endPan(e: PointerEvent) {\n  if (!panState || panState.pointerId !== e.pointerId) return\n\n  const el = viewportEl.value\n  if (el?.hasPointerCapture(e.pointerId)) {\n    el.releasePointerCapture(e.pointerId)\n  }\n  el?.classList.remove('is-panning')\n  panState = undefined\n}\n\nlet detachPan: (() => void) | undefined\n\nwatch(\n  viewportEl,\n  (el, _, onCleanup) => {\n    detachPan?.()\n    detachPan = undefined\n    if (!el) return\n\n    el.addEventListener('pointerdown', handlePointerDown, { capture: true })\n    el.addEventListener('pointermove', handlePointerMove, { capture: true })\n    el.addEventListener('pointerup', endPan, { capture: true })\n    el.addEventListener('pointercancel', endPan, { capture: true })\n\n    detachPan = () => {\n      el.removeEventListener('pointerdown', handlePointerDown, { capture: true })\n      el.removeEventListener('pointermove', handlePointerMove, { capture: true })\n      el.removeEventListener('pointerup', endPan, { capture: true })\n      el.removeEventListener('pointercancel', endPan, { capture: true })\n      el.classList.remove('is-panning')\n      panState = undefined\n    }\n\n    onCleanup(() => {\n      detachPan?.()\n      detachPan = undefined\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  detachPan?.()\n  detachPan = undefined\n})\n</script>\n"],"mappings":";;;AAeA,MAAM,uBAAuB;;;;;;EAE7B,MAAM,cAAc,OAAmC,qBAAoB;EAC3E,MAAM,aAAa,eAAe,aAAa,SAAS,KAAI;EAE5D,IAAI;EAUJ,SAAS,oBAAoB,QAAqC;AAChE,OAAI,EAAE,kBAAkB,aAAc,QAAO;AAC7C,UAAO,CAAC,CAAC,OAAO,QACd,4GACF;;EAGF,SAAS,kBAAkB,GAAiB;AAC1C,OAAI,EAAE,WAAW,KAAK,oBAAoB,EAAE,OAAO,CAAE;GAErD,MAAM,KAAK,WAAW;AACtB,OAAI,CAAC,GAAI;AAET,cAAW;IACT,WAAW,EAAE;IACb,QAAQ,EAAE;IACV,QAAQ,EAAE;IACV,YAAY,GAAG;IACf,WAAW,GAAG;IAChB;AACA,MAAG,UAAU,IAAI,aAAY;AAC7B,MAAG,kBAAkB,EAAE,UAAS;AAChC,KAAE,gBAAe;;EAGnB,SAAS,kBAAkB,GAAiB;AAC1C,OAAI,CAAC,YAAY,SAAS,cAAc,EAAE,UAAW;GAErD,MAAM,KAAK,WAAW;AACtB,OAAI,CAAC,GAAI;AAET,MAAG,aAAa,SAAS,cAAc,EAAE,UAAU,SAAS;AAC5D,MAAG,YAAY,SAAS,aAAa,EAAE,UAAU,SAAS;;EAG5D,SAAS,OAAO,GAAiB;AAC/B,OAAI,CAAC,YAAY,SAAS,cAAc,EAAE,UAAW;GAErD,MAAM,KAAK,WAAW;AACtB,OAAI,IAAI,kBAAkB,EAAE,UAAU,CACpC,IAAG,sBAAsB,EAAE,UAAS;AAEtC,OAAI,UAAU,OAAO,aAAY;AACjC,cAAW,KAAA;;EAGb,IAAI;AAEJ,QACE,aACC,IAAI,GAAG,cAAc;AACpB,gBAAY;AACZ,eAAY,KAAA;AACZ,OAAI,CAAC,GAAI;AAET,MAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;AACvE,MAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;AACvE,MAAG,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;AAC1D,MAAG,iBAAiB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;AAE9D,qBAAkB;AAChB,OAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;AAC1E,OAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;AAC1E,OAAG,oBAAoB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;AAC7D,OAAG,oBAAoB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;AACjE,OAAG,UAAU,OAAO,aAAY;AAChC,eAAW,KAAA;;AAGb,mBAAgB;AACd,iBAAY;AACZ,gBAAY,KAAA;KACb;KAEH,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,gBAAY;AACZ,eAAY,KAAA;IACb;;2DA7GC,mBAAA,8CAAkD,EAClD,YAEW,MAAA,YAAA,EAAA,EAFA,QAAQ,WAAA,OAAU,EAAA;2BACnB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/file-viewer/previewers/pdf-zoom-bridge.js

@@ -0,0 +1,32 @@
+import { createElementBlock, defineComponent, openBlock, watch } from "vue";
+import { ZoomMode, useZoom } from "@embedpdf/plugin-zoom/vue";
+//#region src/components/file-viewer/previewers/pdf-zoom-bridge.vue
+const _hoisted_1 = {
+	hidden: "",
+	"aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FileViewerPdfZoomBridge",
+	__name: "pdf-zoom-bridge",
+	props: { documentId: {} },
+	emits: ["zoom-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { provides: zoom, state } = useZoom(() => props.documentId);
+		watch([zoom, () => state.value.currentZoomLevel], () => {
+			emit("zoom-change", {
+				level: state.value.currentZoomLevel,
+				scope: zoom.value
+			});
+		}, { immediate: true });
+		__expose({ resetZoom: () => zoom.value?.requestZoom(ZoomMode.FitPage) });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=pdf-zoom-bridge.js.map

package/dist/components/file-viewer/previewers/pdf-zoom-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-zoom-bridge.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-zoom-bridge.vue"],"sourcesContent":["<template>\n  <span hidden aria-hidden=\"true\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport { useZoom, ZoomMode, type ZoomScope } from '@embedpdf/plugin-zoom/vue'\nimport { watch } from 'vue'\n\ndefineOptions({ name: 'FileViewerPdfZoomBridge' })\n\nconst props = defineProps<{ documentId: string }>()\n\nconst emit = defineEmits<{\n  (e: 'zoom-change', payload: { level: number; scope: ZoomScope | null }): void\n}>()\n\nconst { provides: zoom, state } = useZoom(() => props.documentId)\n\nwatch(\n  [zoom, () => state.value.currentZoomLevel],\n  () => {\n    emit('zoom-change', {\n      level: state.value.currentZoomLevel,\n      scope: zoom.value\n    })\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  resetZoom: () => zoom.value?.requestZoom(ZoomMode.FitPage)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAIb,MAAM,EAAE,UAAU,MAAM,UAAU,cAAc,MAAM,WAAU;AAEhE,QACE,CAAC,YAAY,MAAM,MAAM,iBAAiB,QACpC;AACJ,QAAK,eAAe;IAClB,OAAO,MAAM,MAAM;IACnB,OAAO,KAAK;IACb,CAAA;KAEH,EAAE,WAAW,MAAK,CACpB;AAEA,WAAa,EACX,iBAAiB,KAAK,OAAO,YAAY,SAAS,QAAO,EAC1D,CAAA;;uBA9BC,mBAAkC,QAAlC,WAAkC"}

package/dist/components/file-viewer/style2.css

@@ -449,7 +449,6 @@
 }
 .u-file-viewer__viewport.is-dragging .u-file-viewer__previewer {
   transition: none;
-  pointer-events: none;
 }
 .u-file-viewer__empty {
   width: 100%;
@@ -525,9 +524,23 @@
   overflow: hidden;
 }
 .u-file-viewer__pdf-viewport {
+  position: relative;
   width: 100%;
   height: 100%;
   background: transparent;
+  cursor: grab;
+}
+.u-file-viewer__pdf-viewport.is-panning {
+  cursor: grabbing;
+  user-select: none;
+}
+.u-file-viewer__pdf-viewport {
+  scrollbar-width: none;
+  scrollbar-color: transparent transparent;
+}
+.u-file-viewer__pdf-viewport::-webkit-scrollbar {
+  width: 0;
+  height: 0;
 }
 .u-file-viewer__pdf-page {
   margin: 24px auto;

package/dist/components/multi-select/multi-select.vue.d.ts

@@ -30,11 +30,11 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
-  minWidth: string;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
+  minWidth: string;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts

@@ -24,13 +24,13 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
-  minWidth: string;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
+  minWidth: string;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/number/number.vue.d.ts

@@ -3,8 +3,8 @@ import * as _$vue from "vue";
 
 //#region src/components/number/number.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NumberProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NumberProps> & Readonly<{}>, {
-  format: "currency" | "percent" | "decimal";
   duration: number;
+  format: "currency" | "percent" | "decimal";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/pop-confirm/pop-confirm.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopConfirmProps, {}, {}, {}, {},
   onConfirm?: (() => any) | undefined;
   onCancel?: (() => any) | undefined;
 }>, {
-  trigger: "hover" | "click";
   direction: TipDirection;
+  trigger: "hover" | "click";
   icon: _$vue.Component;
   iconColor: string;
   confirmText: string;

package/dist/components/scroll/scroll.js

@@ -1,6 +1,6 @@
 import { ScrollDIKey } from "./di.js";
 import _sfc_main$1 from "./scroll-bar.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, unref, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, toValue, unref, watch, withCtx } from "vue";
 import { useResizeObserver } from "@veltra/compositions";
 import { bem, withUnit } from "@veltra/utils";
 import { debounce } from "@cat-kit/core";
@@ -17,48 +17,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		containerStyle: {},
 		contentClass: {},
 		containerClass: {},
-		dragDebounce: {}
+		dragDebounce: {},
+		target: {}
 	},
 	emits: ["scroll", "resize"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("scroll");
+		const isExternal = computed(() => props.target !== void 0);
+		const externalTarget = computed(() => isExternal.value ? toValue(props.target) : null);
 		const className = computed(() => {
-			return [cls.b, bem.is("always", props.always)];
+			return [
+				cls.b,
+				bem.is("always", props.always),
+				bem.is("external", isExternal.value)
+			];
 		});
 		const style = computed(() => {
+			if (isExternal.value) return {};
 			return { height: withUnit(props.height, "px") };
 		});
-		/** 内容引用 */
 		const contentRef = shallowRef();
-		/** 滚动根元素引用 */
 		const scrollRef = shallowRef();
-		/** 容器引用 */
 		const containerRef = shallowRef();
+		const overlayRef = shallowRef();
 		const barX = shallowRef();
 		const barY = shallowRef();
 		const trackSize = {
 			width: 0,
 			height: 0
 		};
-		useResizeObserver({
-			targets: [contentRef, scrollRef],
-			onResize: (entries) => {
-				if (entries.length && scrollRef.value) {
-					const { clientHeight, clientWidth } = scrollRef.value;
-					trackSize.width = clientWidth;
-					trackSize.height = clientHeight;
-					barX.value?.setTrackSize(trackSize.width);
-					barY.value?.setTrackSize(trackSize.height);
-					updateBar();
-					emit("resize", entries.map((entry) => entry.target));
-				}
-			}
-		});
+		function getScrollContainer() {
+			if (isExternal.value) return externalTarget.value ?? void 0;
+			return containerRef.value;
+		}
+		function syncTrackSize() {
+			const container = getScrollContainer();
+			if (!container) return;
+			trackSize.width = container.clientWidth;
+			trackSize.height = container.clientHeight;
+			barX.value?.setTrackSize(trackSize.width);
+			barY.value?.setTrackSize(trackSize.height);
+		}
 		const updateBar = () => {
-			if (!containerRef.value) return;
-			const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = containerRef.value;
+			const container = getScrollContainer();
+			if (!container) return;
+			const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container;
 			emit("scroll", {
 				x: scrollLeft,
 				y: scrollTop,
@@ -79,25 +84,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			} else barX.value?.update(0, 0);
 		};
 		const handleDragX = debounce((offset, size) => {
-			const container = containerRef.value;
+			const container = getScrollContainer();
+			if (!container) return;
 			const { clientWidth, scrollWidth } = container;
 			container.scrollLeft = offset / (trackSize.width - size) * (scrollWidth - clientWidth);
 		}, props.dragDebounce ?? 0, false);
 		const handleDragY = debounce((offset, size) => {
-			const container = containerRef.value;
+			const container = getScrollContainer();
+			if (!container) return;
 			const { clientHeight, scrollHeight } = container;
 			container.scrollTop = offset / (trackSize.height - size) * (scrollHeight - clientHeight);
 		}, props.dragDebounce ?? 0, false);
-		const handleScroll = (e) => {
+		const handleScroll = () => {
 			updateBar();
 		};
+		useResizeObserver({
+			targets: [
+				contentRef,
+				scrollRef,
+				() => externalTarget.value ?? null
+			],
+			onResize: (entries) => {
+				syncTrackSize();
+				updateBar();
+				if (entries.length) emit("resize", entries.map((entry) => entry.target));
+			}
+		});
+		let detachExternalScroll;
+		watch(externalTarget, (el, _, onCleanup) => {
+			detachExternalScroll?.();
+			detachExternalScroll = void 0;
+			if (!el || !isExternal.value) return;
+			const onScroll = () => updateBar();
+			el.addEventListener("scroll", onScroll, { passive: true });
+			detachExternalScroll = () => el.removeEventListener("scroll", onScroll);
+			syncTrackSize();
+			updateBar();
+			onCleanup(() => {
+				detachExternalScroll?.();
+				detachExternalScroll = void 0;
+			});
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			detachExternalScroll?.();
+		});
 		const scrollToLeft = (left) => {
-			const container = containerRef.value;
+			const container = getScrollContainer();
 			if (!container) return;
 			container.scrollTo({ left });
 		};
 		const scrollToTop = (top) => {
-			const container = containerRef.value;
+			const container = getScrollContainer();
 			if (!container) return;
 			container.scrollTo({ top });
 		};
@@ -106,10 +143,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			if (position.y !== void 0) scrollToTop(position.y);
 		};
 		provide(ScrollDIKey, { cls });
+		const activeContainerRef = shallowRef();
+		watch([
+			isExternal,
+			externalTarget,
+			containerRef
+		], () => {
+			activeContainerRef.value = getScrollContainer();
+		}, { immediate: true });
 		__expose({
 			el: scrollRef,
 			contentRef,
-			containerRef,
+			containerRef: activeContainerRef,
 			scrollTo,
 			update: updateBar
 		});
@@ -119,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				style: normalizeStyle(style.value),
 				ref_key: "scrollRef",
 				ref: scrollRef
-			}, [
+			}, [!isExternal.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 				createElementVNode("div", {
 					ref_key: "containerRef",
 					ref: containerRef,
@@ -149,7 +194,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					ref_key: "barX",
 					ref: barX
 				}, null, 8, ["class", "onDrag"])
-			], 6);
+			], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [renderSlot(_ctx.$slots, "default"), externalTarget.value ? (openBlock(), createBlock(Teleport, {
+				key: 0,
+				to: externalTarget.value
+			}, [createElementVNode("div", {
+				ref_key: "overlayRef",
+				ref: overlayRef,
+				class: normalizeClass(unref(cls).e("overlay"))
+			}, [createVNode(_sfc_main$1, {
+				type: "y",
+				class: normalizeClass(unref(cls).e("bar-y")),
+				onDrag: unref(handleDragY),
+				ref_key: "barY",
+				ref: barY
+			}, null, 8, ["class", "onDrag"]), createVNode(_sfc_main$1, {
+				type: "x",
+				class: normalizeClass(unref(cls).e("bar-x")),
+				onDrag: unref(handleDragX),
+				ref_key: "barX",
+				ref: barX
+			}, null, 8, ["class", "onDrag"])], 2)], 8, ["to"])) : createCommentVNode("v-if", true)], 64))], 6);
 		};
 	}
 });

package/dist/components/scroll/scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <div\n      ref=\"containerRef\"\n      :class=\"[cls.e('container'), containerClass]\"\n      @scroll.passive=\"handleScroll\"\n      :style=\"containerStyle\"\n    >\n      <component\n        ref=\"contentRef\"\n        :style=\"contentStyle\"\n        :class=\"[cls.e('content'), contentClass]\"\n        :is=\"tag\"\n      >\n        <slot />\n      </component>\n    </div>\n\n    <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n    <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { type CSSProperties, computed, provide, shallowRef } from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({\n  name: 'Scroll'\n})\n\nconst props = withDefaults(defineProps<ScrollProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\n// 样式-------------------------------------------------------------\nconst style = computed<CSSProperties>(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\n// 模板引用------------------------------------------------\n/** 内容引用 */\nconst contentRef = shallowRef<HTMLElement>()\n/** 滚动根元素引用 */\nconst scrollRef = shallowRef<HTMLElement>()\n/** 容器引用 */\nconst containerRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = {\n  width: 0,\n  height: 0\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef],\n  onResize: (entries) => {\n    if (entries.length && scrollRef.value) {\n      const { clientHeight, clientWidth } = scrollRef.value\n\n      trackSize.width = clientWidth\n      trackSize.height = clientHeight\n\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n      updateBar()\n\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\n// 更新滚动条\nconst updateBar = () => {\n  if (!containerRef.value) return\n\n  const {\n    scrollHeight,\n    clientHeight,\n    scrollTop,\n\n    scrollWidth,\n    clientWidth,\n    scrollLeft\n  } = containerRef.value\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\n// 滚动条拖拽\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value!\n    const { clientWidth, scrollWidth } = container\n\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = containerRef.value!\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\n// 滚动事件\nconst handleScroll = (e) => {\n  updateBar()\n}\n\n// 滚动至------------------------------------------------\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n\n  container.scrollTo({\n    left\n  })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\n  if (!container) return\n\n  container.scrollTo({\n    top\n  })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, {\n  cls\n})\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"scroll.js","names":[],"sources":["../../../src/components/scroll/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"className\" :style=\"style\" ref=\"scrollRef\">\n    <template v-if=\"!isExternal\">\n      <div\n        ref=\"containerRef\"\n        :class=\"[cls.e('container'), containerClass]\"\n        @scroll.passive=\"handleScroll\"\n        :style=\"containerStyle\"\n      >\n        <component\n          ref=\"contentRef\"\n          :style=\"contentStyle\"\n          :class=\"[cls.e('content'), contentClass]\"\n          :is=\"tag\"\n        >\n          <slot />\n        </component>\n      </div>\n\n      <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n      <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n    </template>\n\n    <template v-else>\n      <slot />\n      <Teleport v-if=\"externalTarget\" :to=\"externalTarget\">\n        <div ref=\"overlayRef\" :class=\"cls.e('overlay')\">\n          <u-scroll-bar type=\"y\" :class=\"cls.e('bar-y')\" @drag=\"handleDragY\" ref=\"barY\" />\n          <u-scroll-bar type=\"x\" :class=\"cls.e('bar-x')\" @drag=\"handleDragX\" ref=\"barX\" />\n        </div>\n      </Teleport>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { useResizeObserver } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  type CSSProperties,\n  computed,\n  onBeforeUnmount,\n  provide,\n  shallowRef,\n  toValue,\n  watch\n} from 'vue'\n\nimport type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'\nimport { ScrollDIKey } from './di'\nimport UScrollBar from './scroll-bar.vue'\n\ndefineOptions({\n  name: 'Scroll'\n})\n\nconst props = withDefaults(defineProps<ScrollProps>(), {\n  tag: 'div'\n})\n\nconst emit = defineEmits<ScrollEmits>()\n\ndefineSlots<{\n  /** 默认插槽 */\n  default(): any\n  /** 内容插槽 */\n  content(): any\n}>()\n\nconst cls = bem('scroll')\n\nconst isExternal = computed(() => props.target !== undefined)\n\nconst externalTarget = computed(() => (isExternal.value ? toValue(props.target) : null))\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always), bem.is('external', isExternal.value)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  if (isExternal.value) return {}\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\nconst containerRef = shallowRef<HTMLElement>()\nconst overlayRef = shallowRef<HTMLElement>()\nconst barX = shallowRef<InstanceType<typeof UScrollBar>>()\nconst barY = shallowRef<InstanceType<typeof UScrollBar>>()\nconst minSize = 20\n\nconst trackSize = {\n  width: 0,\n  height: 0\n}\n\nfunction getScrollContainer(): HTMLElement | undefined {\n  if (isExternal.value) {\n    return externalTarget.value ?? undefined\n  }\n  return containerRef.value\n}\n\nfunction syncTrackSize() {\n  const container = getScrollContainer()\n  if (!container) return\n\n  trackSize.width = container.clientWidth\n  trackSize.height = container.clientHeight\n  barX.value?.setTrackSize(trackSize.width)\n  barY.value?.setTrackSize(trackSize.height)\n}\n\nconst updateBar = () => {\n  const container = getScrollContainer()\n  if (!container) return\n\n  const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container\n\n  emit('scroll', {\n    x: scrollLeft,\n    y: scrollTop,\n    sw: scrollWidth,\n    sh: scrollHeight,\n    cw: clientWidth,\n    ch: clientHeight\n  })\n\n  if (scrollHeight !== clientHeight) {\n    const barYHeight = Math.max((clientHeight / scrollHeight) * trackSize.height, minSize)\n    const barYTop = (scrollTop / (scrollHeight - clientHeight)) * (trackSize.height - barYHeight)\n    barY.value?.update(barYHeight, barYTop)\n  } else {\n    barY.value?.update(0, 0)\n  }\n\n  if (scrollWidth !== clientWidth) {\n    const barXWidth = Math.max((clientWidth / scrollWidth) * trackSize.width, minSize)\n    const barXLeft = (scrollLeft / (scrollWidth - clientWidth)) * (trackSize.width - barXWidth)\n    barX.value?.update(barXWidth, barXLeft)\n  } else {\n    barX.value?.update(0, 0)\n  }\n}\n\nconst handleDragX = debounce(\n  (offset: number, size: number) => {\n    const container = getScrollContainer()\n    if (!container) return\n    const { clientWidth, scrollWidth } = container\n    container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleDragY = debounce(\n  (offset: number, size: number) => {\n    const container = getScrollContainer()\n    if (!container) return\n    const { clientHeight, scrollHeight } = container\n    container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)\n  },\n  props.dragDebounce ?? 0,\n  false\n)\n\nconst handleScroll = () => {\n  updateBar()\n}\n\nuseResizeObserver({\n  targets: [contentRef, scrollRef, () => externalTarget.value ?? null],\n  onResize: (entries) => {\n    syncTrackSize()\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nlet detachExternalScroll: (() => void) | undefined\n\nwatch(\n  externalTarget,\n  (el, _, onCleanup) => {\n    detachExternalScroll?.()\n    detachExternalScroll = undefined\n    if (!el || !isExternal.value) return\n\n    const onScroll = () => updateBar()\n    el.addEventListener('scroll', onScroll, { passive: true })\n    detachExternalScroll = () => el.removeEventListener('scroll', onScroll)\n    syncTrackSize()\n    updateBar()\n\n    onCleanup(() => {\n      detachExternalScroll?.()\n      detachExternalScroll = undefined\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  detachExternalScroll?.()\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = getScrollContainer()\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = getScrollContainer()\n  if (!container) return\n  container.scrollTo({ top })\n}\n\nconst scrollTo = (position: ScrollPosition) => {\n  if (position.x !== undefined) scrollToLeft(position.x)\n  if (position.y !== undefined) scrollToTop(position.y)\n}\n\nprovide(ScrollDIKey, {\n  cls\n})\n\nconst activeContainerRef = shallowRef<HTMLElement>()\n\nwatch(\n  [isExternal, externalTarget, containerRef],\n  () => {\n    activeContainerRef.value = getScrollContainer()\n  },\n  { immediate: true }\n)\n\nconst exposed: _ScrollExposed = {\n  el: scrollRef,\n  contentRef,\n  containerRef: activeContainerRef,\n  scrollTo,\n  update: updateBar\n}\n\ndefineExpose(exposed)\n</script>\n"],"mappings":"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"}

package/dist/components/scroll/style2.css

@@ -22,6 +22,28 @@
   overflow: hidden;
   scroll-behavior: auto;
 }
+.u-scroll.is-external {
+  display: contents;
+}
+.u-scroll__overlay {
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: 2;
+}
+.u-scroll__overlay .u-scroll__bar-x {
+  pointer-events: auto;
+}
+.u-scroll__overlay .u-scroll__bar-y {
+  pointer-events: auto;
+}
+.u-scroll__overlay:hover > .u-scroll__bar-x {
+  opacity: 1;
+}
+.u-scroll__overlay:hover > .u-scroll__bar-y {
+  opacity: 1;
+}
 .u-scroll__container {
   overflow: auto;
   height: 100%;

package/dist/components/steps/steps.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<StepsProps, {}, {}, {}, {}, _$vu
   "onUpdate:current"?: ((value?: string | number | undefined) => any) | undefined;
   "onItem-click"?: ((item: Record<string, any>, index: number) => any) | undefined;
 }>, {
-  labelKey: string;
   direction: "horizontal" | "vertical";
+  labelKey: string;
   finishedStepType: _$_veltra_utils0.ColorType;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tabs/tabs-horizontal.vue.d.ts

@@ -24,9 +24,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
-  block: boolean;
   rounded: boolean;
   position: "top" | "bottom";
+  block: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tabs/tabs.vue.d.ts

@@ -19,9 +19,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
-  block: boolean;
   rounded: boolean;
   position: "left" | "right" | "top" | "bottom";
+  block: boolean;
   keepAlive: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/tip/tip.vue.d.ts

@@ -11,10 +11,10 @@ declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.
 }, string, _$vue.PublicProps, Readonly<TipProps> & Readonly<{
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
+  direction: TipDirection;
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
-  direction: TipDirection;
   content: string;
   alignment: TipAlign;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/tree/tree.vue.d.ts

@@ -21,11 +21,11 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, _TreeExposed, {}, {},
   "onNode-contextmenu"?: ((event: MouseEvent, node: TreeNode<Record<string, any>>) => any) | undefined;
   "onSelected-synced"?: ((selected?: Record<string, any> | undefined) => any) | undefined;
 }>, {
-  data: Record<string, any>[];
   expandOnClickNode: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
+  data: Record<string, any>[];
   checkStrictly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/tree-select/tree-select.vue.d.ts

@@ -26,13 +26,13 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
-  minWidth: string;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
+  minWidth: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/scroll.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ShallowRef } from "vue";
+import { CSSProperties, MaybeRefOrGetter, ShallowRef } from "vue";
 import { DeconstructValue } from "@veltra/utils";
 
 //#region src/types/scroll.d.ts
@@ -41,6 +41,11 @@ interface ScrollProps {
   containerClass?: string | string[];
   /** 拖拽防抖时间 */
   dragDebounce?: number;
+  /**
+   * 外部滚动容器（如 EmbedPDF Viewport）。
+   * 提供时仅渲染自定义滚动条并同步该元素的滚动，不创建内部滚动容器。
+   */
+  target?: MaybeRefOrGetter<HTMLElement | null | undefined>;
 }
 interface ScrollEmits {
   /** 滚动事件 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "files": [
     "dist",
     "src"
@@ -54,6 +54,7 @@
     "@embedpdf/plugin-render": "^2.14.1",
     "@embedpdf/plugin-scroll": "^2.14.1",
     "@embedpdf/plugin-viewport": "^2.14.1",
+    "@embedpdf/plugin-zoom": "^2.14.1",
     "@lexical/history": "^0.43.0",
     "@lexical/html": "^0.43.0",
     "@lexical/link": "^0.43.0",
@@ -61,22 +62,22 @@
     "@lexical/rich-text": "^0.43.0",
     "@lexical/selection": "^0.43.0",
     "@lexical/utils": "^0.43.0",
-    "@veltra/compositions": "1.1.12",
-    "@veltra/directives": "1.1.12",
-    "@veltra/icons": "1.1.12",
-    "@veltra/styles": "1.1.12",
-    "@veltra/utils": "1.1.12",
+    "@veltra/compositions": "1.1.13",
+    "@veltra/directives": "1.1.13",
+    "@veltra/icons": "1.1.13",
+    "@veltra/styles": "1.1.13",
+    "@veltra/utils": "1.1.13",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.1.12",
-    "@veltra/directives": "1.1.12",
-    "@veltra/icons": "1.1.12",
-    "@veltra/styles": "1.1.12",
-    "@veltra/utils": "1.1.12",
+    "@veltra/compositions": "1.1.13",
+    "@veltra/directives": "1.1.13",
+    "@veltra/icons": "1.1.13",
+    "@veltra/styles": "1.1.13",
+    "@veltra/utils": "1.1.13",
     "vue": "^3.5.33"
   }
 }