@zjpcy/simple-design 1.3.1 → 1.3.3

package/dist/types/Notice/Notice.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './Notice.css';
-export type NoticeType = 'primary' | 'success' | 'warning' | 'error' | 'info' | 'dark';
-export interface NoticeProps {
-    text?: string | React.ReactNode | React.ReactElement | React.ReactElement[] | (string | React.ReactNode)[];
-    speed?: number;
-    height?: number;
-    styles?: React.CSSProperties;
-    icon?: React.ReactNode | null;
-    showCloseButton?: boolean;
-    closeStyle?: React.CSSProperties;
-    floatingTop?: boolean;
-    pauseOnHover?: boolean;
-    type?: NoticeType;
-    className?: string;
-}
-declare const Notice: React.FC<NoticeProps>;
-export default Notice;

package/dist/types/Notification/Notification.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './Notification.css';
-import { NotificationProps } from './types';
-declare const Notification: React.FC<NotificationProps>;
-export default Notification;

package/dist/types/Notification/types.d.ts

@@ -1,12 +0,0 @@
-export type NotificationPosition = 'top-left' | 'top-center' | 'top-right' | 'center' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-export interface NotificationProps {
-    message: string;
-    duration?: number;
-    type?: 'info' | 'success' | 'warning' | 'error';
-    position?: NotificationPosition;
-    color?: string;
-    top?: number;
-    open?: boolean;
-    clickOutsideToClose?: boolean;
-    onClose?: () => void;
-}

package/dist/types/Pagination/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './Pagination.css';
-import type { PaginationProps } from './types';
-declare const Pagination: React.FC<PaginationProps>;
-export default Pagination;

package/dist/types/Pagination/types.d.ts

@@ -1,38 +0,0 @@
-export interface PaginationProps {
-    total?: number;
-    current?: number;
-    defaultCurrent?: number;
-    pageSize?: number;
-    defaultPageSize?: number;
-    onChange?: (current: number, pageSize: number) => void;
-    pageSizeOptions?: (string | number)[];
-    showSizeChanger?: boolean;
-    showQuickJumper?: boolean;
-    showTotal?: (total: number, range: [number, number]) => React.ReactNode;
-    size?: 'default' | 'small';
-    /**
-     * 简洁模式
-     */
-    simple?: boolean;
-    /**
-     * 禁用状态
-     */
-    disabled?: boolean;
-    /**
-     * 只有一页时隐藏
-     */
-    hideOnSinglePage?: boolean;
-    /**
-     * 分页组件位置对齐方式
-     */
-    align?: 'flex-start' | 'center' | 'flex-end';
-    /**
-     * 自定义CSS类名
-     */
-    className?: string;
-    /**
-     * 自定义内联样式
-     */
-    style?: React.CSSProperties;
-}
-export {};

package/dist/types/Popconfirm/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PopconfirmProps } from './types';
-import './Popconfirm.css';
-declare const Popconfirm: React.FC<PopconfirmProps>;
-export default Popconfirm;
-export type { PopconfirmProps, PopconfirmPlacement } from './types';

package/dist/types/Popconfirm/types.d.ts

@@ -1,30 +0,0 @@
-import { ReactNode } from 'react';
-export type PopconfirmPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-export type PopconfirmType = 'info' | 'success' | 'warning' | 'error' | 'danger';
-export interface PopconfirmProps {
-    title?: ReactNode;
-    description?: ReactNode;
-    okText?: string;
-    cancelText?: string;
-    okButtonProps?: {
-        variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
-        loading?: boolean;
-        disabled?: boolean;
-    };
-    cancelButtonProps?: {
-        variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
-        disabled?: boolean;
-    };
-    onConfirm?: () => void | Promise<void>;
-    onCancel?: () => void;
-    disabled?: boolean;
-    icon?: ReactNode;
-    type?: PopconfirmType;
-    placement?: PopconfirmPlacement;
-    showCancel?: boolean;
-    getContainer?: HTMLElement | (() => HTMLElement) | false;
-    className?: string;
-    style?: React.CSSProperties;
-    children: React.ReactElement;
-}
-export default PopconfirmProps;

package/dist/types/Progress/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ProgressProps, ProgressStatus, ProgressType, ProgressSegment } from './types';
-import './Progress.css';
-declare const Progress: React.FC<ProgressProps>;
-export default Progress;
-export type { ProgressProps, ProgressType, ProgressStatus, ProgressSegment };

package/dist/types/Progress/types.d.ts

