@veltra/desktop 1.1.19 → 1.1.21

package/dist/components/batch-edit/batch-edit.vue.d.ts

@@ -9,12 +9,12 @@ declare const __VLS_export: <Model extends FormModel>(__VLS_props: NonNullable<A
   props: _$vue.PublicProps & __VLS_PrettifyLocal<BatchEditProps<Model> & {
     "onUpdate:selected"?: ((value: Record<string, any> | undefined) => any) | undefined;
     "onUpdate:checked"?: ((value: Record<string, any>[]) => any) | undefined;
-    "onUpdate:data"?: ((value: Record<string, any>[]) => any) | undefined;
     "onUpdate:rows"?: ((rows: TableRow[]) => any) | undefined;
     "onUpdate:forest"?: ((rows?: _$_cat_kit_core0.Forest<Record<string, unknown>, any> | undefined) => any) | undefined;
     "onUpdate:current"?: ((row?: TableRow | undefined) => any) | undefined;
     "onCell-click"?: ((row: TableRow, column: TableColumn, ev: MouseEvent) => any) | undefined;
     "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
+    "onUpdate:data"?: ((value: Record<string, any>[]) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});

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

@@ -4,21 +4,21 @@ import * as _$vue from "vue";
 //#region src/components/cascade/cascade.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value?: string | string[] | undefined) => any;
-  clear: () => any;
   change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<CascadeProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | string[] | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
   data: Record<string, any>[];
-  placeholder: string;
-  clearable: boolean;
   filterable: boolean;
   visibilityLimit: number;
   separator: string;

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

@@ -1,5 +1,4 @@
-import _sfc_main$1 from "../../scroll/scroll.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, onBeforeUnmount, openBlock, renderSlot, unref, watch, withCtx } from "vue";
+import { computed, defineComponent, inject, onBeforeUnmount, renderSlot, watch } from "vue";
 //#region src/components/file-viewer/previewers/pdf-viewport-scroll.vue
 const VIEWPORT_ELEMENT_KEY = "viewport-element";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -70,10 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			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);
+			return renderSlot(_ctx.$slots, "default");
 		};
 	}
 });

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

