@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid/grid.js","sources":["../../../../../src/grid/grid.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string | readonly [number | string, number | string];\n  align?: 'start' | 'center' | 'end' | 'stretch';\n}\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  { columns = 3, gap = 16, align = 'stretch', className, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    alignItems: align,\n    gap:\n      typeof gap === 'object'\n        ? gap.map((v) => (typeof v === 'number' ? `${v}px` : v)).join(' ')\n        : gap,\n    ...style,\n  };\n  if (typeof columns === 'number')\n    variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return <div {...props} ref={ref} className={classes('leaf-grid', className)} style={variables} />;\n});\nexport interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {\n  gutter?: GridProps['gap'];\n}\nexport const Row = forwardRef<HTMLDivElement, RowProps>(function Row(\n  { gutter = 16, className, style, ...props },\n  ref,\n) {\n  const [vertical, horizontal] = typeof gutter === 'object' ? gutter : [gutter, gutter];\n  const unit = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n  const variables: LeafThemeStyle = {\n    '--leaf-row-gutter': unit(horizontal),\n    columnGap: 0,\n    rowGap: unit(vertical),\n    ...style,\n  };\n  return (\n    <Grid\n      {...props}\n      ref={ref}\n      columns={24}\n      gap={gutter}\n      style={variables}\n      className={classes('leaf-row', className)}\n    />\n  );\n});\nexport interface ColProps extends HTMLAttributes<HTMLDivElement> {\n  span?: number;\n  offset?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\nexport const Col = forwardRef<HTMLDivElement, ColProps>(function Col(\n  { span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = { ...style };\n  let last = span;\n  for (const [point, value] of Object.entries({ xs, sm, md, lg, xl })) {\n    last = value ?? last;\n    variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));\n    variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';\n  }\n  return (\n    <>\n      {offset > 0 && (\n        <div\n          aria-hidden=\"true\"\n          className=\"leaf-col leaf-col--offset\"\n          style={{\n            ...variables,\n            gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,\n            flexBasis: `${(Math.min(23, Math.max(1, Math.trunc(offset))) / 24) * 100}%`,\n          }}\n        />\n      )}\n      <div {...props} ref={ref} className={classes('leaf-col', className)} style={variables} />\n    </>\n  );\n});\n"],"names":["Grid","forwardRef","columns","gap","align","className","style","props","ref","variables","v","Math","last","point","classes","Row","gutter","vertical","horizontal","unit","value","Col","span","offset","xs","sm","md","lg","xl","Object"],"mappings":"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"}
+{"version":3,"file":"grid/grid.js","sources":["../../../../../src/grid/grid.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string | readonly [number | string, number | string];\n  align?: 'start' | 'center' | 'end' | 'stretch';\n}\nexport const GridControl = forwardRef<HTMLDivElement, GridProps>(function GridControl(\n  { columns = 3, gap = 16, align = 'stretch', className, style, ...props }: GridProps,\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    alignItems: align,\n    gap:\n      typeof gap === 'object'\n        ? gap.map((v) => (typeof v === 'number' ? `${v}px` : v)).join(' ')\n        : gap,\n    ...style,\n  };\n  if (typeof columns === 'number')\n    variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return <div {...props} ref={ref} className={classes('leaf-grid', className)} style={variables} />;\n});\nexport interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {\n  gutter?: GridProps['gap'];\n}\nexport const Row = forwardRef<HTMLDivElement, RowProps>(function Row(rawProps: RowProps, ref) {\n  const { gutter = 16, className, style, ...props } = useComponentProps('Row', rawProps);\n  const [vertical, horizontal] = typeof gutter === 'object' ? gutter : [gutter, gutter];\n  const unit = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n  const variables: LeafThemeStyle = {\n    '--leaf-row-gutter': unit(horizontal),\n    columnGap: 0,\n    rowGap: unit(vertical),\n    ...style,\n  };\n  return (\n    <GridControl\n      {...props}\n      ref={ref}\n      columns={24}\n      gap={gutter}\n      style={variables}\n      className={classes('leaf-row', className)}\n    />\n  );\n});\nexport interface ColProps extends HTMLAttributes<HTMLDivElement> {\n  span?: number;\n  offset?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\nexport const Col = forwardRef<HTMLDivElement, ColProps>(function Col(rawProps: ColProps, ref) {\n  const {\n    span = 24,\n    offset = 0,\n    xs,\n    sm,\n    md,\n    lg,\n    xl,\n    className,\n    style,\n    ...props\n  } = useComponentProps('Col', rawProps);\n  const variables: LeafThemeStyle = { ...style };\n  let last = span;\n  for (const [point, value] of Object.entries({ xs, sm, md, lg, xl })) {\n    last = value ?? last;\n    variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));\n    variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';\n  }\n  return (\n    <>\n      {offset > 0 && (\n        <div\n          aria-hidden=\"true\"\n          className=\"leaf-col leaf-col--offset\"\n          style={{\n            ...variables,\n            gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,\n            flexBasis: `${(Math.min(23, Math.max(1, Math.trunc(offset))) / 24) * 100}%`,\n          }}\n        />\n      )}\n      <div {...props} ref={ref} className={classes('leaf-col', className)} style={variables} />\n    </>\n  );\n});\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(rawProps: GridProps, ref) {\n  const props = useComponentProps('Grid', rawProps);\n  return <GridControl {...props} ref={ref} />;\n});\nGrid.displayName = 'Grid';\n"],"names":["GridControl","forwardRef","columns","gap","align","className","style","props","ref","variables","v","Math","last","point","classes","Row","rawProps","gutter","useComponentProps","vertical","horizontal","unit","value","Col","span","offset","xs","sm","md","lg","xl","Object","Grid"],"mappings":"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"}

package/dist/esm/browser/modules/image/image.js

@@ -1,18 +1,21 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/image.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ImageOff, Scan } from "lucide-react";
 import { Suspense, createContext, forwardRef, lazy, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Loading } from "../loading/index.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { LoadingControl } from "../loading/loading.js";
 import { classes } from "../shared/classes.js";
 import { useMergedRef } from "../shared/field.js";
 import { useClient } from "../shared/use-client.js";
 import { useControllable } from "../shared/use-controllable.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
 const Viewer = /*#__PURE__*/ lazy(()=>import("./viewer.js").then((module)=>({
             default: module.ImageViewer
         })));
-function ImagePreview(props) {
+function ImagePreviewControl(props) {
     const client = useClient();
     const [visited, setVisited] = useState(props.open);
     useEffect(()=>{
@@ -29,7 +32,8 @@ function ImagePreview(props) {
     });
 }
 const GroupContext = /*#__PURE__*/ createContext(null);
-function ImagePreviewGroup({ children, items, open: controlled, defaultOpen = false, onOpenChange, index: controlledIndex, defaultIndex = 0, onIndexChange, thumbnails = true, downloadable = false }) {
+function ImagePreviewGroup(rawProps) {
+    const { children, items, open: controlled, defaultOpen = false, onOpenChange, index: controlledIndex, defaultIndex = 0, onIndexChange, thumbnails = true, downloadable = false } = useComponentProps('ImagePreviewGroup', rawProps);
     const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);
     const [index, setIndex] = useControllable(controlledIndex, defaultIndex, onIndexChange);
     const [registered, setRegistered] = useState([]);
@@ -67,7 +71,7 @@ function ImagePreviewGroup({ children, items, open: controlled, defaultOpen = fa
         value: context,
         children: [
             children,
-            /*#__PURE__*/ jsx(ImagePreview, {
+            /*#__PURE__*/ jsx(ImagePreviewControl, {
                 items: items ?? registered.map((entry)=>entry.item),
                 open: open,
                 index: index,
@@ -79,8 +83,10 @@ function ImagePreviewGroup({ children, items, open: controlled, defaultOpen = fa
         ]
     });
 }
-const image_Image = /*#__PURE__*/ forwardRef(function({ src, alt = '', preview = true, previewSrc, fallback, fit = 'cover', className, style, width, height, onLoad, onError, ...props }, ref) {
+const image_Image = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { src, alt = '', preview = true, previewSrc, fallback, fit = 'cover', className, style, width, height, onLoad, onError, ...props } = useComponentProps('Image', rawProps);
     const t = useText();
+    const format = useFormattedText();
     const group = useContext(GroupContext);
     const id = useId();
     const native = useRef(null);
@@ -143,7 +149,9 @@ const image_Image = /*#__PURE__*/ forwardRef(function({ src, alt = '', preview =
             preview && src ? /*#__PURE__*/ jsxs("button", {
                 type: "button",
                 className: "leaf-image__trigger",
-                "aria-label": `${t('预览图片', 'Preview image')}${alt ? `: ${alt}` : ''}`,
+                "aria-label": format('image.previewImage', {
+                    alt: alt ? `: ${alt}` : ''
+                }),
                 onClick: (event)=>{
                     if (!event.defaultPrevented && 'error' !== state) if (group) group.show(id);
                     else setOpen(true);
@@ -161,20 +169,20 @@ const image_Image = /*#__PURE__*/ forwardRef(function({ src, alt = '', preview =
             }) : image,
             'loading' === state && /*#__PURE__*/ jsx("span", {
                 className: "leaf-image__placeholder",
-                children: /*#__PURE__*/ jsx(Loading, {
+                children: /*#__PURE__*/ jsx(LoadingControl, {
                     size: "sm"
                 })
             }),
             'error' === state && /*#__PURE__*/ jsx("span", {
                 className: "leaf-image__placeholder",
                 role: "img",
-                "aria-label": alt || t('图片加载失败', 'Image unavailable'),
+                "aria-label": alt || t('image.imageUnavailable'),
                 children: fallback ?? /*#__PURE__*/ jsx(ImageOff, {
                     size: 24,
                     "aria-hidden": "true"
                 })
             }),
-            !group && /*#__PURE__*/ jsx(ImagePreview, {
+            !group && /*#__PURE__*/ jsx(ImagePreviewControl, {
                 items: src ? [
                     {
                         src: previewSrc ?? src,
@@ -187,6 +195,12 @@ const image_Image = /*#__PURE__*/ forwardRef(function({ src, alt = '', preview =
         ]
     });
 });
-export { ImagePreview, ImagePreviewGroup, image_Image as Image };
+function ImagePreview(rawProps) {
+    const props = useComponentProps('ImagePreview', rawProps);
+    return /*#__PURE__*/ jsx(ImagePreviewControl, {
+        ...props
+    });
+}
+export { ImagePreview, ImagePreviewControl, ImagePreviewGroup, image_Image as Image };
 
 //# sourceMappingURL=image.js.map

package/dist/esm/browser/modules/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image/image.js","sources":["../../../../../src/image/image.tsx"],"sourcesContent":["import { ImageOff, Scan } from 'lucide-react';\nimport {\n  createContext,\n  forwardRef,\n  type ImgHTMLAttributes,\n  lazy,\n  type ReactNode,\n  Suspense,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Loading } from '../loading';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useClient } from '../shared/use-client';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\n\nexport interface ImagePreviewItem {\n  src: string;\n  thumbnailSrc?: string;\n  alt?: string;\n  width?: number;\n  height?: number;\n  download?: string | boolean;\n  downloadName?: string;\n}\nexport interface ImagePreviewProps {\n  items: readonly ImagePreviewItem[];\n  open: boolean;\n  index?: number;\n  onClose: () => void;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nconst Viewer = lazy(() => import('./viewer').then((module) => ({ default: module.ImageViewer })));\nexport function ImagePreview(props: ImagePreviewProps) {\n  const client = useClient();\n  const [visited, setVisited] = useState(props.open);\n  useEffect(() => {\n    if (props.open) setVisited(true);\n  }, [props.open]);\n  if (!client || (!props.open && !visited)) return null;\n  return (\n    <Suspense fallback={null}>\n      <Viewer {...props} />\n    </Suspense>\n  );\n}\ninterface GroupContextValue {\n  register: (id: string, item: ImagePreviewItem | null) => void;\n  show: (id: string) => void;\n}\nconst GroupContext = createContext<GroupContextValue | null>(null);\nexport interface ImagePreviewGroupProps {\n  children?: ReactNode;\n  items?: readonly ImagePreviewItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  index?: number;\n  defaultIndex?: number;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nexport function ImagePreviewGroup({\n  children,\n  items,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  index: controlledIndex,\n  defaultIndex = 0,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewGroupProps) {\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [index, setIndex] = useControllable(controlledIndex, defaultIndex, onIndexChange);\n  const [registered, setRegistered] = useState<{ id: string; item: ImagePreviewItem }[]>([]);\n  // Registration must not depend on the list or opening a viewer would reorder images.\n  const register = useMemo(\n    () => (id: string, item: ImagePreviewItem | null) =>\n      setRegistered((previous) => {\n        const position = previous.findIndex((entry) => entry.id === id);\n        if (!item) return previous.filter((entry) => entry.id !== id);\n        if (position < 0) return [...previous, { id, item }];\n        return previous.map((entry) => (entry.id === id ? { id, item } : entry));\n      }),\n    [],\n  );\n  const context = useMemo<GroupContextValue>(\n    () => ({\n      register,\n      show(id) {\n        const position = registered.findIndex((entry) => entry.id === id);\n        if (position >= 0) {\n          setIndex(position);\n          setOpen(true);\n        }\n      },\n    }),\n    [registered, setIndex, setOpen, register],\n  );\n  return (\n    <GroupContext.Provider value={context}>\n      {children}\n      <ImagePreview\n        items={items ?? registered.map((entry) => entry.item)}\n        open={open}\n        index={index}\n        onClose={() => setOpen(false)}\n        onIndexChange={setIndex}\n        thumbnails={thumbnails}\n        downloadable={downloadable}\n      />\n    </GroupContext.Provider>\n  );\n}\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: ReactNode;\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n}\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  {\n    src,\n    alt = '',\n    preview = true,\n    previewSrc,\n    fallback,\n    fit = 'cover',\n    className,\n    style,\n    width,\n    height,\n    onLoad,\n    onError,\n    ...props\n  },\n  ref,\n) {\n  const t = useText();\n  const group = useContext(GroupContext);\n  const id = useId();\n  const native = useRef<HTMLImageElement>(null);\n  const mergedRef = useMergedRef(native, ref);\n  const [state, setState] = useState<'loading' | 'ready' | 'error'>('loading');\n  const [open, setOpen] = useState(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: A changed source begins a new image loading cycle.\n  useEffect(() => {\n    const node = native.current;\n    setState(node?.complete ? (node.naturalWidth > 0 ? 'ready' : 'error') : 'loading');\n  }, [src]);\n  const register = group?.register;\n  useEffect(() => {\n    register?.(id, preview && src ? { src: previewSrc ?? src, alt } : null);\n  }, [id, src, previewSrc, alt, preview, register]);\n  useEffect(() => () => register?.(id, null), [id, register]);\n  const image = (\n    <img\n      {...props}\n      ref={mergedRef}\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      loading={props.loading ?? 'lazy'}\n      style={{ objectFit: fit }}\n      onLoad={(event) => {\n        setState('ready');\n        onLoad?.(event);\n      }}\n      onError={(event) => {\n        setState('error');\n        onError?.(event);\n      }}\n    />\n  );\n  return (\n    <span\n      className={classes('leaf-image', className)}\n      style={{ width, height, ...style }}\n      data-state={state}\n    >\n      {preview && src ? (\n        <button\n          type=\"button\"\n          className=\"leaf-image__trigger\"\n          aria-label={`${t('预览图片', 'Preview image')}${alt ? `: ${alt}` : ''}`}\n          onClick={(event) => {\n            if (!event.defaultPrevented && state !== 'error') {\n              if (group) group.show(id);\n              else setOpen(true);\n            }\n          }}\n        >\n          {image}\n          <span className=\"leaf-image__zoom\" aria-hidden=\"true\">\n            <Scan size={20} />\n          </span>\n        </button>\n      ) : (\n        image\n      )}\n      {state === 'loading' && (\n        <span className=\"leaf-image__placeholder\">\n          <Loading size=\"sm\" />\n        </span>\n      )}\n      {state === 'error' && (\n        <span\n          className=\"leaf-image__placeholder\"\n          role=\"img\"\n          aria-label={alt || t('图片加载失败', 'Image unavailable')}\n        >\n          {fallback ?? <ImageOff size={24} aria-hidden=\"true\" />}\n        </span>\n      )}\n      {!group && (\n        <ImagePreview\n          items={src ? [{ src: previewSrc ?? src, alt }] : []}\n          open={open}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </span>\n  );\n});\n"],"names":["Viewer","lazy","module","ImagePreview","props","client","useClient","visited","setVisited","useState","useEffect","Suspense","GroupContext","createContext","ImagePreviewGroup","children","items","controlled","defaultOpen","onOpenChange","controlledIndex","defaultIndex","onIndexChange","thumbnails","downloadable","open","setOpen","useControllable","index","setIndex","registered","setRegistered","register","useMemo","id","item","previous","position","entry","context","Image","forwardRef","src","alt","preview","previewSrc","fallback","fit","className","style","width","height","onLoad","onError","ref","t","useText","group","useContext","useId","native","useRef","mergedRef","useMergedRef","state","setState","node","image","event","classes","Scan","Loading","ImageOff"],"mappings":"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"}
+{"version":3,"file":"image/image.js","sources":["../../../../../src/image/image.tsx"],"sourcesContent":["import { ImageOff, Scan } from 'lucide-react';\nimport {\n  createContext,\n  forwardRef,\n  type ImgHTMLAttributes,\n  lazy,\n  type ReactNode,\n  Suspense,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useClient } from '../shared/use-client';\nimport { useControllable } from '../shared/use-controllable';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\n\nexport interface ImagePreviewItem {\n  src: string;\n  thumbnailSrc?: string;\n  alt?: string;\n  width?: number;\n  height?: number;\n  download?: string | boolean;\n  downloadName?: string;\n}\nexport interface ImagePreviewProps {\n  items: readonly ImagePreviewItem[];\n  open: boolean;\n  index?: number;\n  onClose: () => void;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nconst Viewer = lazy(() => import('./viewer').then((module) => ({ default: module.ImageViewer })));\nexport function ImagePreviewControl(props: ImagePreviewProps) {\n  const client = useClient();\n  const [visited, setVisited] = useState(props.open);\n  useEffect(() => {\n    if (props.open) setVisited(true);\n  }, [props.open]);\n  if (!client || (!props.open && !visited)) return null;\n  return (\n    <Suspense fallback={null}>\n      <Viewer {...props} />\n    </Suspense>\n  );\n}\ninterface GroupContextValue {\n  register: (id: string, item: ImagePreviewItem | null) => void;\n  show: (id: string) => void;\n}\nconst GroupContext = createContext<GroupContextValue | null>(null);\nexport interface ImagePreviewGroupProps {\n  children?: ReactNode;\n  items?: readonly ImagePreviewItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  index?: number;\n  defaultIndex?: number;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nexport function ImagePreviewGroup(rawProps: ImagePreviewGroupProps) {\n  const {\n    children,\n    items,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    index: controlledIndex,\n    defaultIndex = 0,\n    onIndexChange,\n    thumbnails = true,\n    downloadable = false,\n  } = useComponentProps('ImagePreviewGroup', rawProps);\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [index, setIndex] = useControllable(controlledIndex, defaultIndex, onIndexChange);\n  const [registered, setRegistered] = useState<{ id: string; item: ImagePreviewItem }[]>([]);\n  // Registration must not depend on the list or opening a viewer would reorder images.\n  const register = useMemo(\n    () => (id: string, item: ImagePreviewItem | null) =>\n      setRegistered((previous) => {\n        const position = previous.findIndex((entry) => entry.id === id);\n        if (!item) return previous.filter((entry) => entry.id !== id);\n        if (position < 0) return [...previous, { id, item }];\n        return previous.map((entry) => (entry.id === id ? { id, item } : entry));\n      }),\n    [],\n  );\n  const context = useMemo<GroupContextValue>(\n    () => ({\n      register,\n      show(id) {\n        const position = registered.findIndex((entry) => entry.id === id);\n        if (position >= 0) {\n          setIndex(position);\n          setOpen(true);\n        }\n      },\n    }),\n    [registered, setIndex, setOpen, register],\n  );\n  return (\n    <GroupContext.Provider value={context}>\n      {children}\n      <ImagePreviewControl\n        items={items ?? registered.map((entry) => entry.item)}\n        open={open}\n        index={index}\n        onClose={() => setOpen(false)}\n        onIndexChange={setIndex}\n        thumbnails={thumbnails}\n        downloadable={downloadable}\n      />\n    </GroupContext.Provider>\n  );\n}\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: ReactNode;\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n}\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  rawProps: ImageProps,\n  ref,\n) {\n  const {\n    src,\n    alt = '',\n    preview = true,\n    previewSrc,\n    fallback,\n    fit = 'cover',\n    className,\n    style,\n    width,\n    height,\n    onLoad,\n    onError,\n    ...props\n  } = useComponentProps('Image', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const group = useContext(GroupContext);\n  const id = useId();\n  const native = useRef<HTMLImageElement>(null);\n  const mergedRef = useMergedRef(native, ref);\n  const [state, setState] = useState<'loading' | 'ready' | 'error'>('loading');\n  const [open, setOpen] = useState(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: A changed source begins a new image loading cycle.\n  useEffect(() => {\n    const node = native.current;\n    setState(node?.complete ? (node.naturalWidth > 0 ? 'ready' : 'error') : 'loading');\n  }, [src]);\n  const register = group?.register;\n  useEffect(() => {\n    register?.(id, preview && src ? { src: previewSrc ?? src, alt } : null);\n  }, [id, src, previewSrc, alt, preview, register]);\n  useEffect(() => () => register?.(id, null), [id, register]);\n  const image = (\n    <img\n      {...props}\n      ref={mergedRef}\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      loading={props.loading ?? 'lazy'}\n      style={{ objectFit: fit }}\n      onLoad={(event) => {\n        setState('ready');\n        onLoad?.(event);\n      }}\n      onError={(event) => {\n        setState('error');\n        onError?.(event);\n      }}\n    />\n  );\n  return (\n    <span\n      className={classes('leaf-image', className)}\n      style={{ width, height, ...style }}\n      data-state={state}\n    >\n      {preview && src ? (\n        <button\n          type=\"button\"\n          className=\"leaf-image__trigger\"\n          aria-label={format('image.previewImage', { alt: alt ? `: ${alt}` : '' })}\n          onClick={(event) => {\n            if (!event.defaultPrevented && state !== 'error') {\n              if (group) group.show(id);\n              else setOpen(true);\n            }\n          }}\n        >\n          {image}\n          <span className=\"leaf-image__zoom\" aria-hidden=\"true\">\n            <Scan size={20} />\n          </span>\n        </button>\n      ) : (\n        image\n      )}\n      {state === 'loading' && (\n        <span className=\"leaf-image__placeholder\">\n          <Loading size=\"sm\" />\n        </span>\n      )}\n      {state === 'error' && (\n        <span\n          className=\"leaf-image__placeholder\"\n          role=\"img\"\n          aria-label={alt || t('image.imageUnavailable')}\n        >\n          {fallback ?? <ImageOff size={24} aria-hidden=\"true\" />}\n        </span>\n      )}\n      {!group && (\n        <ImagePreviewControl\n          items={src ? [{ src: previewSrc ?? src, alt }] : []}\n          open={open}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </span>\n  );\n});\n\nexport function ImagePreview(rawProps: ImagePreviewProps) {\n  const props = useComponentProps('ImagePreview', rawProps);\n  return <ImagePreviewControl {...props} />;\n}\n"],"names":["Viewer","lazy","module","ImagePreviewControl","props","client","useClient","visited","setVisited","useState","useEffect","Suspense","GroupContext","createContext","ImagePreviewGroup","rawProps","children","items","controlled","defaultOpen","onOpenChange","controlledIndex","defaultIndex","onIndexChange","thumbnails","downloadable","useComponentProps","open","setOpen","useControllable","index","setIndex","registered","setRegistered","register","useMemo","id","item","previous","position","entry","context","Image","forwardRef","ref","src","alt","preview","previewSrc","fallback","fit","className","style","width","height","onLoad","onError","t","useText","format","useFormattedText","group","useContext","useId","native","useRef","mergedRef","useMergedRef","state","setState","node","image","event","classes","Scan","Loading","ImageOff","ImagePreview"],"mappings":"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"}

package/dist/esm/browser/modules/image/viewer.js

@@ -1,4 +1,5 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/image.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight, Download, ImageOff, Maximize2, Minimize2, PanelBottom, RotateCcw, X, ZoomIn, ZoomOut } from "lucide-react";
@@ -6,9 +7,10 @@ import { useEffect, useRef, useState } from "react";
 import yet_another_react_lightbox, { useController, useLightboxState, useNavigationState } from "yet-another-react-lightbox";
 import plugins_fullscreen from "yet-another-react-lightbox/plugins/fullscreen";
 import plugins_zoom from "yet-another-react-lightbox/plugins/zoom";
-import { Loading } from "../loading/index.js";
+import { LoadingControl } from "../loading/loading.js";
 import { motionDuration, useMotionEnabled } from "../shared/motion.js";
 import { ScopedPortal } from "../shared/scoped-portal.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
 function ImageViewer(props) {
     return /*#__PURE__*/ jsx(ScopedPortal, {
@@ -31,6 +33,7 @@ function Control({ label, children, active, disabled, onClick, className = '' })
 }
 function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreenControl }) {
     const t = useText();
+    const format = useFormattedText();
     const motion = useMotionEnabled();
     const { currentIndex } = useLightboxState();
     const { prev, next, close } = useController();
@@ -101,7 +104,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                         className: "leaf-image-viewer__title",
                         children: [
                             /*#__PURE__*/ jsx("span", {
-                                children: item?.alt || t('图片预览', 'Image preview')
+                                children: item?.alt || t('image.imagePreview')
                             }),
                             /*#__PURE__*/ jsxs("span", {
                                 className: "leaf-image-viewer__count",
@@ -118,17 +121,17 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                         className: "leaf-image-viewer__header-actions",
                         children: [
                             downloadable && item?.download !== false && /*#__PURE__*/ jsx(Control, {
-                                label: t('下载图片', 'Download image'),
+                                label: t('image.downloadImage'),
                                 onClick: ()=>void download(),
                                 disabled: downloading,
-                                children: downloading ? /*#__PURE__*/ jsx(Loading, {
+                                children: downloading ? /*#__PURE__*/ jsx(LoadingControl, {
                                     size: "sm"
                                 }) : /*#__PURE__*/ jsx(Download, {
                                     size: 19
                                 })
                             }),
                             /*#__PURE__*/ jsx(Control, {
-                                label: fullscreen ? t('退出全屏', 'Exit fullscreen') : t('进入全屏', 'Enter fullscreen'),
+                                label: fullscreen ? t('image.exitFullscreen') : t('image.enterFullscreen'),
                                 disabled: !fullscreenControl || fullscreenControl.disabled,
                                 onClick: ()=>fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter(),
                                 children: fullscreen ? /*#__PURE__*/ jsx(Minimize2, {
@@ -138,7 +141,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                                 })
                             }),
                             /*#__PURE__*/ jsx(Control, {
-                                label: t('关闭预览', 'Close preview'),
+                                label: t('image.closePreview'),
                                 onClick: close,
                                 children: /*#__PURE__*/ jsx(X, {
                                     size: 22
@@ -152,7 +155,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                 children: [
                     /*#__PURE__*/ jsx(Control, {
                         className: "leaf-image-viewer__previous",
-                        label: t('上一张', 'Previous image'),
+                        label: t('image.previousImage'),
                         disabled: prevDisabled,
                         onClick: ()=>prev(),
                         children: /*#__PURE__*/ jsx(ChevronLeft, {
@@ -161,7 +164,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                     }),
                     /*#__PURE__*/ jsx(Control, {
                         className: "leaf-image-viewer__next",
-                        label: t('下一张', 'Next image'),
+                        label: t('image.nextImage'),
                         disabled: nextDisabled,
                         onClick: ()=>next(),
                         children: /*#__PURE__*/ jsx(ChevronRight, {
@@ -177,13 +180,13 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                         role: "alert",
                         className: "leaf-image-viewer__error",
                         children: [
-                            t('下载失败，可在新窗口打开原图保存', 'Download failed. Open the original image to save it.'),
+                            t('image.downloadFailedOpenTheOriginalImageToSaveIt'),
                             ' ',
                             /*#__PURE__*/ jsx("a", {
                                 href: downloadUrl,
                                 target: "_blank",
                                 rel: "noopener noreferrer",
-                                children: t('打开原图', 'Open original')
+                                children: t('image.openOriginal')
                             })
                         ]
                     }),
@@ -191,7 +194,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                         className: "leaf-image-viewer__tools",
                         children: [
                             /*#__PURE__*/ jsx(Control, {
-                                label: t('缩小', 'Zoom out'),
+                                label: t('image.zoomOut'),
                                 disabled: !zoomControl || zoomControl.disabled || zoom <= 1,
                                 onClick: ()=>zoomControl?.zoomOut(),
                                 children: /*#__PURE__*/ jsx(ZoomOut, {
@@ -202,14 +205,14 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                                 type: "button",
                                 className: "leaf-image-viewer__zoom-level",
                                 onClick: ()=>zoomControl?.changeZoom(1),
-                                title: t('重置缩放', 'Reset zoom'),
+                                title: t('image.resetZoom'),
                                 children: [
                                     Math.round(100 * zoom),
                                     "%"
                                 ]
                             }),
                             /*#__PURE__*/ jsx(Control, {
-                                label: t('放大', 'Zoom in'),
+                                label: t('image.zoomIn'),
                                 disabled: !zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom,
                                 onClick: ()=>zoomControl?.zoomIn(),
                                 children: /*#__PURE__*/ jsx(ZoomIn, {
@@ -217,7 +220,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                                 })
                             }),
                             /*#__PURE__*/ jsx(Control, {
-                                label: t('重置缩放', 'Reset zoom'),
+                                label: t('image.resetZoom'),
                                 disabled: zoom <= 1,
                                 onClick: ()=>zoomControl?.changeZoom(1),
                                 children: /*#__PURE__*/ jsx(RotateCcw, {
@@ -230,7 +233,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                                         className: "leaf-image-viewer__tool-separator"
                                     }),
                                     /*#__PURE__*/ jsx(Control, {
-                                        label: t('显示缩略图', 'Show thumbnails'),
+                                        label: t('image.showThumbnails'),
                                         active: showThumbs,
                                         onClick: ()=>setShowThumbs((value)=>!value),
                                         children: /*#__PURE__*/ jsx(PanelBottom, {
@@ -245,7 +248,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                         className: "leaf-image-viewer__gallery",
                         children: [
                             /*#__PURE__*/ jsx(Control, {
-                                label: t('向前滚动缩略图', 'Scroll thumbnails backward'),
+                                label: t('image.scrollThumbnailsBackward'),
                                 onClick: ()=>strip.current?.scrollBy({
                                         left: -(0.7 * strip.current.clientWidth),
                                         behavior: motion ? 'smooth' : 'auto'
@@ -257,13 +260,16 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                             /*#__PURE__*/ jsx("fieldset", {
                                 className: "leaf-image-viewer__thumbnails",
                                 ref: strip,
-                                "aria-label": t('图片列表', 'Image list'),
+                                "aria-label": t('image.imageList'),
                                 children: items.map((image, target)=>/*#__PURE__*/ jsxs("button", {
                                         type: "button",
                                         className: "leaf-image-viewer__thumbnail",
                                         "data-index": target,
                                         "aria-current": currentIndex === target || void 0,
-                                        "aria-label": `${t('查看第', 'View image')} ${target + 1}${t('张图片', '')}${image.alt ? `: ${image.alt}` : ''}`,
+                                        "aria-label": format('image.viewImage', {
+                                            index: target + 1,
+                                            alt: image.alt ? `: ${image.alt}` : ''
+                                        }),
                                         title: image.alt || String(target + 1),
                                         tabIndex: currentIndex === target ? 0 : -1,
                                         onClick: ()=>choose(target),
@@ -294,7 +300,7 @@ function ViewerChrome({ items, thumbnails, downloadable, zoomControl, fullscreen
                                     }, `${image.src}-${target}`))
                             }),
                             /*#__PURE__*/ jsx(Control, {
-                                label: t('向后滚动缩略图', 'Scroll thumbnails forward'),
+                                label: t('image.scrollThumbnailsForward'),
                                 onClick: ()=>strip.current?.scrollBy({
                                         left: 0.7 * strip.current.clientWidth,
                                         behavior: motion ? 'smooth' : 'auto'
@@ -324,6 +330,7 @@ function Viewer({ items, open, index = 0, onClose, onIndexChange, thumbnails = t
             ...item
         })));
     const t = useText();
+    const format = useFormattedText();
     const motion = useMotionEnabled();
     const duration = root && motion ? motionDuration(root) : 0;
     return /*#__PURE__*/ jsx("div", {
@@ -373,7 +380,7 @@ function Viewer({ items, open, index = 0, onClose, onIndexChange, thumbnails = t
                 buttonNext: ()=>null,
                 buttonZoom: ()=>null,
                 buttonFullscreen: ()=>null,
-                iconLoading: ()=>/*#__PURE__*/ jsx(Loading, {}),
+                iconLoading: ()=>/*#__PURE__*/ jsx(LoadingControl, {}),
                 iconError: ()=>/*#__PURE__*/ jsx(ImageOff, {
                         size: 32
                     }),
@@ -386,11 +393,14 @@ function Viewer({ items, open, index = 0, onClose, onIndexChange, thumbnails = t
                     })
             },
             labels: {
-                Lightbox: t('图片预览', 'Image preview'),
-                'Photo gallery': t('图片列表', 'Image list'),
-                Slide: t('图片', 'Image'),
-                '{index} of {total}': t('第 {index} 张，共 {total} 张', '{index} of {total}'),
-                Close: t('关闭预览', 'Close preview')
+                Lightbox: t('image.imagePreview'),
+                'Photo gallery': t('image.imageList'),
+                Slide: t('image.image'),
+                '{index} of {total}': format('image.position', {
+                    index: index + 1,
+                    total: items.length
+                }),
+                Close: t('image.closePreview')
             },
             on: {
                 view: ({ index: next })=>{

package/dist/esm/browser/modules/image/viewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"image/viewer.js","sources":["../../../../../src/image/viewer.tsx"],"sourcesContent":["import {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  ImageOff,\n  Maximize2,\n  Minimize2,\n  PanelBottom,\n  RotateCcw,\n  X,\n  ZoomIn,\n  ZoomOut,\n} from 'lucide-react';\nimport { type ReactNode, useEffect, useRef, useState } from 'react';\nimport Lightbox, {\n  type FullscreenRef,\n  useController,\n  useLightboxState,\n  useNavigationState,\n  type ZoomRef,\n} from 'yet-another-react-lightbox';\nimport Fullscreen from 'yet-another-react-lightbox/plugins/fullscreen';\nimport Zoom from 'yet-another-react-lightbox/plugins/zoom';\nimport { Loading } from '../loading';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useText } from '../shared/use-text';\nimport type { ImagePreviewItem, ImagePreviewProps } from './image';\n\nexport function ImageViewer(props: ImagePreviewProps) {\n  return (\n    <ScopedPortal>\n      <Viewer {...props} />\n    </ScopedPortal>\n  );\n}\nfunction Control({\n  label,\n  children,\n  active,\n  disabled,\n  onClick,\n  className = '',\n}: {\n  label: string;\n  children: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={`leaf-image-viewer__control ${className}`}\n      aria-label={label}\n      title={label}\n      aria-pressed={active}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\nfunction ViewerChrome({\n  items,\n  thumbnails,\n  downloadable,\n  zoomControl,\n  fullscreenControl,\n}: {\n  items: readonly ImagePreviewItem[];\n  thumbnails: boolean;\n  downloadable: boolean;\n  zoomControl: ZoomRef | null;\n  fullscreenControl: FullscreenRef | null;\n}) {\n  const t = useText();\n  const motion = useMotionEnabled();\n  const { currentIndex } = useLightboxState();\n  const { prev, next, close } = useController();\n  const { prevDisabled, nextDisabled } = useNavigationState();\n  const strip = useRef<HTMLFieldSetElement>(null);\n  const [showThumbs, setShowThumbs] = useState(thumbnails);\n  const [failedDownload, setFailedDownload] = useState(false);\n  const [downloading, setDownloading] = useState(false);\n  const item = items[currentIndex];\n  const hasThumbs = thumbnails && items.length > 1;\n  const zoom = zoomControl?.zoom ?? 1;\n  const fullscreen = fullscreenControl?.fullscreen ?? false;\n  const downloadUrl = typeof item?.download === 'string' ? item.download : item?.src;\n  useEffect(() => setShowThumbs(thumbnails), [thumbnails]);\n  useEffect(() => {\n    setFailedDownload(false);\n    if (!showThumbs) return;\n    const root = strip.current;\n    const selected = root?.querySelector<HTMLElement>(`[data-index=\"${currentIndex}\"]`);\n    if (root && selected)\n      root.scrollTo({\n        left: selected.offsetLeft - root.offsetLeft - (root.clientWidth - selected.clientWidth) / 2,\n        behavior: motion ? 'smooth' : 'auto',\n      });\n  }, [currentIndex, showThumbs, motion]);\n  const choose = (target: number) => {\n    const difference = target - currentIndex;\n    if (difference > 0) next({ count: difference });\n    else if (difference < 0) prev({ count: -difference });\n  };\n  const download = async () => {\n    if (!item || downloading) return;\n    setDownloading(true);\n    setFailedDownload(false);\n    try {\n      const address = typeof item.download === 'string' ? item.download : item.src;\n      const response = await fetch(address);\n      if (!response.ok) throw new Error('Download failed');\n      const url = URL.createObjectURL(await response.blob());\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = item.downloadName || address.split(/[?#]/)[0]?.split('/').pop() || 'image';\n      anchor.click();\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n    } catch {\n      setFailedDownload(true);\n    } finally {\n      setDownloading(false);\n    }\n  };\n  return (\n    <div\n      className=\"leaf-image-viewer__chrome\"\n      data-thumbnails={(hasThumbs && showThumbs) || undefined}\n    >\n      <header className=\"leaf-image-viewer__header\">\n        <div className=\"leaf-image-viewer__title\">\n          <span>{item?.alt || t('图片预览', 'Image preview')}</span>\n          <span className=\"leaf-image-viewer__count\" aria-live=\"polite\">\n            {currentIndex + 1} / {items.length}\n          </span>\n        </div>\n        <div className=\"leaf-image-viewer__header-actions\">\n          {downloadable && item?.download !== false && (\n            <Control\n              label={t('下载图片', 'Download image')}\n              onClick={() => void download()}\n              disabled={downloading}\n            >\n              {downloading ? <Loading size=\"sm\" /> : <Download size={19} />}\n            </Control>\n          )}\n          <Control\n            label={\n              fullscreen ? t('退出全屏', 'Exit fullscreen') : t('进入全屏', 'Enter fullscreen')\n            }\n            disabled={!fullscreenControl || fullscreenControl.disabled}\n            onClick={() => (fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter())}\n          >\n            {fullscreen ? <Minimize2 size={19} /> : <Maximize2 size={19} />}\n          </Control>\n          <Control label={t('关闭预览', 'Close preview')} onClick={close}>\n            <X size={22} />\n          </Control>\n        </div>\n      </header>\n      {items.length > 1 && (\n        <>\n          <Control\n            className=\"leaf-image-viewer__previous\"\n            label={t('上一张', 'Previous image')}\n            disabled={prevDisabled}\n            onClick={() => prev()}\n          >\n            <ChevronLeft size={26} />\n          </Control>\n          <Control\n            className=\"leaf-image-viewer__next\"\n            label={t('下一张', 'Next image')}\n            disabled={nextDisabled}\n            onClick={() => next()}\n          >\n            <ChevronRight size={26} />\n          </Control>\n        </>\n      )}\n      <footer className=\"leaf-image-viewer__footer\">\n        {failedDownload && (\n          <p role=\"alert\" className=\"leaf-image-viewer__error\">\n            {t(\n              '下载失败，可在新窗口打开原图保存',\n              'Download failed. Open the original image to save it.',\n            )}{' '}\n            <a href={downloadUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              {t('打开原图', 'Open original')}\n            </a>\n          </p>\n        )}\n        <div className=\"leaf-image-viewer__tools\">\n          <Control\n            label={t('缩小', 'Zoom out')}\n            disabled={!zoomControl || zoomControl.disabled || zoom <= 1}\n            onClick={() => zoomControl?.zoomOut()}\n          >\n            <ZoomOut size={18} />\n          </Control>\n          <button\n            type=\"button\"\n            className=\"leaf-image-viewer__zoom-level\"\n            onClick={() => zoomControl?.changeZoom(1)}\n            title={t('重置缩放', 'Reset zoom')}\n          >\n            {Math.round(zoom * 100)}%\n          </button>\n          <Control\n            label={t('放大', 'Zoom in')}\n            disabled={!zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom}\n            onClick={() => zoomControl?.zoomIn()}\n          >\n            <ZoomIn size={18} />\n          </Control>\n          <Control\n            label={t('重置缩放', 'Reset zoom')}\n            disabled={zoom <= 1}\n            onClick={() => zoomControl?.changeZoom(1)}\n          >\n            <RotateCcw size={17} />\n          </Control>\n          {hasThumbs && (\n            <>\n              <span className=\"leaf-image-viewer__tool-separator\" />\n              <Control\n                label={t('显示缩略图', 'Show thumbnails')}\n                active={showThumbs}\n                onClick={() => setShowThumbs((value) => !value)}\n              >\n                <PanelBottom size={18} />\n              </Control>\n            </>\n          )}\n        </div>\n        {hasThumbs && showThumbs && (\n          <div className=\"leaf-image-viewer__gallery\">\n            <Control\n              label={t('向前滚动缩略图', 'Scroll thumbnails backward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: -(strip.current.clientWidth * 0.7),\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronLeft size={18} />\n            </Control>\n            <fieldset\n              className=\"leaf-image-viewer__thumbnails\"\n              ref={strip}\n              aria-label={t('图片列表', 'Image list')}\n            >\n              {items.map((image, target) => (\n                <button\n                  type=\"button\"\n                  // biome-ignore lint/suspicious/noArrayIndexKey: Stateless thumbnails may intentionally repeat the same source URL.\n                  key={`${image.src}-${target}`}\n                  className=\"leaf-image-viewer__thumbnail\"\n                  data-index={target}\n                  aria-current={currentIndex === target || undefined}\n                  aria-label={`${t('查看第', 'View image')} ${target + 1}${t('张图片', '')}${image.alt ? `: ${image.alt}` : ''}`}\n                  title={image.alt || String(target + 1)}\n                  tabIndex={currentIndex === target ? 0 : -1}\n                  onClick={() => choose(target)}\n                  onKeyDown={(event) => {\n                    if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n                    event.preventDefault();\n                    event.stopPropagation();\n                    const position =\n                      event.key === 'Home'\n                        ? 0\n                        : event.key === 'End'\n                          ? items.length - 1\n                          : Math.max(\n                              0,\n                              Math.min(\n                                items.length - 1,\n                                target + (event.key === 'ArrowRight' ? 1 : -1),\n                              ),\n                            );\n                    choose(position);\n                    strip.current\n                      ?.querySelector<HTMLButtonElement>(`[data-index=\"${position}\"]`)\n                      ?.focus();\n                  }}\n                >\n                  <img\n                    src={image.thumbnailSrc ?? image.src}\n                    alt=\"\"\n                    loading=\"lazy\"\n                    draggable={false}\n                  />\n                  <span>{target + 1}</span>\n                </button>\n              ))}\n            </fieldset>\n            <Control\n              label={t('向后滚动缩略图', 'Scroll thumbnails forward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: strip.current.clientWidth * 0.7,\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronRight size={18} />\n            </Control>\n          </div>\n        )}\n      </footer>\n    </div>\n  );\n}\nfunction Viewer({\n  items,\n  open,\n  index = 0,\n  onClose,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewProps) {\n  const [root, setRoot] = useState<HTMLDivElement | null>(null);\n  const [zoomControl, setZoomControl] = useState<ZoomRef | null>(null);\n  const [fullscreenControl, setFullscreenControl] = useState<FullscreenRef | null>(null);\n  const [slides, setSlides] = useState(() => items.map((item) => ({ ...item })));\n  // A new array with the same images must not reset the carousel's navigation animation.\n  if (\n    items.length !== slides.length ||\n    items.some((item, position) => {\n      const slide = slides[position];\n      return (\n        !slide ||\n        item.src !== slide.src ||\n        item.alt !== slide.alt ||\n        item.width !== slide.width ||\n        item.height !== slide.height ||\n        item.thumbnailSrc !== slide.thumbnailSrc ||\n        item.download !== slide.download ||\n        item.downloadName !== slide.downloadName\n      );\n    })\n  ) {\n    setSlides(items.map((item) => ({ ...item })));\n  }\n  const t = useText();\n  const motion = useMotionEnabled();\n  const duration = root && motion ? motionDuration(root) : 0;\n  return (\n    <div ref={setRoot} className=\"leaf-image-viewer\">\n      {root && (\n        <Lightbox\n          open={open && items.length > 0}\n          close={onClose}\n          slides={slides}\n          index={Math.max(0, Math.min(index, items.length - 1))}\n          portal={{ root }}\n          plugins={[Zoom, Fullscreen]}\n          className=\"leaf-image-viewer__lightbox\"\n          carousel={{ finite: true, padding: 0, spacing: 24 }}\n          animation={{\n            fade: duration * 1.2,\n            swipe: duration * 1.6,\n            navigation: duration * 1.6,\n            zoom: duration,\n          }}\n          zoom={{ ref: setZoomControl, maxZoomPixelRatio: 3, scrollToZoom: true }}\n          fullscreen={{ ref: setFullscreenControl }}\n          controller={{ closeOnBackdropClick: true }}\n          toolbar={{ buttons: [] }}\n          render={{\n            buttonClose: () => null,\n            buttonPrev: () => null,\n            buttonNext: () => null,\n            buttonZoom: () => null,\n            buttonFullscreen: () => null,\n            iconLoading: () => <Loading />,\n            iconError: () => <ImageOff size={32} />,\n            controls: () => (\n              <ViewerChrome\n                items={items}\n                thumbnails={thumbnails}\n                downloadable={downloadable}\n                zoomControl={zoomControl}\n                fullscreenControl={fullscreenControl}\n              />\n            ),\n          }}\n          labels={{\n            Lightbox: t('图片预览', 'Image preview'),\n            'Photo gallery': t('图片列表', 'Image list'),\n            Slide: t('图片', 'Image'),\n            '{index} of {total}': t('第 {index} 张，共 {total} 张', '{index} of {total}'),\n            Close: t('关闭预览', 'Close preview'),\n          }}\n          on={{\n            view: ({ index: next }) => {\n              if (next !== index) onIndexChange?.(next);\n            },\n          }}\n          styles={{\n            root: {\n              '--yarl__color_backdrop': 'rgba(0,0,0,.92)',\n              zIndex: 'var(--leaf-z-index-modal)',\n            },\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ImageViewer","props","ScopedPortal","Viewer","Control","label","children","active","disabled","onClick","className","ViewerChrome","items","thumbnails","downloadable","zoomControl","fullscreenControl","t","useText","motion","useMotionEnabled","currentIndex","useLightboxState","prev","next","close","useController","prevDisabled","nextDisabled","useNavigationState","strip","useRef","showThumbs","setShowThumbs","useState","failedDownload","setFailedDownload","downloading","setDownloading","item","hasThumbs","zoom","fullscreen","downloadUrl","useEffect","root","selected","choose","target","difference","download","address","response","fetch","Error","url","URL","anchor","document","setTimeout","undefined","Loading","Download","Minimize2","Maximize2","X","ChevronLeft","ChevronRight","ZoomOut","Math","ZoomIn","RotateCcw","value","PanelBottom","image","String","event","position","open","index","onClose","onIndexChange","setRoot","setZoomControl","setFullscreenControl","slides","setSlides","slide","duration","motionDuration","Lightbox","Zoom","Fullscreen","ImageOff"],"mappings":"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"}
+{"version":3,"file":"image/viewer.js","sources":["../../../../../src/image/viewer.tsx"],"sourcesContent":["import {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  ImageOff,\n  Maximize2,\n  Minimize2,\n  PanelBottom,\n  RotateCcw,\n  X,\n  ZoomIn,\n  ZoomOut,\n} from 'lucide-react';\nimport { type ReactNode, useEffect, useRef, useState } from 'react';\nimport Lightbox, {\n  type FullscreenRef,\n  useController,\n  useLightboxState,\n  useNavigationState,\n  type ZoomRef,\n} from 'yet-another-react-lightbox';\nimport Fullscreen from 'yet-another-react-lightbox/plugins/fullscreen';\nimport Zoom from 'yet-another-react-lightbox/plugins/zoom';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\nimport type { ImagePreviewItem, ImagePreviewProps } from './image';\n\nexport function ImageViewer(props: ImagePreviewProps) {\n  return (\n    <ScopedPortal>\n      <Viewer {...props} />\n    </ScopedPortal>\n  );\n}\nfunction Control({\n  label,\n  children,\n  active,\n  disabled,\n  onClick,\n  className = '',\n}: {\n  label: string;\n  children: ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={`leaf-image-viewer__control ${className}`}\n      aria-label={label}\n      title={label}\n      aria-pressed={active}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\nfunction ViewerChrome({\n  items,\n  thumbnails,\n  downloadable,\n  zoomControl,\n  fullscreenControl,\n}: {\n  items: readonly ImagePreviewItem[];\n  thumbnails: boolean;\n  downloadable: boolean;\n  zoomControl: ZoomRef | null;\n  fullscreenControl: FullscreenRef | null;\n}) {\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const { currentIndex } = useLightboxState();\n  const { prev, next, close } = useController();\n  const { prevDisabled, nextDisabled } = useNavigationState();\n  const strip = useRef<HTMLFieldSetElement>(null);\n  const [showThumbs, setShowThumbs] = useState(thumbnails);\n  const [failedDownload, setFailedDownload] = useState(false);\n  const [downloading, setDownloading] = useState(false);\n  const item = items[currentIndex];\n  const hasThumbs = thumbnails && items.length > 1;\n  const zoom = zoomControl?.zoom ?? 1;\n  const fullscreen = fullscreenControl?.fullscreen ?? false;\n  const downloadUrl = typeof item?.download === 'string' ? item.download : item?.src;\n  useEffect(() => setShowThumbs(thumbnails), [thumbnails]);\n  useEffect(() => {\n    setFailedDownload(false);\n    if (!showThumbs) return;\n    const root = strip.current;\n    const selected = root?.querySelector<HTMLElement>(`[data-index=\"${currentIndex}\"]`);\n    if (root && selected)\n      root.scrollTo({\n        left: selected.offsetLeft - root.offsetLeft - (root.clientWidth - selected.clientWidth) / 2,\n        behavior: motion ? 'smooth' : 'auto',\n      });\n  }, [currentIndex, showThumbs, motion]);\n  const choose = (target: number) => {\n    const difference = target - currentIndex;\n    if (difference > 0) next({ count: difference });\n    else if (difference < 0) prev({ count: -difference });\n  };\n  const download = async () => {\n    if (!item || downloading) return;\n    setDownloading(true);\n    setFailedDownload(false);\n    try {\n      const address = typeof item.download === 'string' ? item.download : item.src;\n      const response = await fetch(address);\n      if (!response.ok) throw new Error('Download failed');\n      const url = URL.createObjectURL(await response.blob());\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = item.downloadName || address.split(/[?#]/)[0]?.split('/').pop() || 'image';\n      anchor.click();\n      setTimeout(() => URL.revokeObjectURL(url), 1000);\n    } catch {\n      setFailedDownload(true);\n    } finally {\n      setDownloading(false);\n    }\n  };\n  return (\n    <div\n      className=\"leaf-image-viewer__chrome\"\n      data-thumbnails={(hasThumbs && showThumbs) || undefined}\n    >\n      <header className=\"leaf-image-viewer__header\">\n        <div className=\"leaf-image-viewer__title\">\n          <span>{item?.alt || t('image.imagePreview')}</span>\n          <span className=\"leaf-image-viewer__count\" aria-live=\"polite\">\n            {currentIndex + 1} / {items.length}\n          </span>\n        </div>\n        <div className=\"leaf-image-viewer__header-actions\">\n          {downloadable && item?.download !== false && (\n            <Control\n              label={t('image.downloadImage')}\n              onClick={() => void download()}\n              disabled={downloading}\n            >\n              {downloading ? <Loading size=\"sm\" /> : <Download size={19} />}\n            </Control>\n          )}\n          <Control\n            label={fullscreen ? t('image.exitFullscreen') : t('image.enterFullscreen')}\n            disabled={!fullscreenControl || fullscreenControl.disabled}\n            onClick={() => (fullscreen ? fullscreenControl?.exit() : fullscreenControl?.enter())}\n          >\n            {fullscreen ? <Minimize2 size={19} /> : <Maximize2 size={19} />}\n          </Control>\n          <Control label={t('image.closePreview')} onClick={close}>\n            <X size={22} />\n          </Control>\n        </div>\n      </header>\n      {items.length > 1 && (\n        <>\n          <Control\n            className=\"leaf-image-viewer__previous\"\n            label={t('image.previousImage')}\n            disabled={prevDisabled}\n            onClick={() => prev()}\n          >\n            <ChevronLeft size={26} />\n          </Control>\n          <Control\n            className=\"leaf-image-viewer__next\"\n            label={t('image.nextImage')}\n            disabled={nextDisabled}\n            onClick={() => next()}\n          >\n            <ChevronRight size={26} />\n          </Control>\n        </>\n      )}\n      <footer className=\"leaf-image-viewer__footer\">\n        {failedDownload && (\n          <p role=\"alert\" className=\"leaf-image-viewer__error\">\n            {t('image.downloadFailedOpenTheOriginalImageToSaveIt')}{' '}\n            <a href={downloadUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n              {t('image.openOriginal')}\n            </a>\n          </p>\n        )}\n        <div className=\"leaf-image-viewer__tools\">\n          <Control\n            label={t('image.zoomOut')}\n            disabled={!zoomControl || zoomControl.disabled || zoom <= 1}\n            onClick={() => zoomControl?.zoomOut()}\n          >\n            <ZoomOut size={18} />\n          </Control>\n          <button\n            type=\"button\"\n            className=\"leaf-image-viewer__zoom-level\"\n            onClick={() => zoomControl?.changeZoom(1)}\n            title={t('image.resetZoom')}\n          >\n            {Math.round(zoom * 100)}%\n          </button>\n          <Control\n            label={t('image.zoomIn')}\n            disabled={!zoomControl || zoomControl.disabled || zoom >= zoomControl.maxZoom}\n            onClick={() => zoomControl?.zoomIn()}\n          >\n            <ZoomIn size={18} />\n          </Control>\n          <Control\n            label={t('image.resetZoom')}\n            disabled={zoom <= 1}\n            onClick={() => zoomControl?.changeZoom(1)}\n          >\n            <RotateCcw size={17} />\n          </Control>\n          {hasThumbs && (\n            <>\n              <span className=\"leaf-image-viewer__tool-separator\" />\n              <Control\n                label={t('image.showThumbnails')}\n                active={showThumbs}\n                onClick={() => setShowThumbs((value) => !value)}\n              >\n                <PanelBottom size={18} />\n              </Control>\n            </>\n          )}\n        </div>\n        {hasThumbs && showThumbs && (\n          <div className=\"leaf-image-viewer__gallery\">\n            <Control\n              label={t('image.scrollThumbnailsBackward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: -(strip.current.clientWidth * 0.7),\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronLeft size={18} />\n            </Control>\n            <fieldset\n              className=\"leaf-image-viewer__thumbnails\"\n              ref={strip}\n              aria-label={t('image.imageList')}\n            >\n              {items.map((image, target) => (\n                <button\n                  type=\"button\"\n                  // biome-ignore lint/suspicious/noArrayIndexKey: Stateless thumbnails may intentionally repeat the same source URL.\n                  key={`${image.src}-${target}`}\n                  className=\"leaf-image-viewer__thumbnail\"\n                  data-index={target}\n                  aria-current={currentIndex === target || undefined}\n                  aria-label={format('image.viewImage', {\n                    index: target + 1,\n                    alt: image.alt ? `: ${image.alt}` : '',\n                  })}\n                  title={image.alt || String(target + 1)}\n                  tabIndex={currentIndex === target ? 0 : -1}\n                  onClick={() => choose(target)}\n                  onKeyDown={(event) => {\n                    if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return;\n                    event.preventDefault();\n                    event.stopPropagation();\n                    const position =\n                      event.key === 'Home'\n                        ? 0\n                        : event.key === 'End'\n                          ? items.length - 1\n                          : Math.max(\n                              0,\n                              Math.min(\n                                items.length - 1,\n                                target + (event.key === 'ArrowRight' ? 1 : -1),\n                              ),\n                            );\n                    choose(position);\n                    strip.current\n                      ?.querySelector<HTMLButtonElement>(`[data-index=\"${position}\"]`)\n                      ?.focus();\n                  }}\n                >\n                  <img\n                    src={image.thumbnailSrc ?? image.src}\n                    alt=\"\"\n                    loading=\"lazy\"\n                    draggable={false}\n                  />\n                  <span>{target + 1}</span>\n                </button>\n              ))}\n            </fieldset>\n            <Control\n              label={t('image.scrollThumbnailsForward')}\n              onClick={() =>\n                strip.current?.scrollBy({\n                  left: strip.current.clientWidth * 0.7,\n                  behavior: motion ? 'smooth' : 'auto',\n                })\n              }\n            >\n              <ChevronRight size={18} />\n            </Control>\n          </div>\n        )}\n      </footer>\n    </div>\n  );\n}\nfunction Viewer({\n  items,\n  open,\n  index = 0,\n  onClose,\n  onIndexChange,\n  thumbnails = true,\n  downloadable = false,\n}: ImagePreviewProps) {\n  const [root, setRoot] = useState<HTMLDivElement | null>(null);\n  const [zoomControl, setZoomControl] = useState<ZoomRef | null>(null);\n  const [fullscreenControl, setFullscreenControl] = useState<FullscreenRef | null>(null);\n  const [slides, setSlides] = useState(() => items.map((item) => ({ ...item })));\n  // A new array with the same images must not reset the carousel's navigation animation.\n  if (\n    items.length !== slides.length ||\n    items.some((item, position) => {\n      const slide = slides[position];\n      return (\n        !slide ||\n        item.src !== slide.src ||\n        item.alt !== slide.alt ||\n        item.width !== slide.width ||\n        item.height !== slide.height ||\n        item.thumbnailSrc !== slide.thumbnailSrc ||\n        item.download !== slide.download ||\n        item.downloadName !== slide.downloadName\n      );\n    })\n  ) {\n    setSlides(items.map((item) => ({ ...item })));\n  }\n  const t = useText();\n  const format = useFormattedText();\n  const motion = useMotionEnabled();\n  const duration = root && motion ? motionDuration(root) : 0;\n  return (\n    <div ref={setRoot} className=\"leaf-image-viewer\">\n      {root && (\n        <Lightbox\n          open={open && items.length > 0}\n          close={onClose}\n          slides={slides}\n          index={Math.max(0, Math.min(index, items.length - 1))}\n          portal={{ root }}\n          plugins={[Zoom, Fullscreen]}\n          className=\"leaf-image-viewer__lightbox\"\n          carousel={{ finite: true, padding: 0, spacing: 24 }}\n          animation={{\n            fade: duration * 1.2,\n            swipe: duration * 1.6,\n            navigation: duration * 1.6,\n            zoom: duration,\n          }}\n          zoom={{ ref: setZoomControl, maxZoomPixelRatio: 3, scrollToZoom: true }}\n          fullscreen={{ ref: setFullscreenControl }}\n          controller={{ closeOnBackdropClick: true }}\n          toolbar={{ buttons: [] }}\n          render={{\n            buttonClose: () => null,\n            buttonPrev: () => null,\n            buttonNext: () => null,\n            buttonZoom: () => null,\n            buttonFullscreen: () => null,\n            iconLoading: () => <Loading />,\n            iconError: () => <ImageOff size={32} />,\n            controls: () => (\n              <ViewerChrome\n                items={items}\n                thumbnails={thumbnails}\n                downloadable={downloadable}\n                zoomControl={zoomControl}\n                fullscreenControl={fullscreenControl}\n              />\n            ),\n          }}\n          labels={{\n            Lightbox: t('image.imagePreview'),\n            'Photo gallery': t('image.imageList'),\n            Slide: t('image.image'),\n            '{index} of {total}': format('image.position', {\n              index: index + 1,\n              total: items.length,\n            }),\n            Close: t('image.closePreview'),\n          }}\n          on={{\n            view: ({ index: next }) => {\n              if (next !== index) onIndexChange?.(next);\n            },\n          }}\n          styles={{\n            root: {\n              '--yarl__color_backdrop': 'rgba(0,0,0,.92)',\n              zIndex: 'var(--leaf-z-index-modal)',\n            },\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ImageViewer","props","ScopedPortal","Viewer","Control","label","children","active","disabled","onClick","className","ViewerChrome","items","thumbnails","downloadable","zoomControl","fullscreenControl","t","useText","format","useFormattedText","motion","useMotionEnabled","currentIndex","useLightboxState","prev","next","close","useController","prevDisabled","nextDisabled","useNavigationState","strip","useRef","showThumbs","setShowThumbs","useState","failedDownload","setFailedDownload","downloading","setDownloading","item","hasThumbs","zoom","fullscreen","downloadUrl","useEffect","root","selected","choose","target","difference","download","address","response","fetch","Error","url","URL","anchor","document","setTimeout","undefined","Loading","Download","Minimize2","Maximize2","X","ChevronLeft","ChevronRight","ZoomOut","Math","ZoomIn","RotateCcw","value","PanelBottom","image","String","event","position","open","index","onClose","onIndexChange","setRoot","setZoomControl","setFullscreenControl","slides","setSlides","slide","duration","motionDuration","Lightbox","Zoom","Fullscreen","ImageOff"],"mappings":";;;;;;;;;;;;;;AA8BO,SAASA,YAAYC,KAAwB;IAClD,OAAO,WAAP,GACE,IAACC,cAAYA;kBACX,kBAACC,QAAMA;YAAE,GAAGF,KAAK;;;AAGvB;AACA,SAASG,QAAQ,EACfC,KAAK,EACLC,QAAQ,EACRC,MAAM,EACNC,QAAQ,EACRC,OAAO,EACPC,YAAY,EAAE,EAQf;IACC,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,WAAW,CAAC,2BAA2B,EAAEA,WAAW;QACpD,cAAYL;QACZ,OAAOA;QACP,gBAAcE;QACd,UAAUC;QACV,SAASC;kBAERH;;AAGP;AACA,SAASK,aAAa,EACpBC,KAAK,EACLC,UAAU,EACVC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EAOlB;IACC,MAAMC,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,SAASC;IACf,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGC;IAC9B,MAAM,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGC;IACvC,MAAMC,QAAQC,OAA4B;IAC1C,MAAM,CAACC,YAAYC,cAAc,GAAGC,SAASvB;IAC7C,MAAM,CAACwB,gBAAgBC,kBAAkB,GAAGF,SAAS;IACrD,MAAM,CAACG,aAAaC,eAAe,GAAGJ,SAAS;IAC/C,MAAMK,OAAO7B,KAAK,CAACW,aAAa;IAChC,MAAMmB,YAAY7B,cAAcD,MAAM,MAAM,GAAG;IAC/C,MAAM+B,OAAO5B,aAAa,QAAQ;IAClC,MAAM6B,aAAa5B,mBAAmB,cAAc;IACpD,MAAM6B,cAAc,AAA0B,YAA1B,OAAOJ,MAAM,WAAwBA,KAAK,QAAQ,GAAGA,MAAM;IAC/EK,UAAU,IAAMX,cAActB,aAAa;QAACA;KAAW;IACvDiC,UAAU;QACRR,kBAAkB;QAClB,IAAI,CAACJ,YAAY;QACjB,MAAMa,OAAOf,MAAM,OAAO;QAC1B,MAAMgB,WAAWD,MAAM,cAA2B,CAAC,aAAa,EAAExB,aAAa,EAAE,CAAC;QAClF,IAAIwB,QAAQC,UACVD,KAAK,QAAQ,CAAC;YACZ,MAAMC,SAAS,UAAU,GAAGD,KAAK,UAAU,GAAIA,AAAAA,CAAAA,KAAK,WAAW,GAAGC,SAAS,WAAU,IAAK;YAC1F,UAAU3B,SAAS,WAAW;QAChC;IACJ,GAAG;QAACE;QAAcW;QAAYb;KAAO;IACrC,MAAM4B,SAAS,CAACC;QACd,MAAMC,aAAaD,SAAS3B;QAC5B,IAAI4B,aAAa,GAAGzB,KAAK;YAAE,OAAOyB;QAAW;aACxC,IAAIA,aAAa,GAAG1B,KAAK;YAAE,OAAO,CAAC0B;QAAW;IACrD;IACA,MAAMC,WAAW;QACf,IAAI,CAACX,QAAQF,aAAa;QAC1BC,eAAe;QACfF,kBAAkB;QAClB,IAAI;YACF,MAAMe,UAAU,AAAyB,YAAzB,OAAOZ,KAAK,QAAQ,GAAgBA,KAAK,QAAQ,GAAGA,KAAK,GAAG;YAC5E,MAAMa,WAAW,MAAMC,MAAMF;YAC7B,IAAI,CAACC,SAAS,EAAE,EAAE,MAAM,IAAIE,MAAM;YAClC,MAAMC,MAAMC,IAAI,eAAe,CAAC,MAAMJ,SAAS,IAAI;YACnD,MAAMK,SAASC,SAAS,aAAa,CAAC;YACtCD,OAAO,IAAI,GAAGF;YACdE,OAAO,QAAQ,GAAGlB,KAAK,YAAY,IAAIY,QAAQ,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,KAAK,SAAS;YACrFM,OAAO,KAAK;YACZE,WAAW,IAAMH,IAAI,eAAe,CAACD,MAAM;QAC7C,EAAE,OAAM;YACNnB,kBAAkB;QACpB,SAAU;YACRE,eAAe;QACjB;IACF;IACA,OAAO,WAAP,GACE,KAAC;QACC,WAAU;QACV,mBAAkBE,aAAaR,cAAe4B;;0BAE9C,KAAC;gBAAO,WAAU;;kCAChB,KAAC;wBAAI,WAAU;;0CACb,IAAC;0CAAMrB,MAAM,OAAOxB,EAAE;;0CACtB,KAAC;gCAAK,WAAU;gCAA2B,aAAU;;oCAClDM,eAAe;oCAAE;oCAAIX,MAAM,MAAM;;;;;kCAGtC,KAAC;wBAAI,WAAU;;4BACZE,gBAAgB2B,MAAM,aAAa,SAAS,WAAT,GAClC,IAACrC,SAAOA;gCACN,OAAOa,EAAE;gCACT,SAAS,IAAM,KAAKmC;gCACpB,UAAUb;0CAETA,cAAc,WAAdA,GAAc,IAACwB,gBAAOA;oCAAC,MAAK;mDAAU,IAACC,UAAQA;oCAAC,MAAM;;;0CAG3D,IAAC5D,SAAOA;gCACN,OAAOwC,aAAa3B,EAAE,0BAA0BA,EAAE;gCAClD,UAAU,CAACD,qBAAqBA,kBAAkB,QAAQ;gCAC1D,SAAS,IAAO4B,aAAa5B,mBAAmB,SAASA,mBAAmB;0CAE3E4B,aAAa,WAAbA,GAAa,IAACqB,WAASA;oCAAC,MAAM;mDAAS,IAACC,WAASA;oCAAC,MAAM;;;0CAE3D,IAAC9D,SAAOA;gCAAC,OAAOa,EAAE;gCAAuB,SAASU;0CAChD,kBAACwC,GAACA;oCAAC,MAAM;;;;;;;YAIdvD,MAAM,MAAM,GAAG,KAAK,WAAL,GACd;;kCACE,IAACR,SAAOA;wBACN,WAAU;wBACV,OAAOa,EAAE;wBACT,UAAUY;wBACV,SAAS,IAAMJ;kCAEf,kBAAC2C,aAAWA;4BAAC,MAAM;;;kCAErB,IAAChE,SAAOA;wBACN,WAAU;wBACV,OAAOa,EAAE;wBACT,UAAUa;wBACV,SAAS,IAAMJ;kCAEf,kBAAC2C,cAAYA;4BAAC,MAAM;;;;;0BAI1B,KAAC;gBAAO,WAAU;;oBACfhC,kBAAkB,WAAlBA,GACC,KAAC;wBAAE,MAAK;wBAAQ,WAAU;;4BACvBpB,EAAE;4BAAqD;0CACxD,IAAC;gCAAE,MAAM4B;gCAAa,QAAO;gCAAS,KAAI;0CACvC5B,EAAE;;;;kCAIT,KAAC;wBAAI,WAAU;;0CACb,IAACb,SAAOA;gCACN,OAAOa,EAAE;gCACT,UAAU,CAACF,eAAeA,YAAY,QAAQ,IAAI4B,QAAQ;gCAC1D,SAAS,IAAM5B,aAAa;0CAE5B,kBAACuD,SAAOA;oCAAC,MAAM;;;0CAEjB,KAAC;gCACC,MAAK;gCACL,WAAU;gCACV,SAAS,IAAMvD,aAAa,WAAW;gCACvC,OAAOE,EAAE;;oCAERsD,KAAK,KAAK,CAAC5B,AAAO,MAAPA;oCAAY;;;0CAE1B,IAACvC,SAAOA;gCACN,OAAOa,EAAE;gCACT,UAAU,CAACF,eAAeA,YAAY,QAAQ,IAAI4B,QAAQ5B,YAAY,OAAO;gCAC7E,SAAS,IAAMA,aAAa;0CAE5B,kBAACyD,QAAMA;oCAAC,MAAM;;;0CAEhB,IAACpE,SAAOA;gCACN,OAAOa,EAAE;gCACT,UAAU0B,QAAQ;gCAClB,SAAS,IAAM5B,aAAa,WAAW;0CAEvC,kBAAC0D,WAASA;oCAAC,MAAM;;;4BAElB/B,aAAa,WAAbA,GACC;;kDACE,IAAC;wCAAK,WAAU;;kDAChB,IAACtC,SAAOA;wCACN,OAAOa,EAAE;wCACT,QAAQiB;wCACR,SAAS,IAAMC,cAAc,CAACuC,QAAU,CAACA;kDAEzC,kBAACC,aAAWA;4CAAC,MAAM;;;;;;;oBAK1BjC,aAAaR,cAAc,WAAdA,GACZ,KAAC;wBAAI,WAAU;;0CACb,IAAC9B,SAAOA;gCACN,OAAOa,EAAE;gCACT,SAAS,IACPe,MAAM,OAAO,EAAE,SAAS;wCACtB,MAAM,CAAEA,CAAAA,AAA4B,MAA5BA,MAAM,OAAO,CAAC,WAAW,AAAK;wCACtC,UAAUX,SAAS,WAAW;oCAChC;0CAGF,kBAAC+C,aAAWA;oCAAC,MAAM;;;0CAErB,IAAC;gCACC,WAAU;gCACV,KAAKpC;gCACL,cAAYf,EAAE;0CAEbL,MAAM,GAAG,CAAC,CAACgE,OAAO1B,SAAAA,WAAAA,GACjB,KAAC;wCACC,MAAK;wCAGL,WAAU;wCACV,cAAYA;wCACZ,gBAAc3B,iBAAiB2B,UAAUY;wCACzC,cAAY3C,OAAO,mBAAmB;4CACpC,OAAO+B,SAAS;4CAChB,KAAK0B,MAAM,GAAG,GAAG,CAAC,EAAE,EAAEA,MAAM,GAAG,EAAE,GAAG;wCACtC;wCACA,OAAOA,MAAM,GAAG,IAAIC,OAAO3B,SAAS;wCACpC,UAAU3B,iBAAiB2B,SAAS,IAAI;wCACxC,SAAS,IAAMD,OAAOC;wCACtB,WAAW,CAAC4B;4CACV,IAAI,CAAC;gDAAC;gDAAa;gDAAc;gDAAQ;6CAAM,CAAC,QAAQ,CAACA,MAAM,GAAG,GAAG;4CACrEA,MAAM,cAAc;4CACpBA,MAAM,eAAe;4CACrB,MAAMC,WACJD,AAAc,WAAdA,MAAM,GAAG,GACL,IACAA,AAAc,UAAdA,MAAM,GAAG,GACPlE,MAAM,MAAM,GAAG,IACf2D,KAAK,GAAG,CACN,GACAA,KAAK,GAAG,CACN3D,MAAM,MAAM,GAAG,GACfsC,SAAU4B,CAAAA,AAAc,iBAAdA,MAAM,GAAG,GAAoB,IAAI,EAAC;4CAGxD7B,OAAO8B;4CACP/C,MAAM,OAAO,EACT,cAAiC,CAAC,aAAa,EAAE+C,SAAS,EAAE,CAAC,GAC7D;wCACN;;0DAEA,IAAC;gDACC,KAAKH,MAAM,YAAY,IAAIA,MAAM,GAAG;gDACpC,KAAI;gDACJ,SAAQ;gDACR,WAAW;;0DAEb,IAAC;0DAAM1B,SAAS;;;uCAvCX,GAAG0B,MAAM,GAAG,CAAC,CAAC,EAAE1B,QAAQ;;0CA2CnC,IAAC9C,SAAOA;gCACN,OAAOa,EAAE;gCACT,SAAS,IACPe,MAAM,OAAO,EAAE,SAAS;wCACtB,MAAMA,AAA4B,MAA5BA,MAAM,OAAO,CAAC,WAAW;wCAC/B,UAAUX,SAAS,WAAW;oCAChC;0CAGF,kBAACgD,cAAYA;oCAAC,MAAM;;;;;;;;;AAOlC;AACA,SAASlE,OAAO,EACdS,KAAK,EACLoE,IAAI,EACJC,QAAQ,CAAC,EACTC,OAAO,EACPC,aAAa,EACbtE,aAAa,IAAI,EACjBC,eAAe,KAAK,EACF;IAClB,MAAM,CAACiC,MAAMqC,QAAQ,GAAGhD,SAAgC;IACxD,MAAM,CAACrB,aAAasE,eAAe,GAAGjD,SAAyB;IAC/D,MAAM,CAACpB,mBAAmBsE,qBAAqB,GAAGlD,SAA+B;IACjF,MAAM,CAACmD,QAAQC,UAAU,GAAGpD,SAAS,IAAMxB,MAAM,GAAG,CAAC,CAAC6B,OAAU;gBAAE,GAAGA,IAAI;YAAC;IAE1E,IACE7B,MAAM,MAAM,KAAK2E,OAAO,MAAM,IAC9B3E,MAAM,IAAI,CAAC,CAAC6B,MAAMsC;QAChB,MAAMU,QAAQF,MAAM,CAACR,SAAS;QAC9B,OACE,CAACU,SACDhD,KAAK,GAAG,KAAKgD,MAAM,GAAG,IACtBhD,KAAK,GAAG,KAAKgD,MAAM,GAAG,IACtBhD,KAAK,KAAK,KAAKgD,MAAM,KAAK,IAC1BhD,KAAK,MAAM,KAAKgD,MAAM,MAAM,IAC5BhD,KAAK,YAAY,KAAKgD,MAAM,YAAY,IACxChD,KAAK,QAAQ,KAAKgD,MAAM,QAAQ,IAChChD,KAAK,YAAY,KAAKgD,MAAM,YAAY;IAE5C,IAEAD,UAAU5E,MAAM,GAAG,CAAC,CAAC6B,OAAU;YAAE,GAAGA,IAAI;QAAC;IAE3C,MAAMxB,IAAIC;IACV,MAAMC,SAASC;IACf,MAAMC,SAASC;IACf,MAAMoE,WAAW3C,QAAQ1B,SAASsE,eAAe5C,QAAQ;IACzD,OAAO,WAAP,GACE,IAAC;QAAI,KAAKqC;QAAS,WAAU;kBAC1BrC,QAAQ,WAARA,GACC,IAAC6C,4BAAQA;YACP,MAAMZ,QAAQpE,MAAM,MAAM,GAAG;YAC7B,OAAOsE;YACP,QAAQK;YACR,OAAOhB,KAAK,GAAG,CAAC,GAAGA,KAAK,GAAG,CAACU,OAAOrE,MAAM,MAAM,GAAG;YAClD,QAAQ;gBAAEmC;YAAK;YACf,SAAS;gBAAC8C;gBAAMC;aAAW;YAC3B,WAAU;YACV,UAAU;gBAAE,QAAQ;gBAAM,SAAS;gBAAG,SAAS;YAAG;YAClD,WAAW;gBACT,MAAMJ,AAAW,MAAXA;gBACN,OAAOA,AAAW,MAAXA;gBACP,YAAYA,AAAW,MAAXA;gBACZ,MAAMA;YACR;YACA,MAAM;gBAAE,KAAKL;gBAAgB,mBAAmB;gBAAG,cAAc;YAAK;YACtE,YAAY;gBAAE,KAAKC;YAAqB;YACxC,YAAY;gBAAE,sBAAsB;YAAK;YACzC,SAAS;gBAAE,SAAS,EAAE;YAAC;YACvB,QAAQ;gBACN,aAAa,IAAM;gBACnB,YAAY,IAAM;gBAClB,YAAY,IAAM;gBAClB,YAAY,IAAM;gBAClB,kBAAkB,IAAM;gBACxB,aAAa,kBAAM,IAACvB,gBAAOA,CAAAA;gBAC3B,WAAW,kBAAM,IAACgC,UAAQA;wBAAC,MAAM;;gBACjC,UAAU,kBACR,IAACpF,cAAYA;wBACX,OAAOC;wBACP,YAAYC;wBACZ,cAAcC;wBACd,aAAaC;wBACb,mBAAmBC;;YAGzB;YACA,QAAQ;gBACN,UAAUC,EAAE;gBACZ,iBAAiBA,EAAE;gBACnB,OAAOA,EAAE;gBACT,sBAAsBE,OAAO,kBAAkB;oBAC7C,OAAO8D,QAAQ;oBACf,OAAOrE,MAAM,MAAM;gBACrB;gBACA,OAAOK,EAAE;YACX;YACA,IAAI;gBACF,MAAM,CAAC,EAAE,OAAOS,IAAI,EAAE;oBACpB,IAAIA,SAASuD,OAAOE,gBAAgBzD;gBACtC;YACF;YACA,QAAQ;gBACN,MAAM;oBACJ,0BAA0B;oBAC1B,QAAQ;gBACV;YACF;;;AAKV"}

package/dist/esm/browser/modules/index.js

@@ -29,12 +29,12 @@ export { Dropdown } from "./dropdown/index.js";
 export { Empty } from "./empty/index.js";
 export { ErrorBoundary } from "./errorboundary/index.js";
 export { FileList } from "./filelist/index.js";
+export { Flex } from "./flex/index.js";
 export { FAB, FloatButton, FloatButtonGroup } from "./floatbutton/index.js";
 export { Form, FormErrorSummary, FormField, FormGroup, FormList } from "./form/index.js";
 export { useFormValidation } from "./form/validation.js";
 export { Col, Grid, Row } from "./grid/index.js";
 export { Image, ImagePreview, ImagePreviewGroup } from "./image/index.js";
-export { ImageCropper } from "./imagecropper/index.js";
 export { InfiniteScroll } from "./infinitescroll/index.js";
 export { Input, InputGroup, InputSearch } from "./input/index.js";
 export { InputMask } from "./inputmask/index.js";
@@ -61,7 +61,6 @@ export { ScrollArea } from "./scrollarea/index.js";
 export { Scrollbar } from "./scrollbar/index.js";
 export { Segmented } from "./segmented/index.js";
 export { Select } from "./select/index.js";
-export { SignaturePad } from "./signaturepad/index.js";
 export { Skeleton } from "./skeleton/index.js";
 export { Slider } from "./slider/index.js";
 export { Space } from "./space/index.js";

package/dist/esm/browser/modules/infinitescroll/infinitescroll.js

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/infinitescroll.css';
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { Loading } from "../loading/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { LoadingControl } from "../loading/loading.js";
 import { classes } from "../shared/classes.js";
 import { useText } from "../shared/use-text.js";
-function InfiniteScroll({ dataLength, hasMore, onLoadMore, target, threshold = 200, loader, endMessage, onError, className, children, ...props }) {
+function InfiniteScroll(rawProps) {
+    const { dataLength, hasMore, onLoadMore, target, threshold = 200, loader, endMessage, onError, className, children, ...props } = useComponentProps('InfiniteScroll', rawProps);
     const t = useText();
     const sentinel = useRef(null);
     const controller = useRef(null);
@@ -116,21 +119,21 @@ function InfiniteScroll({ dataLength, hasMore, onLoadMore, target, threshold = 2
                 "aria-live": "polite",
                 children: /*#__PURE__*/ jsx("span", {
                     className: "leaf-infinite-scroll__feedback",
-                    children: error ? /*#__PURE__*/ jsx(Button, {
+                    children: error ? /*#__PURE__*/ jsx(ButtonControl, {
                         variant: "ghost",
                         onClick: ()=>{
                             setError(false);
                             setRetry((value)=>value + 1);
                         },
-                        children: t('加载失败，重试', 'Loading failed. Retry')
-                    }) : loading ? loader ?? /*#__PURE__*/ jsx(Loading, {
+                        children: t('infiniteScroll.loadingFailedRetry')
+                    }) : loading ? loader ?? /*#__PURE__*/ jsx(LoadingControl, {
                         size: "sm",
-                        tip: t('加载中', 'Loading')
-                    }) : hasMore ? manual ? /*#__PURE__*/ jsx(Button, {
+                        tip: t('common.loading')
+                    }) : hasMore ? manual ? /*#__PURE__*/ jsx(ButtonControl, {
                         variant: "ghost",
                         onClick: ()=>manualLoad.current(),
-                        children: t('加载更多', 'Load more')
-                    }) : null : endMessage ?? t('已加载全部内容', 'All items loaded')
+                        children: t('infiniteScroll.loadMore')
+                    }) : null : endMessage ?? t('infiniteScroll.allItemsLoaded')
                 }, error ? 'error' : loading ? 'loading' : hasMore ? manual ? 'manual' : 'idle' : 'end')
             })
         ]