asterui 0.12.18 → 0.12.20

package/dist/components/Code.d.ts

@@ -7,6 +7,8 @@ export interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {
 declare const Line: React.FC<CodeLineProps>;
 export interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
+    /** Show copy button. Pass true to auto-extract text, or a string to specify custom copy text */
+    copyable?: boolean | string;
 }
 export declare const Code: React.FC<CodeProps> & {
     Line: typeof Line;

package/dist/components/CopyButton.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onError'> {
+    /** Text to copy to clipboard */
+    text: string;
+    /** Duration in ms to show copied state */
+    timeout?: number;
+    /** Button color */
+    color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
+    /** Button style variant */
+    variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link';
+    /** Button size */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Button shape */
+    shape?: 'square' | 'circle';
+    /** Custom icon for default state */
+    icon?: React.ReactNode;
+    /** Custom icon for copied state */
+    copiedIcon?: React.ReactNode;
+    /** Custom content for default state (overrides icon) */
+    children?: React.ReactNode;
+    /** Custom content for copied state */
+    copiedChildren?: React.ReactNode;
+    /** Callback when copy succeeds */
+    onCopy?: () => void;
+    /** Callback when copy fails */
+    onError?: (error: Error) => void;
+    /** Show tooltip with copy status */
+    showTooltip?: boolean;
+    /** Tooltip text for default state */
+    tooltipText?: string;
+    /** Tooltip text for copied state */
+    copiedTooltipText?: string;
+}
+export declare const CopyButton: React.FC<CopyButtonProps>;

package/dist/components/Watermark.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+export type WatermarkGap = [number, number];
+export type WatermarkOffset = [number, number];
+export interface WatermarkFontOptions {
+    /** Text color for watermark content */
+    color?: string;
+    /** Font size in pixels */
+    fontSize?: number;
+    /** Font weight for watermark text */
+    fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter';
+    /** Font style for watermark text */
+    fontStyle?: 'normal' | 'italic' | 'oblique';
+    /** Font family for watermark text */
+    fontFamily?: string;
+    /** Line height in pixels for multi-line content */
+    lineHeight?: number;
+}
+export interface WatermarkProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
+    /** Text to render inside the watermark; falls back to "asterui" */
+    content?: string | string[];
+    /** Image source (URL or base64) to render instead of text */
+    image?: string;
+    /** Width of a single watermark tile in pixels */
+    width?: number;
+    /** Height of a single watermark tile in pixels */
+    height?: number;
+    /** Horizontal/vertical gap between watermarks in pixels */
+    gap?: WatermarkGap;
+    /** Offset for the first watermark tile from the top-left corner */
+    offset?: WatermarkOffset;
+    /** Rotation angle in degrees */
+    rotate?: number;
+    /** z-index for the overlay layer */
+    zIndex?: number;
+    /** Font settings for text watermarks */
+    font?: WatermarkFontOptions;
+    /** Content to protect with the watermark */
+    children?: React.ReactNode;
+}
+export declare const Watermark: React.FC<WatermarkProps>;

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export { Breadcrumb } from './components/Breadcrumb';
 export type { BreadcrumbProps, BreadcrumbItemProps } from './components/Breadcrumb';
 export { Button } from './components/Button';
 export type { ButtonProps } from './components/Button';
+export { CopyButton } from './components/CopyButton';
+export type { CopyButtonProps } from './components/CopyButton';
 export { Checkbox } from './components/Checkbox';
 export type { CheckboxProps, CheckboxGroupProps, CheckboxOptionType, CheckboxSwapConfig } from './components/Checkbox';
 export { Chat } from './components/Chat';
@@ -186,6 +188,8 @@ export { Typography } from './components/Typography';
 export type { TypographyProps, TitleProps, ParagraphProps, TextProps, TypographyLinkProps, TypographySize, TitleLevel, } from './components/Typography';
 export { Upload } from './components/Upload';
 export type { UploadProps, UploadFile } from './components/Upload';