@@ -1,59 +0,0 @@
-import { ReactNode } from 'react';
-export type ProgressType = 'line' | 'circle' | 'dashboard';
-export type ProgressStatus = 'success' | 'exception' | 'active' | 'normal';
-/** 渐变色配置 */
-export interface GradientConfig {
-    from: string;
-    to: string;
-    direction?: 'to right' | 'to left' | 'to top' | 'to bottom' | 'to bottom right' | 'to top right' | 'to bottom left' | 'to top left';
-    /** 是否启用波浪动画 */
-    animated?: boolean;
-}
-/** 进度段配置 - 用于多段颜色展示 */
-export interface ProgressSegment {
-    /** 该段的颜色 */
-    color: string | GradientConfig;
-    /** 该段占总的百分比（0-100） */
-    percent: number;
-}
-export interface ProgressProps {
-    /** 百分比 */
-    percent?: number;
-    /** 类型 */
-    type?: ProgressType;
-    /** 状态 */
-    status?: ProgressStatus;
-    /** 是否显示百分比文字 */
-    showInfo?: boolean;
-    /** 自定义显示文字 */
-    format?: (percent?: number, successPercent?: number) => ReactNode;
-    /** 进度条颜色，支持纯色字符串或渐变对象 */
-    strokeColor?: string | GradientConfig;
-    /** 背景颜色 */
-    trailColor?: string;
-    /** 线条粗细 */
-    strokeWidth?: number;
-    /** 线条宽度，type=line 时生效 */
-    size?: 'small' | 'default' | 'large';
-    /** 是否开启动画 */
-    transition?: boolean;
-    /** 步骤进度条的总步数 */
-    steps?: number;
-    /** 多段颜色配置，用于展示多个进度段 */
-    segments?: ProgressSegment[];
-    /** 是否开启仪表盘样式 */
-    gapDegree?: number;
-    /** 仪表盘缺口位置 */
-    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
-    /** 前缀图标 */
-    icon?: ReactNode;
-    /** 前缀文字 */
-    prefix?: string;
-    /** 后缀文字 */
-    suffix?: string;
-    /** 自定义内部内容，支持 ReactNode，优先级高于默认的进度显示 */
-    children?: ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-export default ProgressProps;

package/dist/types/Radio/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { RadioProps, RadioGroupProps } from './types';
-import './Radio.css';
-declare const Radio: React.FC<RadioProps> & {
-    Group: React.FC<RadioGroupProps>;
-};
-export default Radio;
-export * from './types';

package/dist/types/Radio/types.d.ts

@@ -1,30 +0,0 @@
-export interface RadioProps {
-    value?: any;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean, value: any) => void;
-    disabled?: boolean;
-    size?: 'large' | 'middle' | 'small';
-    children?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    /** 标签文案，显示在单选按钮前面 */
-    label?: string | React.ReactNode;
-    /** 标签到单选按钮的距离 */
-    labelGap?: string | number;
-    /** 标签的CSS类名 */
-    labelClassName?: string;
-    /** 标签的样式 */
-    labelStyle?: React.CSSProperties;
-}
-export interface RadioGroupProps {
-    value?: any;
-    defaultValue?: any;
-    onChange?: (value: any) => void;
-    disabled?: boolean;
-    type?: 'button' | 'radio';
-    size?: 'large' | 'middle' | 'small';
-    className?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-}

package/dist/types/Rate/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './Rate.css';
-import { RateProps } from './types';
-export declare const Rate: React.FC<RateProps>;
-export default Rate;

package/dist/types/Rate/types.d.ts

@@ -1,27 +0,0 @@
-export interface RateProps {
-    /** 当前评分值 */
-    value: string | number;
-    /** 星星总数 */
-    count?: number;
-    /** 是否允许半星 */
-    allowHalf?: boolean;
-    /** 是否只读 */
-    disabled?: boolean;
-    /** 自定义颜色，默认 #1677ff */
-    color?: string;
-    /** 评分变化回调 */
-    onChange?: (value: string) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 星星大小 */
-    size?: number;
-    /**
-     * 自定义字符数组，优先级最高，隐藏默认图标，只支持整星
-     * 注意：chats 数组中的每个元素必须是单个字符
-     * @example
-     * // 正确：每个元素都是单个字符
-     * chats={['A', 'B', 'C', 'D', 'E']}
-     * chats={['差', '较差', '一般', '良好', '优秀']} // 错误！不支持多字符
-     */
-    chats?: string[];
-}

