@chenzy-design/svelte 0.3.0 → 0.4.1

package/dist/image/PreviewInner.svelte

@@ -0,0 +1,554 @@
+<!--
+  PreviewInner — 预览浮层核心（对齐 Semi image/previewInner.tsx + previewInnerFoundation）。
+  职责：portal 到 getPopupContainer/body、scroll-lock、focus-trap、键盘(Esc/←/→)、
+    滚轮缩放(passive:false，以指针为锚)、遮罩点击关闭(移动<5px 容错)、工具栏无操作自动隐藏、
+    中部左右切换、Header/PreviewImage/Footer 编排、预加载(preloadGap/single)。
+  红线 #3：portal / wheel / keydown / scroll-lock 命令式 + cleanup。
+  红线 #1：visible/currentIndex 受控不回写，仅经 onVisibleChange/onChange 回调。
+-->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { untrack } from 'svelte';
+  import { useFocusTrap, useScrollLock, useLiveAnnouncer } from '@chenzy-design/core';
+  import { getGlobalPopupContainer } from '../config-provider/index.js';
+  import { useLocale } from '../locale-provider/index.js';
+  import { IconArrowLeft, IconArrowRight } from '@chenzy-design/icons';
+  import PreviewImage from './PreviewImage.svelte';
+  import PreviewHeader from './PreviewHeader.svelte';
+  import PreviewFooter, { type MenuProps } from './PreviewFooter.svelte';
+  import { clampZoom, getPreloadImageArr } from './previewGeometry.js';
+  import { downloadImage, defaultDownloadName } from './download.js';
+
+  type RatioType = 'adaptation' | 'realSize';
+
+  interface PreviewTitleItem {
+    src: string;
+    title?: string | Snippet;
+  }
+
+  interface Props {
+    visible?: boolean | undefined;
+    /** 预览图源列表（组内已展平）。 */
+    src?: string[] | undefined;
+    /** 每图对应 title（组内自 previewTitle 收集）。 */
+    titles?: (string | Snippet | undefined)[];
+    currentIndex?: number | undefined;
+    maskClosable?: boolean | undefined;
+    closable?: boolean | undefined;
+    closeOnEsc?: boolean | undefined;
+    infinite?: boolean | undefined;
+    zoomStep?: number | undefined;
+    maxZoom?: number | undefined;
+    minZoom?: number | undefined;
+    initialZoom?: number | undefined;
+    preLoad?: boolean | undefined;
+    preLoadGap?: number | undefined;
+    disableDownload?: boolean | undefined;
+    showTooltip?: boolean | undefined;
+    viewerVisibleDelay?: number | undefined;
+    zIndex?: number | undefined;
+    crossOrigin?: 'anonymous' | 'use-credentials' | undefined;
+    prevTip?: string | undefined;
+    nextTip?: string | undefined;
+    zoomInTip?: string | undefined;
+    zoomOutTip?: string | undefined;
+    rotateTip?: string | undefined;
+    downloadTip?: string | undefined;
+    adaptiveTip?: string | undefined;
+    originTip?: string | undefined;
+    className?: string | undefined;
+    style?: string | undefined;
+    getPopupContainer?: (() => HTMLElement | null) | undefined;
+    setDownloadName?: ((src: string) => string) | undefined;
+    renderHeader?: Snippet<[string | Snippet | undefined]> | undefined;
+    renderPreviewMenu?: Snippet<[MenuProps]> | undefined;
+    renderCloseIcon?: Snippet | undefined;
+    renderLeftIcon?: Snippet | undefined;
+    renderRightIcon?: Snippet | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    onChange?: ((index: number) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    onZoomIn?: ((zoom: number) => void) | undefined;
+    onZoomOut?: ((zoom: number) => void) | undefined;
+    onPrev?: ((index: number) => void) | undefined;
+    onNext?: ((index: number) => void) | undefined;
+    onRotateLeft?: ((angle: number) => void) | undefined;
+    onRatioChange?: ((type: RatioType) => void) | undefined;
+    onDownload?: ((src: string, index: number) => void) | undefined;
+    onDownloadError?: ((src: string) => void) | undefined;
+  }
+
+  let {
+    visible = false,
+    src = [],
+    titles = [],
+    currentIndex = 0,
+    maskClosable = true,
+    closable = true,
+    closeOnEsc = true,
+    infinite = false,
+    zoomStep = 0.1,
+    maxZoom = 5,
+    minZoom = 0.1,
+    initialZoom,
+    preLoad = true,
+    preLoadGap = 2,
+    disableDownload = false,
+    showTooltip = false,
+    viewerVisibleDelay = 10000,
+    zIndex = 1070,
+    crossOrigin,
+    prevTip,
+    nextTip,
+    zoomInTip,
+    zoomOutTip,
+    rotateTip,
+    downloadTip,
+    adaptiveTip,
+    originTip,
+    className = '',
+    style = '',
+    getPopupContainer,
+    setDownloadName,
+    renderHeader,
+    renderPreviewMenu,
+    renderCloseIcon,
+    renderLeftIcon,
+    renderRightIcon,
+    onVisibleChange,
+    onChange,
+    onClose,
+    onZoomIn,
+    onZoomOut,
+    onPrev,
+    onNext,
+    onRotateLeft,
+    onRatioChange,
+    onDownload,
+    onDownloadError,
+  }: Props = $props();
+
+  const loc = useLocale();
+  const announcer = useLiveAnnouncer();
+  const globalPopupContainer = getGlobalPopupContainer();
+
+  // ---- 预览态（受控索引由父下发；zoom/rotation/ratio/viewer 为本地态）----
+  let zoom = $state(0.1);
+  let rotation = $state(0);
+  let ratio = $state<RatioType>('adaptation');
+  let viewerVisible = $state(true);
+  let direction = $state('');
+  const imgLoadStatus = new Map<string, boolean>();
+
+  const total = $derived(src.length);
+  const showPrev = $derived(total !== 1 && (infinite || currentIndex !== 0));
+  const showNext = $derived(total !== 1 && (infinite || currentIndex !== total - 1));
+  const activeSrc = $derived(src[currentIndex]);
+  const activeTitle = $derived(titles[currentIndex]);
+
+  let previewImageRef = $state<PreviewImage | null>(null);
+  let overlayEl = $state<HTMLDivElement | null>(null);
+  let startMouseDown = { x: 0, y: 0 };
+  let hideTimer: ReturnType<typeof setTimeout> | null = null;
+
+  // ---- 工具栏无操作自动隐藏 ----
+  function clearTimer() {
+    if (hideTimer) {
+      clearTimeout(hideTimer);
+      hideTimer = null;
+    }
+  }
+  function updateTimer() {
+    clearTimer();
+    hideTimer = setTimeout(() => {
+      if (untrack(() => viewerVisible)) viewerVisible = false;
+    }, viewerVisibleDelay);
+  }
+
+  // 是否命中操作区（header/footer/左右切换）——命中则不关闭、且拖拽不隐藏工具栏。
+  function isOperationTarget(target: EventTarget | null): boolean {
+    if (!(target instanceof Node)) return false;
+    let el: Node | null = target;
+    while (el && el !== overlayEl) {
+      if (
+        el instanceof HTMLElement &&
+        (el.classList.contains('cd-image-preview-header') ||
+          el.classList.contains('cd-image-preview-footer') ||
+          el.classList.contains('cd-image-preview-icon'))
+      ) {
+        return true;
+      }
+      el = el.parentNode;
+    }
+    return false;
+  }
+
+  // ---- 缩放 ----
+  function handleZoomImage(newZoom: number, notify = true, wheel?: { offsetX: number; offsetY: number; onImage: boolean } | null) {
+    const next = clampZoom(newZoom, minZoom, maxZoom);
+    if (next !== zoom) {
+      if (notify) {
+        if (next > zoom) onZoomIn?.(next);
+        else onZoomOut?.(next);
+      }
+      previewImageRef?.changeZoom(next, wheel ?? null);
+      zoom = next;
+    }
+  }
+
+  function handleWheel(e: WheelEvent) {
+    let next: number | undefined;
+    if (e.deltaY < 0 && zoom + zoomStep <= maxZoom) {
+      next = Number((zoom + zoomStep).toFixed(2));
+    } else if (e.deltaY > 0 && zoom - zoomStep >= minZoom) {
+      next = Number((zoom - zoomStep).toFixed(2));
+    }
+    if (next !== undefined) {
+      const onImage = e.target === previewImageEl();
+      handleZoomImage(next, true, { offsetX: (e as any).offsetX, offsetY: (e as any).offsetY, onImage });
+    }
+    e.preventDefault();
+  }
+
+  function previewImageEl(): HTMLImageElement | null {
+    return overlayEl?.querySelector('.cd-image-preview-image-img') ?? null;
+  }
+
+  // ---- 切换 ----
+  function switchImage(dir: 'prev' | 'next') {
+    const step = dir === 'prev' ? -1 : 1;
+    const newIndex = (currentIndex + step + total) % total;
+    onChange?.(newIndex);
+    if (dir === 'prev') onPrev?.(newIndex);
+    else onNext?.(newIndex);
+    direction = dir;
+    rotation = 0;
+    if (total > 1) {
+      announcer.announce(loc().t('Image.previewCount', { index: newIndex + 1, total }));
+    }
+  }
+
+  // ---- 旋转 / 比例 / 下载 / 关闭 ----
+  function rotate(dir: string) {
+    const ROTATE_STEP = 90;
+    rotation += dir === 'left' ? -ROTATE_STEP : ROTATE_STEP;
+    onRotateLeft?.(rotation);
+  }
+  function adjustRatio(type: RatioType) {
+    ratio = type;
+    onRatioChange?.(type);
+  }
+  function handleDownload() {
+    const downloadSrc = src[currentIndex];
+    if (!downloadSrc) return;
+    const name = setDownloadName ? setDownloadName(downloadSrc) : defaultDownloadName(downloadSrc);
+    downloadImage(downloadSrc, name, onDownloadError);
+    onDownload?.(downloadSrc, currentIndex);
+  }
+  function requestClose() {
+    onVisibleChange?.(false);
+    onClose?.();
+  }
+
+  // ---- 遮罩鼠标交互（拖拽容错关闭 + 工具栏唤起）----
+  function onOverlayMouseDown(e: MouseEvent) {
+    startMouseDown = { x: e.clientX, y: e.clientY };
+  }
+  function onOverlayMouseUp(e: MouseEvent) {
+    let couldClose = !isOperationTarget(e.target);
+    if (Math.abs(e.clientX - startMouseDown.x) > 5 || Math.abs(e.clientY - startMouseDown.y) > 5) {
+      couldClose = false;
+    }
+    if (couldClose && maskClosable) onVisibleChange?.(false);
+  }
+  let lastMove = 0;
+  function onOverlayMouseMove(e: MouseEvent) {
+    // 简易节流（50ms，对齐 Semi throttle）。
+    const now = Date.now === undefined ? 0 : Date.now();
+    if (now - lastMove < 50) return;
+    lastMove = now;
+    if (!isOperationTarget(e.target)) {
+      if (!viewerVisible) viewerVisible = true;
+      updateTimer();
+    } else {
+      clearTimer();
+    }
+  }
+
+  // ---- 预加载 ----
+  function preloadGapImages() {
+    if (!preLoad || typeof preLoadGap !== 'number' || preLoadGap < 1) return;
+    const arr = getPreloadImageArr(src, currentIndex, preLoadGap, infinite);
+    if (arr.length === 0) return;
+    const img = new Image();
+    let idx = 0;
+    const next = () => {
+      idx++;
+      if (idx < arr.length) img.src = arr[idx] as string;
+    };
+    img.onload = () => {
+      imgLoadStatus.set(img.src, true);
+      next();
+    };
+    img.onerror = next;
+    img.src = arr[0] as string;
+  }
+  function preloadSingle() {
+    if (!preLoad || typeof preLoadGap !== 'number' || preLoadGap < 1) return;
+    let idx = currentIndex + (direction === 'prev' ? -1 : 1) * preLoadGap;
+    if (idx < 0 || idx >= src.length) {
+      if (infinite) idx = (idx + src.length) % src.length;
+      else return;
+    }
+    const target = src[idx];
+    if (target && !imgLoadStatus.get(target)) {
+      const img = new Image();
+      img.onload = () => imgLoadStatus.set(target, true);
+      img.src = target;
+    }
+  }
+  let preloadAfterVisible = true;
+  function onImageLoad(loadedSrc: string) {
+    imgLoadStatus.set(loadedSrc, true);
+    if (preloadAfterVisible) {
+      preloadGapImages();
+      preloadAfterVisible = false;
+    } else {
+      preloadSingle();
+    }
+  }
+  function onImageError() {
+    preloadSingle();
+  }
+
+  // ---- 键盘 ----
+  function onKeydown(e: KeyboardEvent) {
+    if (closeOnEsc && e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation();
+      requestClose();
+    } else if (e.key === 'ArrowLeft') {
+      e.preventDefault();
+      if (showPrev) switchImage('prev');
+    } else if (e.key === 'ArrowRight') {
+      e.preventDefault();
+      if (showNext) switchImage('next');
+    }
+  }
+
+  // 打开时重置预览态（对齐 Semi getDerivedStateFromProps visible true 分支）。
+  let lastVisible = $state(untrack(() => visible));
+  $effect(() => {
+    if (visible !== lastVisible) {
+      lastVisible = visible;
+      if (visible) {
+        preloadAfterVisible = true;
+        viewerVisible = true;
+        rotation = 0;
+        ratio = 'adaptation';
+      }
+    }
+  });
+
+  // 切换图片时 ratio 复位 adaptation（对齐 Semi currentIndex 分支）。
+  let lastIndex = $state(untrack(() => currentIndex));
+  $effect(() => {
+    if (currentIndex !== lastIndex) {
+      lastIndex = currentIndex;
+      ratio = 'adaptation';
+    }
+  });
+
+  // portal + scroll-lock + focus-trap + keydown（命令式 + cleanup，红线 #3）。
+  function portal(node: HTMLElement) {
+    const target = getPopupContainer?.() ?? globalPopupContainer?.() ?? document.body;
+    target.appendChild(node);
+    return {
+      destroy() {
+        if (node.parentNode) node.parentNode.removeChild(node);
+      },
+    };
+  }
+
+  $effect(() => {
+    if (!visible) return;
+    const node = overlayEl;
+    if (!node) return;
+    // getPopupContainer 场景不锁 body 滚动（对齐 Semi disabledBodyScroll 判定）。
+    const releaseScroll = getPopupContainer ? undefined : useScrollLock();
+    const trap = useFocusTrap(node);
+    trap.activate();
+    window.addEventListener('keydown', onKeydown);
+    updateTimer();
+    return () => {
+      window.removeEventListener('keydown', onKeydown);
+      trap.deactivate();
+      releaseScroll?.();
+      clearTimer();
+    };
+  });
+
+  const wrapperCls = $derived(
+    ['cd-image-preview', getPopupContainer && 'cd-image-preview-popup', className]
+      .filter(Boolean)
+      .join(' '),
+  );
+  const hideViewerCls = $derived(!viewerVisible ? 'cd-image-preview-hide' : '');
+  const wrapperStyle = $derived(
+    getPopupContainer
+      ? `z-index:${zIndex};position:static;${style}`
+      : `z-index:${zIndex};${style}`,
+  );
+</script>
+
+{#if visible}
+  <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
+  <div
+    bind:this={overlayEl}
+    use:portal
+    class={wrapperCls}
+    style={wrapperStyle}
+    role="dialog"
+    aria-modal="true"
+    aria-label={loc().t('Image.previewAlt')}
+    tabindex="-1"
+    onmousedown={onOverlayMouseDown}
+    onmouseup={onOverlayMouseUp}
+    onmousemove={onOverlayMouseMove}
+    onwheelcapture={handleWheel}
+  >
+    <PreviewHeader
+      class={hideViewerCls}
+      title={activeTitle}
+      {closable}
+      {renderHeader}
+      {renderCloseIcon}
+      onClose={requestClose}
+    />
+
+    <PreviewImage
+      bind:this={previewImageRef}
+      src={activeSrc}
+      {rotation}
+      {zoom}
+      {ratio}
+      {minZoom}
+      {maxZoom}
+      {initialZoom}
+      {disableDownload}
+      {crossOrigin}
+      onZoom={handleZoomImage}
+      onLoad={onImageLoad}
+      onError={onImageError}
+    />
+
+    {#if showPrev}
+      <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
+      <div
+        class={['cd-image-preview-icon', 'cd-image-preview-prev', hideViewerCls]
+          .filter(Boolean)
+          .join(' ')}
+        role="button"
+        tabindex="0"
+        aria-label={prevTip ?? loc().t('Image.prevTip')}
+        onclick={() => switchImage('prev')}
+      >
+        {#if renderLeftIcon}{@render renderLeftIcon()}{:else}<IconArrowLeft size="large" />{/if}
+      </div>
+    {/if}
+    {#if showNext}
+      <!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
+      <div
+        class={['cd-image-preview-icon', 'cd-image-preview-next', hideViewerCls]
+          .filter(Boolean)
+          .join(' ')}
+        role="button"
+        tabindex="0"
+        aria-label={nextTip ?? loc().t('Image.nextTip')}
+        onclick={() => switchImage('next')}
+      >
+        {#if renderRightIcon}{@render renderRightIcon()}{:else}<IconArrowRight size="large" />{/if}
+      </div>
+    {/if}
+
+    <PreviewFooter
+      class={hideViewerCls}
+      curPage={currentIndex + 1}
+      totalNum={total}
+      disabledPrev={!showPrev}
+      disabledNext={!showNext}
+      {disableDownload}
+      zoom={zoom * 100}
+      min={minZoom * 100}
+      max={maxZoom * 100}
+      step={zoomStep * 100}
+      {ratio}
+      {showTooltip}
+      {zIndex}
+      {prevTip}
+      {nextTip}
+      {zoomInTip}
+      {zoomOutTip}
+      {rotateTip}
+      {downloadTip}
+      {adaptiveTip}
+      {originTip}
+      onPrev={() => switchImage('prev')}
+      onNext={() => switchImage('next')}
+      onZoomIn={(z) => handleZoomImage(z)}
+      onZoomOut={(z) => handleZoomImage(z)}
+      onDownload={handleDownload}
+      onRotate={rotate}
+      onAdjustRatio={adjustRatio}
+      {renderPreviewMenu}
+    />
+  </div>
+{/if}
+
+<style>
+  .cd-image-preview {
+    position: fixed;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--cd-image-preview-bg);
+    overflow: hidden;
+    transition: opacity var(--cd-motion-duration-slow, 0.32s);
+  }
+  .cd-image-preview-popup {
+    position: absolute;
+  }
+  :global(.cd-image-preview-hide) {
+    opacity: 0;
+  }
+
+  .cd-image-preview-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--cd-image-preview-icon-size);
+    height: var(--cd-image-preview-icon-size);
+    border-radius: 50%;
+    position: absolute;
+    inset-block-start: 50%;
+    transform: translateY(-50%);
+    background: var(--cd-image-preview-icon-bg);
+    cursor: pointer;
+    color: var(--cd-image-preview-icon-color);
+  }
+  .cd-image-preview-icon :global(.cd-icon) {
+    color: var(--cd-image-preview-icon-color);
+  }
+  .cd-image-preview-prev {
+    inset-inline-start: var(--cd-image-preview-icon-offset-x);
+  }
+  .cd-image-preview-next {
+    inset-inline-end: var(--cd-image-preview-icon-offset-x);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .cd-image-preview {
+      transition: none;
+    }
+  }
+</style>

package/dist/image/PreviewInner.svelte.d.ts

@@ -0,0 +1,58 @@
+import type { Snippet } from 'svelte';
+import { type MenuProps } from './PreviewFooter.svelte';
+type RatioType = 'adaptation' | 'realSize';
+interface Props {
+    visible?: boolean | undefined;
+    /** 预览图源列表（组内已展平）。 */
+    src?: string[] | undefined;
+    /** 每图对应 title（组内自 previewTitle 收集）。 */
+    titles?: (string | Snippet | undefined)[];
+    currentIndex?: number | undefined;
+    maskClosable?: boolean | undefined;
+    closable?: boolean | undefined;
+    closeOnEsc?: boolean | undefined;
+    infinite?: boolean | undefined;
+    zoomStep?: number | undefined;
+    maxZoom?: number | undefined;
+    minZoom?: number | undefined;
+    initialZoom?: number | undefined;
+    preLoad?: boolean | undefined;
+    preLoadGap?: number | undefined;
+    disableDownload?: boolean | undefined;
+    showTooltip?: boolean | undefined;
+    viewerVisibleDelay?: number | undefined;
+    zIndex?: number | undefined;
+    crossOrigin?: 'anonymous' | 'use-credentials' | undefined;
+    prevTip?: string | undefined;
+    nextTip?: string | undefined;
+    zoomInTip?: string | undefined;
+    zoomOutTip?: string | undefined;
+    rotateTip?: string | undefined;
+    downloadTip?: string | undefined;
+    adaptiveTip?: string | undefined;
+    originTip?: string | undefined;
+    className?: string | undefined;
+    style?: string | undefined;
+    getPopupContainer?: (() => HTMLElement | null) | undefined;
+    setDownloadName?: ((src: string) => string) | undefined;
+    renderHeader?: Snippet<[string | Snippet | undefined]> | undefined;
+    renderPreviewMenu?: Snippet<[MenuProps]> | undefined;
+    renderCloseIcon?: Snippet | undefined;
+    renderLeftIcon?: Snippet | undefined;
+    renderRightIcon?: Snippet | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    onChange?: ((index: number) => void) | undefined;
+    onClose?: (() => void) | undefined;
+    onZoomIn?: ((zoom: number) => void) | undefined;
+    onZoomOut?: ((zoom: number) => void) | undefined;
+    onPrev?: ((index: number) => void) | undefined;
+    onNext?: ((index: number) => void) | undefined;
+    onRotateLeft?: ((angle: number) => void) | undefined;
+    onRatioChange?: ((type: RatioType) => void) | undefined;
+    onDownload?: ((src: string, index: number) => void) | undefined;
+    onDownloadError?: ((src: string) => void) | undefined;
+}
+declare const PreviewInner: import("svelte").Component<Props, {}, "">;
+type PreviewInner = ReturnType<typeof PreviewInner>;
+export default PreviewInner;
+//# sourceMappingURL=PreviewInner.svelte.d.ts.map

package/dist/image/PreviewInner.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInner.svelte.d.ts","sourceRoot":"","sources":["../../src/image/PreviewInner.svelte.ts"],"names":[],"mappings":"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"}

package/dist/image/download.d.ts

@@ -0,0 +1,8 @@
+/**
+ * downloadImage — 通过 fetch → blob → a[download] 触发图片下载。
+ * 对齐 Semi semi-foundation/image/utils.ts downloadImage。失败经回调透出。
+ */
+export declare function downloadImage(src: string, filename: string, onError?: (src: string) => void): Promise<void>;
+/** 从 URL 推导下载文件名（末段去 query）。对齐 Semi handleDownload 默认命名。 */
+export declare function defaultDownloadName(src: string): string;
+//# sourceMappingURL=download.d.ts.map

package/dist/image/download.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.d.ts","sourceRoot":"","sources":["../../src/image/download.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAsB,aAAa,CACjC,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAC9B,OAAO,CAAC,IAAI,CAAC,CAkBf;AAED,4DAA4D;AAC5D,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEvD"}

package/dist/image/download.js

@@ -0,0 +1,29 @@
+/**
+ * downloadImage — 通过 fetch → blob → a[download] 触发图片下载。
+ * 对齐 Semi semi-foundation/image/utils.ts downloadImage。失败经回调透出。
+ */
+export async function downloadImage(src, filename, onError) {
+    try {
+        const response = await fetch(src);
+        if (response.ok) {
+            const blob = await response.blob();
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = filename;
+            link.click();
+            URL.revokeObjectURL(url);
+            link.remove();
+        }
+        else {
+            onError?.(src);
+        }
+    }
+    catch {
+        onError?.(src);
+    }
+}
+/** 从 URL 推导下载文件名（末段去 query）。对齐 Semi handleDownload 默认命名。 */
+export function defaultDownloadName(src) {
+    return src.slice(src.lastIndexOf('/') + 1).split('?')[0] ?? src;
+}

package/dist/image/index.d.ts

@@ -1,9 +1,8 @@
-import Image_ from './Image.svelte';
-import ImagePreviewGroup from './ImagePreviewGroup.svelte';
-export declare const Image: typeof Image_ & {
-    PreviewGroup: typeof ImagePreviewGroup;
-};
-export { ImagePreviewGroup };
+import Image from './Image.svelte';
+import ImagePreview from './ImagePreview.svelte';
+import PreviewInner from './PreviewInner.svelte';
+export { Image, ImagePreview, PreviewInner };
 export { meta as imageMeta } from './meta.js';
-export { getImageGroupContext, setImageGroupContext, type ImageGroupContext, type PreviewItem, } from './context.js';
+export { getImagePreviewGroupContext, setImagePreviewGroupContext, type ImagePreviewGroupContext, } from './previewContext.js';
+export type { PreviewProps, MenuProps, RatioType } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,iBAAiB,MAAM,4BAA4B,CAAC;AAE3D,eAAO,MAAM,KAAK,EAAE,OAAO,MAAM,GAAG;IAClC,YAAY,EAAE,OAAO,iBAAiB,CAAC;CACqB,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACjB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC7C,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}