@veltra/desktop 1.1.12 → 1.1.14

package/dist/components/batch-edit/batch-edit.js

@@ -143,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			return openBlock(), createBlock(unref(_sfc_main$1), {
 				class: normalizeClass(unref(cls).b),
 				cols: cols.value,
-				rows: "100%",
+				rows: "minmax(0, 1fr)",
 				gap: "8px",
 				resizable: "",
 				onKeydown: handleKeydown,

package/dist/components/batch-edit/batch-edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"100%\"\n    gap=\"8px\"\n    resizable\n    @keydown=\"handleKeydown\"\n    tabindex=\"-1\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm v-slot=\"scoped\">\n      <!-- @vue-ignore -->\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends FormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport type { FormModel } from '../form'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n  const { features } = props\n\n  if (Array.isArray(features)) {\n    return new Set(features)\n  }\n\n  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n  if (!features) {\n    return defaultFeatures\n  }\n\n  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n  Object.entries(features).forEach(([key, value]) => {\n    const k = key as BatchEditFeature\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(k)\n    } else if (value === true) {\n      defaultFeatures.add(k)\n    }\n  })\n  return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n  const { features } = props\n  if (!Array.isArray(features) && typeof features === 'object') {\n    const ret = Object.entries(features)\n      .filter(([_, value]) => {\n        return typeof value === 'function'\n      })\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value\n          return acc\n        },\n        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n      )\n    return ret\n  }\n\n  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 表单数据 */\n      data: Model['data']\n      /** 表单模型 */\n      model: Model\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{\n    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  ...editCtx\n})\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n  watch(dialogCtx.visible, (visible) => {\n    !visible && editCtx.handleClose()\n  })\n\nconst cols = computed(() => {\n  return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键：\n * - Esc        关闭表单\n * - ⌘/Ctrl + S   保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N   新增（仅在不在表单中时）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (props.readonly && e.key !== 'Escape') return\n\n  if (e.key === 'Escape') {\n    if (state.visible) {\n      e.preventDefault()\n      handleClose()\n    }\n    return\n  }\n\n  const meta = e.metaKey || e.ctrlKey\n  if (!meta) return\n\n  const key = e.key.toLowerCase()\n\n  if (key === 's' && state.visible) {\n    e.preventDefault()\n    handleSave()\n    return\n  }\n\n  if (e.key === 'Backspace' && state.row && state.type === 'update') {\n    e.preventDefault()\n    handleDelete(state.row)\n    return\n  }\n\n  if (key === 'n' && !state.visible) {\n    e.preventDefault()\n    handleCreate()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;AAErB,OAAI,MAAM,QAAQ,SAAS,CACzB,QAAO,IAAI,IAAI,SAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;IAAc,CAAA;AAE/F,OAAI,CAAC,SACH,QAAO;AAIT,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;AACV,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,EAAC;aACf,UAAU,KACnB,iBAAgB,IAAI,EAAC;KAExB;AACD,UAAO;IACR;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;AACrB,OAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,OAAO,aAAa,SAYlD,QAXY,OAAO,QAAQ,SAAQ,CAChC,QAAQ,CAAC,GAAG,WAAW;AACtB,WAAO,OAAO,UAAU;KACzB,CACA,QACE,KAAK,CAAC,KAAK,WAAW;AACrB,QAAI,OAAO;AACX,WAAO;MAET,EAAE,CAEC;AAGT,UAAO,EAAE;IACV;EAED,MAAM,QAAQ,UAAA;EAuBd,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,WAAW,YAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;GAAU,CAAA;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;AAEvE,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAE/C,eACE,MAAM,UAAU,UAAU,YAAY;AACpC,IAAC,WAAW,QAAQ,aAAY;IACjC;EAEH,MAAM,OAAO,eAAe;AAC1B,UAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;IACpD;;;;;;;;EASD,SAAS,cAAc,GAAkB;AACvC,OAAI,MAAM,YAAY,EAAE,QAAQ,SAAU;AAE1C,OAAI,EAAE,QAAQ,UAAU;AACtB,QAAI,MAAM,SAAS;AACjB,OAAE,gBAAe;AACjB,kBAAY;;AAEd;;AAIF,OAAI,EADS,EAAE,WAAW,EAAE,SACjB;GAEX,MAAM,MAAM,EAAE,IAAI,aAAY;AAE9B,OAAI,QAAQ,OAAO,MAAM,SAAS;AAChC,MAAE,gBAAe;AACjB,gBAAW;AACX;;AAGF,OAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;AACjE,MAAE,gBAAe;AACjB,iBAAa,MAAM,IAAG;AACtB;;AAGF,OAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;AACjC,MAAE,gBAAe;AACjB,kBAAa;;;;uBAzLf,YAiBW,MAAA,YAAA,EAAA;IAhBR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,SAAa;KACb,YAAgC,aAAA,EAAT,OAAK,CAAA;KAE5B,mBAAA,SAAa;KACb,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,gBAAoB,EACpB,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,OAAM,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"batch-edit.js","names":[],"sources":["../../../src/components/batch-edit/batch-edit.vue"],"sourcesContent":["<template>\n  <u-layout\n    :class=\"cls.b\"\n    :cols=\"cols\"\n    rows=\"minmax(0, 1fr)\"\n    gap=\"8px\"\n    resizable\n    @keydown=\"handleKeydown\"\n    tabindex=\"-1\"\n  >\n    <!-- 编辑列表 -->\n    <BatchEditList :slots=\"slots\" />\n\n    <!-- 编辑表单 -->\n    <BatchEditForm v-slot=\"scoped\">\n      <!-- @vue-ignore -->\n      <slot name=\"form\" v-bind=\"scoped\" />\n    </BatchEditForm>\n  </u-layout>\n</template>\n\n<script lang=\"ts\" setup generic=\"Model extends FormModel\">\nimport { bem } from '@veltra/utils'\nimport { computed, inject, provide, shallowRef, watch } from 'vue'\n\nimport type {\n  BatchEditEmits,\n  BatchEditFeature,\n  BatchEditProps,\n  TableColumnSlotsScope,\n  TableExposed,\n  TableRow\n} from '../../types'\nimport { DialogDIKey } from '../dialog/di'\nimport type { FormModel } from '../form'\nimport { ULayout } from '../layout'\nimport BatchEditForm from './batch-edit-form.vue'\nimport BatchEditList from './batch-edit-list.vue'\nimport { BatchEditDIKey } from './di'\nimport { useEdit } from './use-edit'\n\ndefineOptions({ name: 'BatchEdit' })\n\nconst props = withDefaults(defineProps<BatchEditProps<Model>>(), {\n  cols: () => ['1fr', '420px'],\n  mode: 'normal'\n})\n\nconst emit = defineEmits<BatchEditEmits>()\n\nconst staticFeatures = computed(() => {\n  const { features } = props\n\n  if (Array.isArray(features)) {\n    return new Set(features)\n  }\n\n  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])\n\n  if (!features) {\n    return defaultFeatures\n  }\n\n  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）\n  Object.entries(features).forEach(([key, value]) => {\n    const k = key as BatchEditFeature\n    if (typeof value === 'function' || value === false) {\n      defaultFeatures.delete(k)\n    } else if (value === true) {\n      defaultFeatures.add(k)\n    }\n  })\n  return defaultFeatures\n})\n\nconst dynamicFeatures = computed<\n  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n>(() => {\n  const { features } = props\n  if (!Array.isArray(features) && typeof features === 'object') {\n    const ret = Object.entries(features)\n      .filter(([_, value]) => {\n        return typeof value === 'function'\n      })\n      .reduce(\n        (acc, [key, value]) => {\n          acc[key] = value\n          return acc\n        },\n        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>\n      )\n    return ret\n  }\n\n  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>\n})\n\nconst slots = defineSlots<\n  {\n    form?: (props: {\n      /** 表单数据 */\n      data: Model['data']\n      /** 表单模型 */\n      model: Model\n      /** 当前编辑的层级 */\n      depth?: number\n      /** 当前编辑的行 */\n      row?: TableRow\n      /** 当前编辑的行索引 */\n      index?: number\n      /** 操作的目标行索引路径 */\n      indexes?: number[]\n    }) => any\n\n    header?: () => any\n  } & Partial<{\n    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any\n  }>\n>()\n\nconst cls = bem('batch-edit')\n\nconst tableRef = shallowRef<TableExposed>()\n\nconst editCtx = useEdit({ props, emit, tableRef })\n\nconst { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx\n\nprovide(BatchEditDIKey, {\n  cls,\n  props,\n  emit,\n  tableRef,\n  staticFeatures,\n  dynamicFeatures,\n  ...editCtx\n})\n\nconst dialogCtx = inject(DialogDIKey, undefined)\n\ndialogCtx &&\n  watch(dialogCtx.visible, (visible) => {\n    !visible && editCtx.handleClose()\n  })\n\nconst cols = computed(() => {\n  return !!state.row || state.visible ? props.cols : undefined\n})\n\n/**\n * 键盘快捷键：\n * - Esc        关闭表单\n * - ⌘/Ctrl + S   保存\n * - ⌘/Ctrl + Backspace 删除当前编辑行\n * - ⌘/Ctrl + N   新增（仅在不在表单中时）\n */\nfunction handleKeydown(e: KeyboardEvent) {\n  if (props.readonly && e.key !== 'Escape') return\n\n  if (e.key === 'Escape') {\n    if (state.visible) {\n      e.preventDefault()\n      handleClose()\n    }\n    return\n  }\n\n  const meta = e.metaKey || e.ctrlKey\n  if (!meta) return\n\n  const key = e.key.toLowerCase()\n\n  if (key === 's' && state.visible) {\n    e.preventDefault()\n    handleSave()\n    return\n  }\n\n  if (e.key === 'Backspace' && state.row && state.type === 'update') {\n    e.preventDefault()\n    handleDelete(state.row)\n    return\n  }\n\n  if (key === 'n' && !state.visible) {\n    e.preventDefault()\n    handleCreate()\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,iBAAiB,eAAe;GACpC,MAAM,EAAE,aAAa;AAErB,OAAI,MAAM,QAAQ,SAAS,CACzB,QAAO,IAAI,IAAI,SAAQ;GAGzB,MAAM,kBAAkB,IAAI,IAAsB;IAAC;IAAU;IAAU;IAAU;IAAc,CAAA;AAE/F,OAAI,CAAC,SACH,QAAO;AAIT,UAAO,QAAQ,SAAS,CAAC,SAAS,CAAC,KAAK,WAAW;IACjD,MAAM,IAAI;AACV,QAAI,OAAO,UAAU,cAAc,UAAU,MAC3C,iBAAgB,OAAO,EAAC;aACf,UAAU,KACnB,iBAAgB,IAAI,EAAC;KAExB;AACD,UAAO;IACR;EAED,MAAM,kBAAkB,eAEhB;GACN,MAAM,EAAE,aAAa;AACrB,OAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,OAAO,aAAa,SAYlD,QAXY,OAAO,QAAQ,SAAQ,CAChC,QAAQ,CAAC,GAAG,WAAW;AACtB,WAAO,OAAO,UAAU;KACzB,CACA,QACE,KAAK,CAAC,KAAK,WAAW;AACrB,QAAI,OAAO;AACX,WAAO;MAET,EAAE,CAEC;AAGT,UAAO,EAAE;IACV;EAED,MAAM,QAAQ,UAAA;EAuBd,MAAM,MAAM,IAAI,aAAY;EAE5B,MAAM,WAAW,YAAyB;EAE1C,MAAM,UAAU,QAAQ;GAAE;GAAO;GAAM;GAAU,CAAA;EAEjD,MAAM,EAAE,OAAO,aAAa,YAAY,cAAc,iBAAiB;AAEvE,UAAQ,gBAAgB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACJ,CAAA;EAED,MAAM,YAAY,OAAO,aAAa,KAAA,EAAS;AAE/C,eACE,MAAM,UAAU,UAAU,YAAY;AACpC,IAAC,WAAW,QAAQ,aAAY;IACjC;EAEH,MAAM,OAAO,eAAe;AAC1B,UAAO,CAAC,CAAC,MAAM,OAAO,MAAM,UAAU,MAAM,OAAO,KAAA;IACpD;;;;;;;;EASD,SAAS,cAAc,GAAkB;AACvC,OAAI,MAAM,YAAY,EAAE,QAAQ,SAAU;AAE1C,OAAI,EAAE,QAAQ,UAAU;AACtB,QAAI,MAAM,SAAS;AACjB,OAAE,gBAAe;AACjB,kBAAY;;AAEd;;AAIF,OAAI,EADS,EAAE,WAAW,EAAE,SACjB;GAEX,MAAM,MAAM,EAAE,IAAI,aAAY;AAE9B,OAAI,QAAQ,OAAO,MAAM,SAAS;AAChC,MAAE,gBAAe;AACjB,gBAAW;AACX;;AAGF,OAAI,EAAE,QAAQ,eAAe,MAAM,OAAO,MAAM,SAAS,UAAU;AACjE,MAAE,gBAAe;AACjB,iBAAa,MAAM,IAAG;AACtB;;AAGF,OAAI,QAAQ,OAAO,CAAC,MAAM,SAAS;AACjC,MAAE,gBAAe;AACjB,kBAAa;;;;uBAzLf,YAiBW,MAAA,YAAA,EAAA;IAhBR,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,MAAM,KAAA;IACP,MAAK;IACL,KAAI;IACJ,WAAA;IACC,WAAS;IACV,UAAS;;2BAEI;KAAb,mBAAA,SAAa;KACb,YAAgC,aAAA,EAAT,OAAK,CAAA;KAE5B,mBAAA,SAAa;KACb,YAGgB,aAAA,MAAA;wBAHO,WAAM,CAC3B,mBAAA,gBAAoB,EACpB,WAAoC,KAAA,QAAA,QAAA,eAAA,mBAAV,OAAM,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/batch-edit/style2.css

@@ -19,12 +19,18 @@
   position: relative;
   overflow: hidden;
   border-radius: var(--u-radius-default);
+  min-height: 0;
 }
 .u-batch-edit:focus, .u-batch-edit:focus-visible {
   outline: none;
 }
+.u-batch-edit > :not(.u-layout__resizer) {
+  min-height: 0;
+  max-height: 100%;
+  overflow: hidden;
+}
 .u-batch-edit__table {
-  flex-grow: 1;
+  height: 100%;
 }
 .u-batch-edit__add {
   position: sticky;

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

@@ -11,12 +11,12 @@ declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {},
   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;
 }>, {
-  data: Record<string, any>[];
   disabled: boolean;
   readonly: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
+  data: Record<string, any>[];
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

package/dist/components/file-viewer/file-viewer.js

@@ -18,7 +18,8 @@ const _hoisted_9 = ["disabled"];
 const _hoisted_10 = ["disabled"];
 const MIN_SCALE = .5;
 const MAX_SCALE = 3;
-const SCALE_STEP = .25;
+/** 每次缩放固定增减 10% */
+const SCALE_STEP = .1;
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FileViewer",
 	inheritAttrs: false,
@@ -70,15 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("file-viewer");
-		const TRANSFORMABLE_KINDS = new Set([
-			"image",
-			"pdf",
-			"docx"
-		]);
+		const TRANSFORMABLE_KINDS = new Set(["image"]);
+		/** 工具栏显示缩放控件的类型 */
+		const ZOOMABLE_KINDS = new Set(["image", "pdf"]);
 		const activeId = useModel(__props, "modelValue");
 		const openModel = useModel(__props, "open");
 		const rootRef = shallowRef();
+		const previewerRef = shallowRef();
 		const scale = ref(1);
+		const pdfZoomLevel = ref(1);
 		const offsetX = ref(0);
 		const offsetY = ref(0);
 		const isDragging = ref(false);
@@ -110,11 +111,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const isModal = computed(() => openModel.value !== void 0);
 		const activeIndexLabel = computed(() => activeIndex.value >= 0 ? `${activeIndex.value + 1} / ${normalizedFiles.value.length}` : "");
 		const isTransformable = computed(() => !!activeFile.value && TRANSFORMABLE_KINDS.has(activeFile.value.kind));
+		const isZoomable = computed(() => !!activeFile.value && ZOOMABLE_KINDS.has(activeFile.value.kind));
+		const isPdfActive = computed(() => activeFile.value?.kind === "pdf");
 		const canPan = computed(() => isTransformable.value && scale.value > 1);
-		const zoomPercent = computed(() => `${Math.round(scale.value * 100)}%`);
-		const zoomInDisabled = computed(() => !isTransformable.value || scale.value >= MAX_SCALE);
-		const zoomOutDisabled = computed(() => !isTransformable.value || scale.value <= MIN_SCALE);
-		const isTransformReset = computed(() => scale.value === 1 && offsetX.value === 0 && offsetY.value === 0);
+		const displayZoomLevel = computed(() => isPdfActive.value ? pdfZoomLevel.value : scale.value);
+		const zoomPercent = computed(() => `${Math.round(displayZoomLevel.value * 100)}%`);
+		const zoomInDisabled = computed(() => !isZoomable.value || displayZoomLevel.value >= MAX_SCALE);
+		const zoomOutDisabled = computed(() => !isZoomable.value || displayZoomLevel.value <= MIN_SCALE);
+		const isTransformReset = computed(() => {
+			if (isPdfActive.value) return Math.abs(pdfZoomLevel.value - 1) < .02;
+			return scale.value === 1 && offsetX.value === 0 && offsetY.value === 0;
+		});
 		const previewerStyle = computed(() => {
 			if (!isTransformable.value) return void 0;
 			return { transform: `translate3d(${offsetX.value}px, ${offsetY.value}px, 0) scale(${scale.value})` };
@@ -151,20 +158,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 		}
 		function zoomIn() {
-			if (!isTransformable.value) return;
+			if (!isZoomable.value) return;
+			if (isPdfActive.value) {
+				previewerRef.value?.zoomIn?.();
+				return;
+			}
 			setScale(scale.value + SCALE_STEP);
 		}
 		function zoomOut() {
-			if (!isTransformable.value) return;
+			if (!isZoomable.value) return;
+			if (isPdfActive.value) {
+				previewerRef.value?.zoomOut?.();
+				return;
+			}
 			setScale(scale.value - SCALE_STEP);
 		}
 		function resetTransform() {
+			if (isPdfActive.value) {
+				previewerRef.value?.resetZoom?.();
+				pdfZoomLevel.value = 1;
+				return;
+			}
 			scale.value = 1;
 			offsetX.value = 0;
 			offsetY.value = 0;
 			dragState = void 0;
 			isDragging.value = false;
 		}
+		function handlePdfZoomChange(level) {
+			pdfZoomLevel.value = level;
+		}
+		function isZoomWheel(e) {
+			return e.ctrlKey || e.metaKey;
+		}
+		function handleViewportWheel(e) {
+			if (!activeFile.value || activeFile.value.kind !== "image") return;
+			if (!isZoomWheel(e)) return;
+			if (isInteractiveTarget(e.target)) return;
+			e.preventDefault();
+			const delta = e.deltaY > 0 ? -SCALE_STEP : SCALE_STEP;
+			setScale(scale.value + delta);
+		}
 		function isInteractiveTarget(target) {
 			if (!(target instanceof HTMLElement)) return false;
 			return !!target.closest("button, a, input, textarea, select, video, [contenteditable=\"true\"]");
@@ -195,6 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			isDragging.value = false;
 		}
 		function handleViewportDblclick() {
+			if (isPdfActive.value) return;
 			if (!isTransformable.value) return;
 			if (scale.value === 1) setScale(2);
 			else resetTransform();
@@ -240,7 +275,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			}
 			if (!activeId.value || !files.some((f) => f.id === activeId.value)) activeId.value = files[0].id;
 		}, { immediate: true });
-		watch(() => activeFile.value?.id, () => resetTransform());
+		watch(() => activeFile.value?.id, async () => {
+			pdfZoomLevel.value = 1;
+			await nextTick();
+			resetTransform();
+		});
 		let previousBodyOverflow = "";
 		let isBodyLocked = false;
 		function lockBody() {
@@ -349,7 +388,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						default: withCtx(() => [createVNode(unref(ArrowRight))]),
 						_: 1
 					})], 10, _hoisted_7)], 2),