@@ -1 +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;GAChE,IAAI,EAAE,kBAAkB,cAAc,OAAO;GAC7C,OAAO,CAAC,CAAC,OAAO,QACd,4GACF;;EAGF,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,EAAE,WAAW,KAAK,oBAAoB,EAAE,OAAM,EAAG;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,WAAW;IACT,WAAW,EAAE;IACb,QAAQ,EAAE;IACV,QAAQ,EAAE;IACV,YAAY,GAAG;IACf,WAAW,GAAG;IAChB;GACA,GAAG,UAAU,IAAI,aAAY;GAC7B,GAAG,kBAAkB,EAAE,UAAS;GAChC,EAAE,gBAAe;;EAGnB,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,GAAG,aAAa,SAAS,cAAc,EAAE,UAAU,SAAS;GAC5D,GAAG,YAAY,SAAS,aAAa,EAAE,UAAU,SAAS;;EAG5D,SAAS,OAAO,GAAiB;GAC/B,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,IAAI,kBAAkB,EAAE,UAAS,EACnC,GAAG,sBAAsB,EAAE,UAAS;GAEtC,IAAI,UAAU,OAAO,aAAY;GACjC,WAAW,KAAA;;EAGb,IAAI;EAEJ,MACE,aACC,IAAI,GAAG,cAAc;GACpB,aAAY;GACZ,YAAY,KAAA;GACZ,IAAI,CAAC,IAAI;GAET,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;GAC1D,GAAG,iBAAiB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;GAE9D,kBAAkB;IAChB,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;IAC7D,GAAG,oBAAoB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;IACjE,GAAG,UAAU,OAAO,aAAY;IAChC,WAAW,KAAA;;GAGb,gBAAgB;IACd,aAAY;IACZ,YAAY,KAAA;KACb;KAEH,EAAE,WAAW,MACf,CAAA;EAEA,sBAAsB;GACpB,aAAY;GACZ,YAAY,KAAA;IACb;;2DA7GC,mBAAA,8CAAA,EACA,YAEW,MAAA,YAAA,EAAA,EAFA,QAAQ,WAAA,OAAU,EAAA;2BACnB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"pdf-viewport-scroll.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-viewport-scroll.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'\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":";;AAUA,MAAM,uBAAuB;;;;;;EAE7B,MAAM,cAAc,OAAmC,qBAAoB;EAC3E,MAAM,aAAa,eAAe,aAAa,SAAS,KAAI;EAE5D,IAAI;EAUJ,SAAS,oBAAoB,QAAqC;GAChE,IAAI,EAAE,kBAAkB,cAAc,OAAO;GAC7C,OAAO,CAAC,CAAC,OAAO,QACd,4GACF;;EAGF,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,EAAE,WAAW,KAAK,oBAAoB,EAAE,OAAM,EAAG;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,WAAW;IACT,WAAW,EAAE;IACb,QAAQ,EAAE;IACV,QAAQ,EAAE;IACV,YAAY,GAAG;IACf,WAAW,GAAG;IAChB;GACA,GAAG,UAAU,IAAI,aAAY;GAC7B,GAAG,kBAAkB,EAAE,UAAS;GAChC,EAAE,gBAAe;;EAGnB,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,GAAG,aAAa,SAAS,cAAc,EAAE,UAAU,SAAS;GAC5D,GAAG,YAAY,SAAS,aAAa,EAAE,UAAU,SAAS;;EAG5D,SAAS,OAAO,GAAiB;GAC/B,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,IAAI,kBAAkB,EAAE,UAAS,EACnC,GAAG,sBAAsB,EAAE,UAAS;GAEtC,IAAI,UAAU,OAAO,aAAY;GACjC,WAAW,KAAA;;EAGb,IAAI;EAEJ,MACE,aACC,IAAI,GAAG,cAAc;GACpB,aAAY;GACZ,YAAY,KAAA;GACZ,IAAI,CAAC,IAAI;GAET,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;GAC1D,GAAG,iBAAiB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;GAE9D,kBAAkB;IAChB,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;IAC7D,GAAG,oBAAoB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;IACjE,GAAG,UAAU,OAAO,aAAY;IAChC,WAAW,KAAA;;GAGb,gBAAgB;IACd,aAAY;IACZ,YAAY,KAAA;KACb;KAEH,EAAE,WAAW,MACf,CAAA;EAEA,sBAAsB;GACpB,aAAY;GACZ,YAAY,KAAA;IACb;;UAxGC,WAAQ,KAAA,QAAA,UAAA"}

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

@@ -17,20 +17,20 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  clear: () => any;
   change: (value: string) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
+  clear: () => any;
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {

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

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

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

@@ -15,22 +15,22 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: (string | number)[]) => any;
 } & {
   "update:modelValue": (value: any[]) => any;
-  clear: () => any;
   change: (checked: Record<string, any>[]) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  placeholder: string;
-  clearable: boolean;
-  filterable: boolean;
   minWidth: string;
+  filterable: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -5,10 +5,10 @@ import * as _$_veltra_utils0 from "@veltra/utils";
 //#region src/components/notification/notification.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NotificationProps, _$_veltra_utils0.DeconstructValue<_NotificationExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
   closable: boolean;
-  position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
   duration: number;
   offset: number;
   buttonText: string;
+  position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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/number-input/number-input.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: number | undefined) => any;
 } & {
   "update:modelValue": (value?: number | undefined) => any;
-  clear: () => any;
   change: (value?: number | undefined) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value?: number | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopConfirmProps, {}, {}, {}, {},
   onCancel?: (() => any) | undefined;
 }>, {
   trigger: "hover" | "click";
-  direction: TipDirection;
   icon: _$vue.Component;
+  direction: TipDirection;
   iconColor: string;
   confirmText: string;
   cancelText: 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 { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, toValue, unref, watch, withCtx } from "vue";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, unref, withCtx } from "vue";
 import { useResizeObserver } from "@veltra/compositions";
 import { bem, withUnit } from "@veltra/utils";
 import { debounce } from "@cat-kit/core";