package/dist/types/Select/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { SelectProps, SelectOption, TagRenderProps } from './types';
-import './Select.css';
-/**
- * Select 下拉选择组件
- * 用于从一组选项中选择一项或多项
- *
- * @example
- * ```tsx
- * // 基础用法
- * <Select
- *   options={[
- *     { value: '1', label: '选项1' },
- *     { value: '2', label: '选项2' }
- *   ]}
- *   onChange={(value) => console.log(value)}
- * />
- *
- * // 多选模式
- * <Select mode="multiple" options={options} />
- *
- * // 可搜索
- * <Select searchable options={options} />
- * ```
- */
-declare const Select: React.FC<SelectProps>;
-export default Select;
-export type { SelectProps, SelectOption, TagRenderProps };

package/dist/types/Select/styles.d.ts

@@ -1,45 +0,0 @@
-import { SelectStyles } from './types';
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $styles?: SelectStyles["wrapper"];
-}>> & string;
-export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Selector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled: boolean;
-    $loading: boolean;
-    $size: "small" | "default" | "large";
-    $open: boolean;
-    $styles?: SelectStyles["selector"];
-}>> & string;
-export declare const SelectorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SingleValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const TagsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Tag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $disabled: boolean;
-    $styles?: SelectStyles["tag"];
-}>> & string;
-export declare const TagClose: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const SuffixArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $open: boolean;
-}>> & string;
-export declare const LoadingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Dropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $open: boolean;
-    $styles?: SelectStyles["dropdown"];
-}>> & string;
-export declare const OptionList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $maxHeight?: number;
-}>> & string;
-export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $selected: boolean;
-    $active: boolean;
-    $disabled: boolean;
-    $styles?: SelectStyles["option"];
-}>> & string;
-export declare const CheckIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Empty: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const injectGlobalStyles: () => void;

package/dist/types/Select/types.d.ts

@@ -1,134 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * Select 选项数据类型
- */
-export interface SelectOption {
-    /** 选项值 */
-    value: string | number;
-    /** 选项显示文本 */
-    label: string | ReactNode;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 自定义样式 */
-    style?: CSSProperties;
-    /** 自定义类名 */
-    className?: string;
-}
-/**
- * Select 组件属性接口
- */
-export interface SelectProps {
-    /** 当前选中的值（受控模式） */
-    value?: string | number | (string | number)[];
-    /** 默认选中的值（非受控模式） */
-    defaultValue?: string | number | (string | number)[];
-    /** 选项列表 */
-    options?: SelectOption[];
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 加载中状态 */
-    loading?: boolean;
-    /** 是否多选 */
-    mode?: 'single' | 'multiple';
-    /** 占位符文本 */
-    placeholder?: string;
-    /** 是否可搜索 */
-    searchable?: boolean;
-    /** 是否可清除 */
-    clearable?: boolean;
-    /** 组件尺寸 */
-    size?: 'small' | 'default' | 'large';
-    /** 组件宽度 */
-    width?: string | number;
-    /** 自定义样式 */
-    styles?: SelectStyles;
-    /** 外层容器样式 */
-    style?: CSSProperties;
-    /** 变化时的回调函数 */
-    onChange?: (value: string | number | (string | number)[], option?: SelectOption | SelectOption[]) => void;
-    /** 展开/收起时的回调函数 */
-    onOpenChange?: (open: boolean) => void;
-    /** 搜索时的回调函数 */
-    onSearch?: (value: string) => void;
-    /** 自定义选项渲染 */
-    optionRender?: (option: SelectOption) => ReactNode;
-    /** 自定义选中项渲染 */
-    tagRender?: (props: TagRenderProps) => ReactNode;
-    /** 标签文案，显示在选择框前面 */
-    label?: string | ReactNode;
-    /** 标签到选择框的距离 */
-    labelGap?: string | number;
-    /** 标签的CSS类名 */
-    labelClassName?: string;
-    /** 标签的样式 */
-    labelStyle?: CSSProperties;
-    /** 自定义类名 */
-    className?: string;
-    /** 是否显示下拉箭头 */
-    showArrow?: boolean;
-    /** 下拉菜单的最大高度 */
-    maxHeight?: number;
-    /** 空状态显示内容 */
-    emptyContent?: ReactNode;
-    /** 获取弹出层容器 */
-    getPopupContainer?: () => HTMLElement;
-}
-/**
- * 标签渲染属性
- */
-export interface TagRenderProps {
-    /** 选项值 */
-    value: string | number;
-    /** 选项标签 */
-    label: string | ReactNode;
-    /** 关闭回调 */
-    onClose: (e?: React.MouseEvent) => void;
-    /** 是否禁用 */
-    disabled?: boolean;
-}
-/**
- * 样式配置接口
- */
-export interface SelectStyles {
-    /** 外层容器样式 */
-    wrapper?: CSSProperties;
-    /** 选择器样式 */
-    selector?: CSSProperties;
-    /** 下拉菜单样式 */
-    dropdown?: CSSProperties;
-    /** 选项样式 */
-    option?: CSSProperties;
-    /** 选中标签样式（多选模式） */
-    tag?: CSSProperties;
-}
-/**
- * 尺寸配置接口
- */
-export interface SelectSizeConfig {
-    height: string;
-    padding: string;
-    fontSize: string;
-    tagHeight: string;
-}
-/**
- * Select 主题配置接口
- */
-export interface SelectThemeConfig {
-    colors: {
-        primary: string;
-        text: string;
-        textSecondary: string;
-        textDisabled: string;
-        border: string;
-        borderHover: string;
-        borderFocus: string;
-        bg: string;
-        bgHover: string;
-        bgSelected: string;
-    };
-    sizes: {
-        small: SelectSizeConfig;
-        default: SelectSizeConfig;
-        large: SelectSizeConfig;
-    };
-}

