@zixili/design-system 1.0.0

package/dist/components/CodeBlock/index.d.ts

@@ -0,0 +1,8 @@
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    title?: string;
+}
+export default function CodeBlock({ code, language, title }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CodeEditor.d.ts

@@ -0,0 +1,9 @@
+
+interface CodeEditorProps {
+    code: string;
+    onChange?: (code: string) => void;
+    readOnly?: boolean;
+    language?: string;
+}
+export default function CodeEditor({ code, onChange, readOnly, language }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ComponentDemo.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+
+interface ComponentDemoProps {
+    title: string;
+    description: string;
+    children: ReactNode;
+    code: string;
+    config?: {
+        name: string;
+        type: 'select' | 'switch' | 'text' | 'number';
+        options?: {
+            label: string;
+            value: any;
+        }[];
+        default: any;
+    }[];
+    onConfigChange?: (config: Record<string, any>) => void;
+}
+export default function ComponentDemo({ title, description, children, code, config, onConfigChange }: ComponentDemoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Header.d.ts

@@ -0,0 +1,2 @@
+
+export default function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/components/PropsTable/index.d.ts

@@ -0,0 +1,13 @@
+
+export interface PropRow {
+    prop: string;
+    type: string;
+    default?: string;
+    description: string;
+    required?: boolean;
+}
+interface PropsTableProps {
+    rows: PropRow[];
+}
+export default function PropsTable({ rows }: PropsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SearchModal/index.d.ts

@@ -0,0 +1,13 @@
+
+interface SearchItem {
+    key: string;
+    label: string;
+    group: string;
+}
+interface SearchModalProps {
+    open: boolean;
+    items: SearchItem[];
+    onClose: () => void;
+}
+export default function SearchModal({ open, items, onClose }: SearchModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/basic/Button.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'text' | 'outline' | 'danger' | 'ghost' | 'success' | 'warning' | 'info';
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
+    icon?: ReactNode;
+    loading?: boolean;
+    block?: boolean;
+    disabled?: boolean;
+    shape?: 'square' | 'round' | 'circle';
+    iconOnly?: boolean;
+}
+export default function Button({ variant, size, icon, loading, block, disabled, shape, iconOnly, children, className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/basic/ButtonDoc.d.ts

@@ -0,0 +1,2 @@
+
+export default function ButtonDoc(): import("react/jsx-runtime").JSX.Element;

package/dist/components/basic/Icon.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface IconProps {
+    name?: string;
+    size?: number | string;
+    color?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+}
+export declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/components/basic/Link.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface LinkProps {
+    href?: string;
+    children: React.ReactNode;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    rel?: string;
+    disabled?: boolean;
+    underline?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+export declare const Link: React.FC<LinkProps>;
+export default Link;

package/dist/components/basic/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Button } from './Button';
+export { default as ButtonDoc } from './ButtonDoc';
+export { default as Icon } from './Icon';
+export { default as Link } from './Link';
+export type { ButtonProps } from './Button';
+export type { IconProps } from './Icon';
+export type { LinkProps } from './Link';

package/dist/components/display/Avatar.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    size?: number | 'small' | 'medium' | 'large' | 'default';
+    shape?: 'circle' | 'square';
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

package/dist/components/display/Badge.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface BadgeProps {
+    children?: React.ReactNode;
+    count?: number | string;
+    dot?: boolean;
+    color?: string;
+    showZero?: boolean;
+    max?: number;
+    status?: 'success' | 'error' | 'warning' | 'info';
+    text?: string;
+    className?: string;
+}
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/components/display/Card.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+
+export interface CardProps {
+    title?: string;
+    extra?: ReactNode;
+    children: ReactNode;
+    hoverable?: boolean;
+    bordered?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    actions?: ReactNode[];
+}
+export default function Card({ title, extra, children, hoverable, bordered, className, style, actions }: CardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/display/Empty.d.ts

@@ -0,0 +1,8 @@
+
+export interface EmptyProps {
+    image?: React.ReactNode;
+    imageStyle?: React.CSSProperties;
+    description?: React.ReactNode;
+    children?: React.ReactNode;
+}
+export default function Empty({ image, imageStyle, description, children }: EmptyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/display/Progress.d.ts

@@ -0,0 +1,9 @@
+
+export interface ProgressProps {
+    percent: number;
+    showInfo?: boolean;
+    status?: 'normal' | 'success' | 'error';
+    strokeWidth?: number;
+    className?: string;
+}
+export default function Progress({ percent, showInfo, status, strokeWidth, className }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/display/Rate.d.ts

@@ -0,0 +1,13 @@
+
+export interface RateProps {
+    value?: number;
+    defaultValue?: number;
+    count?: number;
+    allowHalf?: boolean;
+    allowClear?: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    character?: React.ReactNode;
+    onChange?: (value: number) => void;
+}
+export default function Rate({ value, defaultValue, count, allowHalf, allowClear, disabled, size, character, onChange }: RateProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/display/Skeleton.d.ts

@@ -0,0 +1,23 @@
+
+export interface SkeletonProps {
+    loading?: boolean;
+    active?: boolean;
+    children?: React.ReactNode;
+    avatar?: boolean | SkeletonAvatarProps;
+    paragraph?: boolean | SkeletonParagraphProps;
+    title?: boolean | SkeletonTitleProps;
+    round?: boolean;
+}
+interface SkeletonAvatarProps {
+    size?: 'small' | 'default' | 'large' | number;
+    shape?: 'circle' | 'square';
+}
+interface SkeletonParagraphProps {
+    rows?: number;
+    width?: string | string[];
+}
+interface SkeletonTitleProps {
+    width?: string | number;
+}
+export default function Skeleton({ loading, active, children, avatar, paragraph, title, round }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/display/Table.d.ts

@@ -0,0 +1,29 @@
+
+interface Column {
+    key: string;
+    title: string;
+    dataIndex: string;
+    width?: number;
+    fixed?: 'left' | 'right';
+    sorter?: boolean;
+    render?: (value: any, record: any, index: number) => React.ReactNode;
+}
+export interface TableProps {
+    columns: Column[];
+    dataSource: any[];
+    rowKey?: string | ((record: any) => string);
+    loading?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    bordered?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+    pagination?: {
+        current: number;
+        total: number;
+        pageSize: number;
+        onChange: (page: number, pageSize: number) => void;
+    } | false;
+    onChange?: (pagination: any, filters: any, sorter: any) => void;
+}
+export default function Table({ columns, dataSource, rowKey, loading, size, bordered, striped, hoverable, pagination, onChange }: TableProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/display/Tag.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export interface TagProps {
+    children: ReactNode;
+    color?: 'primary' | 'success' | 'warning' | 'error' | 'default';
+    closable?: boolean;
+    onClose?: () => void;
+    className?: string;
+}
+export default function Tag({ children, color, closable, onClose, className }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/display/Tooltip.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export interface TooltipProps {
+    children: React.ReactNode;
+    title: React.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'hover' | 'click';
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/components/display/index.d.ts

@@ -0,0 +1,20 @@
+export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
+export { default as Card } from './Card';
+export { default as Empty } from './Empty';
+export { default as Progress } from './Progress';
+export { default as Rate } from './Rate';
+export { default as Skeleton } from './Skeleton';
+export { default as Table } from './Table';
+export { default as Tag } from './Tag';
+export { default as Tooltip } from './Tooltip';
+export type { AvatarProps } from './Avatar';
+export type { BadgeProps } from './Badge';
+export type { CardProps } from './Card';
+export type { EmptyProps } from './Empty';
+export type { ProgressProps } from './Progress';
+export type { RateProps } from './Rate';
+export type { SkeletonProps } from './Skeleton';
+export type { TableProps } from './Table';
+export type { TagProps } from './Tag';
+export type { TooltipProps } from './Tooltip';

package/dist/components/feedback/Alert.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export interface AlertProps {
+    type?: 'info' | 'success' | 'warning' | 'error';
+    title?: string;
+    children?: ReactNode;
+    closable?: boolean;
+    onClose?: () => void;
+    showIcon?: boolean;
+    className?: string;
+}
+export default function Alert({ type, title, children, closable, onClose, showIcon, className }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/feedback/Modal.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    width?: number | string;
+    centered?: boolean;
+    maskClosable?: boolean;
+    closable?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Alert } from './Alert';
+export { default as Modal } from './Modal';
+export type { AlertProps } from './Alert';
+export type { ModalProps } from './Modal';

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './basic';
+export * from './layout';
+export * from './navigation';
+export * from './input';
+export * from './display';
+export * from './feedback';

package/dist/components/input/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    indeterminate?: boolean;
+}
+export default function Checkbox({ label, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/DatePicker.d.ts

@@ -0,0 +1,12 @@
+
+export interface DatePickerProps {
+    value?: string;
+    onChange?: (date: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    format?: string;
+    label?: string;
+    error?: string;
+}
+export default function DatePicker({ value, onChange, placeholder, disabled, size, format, label, error }: DatePickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Input.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    error?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    addonBefore?: string;
+    addonAfter?: string;
+}
+export default function Input({ label, error, prefix, suffix, addonBefore, addonAfter, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Radio.d.ts

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+}
+export default function Radio({ label, className, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Select.d.ts

@@ -0,0 +1,12 @@
+import { SelectHTMLAttributes } from 'react';
+
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    error?: string;
+    options: {
+        label: string;
+        value: string | number;
+        disabled?: boolean;
+    }[];
+}
+export default function Select({ label, error, options, className, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Slider.d.ts

@@ -0,0 +1,17 @@
+
+export interface SliderProps {
+    value?: number;
+    defaultValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    marks?: Record<number, React.ReactNode>;
+    included?: boolean;
+    vertical?: boolean;
+    reverse?: boolean;
+    tooltip?: boolean | ((value: number) => React.ReactNode);
+    onChange?: (value: number) => void;
+    onChangeComplete?: (value: number) => void;
+}
+export default function Slider({ value, defaultValue, min, max, step, disabled, marks, included, vertical, reverse, tooltip, onChange, onChangeComplete }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Switch.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    size?: 'small' | 'medium' | 'large';
+}
+export default function Switch({ label, size, className, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/input/Upload.d.ts

@@ -0,0 +1,33 @@
+
+interface UploadFile {
+    id: string;
+    name: string;
+    size: number;
+    status: 'uploading' | 'done' | 'error';
+    progress?: number;
+    url?: string;
+    error?: string;
+}
+export interface UploadProps {
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    drag?: boolean;
+    listType?: 'text' | 'picture' | 'picture-card';
+    maxCount?: number;
+    maxSize?: number;
+    showUploadList?: boolean;
+    customRequest?: (options: UploadRequestOptions) => void;
+    beforeUpload?: (file: File) => boolean | Promise<boolean>;
+    onChange?: (fileList: UploadFile[]) => void;
+    onPreview?: (file: UploadFile) => void;
+    onRemove?: (file: UploadFile) => void;
+}
+interface UploadRequestOptions {
+    file: File;
+    onProgress: (percent: number) => void;
+    onSuccess: (url?: string) => void;
+    onError: (error: string) => void;
+}
+export default function Upload({ accept, multiple, disabled, drag, listType, maxCount, maxSize, showUploadList, customRequest, beforeUpload, onChange, onPreview, onRemove }: UploadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/input/index.d.ts

@@ -0,0 +1,16 @@
+export { default as Checkbox } from './Checkbox';
+export { default as DatePicker } from './DatePicker';
+export { default as Input } from './Input';
+export { default as Radio } from './Radio';
+export { default as Select } from './Select';
+export { default as Slider } from './Slider';
+export { default as Switch } from './Switch';
+export { default as Upload } from './Upload';
+export type { CheckboxProps } from './Checkbox';
+export type { DatePickerProps } from './DatePicker';
+export type { InputProps } from './Input';
+export type { RadioProps } from './Radio';
+export type { SelectProps } from './Select';
+export type { SliderProps } from './Slider';
+export type { SwitchProps } from './Switch';
+export type { UploadProps } from './Upload';

package/dist/components/layout/Divider.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface DividerProps {
+    type?: 'horizontal' | 'vertical';
+    orientation?: 'left' | 'center' | 'right';
+    dashed?: boolean;
+    plain?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/dist/components/layout/Grid.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+
+export interface GridProps {
+    gutter?: number | [number, number];
+    align?: 'top' | 'middle' | 'bottom';
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
+    wrap?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export interface ColProps {
+    span?: number;
+    offset?: number;
+    order?: number;
+    push?: number;
+    pull?: number;
+    xs?: number | ColProps;
+    sm?: number | ColProps;
+    md?: number | ColProps;
+    lg?: number | ColProps;
+    xl?: number | ColProps;
+    xxl?: number | ColProps;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+    gutter?: number | [number, number];
+}
+export declare const Row: React.FC<GridProps>;
+export declare const Col: React.FC<ColProps>;
+declare const _default: {
+    Row: React.FC<GridProps>;
+    Col: React.FC<ColProps>;
+};
+export default _default;

package/dist/components/layout/Layout.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+
+export interface LayoutProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export interface HeaderProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export interface ContentProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export interface FooterProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export interface SiderProps {
+    className?: string;
+    style?: React.CSSProperties;
+    width?: number | string;
+    collapsedWidth?: number | string;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+    children: React.ReactNode;
+}
+export declare const Layout: React.FC<LayoutProps>;
+export declare const Header: React.FC<HeaderProps>;
+export declare const Content: React.FC<ContentProps>;
+export declare const Footer: React.FC<FooterProps>;
+export declare const Sider: React.FC<SiderProps>;
+export default Layout;

package/dist/components/layout/Space.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface SpaceProps {
+    size?: 'small' | 'medium' | 'large' | number;
+    direction?: 'horizontal' | 'vertical';
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    wrap?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+export declare const Space: React.FC<SpaceProps>;
+export default Space;

package/dist/components/layout/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Divider } from './Divider';
+export { default as Grid } from './Grid';
+export { default as Layout, Header, Content, Footer, Sider } from './Layout';
+export { default as Space } from './Space';
+export type { DividerProps } from './Divider';
+export type { GridProps, ColProps } from './Grid';
+export type { LayoutProps, HeaderProps, ContentProps, FooterProps, SiderProps } from './Layout';
+export type { SpaceProps } from './Space';

package/dist/components/navigation/Affix.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface AffixProps {
+    offsetTop?: number;
+    offsetBottom?: number;
+    target?: () => Window | HTMLElement;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+    onChange?: (affixed: boolean) => void;
+}
+export declare const Affix: React.FC<AffixProps>;
+export default Affix;

package/dist/components/navigation/Anchor.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+
+export interface AnchorLinkProps {
+    href: string;
+    title: React.ReactNode;
+    target?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface AnchorProps {
+    affix?: boolean;
+    offsetTop?: number;
+    bounds?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+    getCurrentAnchor?: (activeLink: string) => void;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>, link: {
+        href: string;
+        title: React.ReactNode;
+    }) => void;
+}
+export declare const AnchorLink: React.FC<AnchorLinkProps>;
+export declare const Anchor: React.FC<AnchorProps>;
+export default Anchor;