+export { Watermark } from './components/Watermark';
+export type { WatermarkProps, WatermarkFontOptions, WatermarkGap, WatermarkOffset, } from './components/Watermark';
 export { Show, Hide } from './components/Responsive';
 export type { ShowProps, HideProps } from './components/Responsive';
 export { useBreakpoint } from './hooks/useBreakpoint';

package/dist/index.js

@@ -6,103 +6,105 @@ import { Avatar as n, AvatarGroup as s } from "./index6.js";
 import { Badge as l } from "./index7.js";
 import { Breadcrumb as c } from "./index8.js";
 import { Button as T } from "./index9.js";
-import { Checkbox as P } from "./index10.js";
-import { Chat as b } from "./index11.js";
-import { ColorPicker as D } from "./index12.js";
-import { Card as w } from "./index13.js";
-import { Cascader as v } from "./index14.js";
-import { Chart as R } from "./index15.js";
-import { Carousel as A } from "./index16.js";
-import { Collapse as M } from "./index17.js";
-import { Container as H } from "./index18.js";
-import { ContextMenu as K } from "./index19.js";
-import { Countdown as O } from "./index20.js";
-import { DatePicker as z } from "./index21.js";
-import { Descriptions as J } from "./index22.js";
-import { Diff as U } from "./index23.js";
-import { Dock as q } from "./index24.js";
-import { Divider as X } from "./index25.js";
-import { Drawer as Z } from "./index26.js";
-import { SidebarDrawer as $ } from "./index27.js";
-import { Fieldset as ro } from "./index28.js";
-import { FileInput as to } from "./index29.js";
-import { Filter as mo } from "./index30.js";
-import { Flex as xo } from "./index31.js";
-import { FloatButton as io } from "./index32.js";
-import { Footer as so } from "./index33.js";
-import { Form as lo, useFormInstance as co } from "./index34.js";
-import { Col as To, Grid as go, Row as Po } from "./index35.js";
-import { Hero as bo } from "./index36.js";
-import { HoverGallery as Do } from "./index37.js";
-import { Image as wo } from "./index38.js";
-import { Indicator as vo } from "./index39.js";
-import { Dropdown as Ro } from "./index40.js";
-import { Empty as Ao } from "./index41.js";
-import { Input as Mo } from "./index42.js";
-import { InputNumber as Ho } from "./index43.js";
-import { Join as Ko } from "./index44.js";
-import { Kbd as Oo } from "./index45.js";
-import { Layout as zo, useSiderContext as Eo } from "./index46.js";
-import { List as Qo } from "./index47.js";
-import { Loading as jo } from "./index48.js";
-import { Mask as Vo } from "./index49.js";
-import { Masonry as Yo } from "./index50.js";
-import { Mention as _o } from "./index51.js";
-import { Menu as or } from "./index52.js";
-import { Browser as er } from "./index53.js";
-import { Code as pr } from "./index54.js";
-import { Phone as fr } from "./index55.js";
-import { Window as ar } from "./index56.js";
-import { Modal as nr } from "./index57.js";
-import { Navbar as ur } from "./index58.js";
-import { notification as dr } from "./index59.js";
-import { OTPInput as Cr } from "./index60.js";
-import { Pagination as gr } from "./index61.js";
-import { PageLayout as Sr } from "./index62.js";
-import { Popconfirm as kr } from "./index63.js";
-import { Popover as hr } from "./index64.js";
-import { Progress as yr } from "./index65.js";
-import { QRCode as Fr } from "./index66.js";
-import { Radio as Ir } from "./index67.js";
-import { RadialProgress as Br } from "./index68.js";
-import { Range as Lr } from "./index69.js";
-import { Rating as Gr } from "./index70.js";
-import { Result as Nr } from "./index71.js";
-import { Select as Wr } from "./index72.js";
-import { Segmented as Er } from "./index73.js";
-import { Skeleton as Qr } from "./index74.js";
-import { Space as jr } from "./index75.js";
-import { Splitter as Vr } from "./index76.js";
-import { Stats as Yr } from "./index77.js";
-import { Status as _r } from "./index78.js";
-import { Steps as oe } from "./index79.js";
-import { Table as ee } from "./index80.js";
-import { Tabs as pe } from "./index81.js";
-import { Textarea as fe } from "./index82.js";
-import { TextRotate as ae } from "./index83.js";
-import { CheckableTag as ne, Tag as se } from "./index84.js";
-import { ThemeController as le } from "./index85.js";
-import { TimePicker as ce } from "./index86.js";
-import { Timeline as Te } from "./index87.js";
-import { Toggle as Pe } from "./index88.js";
-import { Tour as be } from "./index89.js";
-import { Tooltip as De } from "./index90.js";
-import { Transfer as we } from "./index91.js";
-import { Tree as ve } from "./index92.js";
-import { TreeSelect as Re } from "./index93.js";
-import { Typography as Ae } from "./index94.js";
-import { Upload as Me } from "./index95.js";
-import { Hide as He, Show as Ge } from "./index96.js";
-import { useBreakpoint as Ne } from "./index97.js";
-import { useDisclosure as We } from "./index98.js";
-import { useClipboard as Ee } from "./index99.js";
-import { useLocalStorage as Qe } from "./index100.js";
-import { useDebounce as je } from "./index101.js";
-import { useClickOutside as Ve } from "./index102.js";
-import { usePrevious as Ye } from "./index103.js";
-import { useHover as _e } from "./index104.js";
-import { useKeyPress as ot, useKeyPressCallback as rt } from "./index105.js";
-import { useWindowSize as tt } from "./index106.js";
+import { CopyButton as P } from "./index10.js";
+import { Checkbox as b } from "./index11.js";
+import { Chat as y } from "./index12.js";
+import { ColorPicker as h } from "./index13.js";
+import { Card as v } from "./index14.js";
+import { Cascader as R } from "./index15.js";
+import { Chart as I } from "./index16.js";
+import { Carousel as M } from "./index17.js";
+import { Collapse as H } from "./index18.js";
+import { Container as K } from "./index19.js";
+import { ContextMenu as N } from "./index20.js";
+import { Countdown as z } from "./index21.js";
+import { DatePicker as J } from "./index22.js";
+import { Descriptions as U } from "./index23.js";
+import { Diff as q } from "./index24.js";
+import { Dock as X } from "./index25.js";
+import { Divider as Z } from "./index26.js";
+import { Drawer as $ } from "./index27.js";
+import { SidebarDrawer as ro } from "./index28.js";
+import { Fieldset as to } from "./index29.js";
+import { FileInput as mo } from "./index30.js";
+import { Filter as xo } from "./index31.js";
+import { Flex as io } from "./index32.js";
+import { FloatButton as so } from "./index33.js";
+import { Footer as lo } from "./index34.js";
+import { Form as Co, useFormInstance as To } from "./index35.js";
+import { Col as Po, Grid as So, Row as bo } from "./index36.js";
+import { Hero as yo } from "./index37.js";
+import { HoverGallery as ho } from "./index38.js";
+import { Image as vo } from "./index39.js";
+import { Indicator as Ro } from "./index40.js";
+import { Dropdown as Io } from "./index41.js";
+import { Empty as Mo } from "./index42.js";
+import { Input as Ho } from "./index43.js";
+import { InputNumber as Ko } from "./index44.js";
+import { Join as No } from "./index45.js";
+import { Kbd as zo } from "./index46.js";
+import { Layout as Jo, useSiderContext as Qo } from "./index47.js";
+import { List as jo } from "./index48.js";
+import { Loading as Vo } from "./index49.js";
+import { Mask as Yo } from "./index50.js";
+import { Masonry as _o } from "./index51.js";
+import { Mention as or } from "./index52.js";
+import { Menu as er } from "./index53.js";
+import { Browser as pr } from "./index54.js";
+import { Code as fr } from "./index55.js";
+import { Phone as ar } from "./index56.js";
+import { Window as nr } from "./index57.js";
+import { Modal as ur } from "./index58.js";
+import { Navbar as dr } from "./index59.js";
+import { notification as Cr } from "./index60.js";
+import { OTPInput as gr } from "./index61.js";
+import { Pagination as Sr } from "./index62.js";
+import { PageLayout as kr } from "./index63.js";
+import { Popconfirm as Dr } from "./index64.js";
+import { Popover as wr } from "./index65.js";
+import { Progress as Fr } from "./index66.js";
+import { QRCode as Br } from "./index67.js";
+import { Radio as Ar } from "./index68.js";
+import { RadialProgress as Lr } from "./index69.js";
+import { Range as Gr } from "./index70.js";
+import { Rating as Wr } from "./index71.js";
+import { Result as Or } from "./index72.js";
+import { Select as Er } from "./index73.js";
+import { Segmented as Qr } from "./index74.js";
+import { Skeleton as jr } from "./index75.js";
+import { Space as Vr } from "./index76.js";
+import { Splitter as Yr } from "./index77.js";
+import { Stats as _r } from "./index78.js";
+import { Status as oe } from "./index79.js";
+import { Steps as ee } from "./index80.js";
+import { Table as pe } from "./index81.js";
+import { Tabs as fe } from "./index82.js";
+import { Textarea as ae } from "./index83.js";
+import { TextRotate as ne } from "./index84.js";
+import { CheckableTag as ue, Tag as le } from "./index85.js";
+import { ThemeController as ce } from "./index86.js";
+import { TimePicker as Te } from "./index87.js";
+import { Timeline as Pe } from "./index88.js";
+import { Toggle as be } from "./index89.js";
+import { Tour as ye } from "./index90.js";
+import { Tooltip as he } from "./index91.js";
+import { Transfer as ve } from "./index92.js";
+import { Tree as Re } from "./index93.js";
+import { TreeSelect as Ie } from "./index94.js";
+import { Typography as Me } from "./index95.js";
+import { Upload as He } from "./index96.js";
+import { Watermark as Ke } from "./index97.js";
+import { Hide as Ne, Show as Oe } from "./index98.js";
+import { useBreakpoint as Ee } from "./index99.js";
+import { useDisclosure as Qe } from "./index100.js";
+import { useClipboard as je } from "./index101.js";
+import { useLocalStorage as Ve } from "./index102.js";
+import { useDebounce as Ye } from "./index103.js";
+import { useClickOutside as _e } from "./index104.js";
+import { usePrevious as ot } from "./index105.js";
+import { useHover as et } from "./index106.js";
+import { useKeyPress as pt, useKeyPressCallback as mt } from "./index107.js";
+import { useWindowSize as xt } from "./index108.js";
 export {
   e as Affix,
   f as Alert,
@@ -112,110 +114,112 @@ export {
   s as AvatarGroup,
   l as Badge,
   c as Breadcrumb,
-  er as Browser,
+  pr as Browser,
   T as Button,
-  w as Card,
-  A as Carousel,
-  v as Cascader,
-  R as Chart,
-  b as Chat,
-  ne as CheckableTag,
-  P as Checkbox,
-  pr as Code,
-  To as Col,
-  M as Collapse,
-  D as ColorPicker,
-  H as Container,
-  K as ContextMenu,
-  O as Countdown,
-  z as DatePicker,
-  J as Descriptions,
-  U as Diff,
-  X as Divider,
-  q as Dock,
-  Z as Drawer,
-  Ro as Dropdown,
-  Ao as Empty,
-  ro as Fieldset,
-  to as FileInput,
-  mo as Filter,
-  xo as Flex,
-  io as FloatButton,
-  so as Footer,
-  lo as Form,
-  go as Grid,
-  bo as Hero,
-  He as Hide,
-  Do as HoverGallery,
-  wo as Image,
-  vo as Indicator,
-  Mo as Input,
-  Ho as InputNumber,
-  Ko as Join,
-  Oo as Kbd,
-  zo as Layout,
-  Qo as List,
-  jo as Loading,
-  Vo as Mask,
-  Yo as Masonry,
-  _o as Mention,
-  or as Menu,
-  nr as Modal,
-  ur as Navbar,
-  Cr as OTPInput,
-  Sr as PageLayout,
-  gr as Pagination,
-  fr as Phone,
-  kr as Popconfirm,
-  hr as Popover,
-  yr as Progress,
-  Fr as QRCode,
-  Br as RadialProgress,
-  Ir as Radio,
-  Lr as Range,
-  Gr as Rating,
-  Nr as Result,
-  Po as Row,
-  Er as Segmented,
-  Wr as Select,
-  Ge as Show,
-  $ as SidebarDrawer,
-  Qr as Skeleton,
-  jr as Space,
-  Vr as Splitter,
-  Yr as Stats,
-  _r as Status,
-  oe as Steps,
-  ee as Table,
-  pe as Tabs,
-  se as Tag,
-  ae as TextRotate,
-  fe as Textarea,
-  le as ThemeController,
-  ce as TimePicker,
-  Te as Timeline,
-  Pe as Toggle,
-  De as Tooltip,
-  be as Tour,
-  we as Transfer,
-  ve as Tree,
-  Re as TreeSelect,
-  Ae as Typography,
-  Me as Upload,
-  ar as Window,
-  dr as notification,
-  Ne as useBreakpoint,
-  Ve as useClickOutside,
-  Ee as useClipboard,
-  je as useDebounce,
-  We as useDisclosure,
-  co as useFormInstance,
-  _e as useHover,
-  ot as useKeyPress,
-  rt as useKeyPressCallback,
-  Qe as useLocalStorage,
-  Ye as usePrevious,
-  Eo as useSiderContext,
-  tt as useWindowSize
+  v as Card,
+  M as Carousel,
+  R as Cascader,
+  I as Chart,
+  y as Chat,
+  ue as CheckableTag,
+  b as Checkbox,
+  fr as Code,
+  Po as Col,
+  H as Collapse,
+  h as ColorPicker,
+  K as Container,
+  N as ContextMenu,
+  P as CopyButton,
+  z as Countdown,
+  J as DatePicker,
+  U as Descriptions,
+  q as Diff,
+  Z as Divider,
+  X as Dock,
+  $ as Drawer,
+  Io as Dropdown,
+  Mo as Empty,
+  to as Fieldset,
+  mo as FileInput,
+  xo as Filter,
+  io as Flex,
+  so as FloatButton,
+  lo as Footer,
+  Co as Form,
+  So as Grid,
+  yo as Hero,
+  Ne as Hide,
+  ho as HoverGallery,
+  vo as Image,
+  Ro as Indicator,
+  Ho as Input,
+  Ko as InputNumber,
+  No as Join,
+  zo as Kbd,
+  Jo as Layout,
+  jo as List,
+  Vo as Loading,
+  Yo as Mask,
+  _o as Masonry,
+  or as Mention,
+  er as Menu,
+  ur as Modal,
+  dr as Navbar,
+  gr as OTPInput,
+  kr as PageLayout,
+  Sr as Pagination,
+  ar as Phone,
+  Dr as Popconfirm,
+  wr as Popover,
+  Fr as Progress,
+  Br as QRCode,
+  Lr as RadialProgress,
+  Ar as Radio,
+  Gr as Range,
+  Wr as Rating,
+  Or as Result,
+  bo as Row,
+  Qr as Segmented,
+  Er as Select,
+  Oe as Show,
+  ro as SidebarDrawer,
+  jr as Skeleton,
+  Vr as Space,
+  Yr as Splitter,
+  _r as Stats,
+  oe as Status,
+  ee as Steps,
+  pe as Table,
+  fe as Tabs,
+  le as Tag,
+  ne as TextRotate,
+  ae as Textarea,
+  ce as ThemeController,
+  Te as TimePicker,
+  Pe as Timeline,
+  be as Toggle,
+  he as Tooltip,
+  ye as Tour,
+  ve as Transfer,
+  Re as Tree,
+  Ie as TreeSelect,
+  Me as Typography,
+  He as Upload,
+  Ke as Watermark,
+  nr as Window,
+  Cr as notification,
+  Ee as useBreakpoint,
+  _e as useClickOutside,
+  je as useClipboard,
+  Ye as useDebounce,
+  Qe as useDisclosure,
+  To as useFormInstance,
+  et as useHover,
+  pt as useKeyPress,
+  mt as useKeyPressCallback,
+  Ve as useLocalStorage,
+  ot as usePrevious,
+  Qo as useSiderContext,
+  xt as useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}