@@ -17,51 +17,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		containerStyle: {},
 		contentClass: {},
 		containerClass: {},
-		dragDebounce: {},
-		target: {}
+		dragDebounce: {}
 	},
 	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),
-				bem.is("external", isExternal.value)
-			];
+			return [cls.b, bem.is("always", props.always)];
 		});
 		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
 		};
-		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 = () => {
-			const container = getScrollContainer();
+			const container = containerRef.value;
 			if (!container) return;
 			const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container;
 			emit("scroll", {
@@ -84,13 +63,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			} else barX.value?.update(0, 0);
 		};
 		const handleDragX = debounce((offset, size) => {
-			const container = getScrollContainer();
+			const container = containerRef.value;
 			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 = getScrollContainer();
+			const container = containerRef.value;
 			if (!container) return;
 			const { clientHeight, scrollHeight } = container;
 			container.scrollTop = offset / (trackSize.height - size) * (scrollHeight - clientHeight);
@@ -99,42 +78,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			updateBar();
 		};
 		useResizeObserver({
-			targets: [
-				contentRef,
-				scrollRef,
-				() => externalTarget.value ?? null
-			],
+			targets: [contentRef, scrollRef],
 			onResize: (entries) => {
-				syncTrackSize();
+				const trackEl = scrollRef.value;
+				if (trackEl) {
+					trackSize.width = trackEl.clientWidth;
+					trackSize.height = trackEl.clientHeight;
+					barX.value?.setTrackSize(trackSize.width);
+					barY.value?.setTrackSize(trackSize.height);
+				}
 				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 = getScrollContainer();
+			const container = containerRef.value;
 			if (!container) return;
 			container.scrollTo({ left });
 		};
 		const scrollToTop = (top) => {
-			const container = getScrollContainer();
+			const container = containerRef.value;
 			if (!container) return;
 			container.scrollTo({ top });
 		};
@@ -143,18 +106,10 @@ 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: activeContainerRef,
+			containerRef,
 			scrollTo,
 			update: updateBar
 		});
@@ -164,7 +119,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,
@@ -194,26 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					ref_key: "barX",
 					ref: barX
 				}, null, 8, ["class", "onDrag"])
-			], 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);
+			], 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    <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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"}
+{"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')\n\nconst className = computed(() => {\n  return [cls.b, bem.is('always', props.always)]\n})\n\nconst style = computed<CSSProperties>(() => {\n  return {\n    height: withUnit(props.height, 'px')\n  }\n})\n\nconst contentRef = shallowRef<HTMLElement>()\nconst scrollRef = shallowRef<HTMLElement>()\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\nconst updateBar = () => {\n  const container = containerRef.value\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 = containerRef.value\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 = containerRef.value\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],\n  onResize: (entries) => {\n    const trackEl = scrollRef.value\n    if (trackEl) {\n      trackSize.width = trackEl.clientWidth\n      trackSize.height = trackEl.clientHeight\n      barX.value?.setTrackSize(trackSize.width)\n      barY.value?.setTrackSize(trackSize.height)\n    }\n    updateBar()\n    if (entries.length) {\n      emit(\n        'resize',\n        entries.map((entry) => entry.target as HTMLElement)\n      )\n    }\n  }\n})\n\nconst scrollToLeft = (left: number) => {\n  const container = containerRef.value\n  if (!container) return\n  container.scrollTo({ left })\n}\n\nconst scrollToTop = (top: number) => {\n  const container = containerRef.value\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 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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"}

package/dist/components/scroll/style2.css

@@ -22,28 +22,6 @@
   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/select/select.vue.d.ts

@@ -28,10 +28,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
-  labelKey: string;
-  valueKey: string;
   placeholder: string;
   clearable: boolean;
+  labelKey: string;
+  valueKey: 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/components/tabs/tabs-horizontal.vue.d.ts

@@ -16,17 +16,17 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  click: (item: TabItem, index: number) => any;
   close: (item: TabItem, index: number) => any;