-					isTransformable.value ? (openBlock(), createElementBlock("span", {
+					isZoomable.value ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(unref(cls).e("action-group"))
 					}, [
@@ -426,17 +465,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 							unref(bem).is("pannable", canPan.value),
 							unref(bem).is("dragging", isDragging.value)
 						]),
-						onPointerdown: handleViewportPointerDown,
-						onPointermove: handleViewportPointerMove,
-						onPointerup: handleViewportPointerEnd,
-						onPointercancel: handleViewportPointerEnd,
+						onPointerdownCapture: handleViewportPointerDown,
+						onPointermoveCapture: handleViewportPointerMove,
+						onPointerupCapture: handleViewportPointerEnd,
+						onPointercancelCapture: handleViewportPointerEnd,
+						onWheel: handleViewportWheel,
 						onDblclick: handleViewportDblclick
 					}, [(openBlock(), createBlock(resolveDynamicComponent(PreviewerMap[activeFile.value.kind]), {
+						ref_key: "previewerRef",
+						ref: previewerRef,
 						file: activeFile.value,
 						"max-rows": __props.sheetMaxRows,
 						class: normalizeClass(isTransformable.value ? unref(cls).e("previewer") : void 0),
 						style: normalizeStyle(previewerStyle.value),
-						onError: handleChildError
+						onError: handleChildError,
+						onZoomChange: handlePdfZoomChange
 					}, null, 40, [
 						"file",
 						"max-rows",

package/dist/components/file-viewer/file-viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-viewer.js","names":[],"sources":["../../../src/components/file-viewer/file-viewer.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\" :disabled=\"!isModal\">\n    <transition :name=\"isModal ? 'u-file-viewer-modal' : ''\">\n      <div\n        v-if=\"!isModal || openModel\"\n        :class=\"[cls.b, bem.is('modal', isModal)]\"\n        :tabindex=\"isModal ? -1 : undefined\"\n        ref=\"rootRef\"\n        @mousedown.self=\"handleBackdropMousedown\"\n      >\n        <div v-if=\"isModal\" :class=\"cls.e('backdrop')\" @mousedown.self=\"handleBackdropMousedown\" />\n        <div :class=\"cls.e('inner')\">\n          <aside v-if=\"showSidebar\" :class=\"cls.e('sidebar')\" :style=\"{ width: sidebarWidthCss }\">\n            <header :class=\"cls.e('sidebar-head')\">\n              <span :class=\"cls.e('sidebar-title')\">文件</span>\n              <span :class=\"cls.e('sidebar-count')\">{{ normalizedFiles.length }}</span>\n            </header>\n            <u-scroll tag=\"ul\" :class=\"cls.e('list')\">\n              <li\n                v-for=\"f in normalizedFiles\"\n                :key=\"f.id\"\n                :class=\"[cls.e('item'), bem.is('active', f.id === activeId)]\"\n                :title=\"f.name\"\n                @click=\"activate(f.id)\"\n              >\n                <span :class=\"cls.e('item-meta')\">\n                  <span :class=\"cls.e('item-name')\" :title=\"f.name\">{{ f.name }}</span>\n                  <span :class=\"cls.e('item-size')\">{{ formatBytes(f.size) }}</span>\n                </span>\n                <span :class=\"cls.e('item-kind')\">{{ label(f.kind) }}</span>\n              </li>\n              <li v-if=\"!normalizedFiles.length\" :class=\"cls.e('list-empty')\">\n                <u-empty text=\"暂无文件\" :size=\"32\" />\n              </li>\n            </u-scroll>\n          </aside>\n\n          <section :class=\"cls.e('stage')\">\n            <header :class=\"cls.e('stage-head')\">\n              <div :class=\"cls.e('stage-title')\">\n                <span v-if=\"activeFile\" :class=\"[cls.e('badge'), cls.em('badge', activeFile.kind)]\">\n                  {{ label(activeFile.kind) }}\n                </span>\n                <span :class=\"cls.e('stage-copy')\">\n                  <span :class=\"cls.e('stage-name')\" :title=\"activeFile?.name\">\n                    {{ activeFile?.name ?? '—' }}\n                  </span>\n                  <span v-if=\"activeFile\" :class=\"cls.e('stage-sub')\">\n                    <span>{{ activeIndexLabel }}</span>\n                    <span v-if=\"activeFile.size\">{{ formatBytes(activeFile.size) }}</span>\n                  </span>\n                </span>\n              </div>\n              <div :class=\"cls.e('stage-actions')\">\n                <span :class=\"cls.e('action-group')\">\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"!hasPrev\"\n                    type=\"button\"\n                    aria-label=\"上一个\"\n                    title=\"上一个\"\n                    @click=\"prev\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ArrowLeft />\n                    </u-icon>\n                  </button>\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"!hasNext\"\n                    type=\"button\"\n                    aria-label=\"下一个\"\n                    title=\"下一个\"\n                    @click=\"next\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ArrowRight />\n                    </u-icon>\n                  </button>\n                </span>\n                <span v-if=\"isTransformable\" :class=\"cls.e('action-group')\">\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"zoomOutDisabled\"\n                    type=\"button\"\n                    aria-label=\"缩小\"\n                    title=\"缩小\"\n                    @click=\"zoomOut\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ZoomOut />\n                    </u-icon>\n                  </button>\n                  <span :class=\"cls.e('zoom-value')\">{{ zoomPercent }}</span>\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"zoomInDisabled\"\n                    type=\"button\"\n                    aria-label=\"放大\"\n                    title=\"放大\"\n                    @click=\"zoomIn\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ZoomIn />\n                    </u-icon>\n                  </button>\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"isTransformReset\"\n                    type=\"button\"\n                    aria-label=\"重置视图\"\n                    title=\"重置视图\"\n                    @click=\"resetTransform\"\n                  >\n                    <u-icon :size=\"15\">\n                      <Refresh />\n                    </u-icon>\n                  </button>\n                </span>\n                <button\n                  v-if=\"downloadable && activeFile\"\n                  :class=\"[cls.e('action'), cls.em('action', 'primary'), cls.em('action', 'icon')]\"\n                  type=\"button\"\n                  aria-label=\"下载\"\n                  title=\"下载\"\n                  @click=\"download\"\n                >\n                  <u-icon :size=\"15\">\n                    <Download />\n                  </u-icon>\n                </button>\n                <button\n                  v-if=\"isModal\"\n                  :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                  type=\"button\"\n                  aria-label=\"关闭预览\"\n                  title=\"关闭\"\n                  @click=\"handleClose\"\n                >\n                  <u-icon :size=\"16\">\n                    <Close />\n                  </u-icon>\n                </button>\n              </div>\n            </header>\n            <div :class=\"cls.e('body')\">\n              <transition name=\"u-file-viewer-fade\" mode=\"out-in\">\n                <div\n                  v-if=\"activeFile\"\n                  :key=\"activeFile.id\"\n                  :class=\"[\n                    cls.e('viewport'),\n                    bem.is('transformable', isTransformable),\n                    bem.is('pannable', canPan),\n                    bem.is('dragging', isDragging)\n                  ]\"\n                  @pointerdown=\"handleViewportPointerDown\"\n                  @pointermove=\"handleViewportPointerMove\"\n                  @pointerup=\"handleViewportPointerEnd\"\n                  @pointercancel=\"handleViewportPointerEnd\"\n                  @dblclick=\"handleViewportDblclick\"\n                >\n                  <component\n                    :is=\"PreviewerMap[activeFile.kind]\"\n                    :file=\"activeFile\"\n                    :max-rows=\"sheetMaxRows\"\n                    :class=\"isTransformable ? cls.e('previewer') : undefined\"\n                    :style=\"previewerStyle\"\n                    @error=\"handleChildError\"\n                  />\n                </div>\n                <div v-else :class=\"cls.e('empty')\">\n                  <u-empty text=\"暂无可预览文件\" />\n                </div>\n              </transition>\n            </div>\n          </section>\n        </div>\n      </div>\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Close,\n  Download,\n  Refresh,\n  ZoomIn,\n  ZoomOut\n} from '@veltra/icons/normal'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  computed,\n  defineAsyncComponent,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  watch\n} from 'vue'\nimport type { CSSProperties } from 'vue'\n\nimport type {\n  _FileViewerExposed,\n  FileViewerEmits,\n  FileViewerItem,\n  FileViewerKind,\n  FileViewerProps\n} from '../../types/file-viewer'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { FILE_VIEWER_KIND_LABEL, downloadFile, formatBytes, inferKind } from './helper'\n\ndefineOptions({\n  name: 'FileViewer',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<FileViewerProps>(), {\n  modelValue: undefined,\n  sidebarWidth: '280px',\n  sheetMaxRows: 50_000,\n  downloadable: true,\n  open: undefined,\n  closeOnClickBackdrop: true,\n  closeOnEsc: true\n})\n\nconst emit = defineEmits<FileViewerEmits>()\n\nconst cls = bem('file-viewer')\n\nconst MIN_SCALE = 0.5\nconst MAX_SCALE = 3\nconst SCALE_STEP = 0.25\nconst TRANSFORMABLE_KINDS = new Set<FileViewerKind>(['image', 'pdf', 'docx'])\n\nconst activeId = defineModel<string | undefined>('modelValue', { default: undefined })\nconst openModel = defineModel<boolean | undefined>('open', { default: undefined })\n\nconst rootRef = shallowRef<HTMLDivElement>()\nconst scale = ref(1)\nconst offsetX = ref(0)\nconst offsetY = ref(0)\nconst isDragging = ref(false)\n\nlet dragState:\n  | {\n      pointerId: number\n      startX: number\n      startY: number\n      originX: number\n      originY: number\n    }\n  | undefined\n\nconst PreviewerMap: Record<FileViewerKind, ReturnType<typeof defineAsyncComponent>> = {\n  image: defineAsyncComponent(() => import('./previewers/image-previewer.vue')),\n  video: defineAsyncComponent(() => import('./previewers/video-previewer.vue')),\n  pdf: defineAsyncComponent(() => import('./previewers/pdf-previewer.vue')),\n  sheet: defineAsyncComponent(() => import('./previewers/sheet-previewer.vue')),\n  docx: defineAsyncComponent(() => import('./previewers/docx-previewer.vue')),\n  text: defineAsyncComponent(() => import('./previewers/text-previewer.vue'))\n}\n\ninterface NormalizedFile extends FileViewerItem {\n  id: string\n  kind: FileViewerKind\n}\n\nconst normalizedFiles = computed<NormalizedFile[]>(() =>\n  props.files.map((f, i) => ({\n    ...f,\n    id: f.id ?? `file-${i}`,\n    kind: inferKind(f.name, f.kind)\n  }))\n)\n\nconst activeFile = computed<NormalizedFile | undefined>(() =>\n  normalizedFiles.value.find((f) => f.id === activeId.value)\n)\n\nconst activeIndex = computed(() => normalizedFiles.value.findIndex((f) => f.id === activeId.value))\n\nconst hasPrev = computed(() => activeIndex.value > 0)\nconst hasNext = computed(\n  () => activeIndex.value >= 0 && activeIndex.value < normalizedFiles.value.length - 1\n)\n\nconst showSidebar = computed(() => props.sidebarWidth !== false && props.sidebarWidth !== 0)\n\nconst sidebarWidthCss = computed(() => {\n  const w = props.sidebarWidth\n  if (w === false || w === 0) return undefined\n  return withUnit(w ?? '280px', 'px')\n})\n\n/** 是否启用模态模式：只要父组件显式传入 open（含 v-model:open），即进入模态 */\nconst isModal = computed(() => openModel.value !== undefined)\n\nconst activeIndexLabel = computed(() =>\n  activeIndex.value >= 0 ? `${activeIndex.value + 1} / ${normalizedFiles.value.length}` : ''\n)\n\nconst isTransformable = computed(\n  () => !!activeFile.value && TRANSFORMABLE_KINDS.has(activeFile.value.kind)\n)\n\nconst canPan = computed(() => isTransformable.value && scale.value > 1)\n\nconst zoomPercent = computed(() => `${Math.round(scale.value * 100)}%`)\n\nconst zoomInDisabled = computed(() => !isTransformable.value || scale.value >= MAX_SCALE)\n\nconst zoomOutDisabled = computed(() => !isTransformable.value || scale.value <= MIN_SCALE)\n\nconst isTransformReset = computed(\n  () => scale.value === 1 && offsetX.value === 0 && offsetY.value === 0\n)\n\nconst previewerStyle = computed<CSSProperties | undefined>(() => {\n  if (!isTransformable.value) return undefined\n  return {\n    transform: `translate3d(${offsetX.value}px, ${offsetY.value}px, 0) scale(${scale.value})`\n  }\n})\n\nfunction label(kind: FileViewerKind): string {\n  return FILE_VIEWER_KIND_LABEL[kind]\n}\n\nfunction activate(id: string) {\n  if (activeId.value === id) return\n  activeId.value = id\n  const f = normalizedFiles.value.find((x) => x.id === id)\n  if (f) emit('change', f)\n}\n\nfunction prev() {\n  const i = activeIndex.value\n  if (i <= 0) return\n  const target = normalizedFiles.value[i - 1]\n  if (target) activate(target.id)\n}\n\nfunction next() {\n  const i = activeIndex.value\n  if (i < 0 || i >= normalizedFiles.value.length - 1) return\n  const target = normalizedFiles.value[i + 1]\n  if (target) activate(target.id)\n}\n\nfunction normalizeScale(value: number): number {\n  const clamped = Math.min(MAX_SCALE, Math.max(MIN_SCALE, value))\n  return Math.round(clamped * 100) / 100\n}\n\nfunction setScale(value: number) {\n  scale.value = normalizeScale(value)\n  if (scale.value <= 1) {\n    offsetX.value = 0\n    offsetY.value = 0\n  }\n}\n\nfunction zoomIn() {\n  if (!isTransformable.value) return\n  setScale(scale.value + SCALE_STEP)\n}\n\nfunction zoomOut() {\n  if (!isTransformable.value) return\n  setScale(scale.value - SCALE_STEP)\n}\n\nfunction resetTransform() {\n  scale.value = 1\n  offsetX.value = 0\n  offsetY.value = 0\n  dragState = undefined\n  isDragging.value = false\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  return !!target.closest('button, a, input, textarea, select, video, [contenteditable=\"true\"]')\n}\n\nfunction handleViewportPointerDown(e: PointerEvent) {\n  if (!canPan.value || e.button !== 0 || isInteractiveTarget(e.target)) return\n\n  dragState = {\n    pointerId: e.pointerId,\n    startX: e.clientX,\n    startY: e.clientY,\n    originX: offsetX.value,\n    originY: offsetY.value\n  }\n  isDragging.value = true\n  const el = e.currentTarget as HTMLElement\n  el.setPointerCapture(e.pointerId)\n  e.preventDefault()\n}\n\nfunction handleViewportPointerMove(e: PointerEvent) {\n  if (!dragState || dragState.pointerId !== e.pointerId) return\n  offsetX.value = dragState.originX + e.clientX - dragState.startX\n  offsetY.value = dragState.originY + e.clientY - dragState.startY\n}\n\nfunction handleViewportPointerEnd(e: PointerEvent) {\n  if (!dragState || dragState.pointerId !== e.pointerId) return\n  const el = e.currentTarget as HTMLElement\n  if (el.hasPointerCapture(e.pointerId)) {\n    el.releasePointerCapture(e.pointerId)\n  }\n  dragState = undefined\n  isDragging.value = false\n}\n\nfunction handleViewportDblclick() {\n  if (!isTransformable.value) return\n  if (scale.value === 1) {\n    setScale(2)\n  } else {\n    resetTransform()\n  }\n}\n\nasync function download() {\n  if (!activeFile.value) return\n  try {\n    await downloadFile(activeFile.value)\n  } catch (err) {\n    emit('error', { file: activeFile.value, error: err })\n  }\n}\n\nfunction handleChildError(err: unknown) {\n  if (!activeFile.value) return\n  emit('error', { file: activeFile.value, error: err })\n}\n\nfunction handleClose() {\n  if (!isModal.value) return\n  openModel.value = false\n}\n\nfunction handleWindowKeydown(e: KeyboardEvent) {\n  if (e.key !== 'Escape') return\n  if (!isModal.value || !openModel.value) return\n  if (props.closeOnEsc === false) return\n  e.stopPropagation()\n  handleClose()\n}\n\nfunction handleBackdropMousedown() {\n  if (!isModal.value) return\n  if (props.closeOnClickBackdrop === false) return\n  handleClose()\n}\n\nwatch(\n  normalizedFiles,\n  (files) => {\n    if (!files.length) {\n      activeId.value = undefined\n      return\n    }\n    if (!activeId.value || !files.some((f) => f.id === activeId.value)) {\n      activeId.value = files[0]!.id\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => activeFile.value?.id,\n  () => resetTransform()\n)\n\n// 模态打开时：锁定 body 滚动 + 让容器获得焦点以便接收 ESC\nlet previousBodyOverflow = ''\nlet isBodyLocked = false\n\nfunction lockBody() {\n  if (isBodyLocked || typeof document === 'undefined') return\n  previousBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n  isBodyLocked = true\n}\n\nfunction unlockBody() {\n  if (!isBodyLocked || typeof document === 'undefined') return\n  document.body.style.overflow = previousBodyOverflow\n  isBodyLocked = false\n}\n\nwatch(\n  [isModal, openModel],\n  ([modal, open]) => {\n    if (modal && open) {\n      lockBody()\n      nextTick(() => {\n        rootRef.value?.focus()\n      })\n      if (typeof window !== 'undefined') {\n        window.addEventListener('keydown', handleWindowKeydown, true)\n      }\n    } else {\n      unlockBody()\n      if (typeof window !== 'undefined') {\n        window.removeEventListener('keydown', handleWindowKeydown, true)\n      }\n    }\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  unlockBody()\n  if (typeof window !== 'undefined') {\n    window.removeEventListener('keydown', handleWindowKeydown, true)\n  }\n})\n\ndefineExpose<_FileViewerExposed>({\n  activeId,\n  activate,\n  next,\n  prev\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"file-viewer.js","names":[],"sources":["../../../src/components/file-viewer/file-viewer.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\" :disabled=\"!isModal\">\n    <transition :name=\"isModal ? 'u-file-viewer-modal' : ''\">\n      <div\n        v-if=\"!isModal || openModel\"\n        :class=\"[cls.b, bem.is('modal', isModal)]\"\n        :tabindex=\"isModal ? -1 : undefined\"\n        ref=\"rootRef\"\n        @mousedown.self=\"handleBackdropMousedown\"\n      >\n        <div v-if=\"isModal\" :class=\"cls.e('backdrop')\" @mousedown.self=\"handleBackdropMousedown\" />\n        <div :class=\"cls.e('inner')\">\n          <aside v-if=\"showSidebar\" :class=\"cls.e('sidebar')\" :style=\"{ width: sidebarWidthCss }\">\n            <header :class=\"cls.e('sidebar-head')\">\n              <span :class=\"cls.e('sidebar-title')\">文件</span>\n              <span :class=\"cls.e('sidebar-count')\">{{ normalizedFiles.length }}</span>\n            </header>\n            <u-scroll tag=\"ul\" :class=\"cls.e('list')\">\n              <li\n                v-for=\"f in normalizedFiles\"\n                :key=\"f.id\"\n                :class=\"[cls.e('item'), bem.is('active', f.id === activeId)]\"\n                :title=\"f.name\"\n                @click=\"activate(f.id)\"\n              >\n                <span :class=\"cls.e('item-meta')\">\n                  <span :class=\"cls.e('item-name')\" :title=\"f.name\">{{ f.name }}</span>\n                  <span :class=\"cls.e('item-size')\">{{ formatBytes(f.size) }}</span>\n                </span>\n                <span :class=\"cls.e('item-kind')\">{{ label(f.kind) }}</span>\n              </li>\n              <li v-if=\"!normalizedFiles.length\" :class=\"cls.e('list-empty')\">\n                <u-empty text=\"暂无文件\" :size=\"32\" />\n              </li>\n            </u-scroll>\n          </aside>\n\n          <section :class=\"cls.e('stage')\">\n            <header :class=\"cls.e('stage-head')\">\n              <div :class=\"cls.e('stage-title')\">\n                <span v-if=\"activeFile\" :class=\"[cls.e('badge'), cls.em('badge', activeFile.kind)]\">\n                  {{ label(activeFile.kind) }}\n                </span>\n                <span :class=\"cls.e('stage-copy')\">\n                  <span :class=\"cls.e('stage-name')\" :title=\"activeFile?.name\">\n                    {{ activeFile?.name ?? '—' }}\n                  </span>\n                  <span v-if=\"activeFile\" :class=\"cls.e('stage-sub')\">\n                    <span>{{ activeIndexLabel }}</span>\n                    <span v-if=\"activeFile.size\">{{ formatBytes(activeFile.size) }}</span>\n                  </span>\n                </span>\n              </div>\n              <div :class=\"cls.e('stage-actions')\">\n                <span :class=\"cls.e('action-group')\">\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"!hasPrev\"\n                    type=\"button\"\n                    aria-label=\"上一个\"\n                    title=\"上一个\"\n                    @click=\"prev\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ArrowLeft />\n                    </u-icon>\n                  </button>\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"!hasNext\"\n                    type=\"button\"\n                    aria-label=\"下一个\"\n                    title=\"下一个\"\n                    @click=\"next\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ArrowRight />\n                    </u-icon>\n                  </button>\n                </span>\n                <span v-if=\"isZoomable\" :class=\"cls.e('action-group')\">\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"zoomOutDisabled\"\n                    type=\"button\"\n                    aria-label=\"缩小\"\n                    title=\"缩小\"\n                    @click=\"zoomOut\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ZoomOut />\n                    </u-icon>\n                  </button>\n                  <span :class=\"cls.e('zoom-value')\">{{ zoomPercent }}</span>\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"zoomInDisabled\"\n                    type=\"button\"\n                    aria-label=\"放大\"\n                    title=\"放大\"\n                    @click=\"zoomIn\"\n                  >\n                    <u-icon :size=\"15\">\n                      <ZoomIn />\n                    </u-icon>\n                  </button>\n                  <button\n                    :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                    :disabled=\"isTransformReset\"\n                    type=\"button\"\n                    aria-label=\"重置视图\"\n                    title=\"重置视图\"\n                    @click=\"resetTransform\"\n                  >\n                    <u-icon :size=\"15\">\n                      <Refresh />\n                    </u-icon>\n                  </button>\n                </span>\n                <button\n                  v-if=\"downloadable && activeFile\"\n                  :class=\"[cls.e('action'), cls.em('action', 'primary'), cls.em('action', 'icon')]\"\n                  type=\"button\"\n                  aria-label=\"下载\"\n                  title=\"下载\"\n                  @click=\"download\"\n                >\n                  <u-icon :size=\"15\">\n                    <Download />\n                  </u-icon>\n                </button>\n                <button\n                  v-if=\"isModal\"\n                  :class=\"[cls.e('action'), cls.em('action', 'icon')]\"\n                  type=\"button\"\n                  aria-label=\"关闭预览\"\n                  title=\"关闭\"\n                  @click=\"handleClose\"\n                >\n                  <u-icon :size=\"16\">\n                    <Close />\n                  </u-icon>\n                </button>\n              </div>\n            </header>\n            <div :class=\"cls.e('body')\">\n              <transition name=\"u-file-viewer-fade\" mode=\"out-in\">\n                <div\n                  v-if=\"activeFile\"\n                  :key=\"activeFile.id\"\n                  :class=\"[\n                    cls.e('viewport'),\n                    bem.is('transformable', isTransformable),\n                    bem.is('pannable', canPan),\n                    bem.is('dragging', isDragging)\n                  ]\"\n                  @pointerdown.capture=\"handleViewportPointerDown\"\n                  @pointermove.capture=\"handleViewportPointerMove\"\n                  @pointerup.capture=\"handleViewportPointerEnd\"\n                  @pointercancel.capture=\"handleViewportPointerEnd\"\n                  @wheel=\"handleViewportWheel\"\n                  @dblclick=\"handleViewportDblclick\"\n                >\n                  <component\n                    :is=\"PreviewerMap[activeFile.kind]\"\n                    ref=\"previewerRef\"\n                    :file=\"activeFile\"\n                    :max-rows=\"sheetMaxRows\"\n                    :class=\"isTransformable ? cls.e('previewer') : undefined\"\n                    :style=\"previewerStyle\"\n                    @error=\"handleChildError\"\n                    @zoom-change=\"handlePdfZoomChange\"\n                  />\n                </div>\n                <div v-else :class=\"cls.e('empty')\">\n                  <u-empty text=\"暂无可预览文件\" />\n                </div>\n              </transition>\n            </div>\n          </section>\n        </div>\n      </div>\n    </transition>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Close,\n  Download,\n  Refresh,\n  ZoomIn,\n  ZoomOut\n} from '@veltra/icons/normal'\nimport { bem, withUnit } from '@veltra/utils'\nimport {\n  computed,\n  defineAsyncComponent,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  watch\n} from 'vue'\nimport type { CSSProperties } from 'vue'\n\nimport type {\n  _FileViewerExposed,\n  FileViewerEmits,\n  FileViewerItem,\n  FileViewerKind,\n  FileViewerProps\n} from '../../types/file-viewer'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UScroll } from '../scroll'\nimport { FILE_VIEWER_KIND_LABEL, downloadFile, formatBytes, inferKind } from './helper'\n\ndefineOptions({\n  name: 'FileViewer',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<FileViewerProps>(), {\n  modelValue: undefined,\n  sidebarWidth: '280px',\n  sheetMaxRows: 50_000,\n  downloadable: true,\n  open: undefined,\n  closeOnClickBackdrop: true,\n  closeOnEsc: true\n})\n\nconst emit = defineEmits<FileViewerEmits>()\n\nconst cls = bem('file-viewer')\n\nconst MIN_SCALE = 0.5\nconst MAX_SCALE = 3\n/** 每次缩放固定增减 10% */\nconst SCALE_STEP = 0.1\n/** 使用 CSS transform 缩放的类型（PDF 由 EmbedPDF zoom 插件处理） */\nconst TRANSFORMABLE_KINDS = new Set<FileViewerKind>(['image'])\n/** 工具栏显示缩放控件的类型 */\nconst ZOOMABLE_KINDS = new Set<FileViewerKind>(['image', 'pdf'])\n\nconst activeId = defineModel<string | undefined>('modelValue', { default: undefined })\nconst openModel = defineModel<boolean | undefined>('open', { default: undefined })\n\nconst rootRef = shallowRef<HTMLDivElement>()\nconst previewerRef = shallowRef<{\n  zoomIn?: () => void\n  zoomOut?: () => void\n  resetZoom?: () => void\n}>()\nconst scale = ref(1)\nconst pdfZoomLevel = ref(1)\nconst offsetX = ref(0)\nconst offsetY = ref(0)\nconst isDragging = ref(false)\n\nlet dragState:\n  | {\n      pointerId: number\n      startX: number\n      startY: number\n      originX: number\n      originY: number\n    }\n  | undefined\n\nconst PreviewerMap: Record<FileViewerKind, ReturnType<typeof defineAsyncComponent>> = {\n  image: defineAsyncComponent(() => import('./previewers/image-previewer.vue')),\n  video: defineAsyncComponent(() => import('./previewers/video-previewer.vue')),\n  pdf: defineAsyncComponent(() => import('./previewers/pdf-previewer.vue')),\n  sheet: defineAsyncComponent(() => import('./previewers/sheet-previewer.vue')),\n  docx: defineAsyncComponent(() => import('./previewers/docx-previewer.vue')),\n  text: defineAsyncComponent(() => import('./previewers/text-previewer.vue'))\n}\n\ninterface NormalizedFile extends FileViewerItem {\n  id: string\n  kind: FileViewerKind\n}\n\nconst normalizedFiles = computed<NormalizedFile[]>(() =>\n  props.files.map((f, i) => ({\n    ...f,\n    id: f.id ?? `file-${i}`,\n    kind: inferKind(f.name, f.kind)\n  }))\n)\n\nconst activeFile = computed<NormalizedFile | undefined>(() =>\n  normalizedFiles.value.find((f) => f.id === activeId.value)\n)\n\nconst activeIndex = computed(() => normalizedFiles.value.findIndex((f) => f.id === activeId.value))\n\nconst hasPrev = computed(() => activeIndex.value > 0)\nconst hasNext = computed(\n  () => activeIndex.value >= 0 && activeIndex.value < normalizedFiles.value.length - 1\n)\n\nconst showSidebar = computed(() => props.sidebarWidth !== false && props.sidebarWidth !== 0)\n\nconst sidebarWidthCss = computed(() => {\n  const w = props.sidebarWidth\n  if (w === false || w === 0) return undefined\n  return withUnit(w ?? '280px', 'px')\n})\n\n/** 是否启用模态模式：只要父组件显式传入 open（含 v-model:open），即进入模态 */\nconst isModal = computed(() => openModel.value !== undefined)\n\nconst activeIndexLabel = computed(() =>\n  activeIndex.value >= 0 ? `${activeIndex.value + 1} / ${normalizedFiles.value.length}` : ''\n)\n\nconst isTransformable = computed(\n  () => !!activeFile.value && TRANSFORMABLE_KINDS.has(activeFile.value.kind)\n)\n\nconst isZoomable = computed(() => !!activeFile.value && ZOOMABLE_KINDS.has(activeFile.value.kind))\n\nconst isPdfActive = computed(() => activeFile.value?.kind === 'pdf')\n\nconst canPan = computed(() => isTransformable.value && scale.value > 1)\n\nconst displayZoomLevel = computed(() => (isPdfActive.value ? pdfZoomLevel.value : scale.value))\n\nconst zoomPercent = computed(() => `${Math.round(displayZoomLevel.value * 100)}%`)\n\nconst zoomInDisabled = computed(() => !isZoomable.value || displayZoomLevel.value >= MAX_SCALE)\n\nconst zoomOutDisabled = computed(() => !isZoomable.value || displayZoomLevel.value <= MIN_SCALE)\n\nconst isTransformReset = computed(() => {\n  if (isPdfActive.value) {\n    return Math.abs(pdfZoomLevel.value - 1) < 0.02\n  }\n  return scale.value === 1 && offsetX.value === 0 && offsetY.value === 0\n})\n\nconst previewerStyle = computed<CSSProperties | undefined>(() => {\n  if (!isTransformable.value) return undefined\n  return {\n    transform: `translate3d(${offsetX.value}px, ${offsetY.value}px, 0) scale(${scale.value})`\n  }\n})\n\nfunction label(kind: FileViewerKind): string {\n  return FILE_VIEWER_KIND_LABEL[kind]\n}\n\nfunction activate(id: string) {\n  if (activeId.value === id) return\n  activeId.value = id\n  const f = normalizedFiles.value.find((x) => x.id === id)\n  if (f) emit('change', f)\n}\n\nfunction prev() {\n  const i = activeIndex.value\n  if (i <= 0) return\n  const target = normalizedFiles.value[i - 1]\n  if (target) activate(target.id)\n}\n\nfunction next() {\n  const i = activeIndex.value\n  if (i < 0 || i >= normalizedFiles.value.length - 1) return\n  const target = normalizedFiles.value[i + 1]\n  if (target) activate(target.id)\n}\n\nfunction normalizeScale(value: number): number {\n  const clamped = Math.min(MAX_SCALE, Math.max(MIN_SCALE, value))\n  return Math.round(clamped * 100) / 100\n}\n\nfunction setScale(value: number) {\n  scale.value = normalizeScale(value)\n  if (scale.value <= 1) {\n    offsetX.value = 0\n    offsetY.value = 0\n  }\n}\n\nfunction zoomIn() {\n  if (!isZoomable.value) return\n  if (isPdfActive.value) {\n    previewerRef.value?.zoomIn?.()\n    return\n  }\n  setScale(scale.value + SCALE_STEP)\n}\n\nfunction zoomOut() {\n  if (!isZoomable.value) return\n  if (isPdfActive.value) {\n    previewerRef.value?.zoomOut?.()\n    return\n  }\n  setScale(scale.value - SCALE_STEP)\n}\n\nfunction resetTransform() {\n  if (isPdfActive.value) {\n    previewerRef.value?.resetZoom?.()\n    pdfZoomLevel.value = 1\n    return\n  }\n  scale.value = 1\n  offsetX.value = 0\n  offsetY.value = 0\n  dragState = undefined\n  isDragging.value = false\n}\n\nfunction handlePdfZoomChange(level: number) {\n  pdfZoomLevel.value = level\n}\n\nfunction isZoomWheel(e: WheelEvent): boolean {\n  return e.ctrlKey || e.metaKey\n}\n\nfunction handleViewportWheel(e: WheelEvent) {\n  if (!activeFile.value || activeFile.value.kind !== 'image') return\n  if (!isZoomWheel(e)) return\n  if (isInteractiveTarget(e.target)) return\n  e.preventDefault()\n  const delta = e.deltaY > 0 ? -SCALE_STEP : SCALE_STEP\n  setScale(scale.value + delta)\n}\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  return !!target.closest('button, a, input, textarea, select, video, [contenteditable=\"true\"]')\n}\n\nfunction handleViewportPointerDown(e: PointerEvent) {\n  if (!canPan.value || e.button !== 0 || isInteractiveTarget(e.target)) return\n\n  dragState = {\n    pointerId: e.pointerId,\n    startX: e.clientX,\n    startY: e.clientY,\n    originX: offsetX.value,\n    originY: offsetY.value\n  }\n  isDragging.value = true\n  const el = e.currentTarget as HTMLElement\n  el.setPointerCapture(e.pointerId)\n  e.preventDefault()\n}\n\nfunction handleViewportPointerMove(e: PointerEvent) {\n  if (!dragState || dragState.pointerId !== e.pointerId) return\n  offsetX.value = dragState.originX + e.clientX - dragState.startX\n  offsetY.value = dragState.originY + e.clientY - dragState.startY\n}\n\nfunction handleViewportPointerEnd(e: PointerEvent) {\n  if (!dragState || dragState.pointerId !== e.pointerId) return\n  const el = e.currentTarget as HTMLElement\n  if (el.hasPointerCapture(e.pointerId)) {\n    el.releasePointerCapture(e.pointerId)\n  }\n  dragState = undefined\n  isDragging.value = false\n}\n\nfunction handleViewportDblclick() {\n  if (isPdfActive.value) return\n  if (!isTransformable.value) return\n  if (scale.value === 1) {\n    setScale(2)\n  } else {\n    resetTransform()\n  }\n}\n\nasync function download() {\n  if (!activeFile.value) return\n  try {\n    await downloadFile(activeFile.value)\n  } catch (err) {\n    emit('error', { file: activeFile.value, error: err })\n  }\n}\n\nfunction handleChildError(err: unknown) {\n  if (!activeFile.value) return\n  emit('error', { file: activeFile.value, error: err })\n}\n\nfunction handleClose() {\n  if (!isModal.value) return\n  openModel.value = false\n}\n\nfunction handleWindowKeydown(e: KeyboardEvent) {\n  if (e.key !== 'Escape') return\n  if (!isModal.value || !openModel.value) return\n  if (props.closeOnEsc === false) return\n  e.stopPropagation()\n  handleClose()\n}\n\nfunction handleBackdropMousedown() {\n  if (!isModal.value) return\n  if (props.closeOnClickBackdrop === false) return\n  handleClose()\n}\n\nwatch(\n  normalizedFiles,\n  (files) => {\n    if (!files.length) {\n      activeId.value = undefined\n      return\n    }\n    if (!activeId.value || !files.some((f) => f.id === activeId.value)) {\n      activeId.value = files[0]!.id\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => activeFile.value?.id,\n  async () => {\n    pdfZoomLevel.value = 1\n    await nextTick()\n    resetTransform()\n  }\n)\n\n// 模态打开时：锁定 body 滚动 + 让容器获得焦点以便接收 ESC\nlet previousBodyOverflow = ''\nlet isBodyLocked = false\n\nfunction lockBody() {\n  if (isBodyLocked || typeof document === 'undefined') return\n  previousBodyOverflow = document.body.style.overflow\n  document.body.style.overflow = 'hidden'\n  isBodyLocked = true\n}\n\nfunction unlockBody() {\n  if (!isBodyLocked || typeof document === 'undefined') return\n  document.body.style.overflow = previousBodyOverflow\n  isBodyLocked = false\n}\n\nwatch(\n  [isModal, openModel],\n  ([modal, open]) => {\n    if (modal && open) {\n      lockBody()\n      nextTick(() => {\n        rootRef.value?.focus()\n      })\n      if (typeof window !== 'undefined') {\n        window.addEventListener('keydown', handleWindowKeydown, true)\n      }\n    } else {\n      unlockBody()\n      if (typeof window !== 'undefined') {\n        window.removeEventListener('keydown', handleWindowKeydown, true)\n      }\n    }\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  unlockBody()\n  if (typeof window !== 'undefined') {\n    window.removeEventListener('keydown', handleWindowKeydown, true)\n  }\n})\n\ndefineExpose<_FileViewerExposed>({\n  activeId,\n  activate,\n  next,\n  prev\n})\n</script>\n"],"mappings":"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"}

package/dist/components/file-viewer/previewers/image-previewer.js

@@ -1,5 +1,5 @@
 import { toBlobUrl } from "../helper.js";
-import { createCommentVNode, createElementBlock, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, unref, useAttrs, watch } from "vue";
+import { createCommentVNode, createElementBlock, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, shallowRef, unref, useAttrs, watch, withModifiers } from "vue";
 import { bem } from "@veltra/utils";
 //#region src/components/file-viewer/previewers/image-previewer.vue
 const _hoisted_1 = ["src", "alt"];
@@ -43,7 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					src: url.value,
 					alt: __props.file.name,
 					draggable: "false",
-					onLoad: _cache[0] || (_cache[0] = ($event) => loading.value = false),
+					onDragstart: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+					onLoad: _cache[1] || (_cache[1] = ($event) => loading.value = false),
 					onError: onImgError
 				}, null, 40, _hoisted_1)) : createCommentVNode("v-if", true),
 				loading.value ? (openBlock(), createElementBlock("div", {

package/dist/components/file-viewer/previewers/image-previewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/image-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('image')\" v-bind=\"attrs\">\n    <img\n      v-if=\"url\"\n      :src=\"url\"\n      :alt=\"file.name\"\n      draggable=\"false\"\n      @load=\"loading = false\"\n      @error=\"onImgError\"\n    />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n    <div v-if=\"failed\" :class=\"cls.e('loading')\">图片加载失败</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { toBlobUrl } from '../helper'\n\ndefineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst url = shallowRef<string>('')\nconst loading = ref(true)\nconst failed = ref(false)\n\nlet revoke: (() => void) | undefined\n\nfunction load() {\n  loading.value = true\n  failed.value = false\n  revoke?.()\n  const r = toBlobUrl(props.file.src, props.file.mime)\n  url.value = r.url\n  revoke = r.revoke\n}\n\nfunction onImgError(e: Event) {\n  loading.value = false\n  failed.value = true\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,SAAS,IAAI,MAAK;EAExB,IAAI;EAEJ,SAAS,OAAO;AACd,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,aAAS;GACT,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,KAAI;AACnD,OAAI,QAAQ,EAAE;AACd,YAAS,EAAE;;EAGb,SAAS,WAAW,GAAU;AAC5B,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,aAAS;AACT,OAAI,QAAQ;IACb;;uBA5DC,mBAWM,OAXN,WAWM,EAXA,OAAO,MAAA,IAAG,CAAC,EAAC,QAAA,EAAA,EAAmB,MAAA,MAAK,CAAA,EAAA;IAEhC,IAAA,SAAA,WAAA,EADR,mBAOE,OAAA;;KALC,KAAK,IAAA;KACL,KAAK,QAAA,KAAK;KACX,WAAU;KACT,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;KACb,SAAO;;IAEC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA;IACvC,OAAA,SAAA,WAAA,EAAX,mBAAyD,OAAA;;KAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,UAAM,EAAA,IAAA,mBAAA,QAAA,KAAA"}
+{"version":3,"file":"image-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/image-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('image')\" v-bind=\"attrs\">\n    <img\n      v-if=\"url\"\n      :src=\"url\"\n      :alt=\"file.name\"\n      draggable=\"false\"\n      @dragstart.prevent\n      @load=\"loading = false\"\n      @error=\"onImgError\"\n    />\n    <div v-if=\"loading\" :class=\"cls.e('loading')\">加载中…</div>\n    <div v-if=\"failed\" :class=\"cls.e('loading')\">图片加载失败</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { toBlobUrl } from '../helper'\n\ndefineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst url = shallowRef<string>('')\nconst loading = ref(true)\nconst failed = ref(false)\n\nlet revoke: (() => void) | undefined\n\nfunction load() {\n  loading.value = true\n  failed.value = false\n  revoke?.()\n  const r = toBlobUrl(props.file.src, props.file.mime)\n  url.value = r.url\n  revoke = r.revoke\n}\n\nfunction onImgError(e: Event) {\n  loading.value = false\n  failed.value = true\n  emit('error', e)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  revoke?.()\n  url.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;EAyBA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,MAAM,WAAmB,GAAE;EACjC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,SAAS,IAAI,MAAK;EAExB,IAAI;EAEJ,SAAS,OAAO;AACd,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,aAAS;GACT,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,KAAI;AACnD,OAAI,QAAQ,EAAE;AACd,YAAS,EAAE;;EAGb,SAAS,WAAW,GAAU;AAC5B,WAAQ,QAAQ;AAChB,UAAO,QAAQ;AACf,QAAK,SAAS,EAAC;;AAGjB,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,wBAAsB;AACpB,aAAS;AACT,OAAI,QAAQ;IACb;;uBA7DC,mBAYM,OAZN,WAYM,EAZA,OAAO,MAAA,IAAG,CAAC,EAAC,QAAA,EAAA,EAAmB,MAAA,MAAK,CAAA,EAAA;IAEhC,IAAA,SAAA,WAAA,EADR,mBAQE,OAAA;;KANC,KAAK,IAAA;KACL,KAAK,QAAA,KAAK;KACX,WAAU;KACT,aAAS,OAAA,OAAA,OAAA,KAAA,oBAAV,IAAkB,CAAA,UAAA,CAAA;KACjB,QAAI,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,QAAO;KACb,SAAO;;IAEC,QAAA,SAAA,WAAA,EAAX,mBAAwD,OAAA;;KAAnC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,QAAI,EAAA,IAAA,mBAAA,QAAA,KAAA;IACvC,OAAA,SAAA,WAAA,EAAX,mBAAyD,OAAA;;KAArC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OAAa,UAAM,EAAA,IAAA,mBAAA,QAAA,KAAA"}

package/dist/components/file-viewer/previewers/pdf-previewer.js

@@ -1,4 +1,6 @@
 import { toBlobUrl } from "../helper.js";
+import _sfc_main$1 from "./pdf-viewport-scroll.js";
+import _sfc_main$2 from "./pdf-zoom-bridge.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, shallowRef, unref, useAttrs, watch, withCtx } from "vue";
 import { bem } from "@veltra/utils";
 import { createPluginRegistration } from "@embedpdf/core";
@@ -8,14 +10,15 @@ import { DocumentContent, DocumentManagerPluginPackage } from "@embedpdf/plugin-
 import { RenderLayer, RenderPluginPackage } from "@embedpdf/plugin-render/vue";
 import { ScrollPluginPackage, Scroller } from "@embedpdf/plugin-scroll/vue";
 import { Viewport, ViewportPluginPackage } from "@embedpdf/plugin-viewport/vue";
+import { ZoomGestureWrapper, ZoomMode, ZoomPluginPackage } from "@embedpdf/plugin-zoom/vue";
 //#region src/components/file-viewer/previewers/pdf-previewer.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "FileViewerPdfPreviewer",
 	inheritAttrs: false,
 	__name: "pdf-previewer",
 	props: { file: {} },
-	emits: ["error"],
-	setup(__props, { emit: __emit }) {
+	emits: ["error", "zoom-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("file-viewer");
@@ -23,6 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const { engine, isLoading, error } = usePdfiumEngine();
 		const pdfUrl = shallowRef("");
 		let revoke;
+		/** 当前文档的 zoom API（由 PdfZoomBridge 注入） */
+		let zoomScope = null;
 		function load() {
 			revoke?.();
 			const r = toBlobUrl(props.file.src, props.file.mime ?? "application/pdf");
@@ -33,11 +38,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			if (!pdfUrl.value) return [];
 			return [
 				createPluginRegistration(DocumentManagerPluginPackage, { initialDocuments: [{ url: pdfUrl.value }] }),
-				createPluginRegistration(ViewportPluginPackage),
-				createPluginRegistration(ScrollPluginPackage),
-				createPluginRegistration(RenderPluginPackage)
+				createPluginRegistration(ViewportPluginPackage, { viewportGap: 0 }),
+				createPluginRegistration(ScrollPluginPackage, { defaultBufferSize: 2 }),
+				createPluginRegistration(RenderPluginPackage),
+				createPluginRegistration(ZoomPluginPackage, {
+					defaultZoomLevel: ZoomMode.FitPage,
+					minZoom: .5,
+					maxZoom: 3,
+					zoomStep: .1
+				})
 			];
 		});
+		function onZoomChange(payload) {
+			zoomScope = payload.scope;
+			emit("zoom-change", payload.level);
+		}
+		function zoomIn() {
+			zoomScope?.zoomIn();
+		}
+		function zoomOut() {
+			zoomScope?.zoomOut();
+		}
+		function resetZoom() {
+			zoomScope?.requestZoom(ZoomMode.FitPage);
+		}
 		watch(() => props.file, () => load(), { immediate: true });
 		watch(error, (err) => {
 			if (err) emit("error", err);
@@ -45,6 +69,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		onBeforeUnmount(() => {
 			revoke?.();
 			pdfUrl.value = "";
+			zoomScope = null;
+		});
+		__expose({
+			zoomIn,
+			zoomOut,
+			resetZoom
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ class: unref(cls).e("pdf") }, unref(attrs)), [!unref(engine) || unref(isLoading) ? (openBlock(), createElementBlock("div", {
@@ -55,8 +85,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				engine: unref(engine),
 				plugins: plugins.value
 			}, {
-				default: withCtx(({ activeDocumentId }) => [activeDocumentId ? (openBlock(), createBlock(unref(DocumentContent), {
+				default: withCtx(({ activeDocumentId }) => [activeDocumentId ? (openBlock(), createBlock(_sfc_main$2, {
 					key: 0,
+					"document-id": activeDocumentId,
+					onZoomChange
+				}, null, 8, ["document-id"])) : createCommentVNode("v-if", true), activeDocumentId ? (openBlock(), createBlock(unref(DocumentContent), {
+					key: 1,
 					"document-id": activeDocumentId
 				}, {
 					default: withCtx(({ isLoaded }) => [isLoaded ? (openBlock(), createBlock(unref(Viewport), {
@@ -64,19 +98,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 						"document-id": activeDocumentId,
 						class: normalizeClass(unref(cls).e("pdf-viewport"))
 					}, {
-						default: withCtx(() => [createVNode(unref(Scroller), { "document-id": activeDocumentId }, {
-							default: withCtx(({ page }) => [createElementVNode("div", {
-								class: normalizeClass(unref(cls).e("pdf-page")),
-								style: normalizeStyle({
-									width: page.width + "px",
-									height: page.height + "px"
-								})
-							}, [createVNode(unref(RenderLayer), {
+						default: withCtx(() => [createVNode(_sfc_main$1, null, {
+							default: withCtx(() => [createVNode(unref(ZoomGestureWrapper), {
 								"document-id": activeDocumentId,
-								"page-index": page.pageIndex
-							}, null, 8, ["document-id", "page-index"])], 6)]),
+								"enable-wheel": true
+							}, {
+								default: withCtx(() => [createVNode(unref(Scroller), { "document-id": activeDocumentId }, {
+									default: withCtx(({ page }) => [createElementVNode("div", {
+										class: normalizeClass(unref(cls).e("pdf-page")),
+										style: normalizeStyle({
+											width: page.width + "px",
+											height: page.height + "px"
+										})
+									}, [createVNode(unref(RenderLayer), {
+										"document-id": activeDocumentId,
+										"page-index": page.pageIndex
+									}, null, 8, ["document-id", "page-index"])], 6)]),
+									_: 2
+								}, 1032, ["document-id"])]),
+								_: 2
+							}, 1032, ["document-id"])]),
 							_: 2
-						}, 1032, ["document-id"])]),
+						}, 1024)]),
 						_: 2
 					}, 1032, ["document-id", "class"])) : createCommentVNode("v-if", true)]),
 					_: 2

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

@@ -1 +1 @@
-{"version":3,"file":"pdf-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('pdf')\" v-bind=\"attrs\">\n    <div v-if=\"!engine || isLoading\" :class=\"cls.e('loading')\">正在加载 PDF 引擎…</div>\n    <EmbedPDF v-else-if=\"pdfUrl\" :engine=\"engine\" :plugins=\"plugins\" v-slot=\"{ activeDocumentId }\">\n      <DocumentContent\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        v-slot=\"{ isLoaded }\"\n      >\n        <Viewport v-if=\"isLoaded\" :document-id=\"activeDocumentId\" :class=\"cls.e('pdf-viewport')\">\n          <Scroller :document-id=\"activeDocumentId\">\n            <template #default=\"{ page }\">\n              <div\n                :class=\"cls.e('pdf-page')\"\n                :style=\"{ width: page.width + 'px', height: page.height + 'px' }\"\n              >\n                <RenderLayer :document-id=\"activeDocumentId\" :page-index=\"page.pageIndex\" />\n              </div>\n            </template>\n          </Scroller>\n        </Viewport>\n      </DocumentContent>\n    </EmbedPDF>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createPluginRegistration } from '@embedpdf/core'\nimport { EmbedPDF } from '@embedpdf/core/vue'\nimport { usePdfiumEngine } from '@embedpdf/engines/vue'\nimport {\n  DocumentContent,\n  DocumentManagerPluginPackage\n} from '@embedpdf/plugin-document-manager/vue'\nimport { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/vue'\nimport { ScrollPluginPackage, Scroller } from '@embedpdf/plugin-scroll/vue'\nimport { ViewportPluginPackage, Viewport } from '@embedpdf/plugin-viewport/vue'\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { toBlobUrl } from '../helper'\n\ndefineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{ (e: 'error', err: unknown): void }>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst { engine, isLoading, error } = usePdfiumEngine()\n\nconst pdfUrl = shallowRef<string>('')\nlet revoke: (() => void) | undefined\n\nfunction load() {\n  revoke?.()\n  const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')\n  pdfUrl.value = r.url\n  revoke = r.revoke\n}\n\nconst plugins = computed(() => {\n  if (!pdfUrl.value) return []\n  return [\n    createPluginRegistration(DocumentManagerPluginPackage, {\n      initialDocuments: [{ url: pdfUrl.value }]\n    }),\n    createPluginRegistration(ViewportPluginPackage),\n    createPluginRegistration(ScrollPluginPackage),\n    createPluginRegistration(RenderPluginPackage)\n  ]\n})\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(error, (err) => {\n  if (err) emit('error', err)\n})\n\nonBeforeUnmount(() => {\n  revoke?.()\n  pdfUrl.value = ''\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EA6CA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,QAAQ,WAAW,UAAU,iBAAgB;EAErD,MAAM,SAAS,WAAmB,GAAE;EACpC,IAAI;EAEJ,SAAS,OAAO;AACd,aAAS;GACT,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,QAAQ,kBAAiB;AACxE,UAAO,QAAQ,EAAE;AACjB,YAAS,EAAE;;EAGb,MAAM,UAAU,eAAe;AAC7B,OAAI,CAAC,OAAO,MAAO,QAAO,EAAC;AAC3B,UAAO;IACL,yBAAyB,8BAA8B,EACrD,kBAAkB,CAAC,EAAE,KAAK,OAAO,OAAO,CAAA,EACzC,CAAC;IACF,yBAAyB,sBAAsB;IAC/C,yBAAyB,oBAAoB;IAC7C,yBAAyB,oBAAmB;IAC9C;IACD;AAED,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,QAAM,QAAQ,QAAQ;AACpB,OAAI,IAAK,MAAK,SAAS,IAAG;IAC3B;AAED,wBAAsB;AACpB,aAAS;AACT,UAAO,QAAQ;IAChB;;uBAxFC,mBAsBM,OAtBN,WAsBM,EAtBA,OAAO,MAAA,IAAG,CAAC,EAAC,MAAA,EAAA,EAAiB,MAAA,MAAK,CAAA,EAAA,CAAA,CAC1B,MAAA,OAAM,IAAI,MAAA,UAAS,IAAA,WAAA,EAA/B,mBAA6E,OAAA;;IAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;MAAa,gBAAY,EAAA,IAClD,OAAA,SAAA,WAAA,EAArB,YAmBW,MAAA,SAAA,EAAA;;IAnBmB,QAAQ,MAAA,OAAM;IAAG,SAAS,QAAA;;sBAkBpC,EAlBuD,uBAAgB,CAEjF,oBAAA,WAAA,EADR,YAiBkB,MAAA,gBAAA,EAAA;;KAff,eAAa;;uBAcH,EAbD,eAAQ,CAEF,YAAA,WAAA,EAAhB,YAWW,MAAA,SAAA,EAAA;;MAXgB,eAAa;MAAmB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;;6BAU1D,CATX,YASW,MAAA,SAAA,EAAA,EATA,eAAa,kBAAgB,EAAA;OAC3B,SAAO,SAMV,EANc,WAAI,CACxB,mBAKM,OAAA;QAJH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;QACZ,OAAK,eAAA;SAAA,OAAW,KAAK,QAAK;SAAA,QAAiB,KAAK,SAAM;SAAA,CAAA;WAEvD,YAA4E,MAAA,YAAA,EAAA;QAA9D,eAAa;QAAmB,cAAY,KAAK"}
+{"version":3,"file":"pdf-previewer.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-previewer.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('pdf')\" v-bind=\"attrs\">\n    <div v-if=\"!engine || isLoading\" :class=\"cls.e('loading')\">正在加载 PDF 引擎…</div>\n    <EmbedPDF v-else-if=\"pdfUrl\" :engine=\"engine\" :plugins=\"plugins\" v-slot=\"{ activeDocumentId }\">\n      <PdfZoomBridge\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        @zoom-change=\"onZoomChange\"\n      />\n      <DocumentContent\n        v-if=\"activeDocumentId\"\n        :document-id=\"activeDocumentId\"\n        v-slot=\"{ isLoaded }\"\n      >\n        <Viewport v-if=\"isLoaded\" :document-id=\"activeDocumentId\" :class=\"cls.e('pdf-viewport')\">\n          <PdfViewportScroll>\n            <ZoomGestureWrapper :document-id=\"activeDocumentId\" :enable-wheel=\"true\">\n              <Scroller :document-id=\"activeDocumentId\">\n                <template #default=\"{ page }\">\n                  <div\n                    :class=\"cls.e('pdf-page')\"\n                    :style=\"{ width: page.width + 'px', height: page.height + 'px' }\"\n                  >\n                    <RenderLayer :document-id=\"activeDocumentId\" :page-index=\"page.pageIndex\" />\n                  </div>\n                </template>\n              </Scroller>\n            </ZoomGestureWrapper>\n          </PdfViewportScroll>\n        </Viewport>\n      </DocumentContent>\n    </EmbedPDF>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { createPluginRegistration } from '@embedpdf/core'\nimport { EmbedPDF } from '@embedpdf/core/vue'\nimport { usePdfiumEngine } from '@embedpdf/engines/vue'\nimport {\n  DocumentContent,\n  DocumentManagerPluginPackage\n} from '@embedpdf/plugin-document-manager/vue'\nimport { RenderLayer, RenderPluginPackage } from '@embedpdf/plugin-render/vue'\nimport { ScrollPluginPackage, Scroller } from '@embedpdf/plugin-scroll/vue'\nimport { ViewportPluginPackage, Viewport } from '@embedpdf/plugin-viewport/vue'\nimport {\n  ZoomGestureWrapper,\n  ZoomMode,\n  ZoomPluginPackage,\n  type ZoomScope\n} from '@embedpdf/plugin-zoom/vue'\nimport { bem } from '@veltra/utils'\nimport { computed, onBeforeUnmount, shallowRef, useAttrs, watch } from 'vue'\n\nimport type { FileViewerItem } from '../../../types/file-viewer'\nimport { toBlobUrl } from '../helper'\nimport PdfViewportScroll from './pdf-viewport-scroll.vue'\nimport PdfZoomBridge from './pdf-zoom-bridge.vue'\n\ndefineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })\n\nconst props = defineProps<{ file: FileViewerItem }>()\n\nconst emit = defineEmits<{\n  (e: 'error', err: unknown): void\n  (e: 'zoom-change', level: number): void\n}>()\n\nconst cls = bem('file-viewer')\nconst attrs = useAttrs()\n\nconst { engine, isLoading, error } = usePdfiumEngine()\n\nconst pdfUrl = shallowRef<string>('')\nlet revoke: (() => void) | undefined\n\n/** 当前文档的 zoom API（由 PdfZoomBridge 注入） */\nlet zoomScope: ZoomScope | null = null\n\nfunction load() {\n  revoke?.()\n  const r = toBlobUrl(props.file.src, props.file.mime ?? 'application/pdf')\n  pdfUrl.value = r.url\n  revoke = r.revoke\n}\n\nconst plugins = computed(() => {\n  if (!pdfUrl.value) return []\n  return [\n    createPluginRegistration(DocumentManagerPluginPackage, {\n      initialDocuments: [{ url: pdfUrl.value }]\n    }),\n    createPluginRegistration(ViewportPluginPackage, { viewportGap: 0 }),\n    createPluginRegistration(ScrollPluginPackage, { defaultBufferSize: 2 }),\n    createPluginRegistration(RenderPluginPackage),\n    createPluginRegistration(ZoomPluginPackage, {\n      defaultZoomLevel: ZoomMode.FitPage,\n      minZoom: 0.5,\n      maxZoom: 3,\n      zoomStep: 0.1\n    })\n  ]\n})\n\nfunction onZoomChange(payload: { level: number; scope: ZoomScope | null }) {\n  zoomScope = payload.scope\n  emit('zoom-change', payload.level)\n}\n\nfunction zoomIn() {\n  zoomScope?.zoomIn()\n}\n\nfunction zoomOut() {\n  zoomScope?.zoomOut()\n}\n\nfunction resetZoom() {\n  zoomScope?.requestZoom(ZoomMode.FitPage)\n}\n\nwatch(\n  () => props.file,\n  () => load(),\n  { immediate: true }\n)\n\nwatch(error, (err) => {\n  if (err) emit('error', err)\n})\n\nonBeforeUnmount(() => {\n  revoke?.()\n  pdfUrl.value = ''\n  zoomScope = null\n})\n\ndefineExpose({\n  zoomIn,\n  zoomOut,\n  resetZoom\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA8DA,MAAM,QAAQ;EAEd,MAAM,OAAO;EAKb,MAAM,MAAM,IAAI,cAAa;EAC7B,MAAM,QAAQ,UAAS;EAEvB,MAAM,EAAE,QAAQ,WAAW,UAAU,iBAAgB;EAErD,MAAM,SAAS,WAAmB,GAAE;EACpC,IAAI;;EAGJ,IAAI,YAA8B;EAElC,SAAS,OAAO;AACd,aAAS;GACT,MAAM,IAAI,UAAU,MAAM,KAAK,KAAK,MAAM,KAAK,QAAQ,kBAAiB;AACxE,UAAO,QAAQ,EAAE;AACjB,YAAS,EAAE;;EAGb,MAAM,UAAU,eAAe;AAC7B,OAAI,CAAC,OAAO,MAAO,QAAO,EAAC;AAC3B,UAAO;IACL,yBAAyB,8BAA8B,EACrD,kBAAkB,CAAC,EAAE,KAAK,OAAO,OAAO,CAAA,EACzC,CAAC;IACF,yBAAyB,uBAAuB,EAAE,aAAa,GAAG,CAAC;IACnE,yBAAyB,qBAAqB,EAAE,mBAAmB,GAAG,CAAC;IACvE,yBAAyB,oBAAoB;IAC7C,yBAAyB,mBAAmB;KAC1C,kBAAkB,SAAS;KAC3B,SAAS;KACT,SAAS;KACT,UAAU;KACX,CAAA;IACH;IACD;EAED,SAAS,aAAa,SAAqD;AACzE,eAAY,QAAQ;AACpB,QAAK,eAAe,QAAQ,MAAK;;EAGnC,SAAS,SAAS;AAChB,cAAW,QAAO;;EAGpB,SAAS,UAAU;AACjB,cAAW,SAAQ;;EAGrB,SAAS,YAAY;AACnB,cAAW,YAAY,SAAS,QAAO;;AAGzC,cACQ,MAAM,YACN,MAAM,EACZ,EAAE,WAAW,MAAK,CACpB;AAEA,QAAM,QAAQ,QAAQ;AACpB,OAAI,IAAK,MAAK,SAAS,IAAG;IAC3B;AAED,wBAAsB;AACpB,aAAS;AACT,UAAO,QAAQ;AACf,eAAY;IACb;AAED,WAAa;GACX;GACA;GACA;GACD,CAAA;;uBA7IC,mBA+BM,OA/BN,WA+BM,EA/BA,OAAO,MAAA,IAAG,CAAC,EAAC,MAAA,EAAA,EAAiB,MAAA,MAAK,CAAA,EAAA,CAAA,CAC1B,MAAA,OAAM,IAAI,MAAA,UAAS,IAAA,WAAA,EAA/B,mBAA6E,OAAA;;IAA3C,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;MAAa,gBAAY,EAAA,IAClD,OAAA,SAAA,WAAA,EAArB,YA4BW,MAAA,SAAA,EAAA;;IA5BmB,QAAQ,MAAA,OAAM;IAAG,SAAS,QAAA;;sBAKpD,EALuE,uBAAgB,CAEjF,oBAAA,WAAA,EADR,YAIE,aAAA;;KAFC,eAAa;KACA;sEAGR,oBAAA,WAAA,EADR,YAqBkB,MAAA,gBAAA,EAAA;;KAnBf,eAAa;;uBAkBH,EAjBD,eAAQ,CAEF,YAAA,WAAA,EAAhB,YAeW,MAAA,SAAA,EAAA;;MAfgB,eAAa;MAAmB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,eAAA,CAAA;;6BAcjD,CAbpB,YAaoB,aAAA,MAAA;8BADG,CAXrB,YAWqB,MAAA,mBAAA,EAAA;QAXA,eAAa;QAAmB,gBAAc;;+BAUtD,CATX,YASW,MAAA,SAAA,EAAA,EATA,eAAa,kBAAgB,EAAA;SAC3B,SAAO,SAMV,EANc,WAAI,CACxB,mBAKM,OAAA;UAJH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,WAAA,CAAA;UACZ,OAAK,eAAA;WAAA,OAAW,KAAK,QAAK;WAAA,QAAiB,KAAK,SAAM;WAAA,CAAA;aAEvD,YAA4E,MAAA,YAAA,EAAA;UAA9D,eAAa;UAAmB,cAAY,KAAK"}