package/dist/types/Slider/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import './Slider.css';
-import { SliderProps } from './types';
-export declare const Slider: React.FC<SliderProps>;
-export default Slider;

package/dist/types/Slider/types.d.ts

@@ -1,28 +0,0 @@
-export interface MarkConfig {
-    trackColor?: string;
-    handleColor?: string;
-    mark: React.ReactNode;
-}
-export type MarksTypes = Record<number, MarkConfig | string>;
-export interface GradientConfig {
-    startColor: string;
-    endColor: string;
-}
-export interface SliderProps {
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: number;
-    defaultValue?: number;
-    disabled?: boolean;
-    marks?: MarksTypes;
-    showValue?: boolean;
-    transitionSpeed?: number;
-    trackColor?: string;
-    handleColor?: string;
-    onChange?: (value: number) => void;
-    onAfterChange?: (value: number) => void;
-    className?: string;
-    style?: React.CSSProperties;
-    gradient?: GradientConfig;
-}

package/dist/types/Space/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { SpaceProps } from './types';
-import './Space.css';
-declare const Space: React.FC<SpaceProps>;
-export default Space;

package/dist/types/Space/types.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-export interface SpaceProps {
-    /**
-     * 子元素
-     */
-    children?: React.ReactNode;
-    /**
-     * 间距大小，可以是数字（px）或字符串
-     */
-    gap?: number | string;
-    /**
-     * 水平对齐方式
-     */
-    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    /**
-     * 包裹方式
-     */
-    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-    /**
-     * 类名
-     */
-    className?: string;
-    /**
-     * 样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 是否为内联元素
-     */
-    inline?: boolean;
-}

package/dist/types/Spin/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SpinProps, SpinSize } from './types';
-import './Spin.css';
-declare const Spin: React.FC<SpinProps>;
-export default Spin;
-export type { SpinProps, SpinSize };

package/dist/types/Spin/types.d.ts

@@ -1,44 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-export type SpinSize = 'small' | 'default' | 'large';
-export interface SpinProps {
-    /**
-     * 是否为加载状态
-     * @default true
-     */
-    spinning?: boolean;
-    /**
-     * 加载指示符
-     */
-    indicator?: ReactNode;
-    /**
-     * 当作为包裹元素时，可以自定义描述文案
-     */
-    tip?: ReactNode;
-    /**
-     * 组件大小
-     * @default 'default'
-     */
-    size?: SpinSize;
-    /**
-     * 延迟显示加载效果的时间（防止闪烁）
-     * @default 0
-     */
-    delay?: number;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    /**
-     * 自定义样式
-     */
-    style?: CSSProperties;
-    /**
-     * 包裹的子元素
-     */
-    children?: ReactNode;
-    /**
-     * 是否全屏显示
-     * @default false
-     */
-    fullscreen?: boolean;
-}

package/dist/types/Splitter/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import './Splitter.css';
-import { SplitterProps } from './types';
-/**
- * Splitter 主组件 - 自由切分指定区域为多部分
- * 支持水平和垂直分隔，可拖拽调整各区域大小，支持多面板
- */
-export declare const Splitter: React.FC<SplitterProps>;
-export default Splitter;