+  click: (item: TabItem, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClick?: ((item: TabItem, index: number) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
+  onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
-  rounded: boolean;
   position: "top" | "bottom";
   block: boolean;
+  rounded: 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-vertical.vue.d.ts

@@ -15,16 +15,16 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  click: (item: TabItem, index: number) => any;
   close: (item: TabItem, index: number) => any;
+  click: (item: TabItem, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClick?: ((item: TabItem, index: number) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
+  onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
-  rounded: boolean;
   position: "left" | "right";
+  rounded: 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

@@ -11,17 +11,17 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  click: (item: TabItem, index: number) => any;
   close: (item: TabItem, index: number) => any;
+  click: (item: TabItem, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClick?: ((item: TabItem, index: number) => any) | undefined;
   onClose?: ((item: TabItem, index: number) => any) | undefined;
+  onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
-  rounded: boolean;
   position: "left" | "right" | "top" | "bottom";
   block: boolean;
+  rounded: boolean;
   keepAlive: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -11,15 +11,15 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  clear: () => any;
   change: (value: string) => any;
   focus: () => any;
+  clear: () => any;
   blur: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   onFocus?: (() => any) | undefined;
+  onClear?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
 }>, {
   disabled: boolean;

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

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
-  direction: TipDirection;
   content: string;
+  direction: TipDirection;
   alignment: TipAlign;
 }, {}, {}, {}, 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

@@ -15,24 +15,24 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | number | undefined) => any;
 } & {
-  clear: () => any;
   change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
+  clear: () => any;
   "update:text": (text?: string | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  placeholder: string;
-  clearable: boolean;
-  filterable: boolean;
   minWidth: string;
+  filterable: 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/watermark/watermark.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<WatermarkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-  route: number;
   fontSize: number;
+  route: number;
 }, {}, {}, {}, 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, MaybeRefOrGetter, ShallowRef } from "vue";
+import { CSSProperties, ShallowRef } from "vue";
 import { DeconstructValue } from "@veltra/utils";
 
 //#region src/types/scroll.d.ts
@@ -41,11 +41,6 @@ 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.19",
+  "version": "1.1.21",
   "files": [
     "dist",
     "src"
@@ -70,11 +70,11 @@
   "peerDependencies": {
     "@cat-kit/core": ">=1.1.0",
     "@cat-kit/excel": ">=1.0.0",
-    "@veltra/compositions": "1.1.19",
-    "@veltra/directives": "1.1.19",
-    "@veltra/icons": "1.1.19",
-    "@veltra/styles": "1.1.19",
-    "@veltra/utils": "1.1.19",
+    "@veltra/compositions": "1.1.21",
+    "@veltra/directives": "1.1.21",
+    "@veltra/icons": "1.1.21",
+    "@veltra/styles": "1.1.21",
+    "@veltra/utils": "1.1.21",
     "vue": ">=3.5.0"
   }
 }

package/src/components/file-viewer/previewers/pdf-viewport-scroll.vue

@@ -1,15 +1,10 @@
 <template>
-  <!-- EmbedPDF Viewport 自带滚动；u-scroll 仅同步自定义滚动条 -->
-  <u-scroll :target="viewportEl">
-    <slot />
-  </u-scroll>
+  <slot />
 </template>
 
 <script lang="ts" setup>
 import { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'
 
-import { UScroll } from '../../scroll'
-
 defineOptions({ name: 'FileViewerPdfViewportScroll' })
 
 /** EmbedPDF Viewport 向子树注入的滚动容器 ref */

package/src/components/scroll/scroll.vue

@@ -1,35 +1,23 @@
 <template>
   <div :class="className" :style="style" ref="scrollRef">
-    <template v-if="!isExternal">
-      <div
-        ref="containerRef"
-        :class="[cls.e('container'), containerClass]"
-        @scroll.passive="handleScroll"
-        :style="containerStyle"
+    <div
+      ref="containerRef"
+      :class="[cls.e('container'), containerClass]"
+      @scroll.passive="handleScroll"
+      :style="containerStyle"
+    >
+      <component
+        ref="contentRef"
+        :style="contentStyle"
+        :class="[cls.e('content'), contentClass]"
+        :is="tag"
       >
-        <component
-          ref="contentRef"
-          :style="contentStyle"
-          :class="[cls.e('content'), contentClass]"
-          :is="tag"
-        >
-          <slot />
-        </component>
-      </div>
+        <slot />
+      </component>
+    </div>
 
-      <u-scroll-bar type="y" :class="cls.e('bar-y')" @drag="handleDragY" ref="barY" />
-      <u-scroll-bar type="x" :class="cls.e('bar-x')" @drag="handleDragX" ref="barX" />
-    </template>
-
-    <template v-else>
-      <slot />
-      <Teleport v-if="externalTarget" :to="externalTarget">
-        <div ref="overlayRef" :class="cls.e('overlay')">
-          <u-scroll-bar type="y" :class="cls.e('bar-y')" @drag="handleDragY" ref="barY" />
-          <u-scroll-bar type="x" :class="cls.e('bar-x')" @drag="handleDragX" ref="barX" />
-        </div>
-      </Teleport>
-    </template>
+    <u-scroll-bar type="y" :class="cls.e('bar-y')" @drag="handleDragY" ref="barY" />
+    <u-scroll-bar type="x" :class="cls.e('bar-x')" @drag="handleDragX" ref="barX" />
   </div>
 </template>
 
@@ -37,15 +25,7 @@
 import { debounce } from '@cat-kit/core'
 import { useResizeObserver } from '@veltra/compositions'
 import { bem, withUnit } from '@veltra/utils'
-import {
-  type CSSProperties,
-  computed,
-  onBeforeUnmount,
-  provide,
-  shallowRef,
-  toValue,
-  watch
-} from 'vue'
+import { type CSSProperties, computed, provide, shallowRef } from 'vue'
 
 import type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '../../types'
 import { ScrollDIKey } from './di'
@@ -70,16 +50,11 @@ defineSlots<{
 
 const cls = bem('scroll')
 
-const isExternal = computed(() => props.target !== undefined)
-
-const externalTarget = computed(() => (isExternal.value ? toValue(props.target) : null))
-
 const className = computed(() => {
-  return [cls.b, bem.is('always', props.always), bem.is('external', isExternal.value)]
+  return [cls.b, bem.is('always', props.always)]
 })
 
 const style = computed<CSSProperties>(() => {
-  if (isExternal.value) return {}
   return {
     height: withUnit(props.height, 'px')
   }
@@ -88,7 +63,6 @@ const style = computed<CSSProperties>(() => {
 const contentRef = shallowRef<HTMLElement>()
 const scrollRef = shallowRef<HTMLElement>()
 const containerRef = shallowRef<HTMLElement>()
-const overlayRef = shallowRef<HTMLElement>()
 const barX = shallowRef<InstanceType<typeof UScrollBar>>()
 const barY = shallowRef<InstanceType<typeof UScrollBar>>()
 const minSize = 20
@@ -98,25 +72,8 @@ const trackSize = {
   height: 0
 }
 
-function getScrollContainer(): HTMLElement | undefined {
-  if (isExternal.value) {
-    return externalTarget.value ?? undefined
-  }
-  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 = () => {
-  const container = getScrollContainer()
+  const container = containerRef.value
   if (!container) return
 
   const { scrollHeight, clientHeight, scrollTop, scrollWidth, clientWidth, scrollLeft } = container
@@ -149,7 +106,7 @@ const updateBar = () => {
 
 const handleDragX = debounce(
   (offset: number, size: number) => {
-    const container = getScrollContainer()
+    const container = containerRef.value
     if (!container) return
     const { clientWidth, scrollWidth } = container
     container.scrollLeft = (offset / (trackSize.width - size)) * (scrollWidth - clientWidth)
@@ -160,7 +117,7 @@ const handleDragX = debounce(
 
 const handleDragY = debounce(
   (offset: number, size: number) => {
-    const container = getScrollContainer()
+    const container = containerRef.value
     if (!container) return
     const { clientHeight, scrollHeight } = container
     container.scrollTop = (offset / (trackSize.height - size)) * (scrollHeight - clientHeight)
@@ -174,9 +131,15 @@ const handleScroll = () => {
 }
 
 useResizeObserver({
-  targets: [contentRef, scrollRef, () => externalTarget.value ?? null],
+  targets: [contentRef, scrollRef],
   onResize: (entries) => {
-    syncTrackSize()
+    const trackEl = scrollRef.value
+    if (trackEl) {
+      trackSize.width = trackEl.clientWidth
+      trackSize.height = trackEl.clientHeight
+      barX.value?.setTrackSize(trackSize.width)
+      barY.value?.setTrackSize(trackSize.height)
+    }
     updateBar()
     if (entries.length) {
       emit(
@@ -187,41 +150,14 @@ useResizeObserver({
   }
 })
 
-let detachExternalScroll: (() => void) | undefined
-
-watch(
-  externalTarget,
-  (el, _, onCleanup) => {
-    detachExternalScroll?.()
-    detachExternalScroll = undefined
-    if (!el || !isExternal.value) return
-
-    const onScroll = () => updateBar()
-    el.addEventListener('scroll', onScroll, { passive: true })
-    detachExternalScroll = () => el.removeEventListener('scroll', onScroll)
-    syncTrackSize()
-    updateBar()
-
-    onCleanup(() => {
-      detachExternalScroll?.()
-      detachExternalScroll = undefined
-    })
-  },
-  { immediate: true }
-)
-
-onBeforeUnmount(() => {
-  detachExternalScroll?.()
-})
-
 const scrollToLeft = (left: number) => {
-  const container = getScrollContainer()
+  const container = containerRef.value
   if (!container) return
   container.scrollTo({ left })
 }
 
 const scrollToTop = (top: number) => {
-  const container = getScrollContainer()
+  const container = containerRef.value
   if (!container) return
   container.scrollTo({ top })
 }
@@ -235,20 +171,10 @@ provide(ScrollDIKey, {
   cls
 })
 
-const activeContainerRef = shallowRef<HTMLElement>()
-
-watch(
-  [isExternal, externalTarget, containerRef],
-  () => {
-    activeContainerRef.value = getScrollContainer()
-  },
-  { immediate: true }
-)
-
 const exposed: _ScrollExposed = {
   el: scrollRef,
   contentRef,
-  containerRef: activeContainerRef,
+  containerRef,
   scrollTo,
   update: updateBar
 }

package/src/components/scroll/style.scss

@@ -12,28 +12,6 @@ $root-name: scroll;
   overflow: hidden;
   scroll-behavior: auto;
 
-  @include m.is(external) {
-    display: contents;
-  }
-
-  @include m.e(overlay) {
-    position: absolute;
-    inset: 0;
-    overflow: hidden;
-    pointer-events: none;
-    z-index: 2;
-
-    @include m.bem($root-name, (bar-x, bar-y)) {
-      pointer-events: auto;
-    }
-
-    &:hover > {
-      @include m.bem($root-name, (bar-x, bar-y)) {
-        opacity: 1;
-      }
-    }
-  }
-
   // 滚动容器
   @include m.e(container) {
     overflow: auto;

package/src/types/scroll.ts

@@ -1,5 +1,5 @@
 import type { DeconstructValue } from '@veltra/utils'
-import type { CSSProperties, MaybeRefOrGetter, ShallowRef } from 'vue'
+import type { CSSProperties, ShallowRef } from 'vue'
 
 export type ScrollPosition = {
   /** 横向位置 */
@@ -53,12 +53,6 @@ export interface ScrollProps {
 
   /** 拖拽防抖时间 */
   dragDebounce?: number
-
-  /**
-   * 外部滚动容器（如 EmbedPDF Viewport）。
-   * 提供时仅渲染自定义滚动条并同步该元素的滚动，不创建内部滚动容器。
-   */
-  target?: MaybeRefOrGetter<HTMLElement | null | undefined>
 }
 
 export interface ScrollEmits {