@chenzy-design/svelte 0.3.1 → 0.4.1

package/dist/dropdown/DropdownSubMenu.svelte

@@ -1,212 +0,0 @@
-<!--
-  Dropdown.SubMenu — 声明式可展开子菜单包装。
-  用于 <Dropdown> children 插槽模式，与 DropdownItemNode（items 数据驱动）行为对齐：
-  hover/聚焦展开，floating 到父项右侧（溢出翻转左侧），键盘 →/←/↑↓/Esc 导航。
--->
-<script lang="ts">
-  import { tick, getContext } from 'svelte';
-  import { floating } from '../_floating/use-floating.js';
-  import { DROPDOWN_CTX, type DropdownContext } from './context.js';
-
-  interface Props {
-    /** 子菜单标题文案 */
-    title?: string;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** hover 开启延迟（ms），默认 100 */
-    openDelay?: number;
-    /** hover 关闭延迟（ms），默认 200 */
-    closeDelay?: number;
-    children?: import('svelte').Snippet;
-  }
-
-  let {
-    title = '',
-    disabled = false,
-    openDelay = 100,
-    closeDelay = 200,
-    children,
-  }: Props = $props();
-
-  const ddCtx = getContext<DropdownContext | undefined>(DROPDOWN_CTX);
-
-  let titleEl = $state<HTMLButtonElement | null>(null);
-  let subEl = $state<HTMLUListElement | null>(null);
-  let open = $state(false);
-
-  let openTimer: ReturnType<typeof setTimeout> | undefined;
-  let closeTimer: ReturnType<typeof setTimeout> | undefined;
-
-  function clearTimers() {
-    if (openTimer !== undefined) { clearTimeout(openTimer); openTimer = undefined; }
-    if (closeTimer !== undefined) { clearTimeout(closeTimer); closeTimer = undefined; }
-  }
-
-  function scheduleOpen() {
-    if (disabled) return;
-    if (closeTimer !== undefined) { clearTimeout(closeTimer); closeTimer = undefined; }
-    if (open) return;
-    openTimer = setTimeout(() => { open = true; openTimer = undefined; }, openDelay);
-  }
-
-  function scheduleClose() {
-    if (openTimer !== undefined) { clearTimeout(openTimer); openTimer = undefined; }
-    if (!open) return;
-    closeTimer = setTimeout(() => { open = false; closeTimer = undefined; }, closeDelay);
-  }
-
-  function keepOpen() {
-    if (closeTimer !== undefined) { clearTimeout(closeTimer); closeTimer = undefined; }
-  }
-
-  function closeNow() {
-    clearTimers();
-    open = false;
-  }
-
-  async function openAndFocusFirst() {
-    if (disabled) return;
-    open = true;
-    await tick();
-    const first = subEl?.querySelector<HTMLElement>('[role="menuitem"]:not([aria-disabled="true"])');
-    first?.focus();
-  }
-
-  function onTitleKeydown(e: KeyboardEvent) {
-    switch (e.key) {
-      case 'ArrowRight':
-      case 'Enter':
-      case ' ':
-        e.preventDefault();
-        void openAndFocusFirst();
-        break;
-      case 'ArrowLeft':
-      case 'Escape':
-        if (open) {
-          e.preventDefault();
-          e.stopPropagation();
-          closeNow();
-          titleEl?.focus();
-        }
-        break;
-    }
-  }
-
-  function onSubKeydown(e: KeyboardEvent) {
-    if (e.key === 'ArrowLeft' || e.key === 'Escape') {
-      e.preventDefault();
-      e.stopPropagation();
-      closeNow();
-      titleEl?.focus();
-    }
-  }
-
-  $effect(() => clearTimers);
-</script>
-
-<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
-<li
-  class="cd-dropdown__item-wrap cd-dropdown__item-wrap--submenu"
-  role="none"
-  onpointerenter={scheduleOpen}
-  onpointerleave={scheduleClose}
->
-  <button
-    type="button"
-    class="cd-dropdown__item cd-dropdown__item--submenu"
-    role="menuitem"
-    tabindex="-1"
-    aria-haspopup="menu"
-    aria-expanded={open}
-    aria-disabled={disabled || undefined}
-    disabled={disabled || undefined}
-    bind:this={titleEl}
-    onclick={() => void openAndFocusFirst()}
-    onkeydown={onTitleKeydown}
-  >
-    <span class="cd-dropdown__label">{title}</span>
-    <span class="cd-dropdown__arrow" aria-hidden="true">
-      <svg viewBox="0 0 16 16" width="10" height="10" focusable="false">
-        <path fill="currentColor" d="M6 4l4 4-4 4V4Z" />
-      </svg>
-    </span>
-  </button>
-
-  {#if open && titleEl}
-    <ul
-      class="cd-dropdown__sub"
-      role="menu"
-      tabindex="-1"
-      bind:this={subEl}
-      use:floating={{ trigger: titleEl, placement: 'rightStart', offset: 2, autoAdjust: true, getContainer: ddCtx?.getContainer }}
-      onpointerenter={keepOpen}
-      onpointerleave={scheduleClose}
-      onkeydown={onSubKeydown}
-    >
-      {@render children?.()}
-    </ul>
-  {/if}
-</li>
-
-<style>
-  .cd-dropdown__item-wrap {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  .cd-dropdown__item-wrap--submenu {
-    position: relative;
-  }
-  .cd-dropdown__item {
-    display: flex;
-    align-items: center;
-    gap: var(--cd-spacing-tight);
-    inline-size: 100%;
-    margin: 0;
-    padding: var(--cd-dropdown-item-padding);
-    border: none;
-    background: transparent;
-    color: inherit;
-    font: inherit;
-    text-align: start;
-    cursor: pointer;
-  }
-  .cd-dropdown__item:hover,
-  .cd-dropdown__item:focus-visible {
-    background: var(--cd-dropdown-item-bg-hover);
-  }
-  .cd-dropdown__item:focus-visible {
-    outline: none;
-  }
-  .cd-dropdown__item--submenu[aria-expanded='true'] {
-    background: var(--cd-dropdown-item-bg-hover);
-  }
-  .cd-dropdown__item[aria-disabled='true'] {
-    color: var(--cd-dropdown-item-color-disabled);
-    cursor: not-allowed;
-  }
-  .cd-dropdown__label {
-    flex: 1 1 auto;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-  .cd-dropdown__arrow {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 auto;
-    color: var(--cd-color-text-2);
-  }
-  .cd-dropdown__sub {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    z-index: var(--cd-dropdown-z);
-    min-inline-size: var(--cd-dropdown-min-width);
-    padding-block: var(--cd-spacing-extra-tight);
-    background: var(--cd-dropdown-bg);
-    border-radius: var(--cd-dropdown-radius);
-    box-shadow: var(--cd-dropdown-shadow);
-  }
-</style>

package/dist/dropdown/DropdownSubMenu.svelte.d.ts

@@ -1,15 +0,0 @@
-interface Props {
-    /** 子菜单标题文案 */
-    title?: string;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** hover 开启延迟（ms），默认 100 */
-    openDelay?: number;
-    /** hover 关闭延迟（ms），默认 200 */
-    closeDelay?: number;
-    children?: import('svelte').Snippet;
-}
-declare const DropdownSubMenu: import("svelte").Component<Props, {}, "">;
-type DropdownSubMenu = ReturnType<typeof DropdownSubMenu>;
-export default DropdownSubMenu;
-//# sourceMappingURL=DropdownSubMenu.svelte.d.ts.map

package/dist/dropdown/DropdownSubMenu.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownSubMenu.svelte.d.ts","sourceRoot":"","sources":["../../src/dropdown/DropdownSubMenu.svelte.ts"],"names":[],"mappings":"AAQE,UAAU,KAAK;IACb,cAAc;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACrC;AAkHH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/grid/use-breakpoint.svelte.d.ts

@@ -1,13 +0,0 @@
-/**
- * useBreakpoint — reactive current breakpoint from the viewport width.
- * Listens to resize (rAF-throttled) imperatively in $effect with cleanup
- * (red line #3); pure breakpoint math lives in @chenzy-design/core.
- * SSR-safe: defaults to 'xs' until mounted, then syncs to the real width.
- */
-import { type Breakpoint } from '@chenzy-design/core';
-export interface BreakpointHandle {
-    /** the current active breakpoint (reactive) */
-    readonly current: Breakpoint;
-}
-export declare function useBreakpoint(): BreakpointHandle;
-//# sourceMappingURL=use-breakpoint.svelte.d.ts.map

package/dist/grid/use-breakpoint.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-breakpoint.svelte.d.ts","sourceRoot":"","sources":["../../src/grid/use-breakpoint.svelte.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAA2B,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;CAC9B;AAID,wBAAgB,aAAa,IAAI,gBAAgB,CAgChD"}

package/dist/grid/use-breakpoint.svelte.js

@@ -1,41 +0,0 @@
-/**
- * useBreakpoint — reactive current breakpoint from the viewport width.
- * Listens to resize (rAF-throttled) imperatively in $effect with cleanup
- * (red line #3); pure breakpoint math lives in @chenzy-design/core.
- * SSR-safe: defaults to 'xs' until mounted, then syncs to the real width.
- */
-import { resolveActiveBreakpoint } from '@chenzy-design/core';
-const SUPPORTS_DOM = typeof window !== 'undefined';
-export function useBreakpoint() {
-    // initial value: real width if available (client), else 'xs' (SSR-safe).
-    let bp = $state(SUPPORTS_DOM ? resolveActiveBreakpoint(window.innerWidth) : 'xs');
-    $effect(() => {
-        if (!SUPPORTS_DOM)
-            return;
-        let frame = 0;
-        const measure = () => {
-            frame = 0;
-            const next = resolveActiveBreakpoint(window.innerWidth);
-            if (next !== bp)
-                bp = next;
-        };
-        const onResize = () => {
-            if (frame)
-                return;
-            frame = window.requestAnimationFrame(measure);
-        };
-        // sync once on mount (covers the SSR→client width correction) then listen.
-        measure();
-        window.addEventListener('resize', onResize);
-        return () => {
-            if (frame)
-                window.cancelAnimationFrame(frame);
-            window.removeEventListener('resize', onResize);
-        };
-    });
-    return {
-        get current() {
-            return bp;
-        },
-    };
-}

package/dist/icon/Icon.svelte

@@ -1,156 +0,0 @@
-<!--
-  Icon — see specs/components/basic/Icon.spec.md
-  Pure presentational primitive. Token-driven size/color, a11y-correct.
--->
-<script lang="ts">
-  import type { Component, Snippet } from 'svelte';
-
-  type IconSize = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large' | number;
-  type IconStatus = 'default' | 'warning' | 'error' | 'success' | 'info';
-
-  interface Props {
-    size?: IconSize;
-    spin?: boolean;
-    rotate?: number;
-    status?: IconStatus;
-    color?: string;
-    /** 直接传入 SVG 字符串，内部用 {@html} 渲染。来源须可信（构建期 SVGO 净化）。 */
-    svg?: string;
-    /** 传入一个 Svelte 图标组件作为渲染源。 */
-    component?: Component;
-    label?: string;
-    class?: string;
-    /** 透传到根元素的内联样式。 */
-    style?: string;
-    children?: Snippet;
-  }
-
-  let {
-    size = 'default',
-    spin = false,
-    rotate = 0,
-    status = 'default',
-    color,
-    svg,
-    component,
-    label,
-    class: className = '',
-    style = '',
-    children,
-  }: Props = $props();
-
-  // 渲染源派生：优先级 svg > component > children。
-  const SvgComponent = $derived(component);
-
-  const isNumericSize = $derived(typeof size === 'number');
-
-  const cls = $derived(
-    [
-      'cd-icon',
-      !isNumericSize && `cd-icon--${size}`,
-      status !== 'default' && `cd-icon--status-${status}`,
-      spin && 'cd-icon--spin',
-      className,
-    ]
-      .filter(Boolean)
-      .join(' '),
-  );
-
-  const inlineStyle = $derived(
-    [
-      isNumericSize && `width:${size}px`,
-      isNumericSize && `height:${size}px`,
-      color && `color:${color}`,
-      rotate && `transform:rotate(${rotate}deg)`,
-      style,
-    ]
-      .filter(Boolean)
-      .join(';'),
-  );
-</script>
-
-<span
-  class={cls}
-  style={inlineStyle || undefined}
-  role={label ? 'img' : undefined}
-  aria-label={label}
-  aria-hidden={label ? undefined : 'true'}
->
-  {#if svg}
-    <!-- 渲染源 svg：信任来源（构建期 SVGO 净化），运行时不做净化；用户传入的运行时 svg 须自行确保可信。 -->
-    {@html svg}
-  {:else if SvgComponent}
-    <SvgComponent />
-  {:else}
-    {@render children?.()}
-  {/if}
-</span>
-
-<style>
-  .cd-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: -0.125em;
-    width: var(--cd-icon-size-default);
-    height: var(--cd-icon-size-default);
-    color: currentColor;
-    fill: currentColor;
-    line-height: 1;
-  }
-  .cd-icon :global(svg) {
-    width: 100%;
-    height: 100%;
-    /* Do NOT force fill here: stroke-based SVGs set their own fill="none".
-       Color propagates via currentColor; fill-based icons should use
-       fill="currentColor" in their own markup. */
-  }
-  .cd-icon--extra-small {
-    width: var(--cd-icon-size-extra-small);
-    height: var(--cd-icon-size-extra-small);
-  }
-  .cd-icon--small {
-    width: var(--cd-icon-size-small);
-    height: var(--cd-icon-size-small);
-  }
-  .cd-icon--default {
-    width: var(--cd-icon-size-default);
-    height: var(--cd-icon-size-default);
-  }
-  .cd-icon--large {
-    width: var(--cd-icon-size-large);
-    height: var(--cd-icon-size-large);
-  }
-  .cd-icon--extra-large {
-    width: var(--cd-icon-size-extra-large);
-    height: var(--cd-icon-size-extra-large);
-  }
-  .cd-icon--status-warning {
-    color: var(--cd-icon-color-warning);
-  }
-  .cd-icon--status-error {
-    color: var(--cd-icon-color-error);
-  }
-  .cd-icon--status-success {
-    color: var(--cd-icon-color-success);
-  }
-  .cd-icon--status-info {
-    color: var(--cd-icon-color-info);
-  }
-  .cd-icon--spin {
-    animation: cd-icon-spin var(--cd-icon-spin-duration) var(--cd-icon-spin-timing) infinite;
-  }
-  @keyframes cd-icon-spin {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .cd-icon--spin {
-      animation: none;
-    }
-  }
-</style>

package/dist/icon/Icon.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { Component, Snippet } from 'svelte';
-type IconSize = 'extra-small' | 'small' | 'default' | 'large' | 'extra-large' | number;
-type IconStatus = 'default' | 'warning' | 'error' | 'success' | 'info';
-interface Props {
-    size?: IconSize;
-    spin?: boolean;
-    rotate?: number;
-    status?: IconStatus;
-    color?: string;
-    /** 直接传入 SVG 字符串，内部用 {@html} 渲染。来源须可信（构建期 SVGO 净化）。 */
-    svg?: string;
-    /** 传入一个 Svelte 图标组件作为渲染源。 */
-    component?: Component;
-    label?: string;
-    class?: string;
-    /** 透传到根元素的内联样式。 */
-    style?: string;
-    children?: Snippet;
-}
-declare const Icon: Component<Props, {}, "">;
-type Icon = ReturnType<typeof Icon>;
-export default Icon;
-//# sourceMappingURL=Icon.svelte.d.ts.map

package/dist/icon/Icon.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.svelte.d.ts","sourceRoot":"","sources":["../../src/icon/Icon.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAG/C,KAAK,QAAQ,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,MAAM,CAAC;AACvF,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmEH,QAAA,MAAM,IAAI,0BAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/image/ImagePreviewGroup.svelte

@@ -1,93 +0,0 @@
-<!--
-  ImagePreviewGroup — 图片预览组（复合组件 Image.PreviewGroup）。
-  包裹多个 <Image preview>，共享一个预览浮层：点任一图进入组预览，可左右切换。
-  红线 #3：当前索引 / 打开态以 $state 维护；浮层 portal、键盘监听在 ImagePreview 内命令式 + cleanup。
-  红线 #1：current/visible 受控时不回写，仅经 onChange/onVisibleChange 回调。
-  红线 #2：派生项列表为纯函数。
--->
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  import { setImageGroupContext, type PreviewItem } from './context.js';
-  import ImagePreview from './ImagePreview.svelte';
-
-  interface Props {
-    /** 受控：当前预览图索引。传入则受控，不回写，仅经 onChange 回调。 */
-    current?: number;
-    /** 受控：预览是否可见。 */
-    visible?: boolean;
-    onChange?: (index: number) => void;
-    onVisibleChange?: (visible: boolean) => void;
-    children?: Snippet;
-  }
-
-  let { current, visible, onChange, onVisibleChange, children }: Props = $props();
-
-  // 已注册子图（注册顺序即索引）。槽位卸载置 null，避免索引漂移。
-  let items = $state<(PreviewItem | null)[]>([]);
-
-  // 非受控本地态。
-  let innerCurrent = $state(0);
-  let innerVisible = $state(false);
-
-  const isCurrentControlled = $derived(current !== undefined);
-  const isVisibleControlled = $derived(visible !== undefined);
-
-  const activeCurrent = $derived(isCurrentControlled ? (current as number) : innerCurrent);
-  const activeVisible = $derived(isVisibleControlled ? (visible as boolean) : innerVisible);
-
-  // 派生纯函数：紧凑后的预览图列表（过滤已卸载槽位）+ 槽位索引→列表索引映射。
-  const previewList = $derived(
-    items
-      .map((it, slot) => (it ? { src: it.getSrc(), alt: it.getAlt(), slot } : null))
-      .filter((v): v is { src: string; alt: string; slot: number } => v !== null),
-  );
-  const images = $derived(previewList.map(({ src, alt }) => ({ src, alt })));
-
-  function setCurrent(index: number) {
-    if (!isCurrentControlled) innerCurrent = index;
-    onChange?.(index);
-  }
-  function setVisible(next: boolean) {
-    if (!isVisibleControlled) innerVisible = next;
-    onVisibleChange?.(next);
-  }
-
-  setImageGroupContext({
-    register(item) {
-      const slot = items.length;
-      items = [...items, item];
-      return slot;
-    },
-    unregister(slot) {
-      if (slot < items.length) {
-        const next = items.slice();
-        next[slot] = null;
-        items = next;
-      }
-    },
-    open(slot) {
-      // 槽位索引 → 紧凑列表索引。
-      const listIndex = previewList.findIndex((p) => p.slot === slot);
-      setCurrent(listIndex < 0 ? 0 : listIndex);
-      setVisible(true);
-    },
-  });
-
-  function handleClose() {
-    setVisible(false);
-  }
-  function handleChange(index: number) {
-    setCurrent(index);
-  }
-</script>
-
-{@render children?.()}
-
-{#if activeVisible && images.length > 0}
-  <ImagePreview
-    {images}
-    current={activeCurrent}
-    onClose={handleClose}
-    onChange={handleChange}
-  />
-{/if}

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

@@ -1,14 +0,0 @@
-import type { Snippet } from 'svelte';
-interface Props {
-    /** 受控：当前预览图索引。传入则受控，不回写，仅经 onChange 回调。 */
-    current?: number;
-    /** 受控：预览是否可见。 */
-    visible?: boolean;
-    onChange?: (index: number) => void;
-    onVisibleChange?: (visible: boolean) => void;
-    children?: Snippet;
-}
-declare const ImagePreviewGroup: import("svelte").Component<Props, {}, "">;
-type ImagePreviewGroup = ReturnType<typeof ImagePreviewGroup>;
-export default ImagePreviewGroup;
-//# sourceMappingURL=ImagePreviewGroup.svelte.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePreviewGroup.svelte.d.ts","sourceRoot":"","sources":["../../src/image/ImagePreviewGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKpC,UAAU,KAAK;IACb,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6EH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/image/context.d.ts

@@ -1,16 +0,0 @@
-/** 组内单张图片的预览数据。src 用 getter 以保持对子 Image prop 变化的响应性。 */
-export interface PreviewItem {
-    getSrc: () => string;
-    getAlt: () => string;
-}
-export interface ImageGroupContext {
-    /** 子 Image 注册自身进预览组，返回该图在组内的稳定索引（注册顺序）。 */
-    register: (item: PreviewItem) => number;
-    /** 子 Image 卸载时注销。 */
-    unregister: (index: number) => void;
-    /** 子 Image 被点击时请求打开组预览，定位到自身索引。 */
-    open: (index: number) => void;
-}
-export declare function setImageGroupContext(ctx: ImageGroupContext): void;
-export declare function getImageGroupContext(): ImageGroupContext | undefined;
-//# sourceMappingURL=context.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/image/context.ts"],"names":[],"mappings":"AAEA,wDAAwD;AACxD,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC;IACxC,qBAAqB;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,mCAAmC;IACnC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAID,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAEjE;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,GAAG,SAAS,CAEpE"}

package/dist/image/context.js

@@ -1,8 +0,0 @@
-import { getContext, setContext } from 'svelte';
-const KEY = Symbol('cd-image-group');
-export function setImageGroupContext(ctx) {
-    setContext(KEY, ctx);
-}
-export function getImageGroupContext() {
-    return getContext(KEY);
-}