@unicom-cloud/ui 0.8.83 → 0.8.85

package/types/auto-complete/style/index.d.ts

@@ -1,4 +0,0 @@
-import '../../input/style';
-import '../../select/style';
-import '../../style/index.less';
-import './index.less';

package/types/avatar/interface.d.ts

@@ -1,24 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { TriggerProps } from '../trigger';
-export interface AvatarProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    shape?: 'circle' | 'square';
-    size?: number;
-    autoFixFontSize?: boolean;
-    triggerIcon?: ReactNode;
-    triggerIconStyle?: CSSProperties;
-    triggerType?: 'mask' | 'button';
-    onClick?: (e: MouseEvent) => void;
-}
-export interface AvatarGroupProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    shape?: 'circle' | 'square';
-    size?: number;
-    autoFixFontSize?: boolean;
-    zIndexAscend?: boolean;
-    maxCount?: number;
-    maxStyle?: CSSProperties;
-    maxPopoverTriggerProps?: TriggerProps;
-}

package/types/avatar/style/index.d.ts

@@ -1,3 +0,0 @@
-import '../../popover/style';
-import '../../style/index.less';
-import './index.less';

package/types/back-top/interface.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from 'react';
-export interface BackTopProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    visibleHeight?: number;
-    target?: () => HTMLElement | Window;
-    onClick?: () => void;
-    tween?: boolean;
-    easing?: Function | string;
-    duration?: number;
-}

package/types/back-top/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style/index.less';
-import './index.less';

package/types/badge/interface.d.ts

@@ -1,18 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { Omit } from '../utils/type';
-export interface BadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'className'> {
-    style?: CSSProperties;
-    className?: string | string[];
-    count?: number | ReactNode;
-    prefixText?: string;
-    text?: string;
-    dot?: boolean;
-    dotAnimation?: boolean;
-    dotStyle?: CSSProperties;
-    dotClassName?: string | string[];
-    maxCount?: number;
-    offset?: [number, number];
-    color?: 'red' | 'orangered' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'pqbblue' | 'purple' | 'magenta' | 'gray' | string;
-    status?: 'default' | 'processing' | 'success' | 'warning' | 'error';
-    children?: ReactNode;
-}

package/types/badge/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style/index.less';
-import './index.less';

package/types/breadcrumb/interface.d.ts

@@ -1,31 +0,0 @@
-import React, { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { DropdownProps } from '../dropdown';
-export interface RouteProps {
-    path: string;
-    breadcrumbName: string;
-    children?: Array<{
-        path: string;
-        breadcrumbName: string;
-    }>;
-}
-export interface BreadcrumbProps {
-    style?: CSSProperties;
-    children?: ReactNode;
-    className?: string | string[];
-    separator?: string | ReactNode;
-    routes?: RouteProps[];
-    maxCount?: number;
-    itemRender?: (route: RouteProps, routes: RouteProps[], paths: string[]) => ReactNode;
-}
-type CustomHTMLElement = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
-export interface BreadCrumbItemProps extends CustomHTMLElement {
-    style?: CSSProperties;
-    className?: string | string[];
-    prefixCls?: string;
-    droplist?: DropdownProps['droplist'];
-    dropdownProps?: DropdownProps;
-    href?: string;
-    onClick?: (e: any) => void;
-    tagName?: string | React.FC<any> | React.ComponentClass<any>;
-}
-export {};

package/types/breadcrumb/style/index.d.ts

@@ -1,3 +0,0 @@
-import '../../menu/style/index.less';
-import '../../style/index.less';
-import './index.less';

package/types/button/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import Group from './Group';
-import type { ButtonProps } from './interface';
-declare const ForwardRefButton: React.ForwardRefExoticComponent<Partial<{
-    htmlType?: "button" | "submit" | "reset";
-} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "onClick" | "type"> & {
-    href: string;
-    target?: string;
-    anchorProps?: React.HTMLProps<HTMLAnchorElement>;
-} & Omit<React.AnchorHTMLAttributes<any>, "className" | "onClick" | "type">> & React.RefAttributes<unknown>>;
-declare const ButtonComponent: typeof ForwardRefButton & {
-    __PQB_BUTTON: boolean;
-    Group: typeof Group;
-};
-declare const BUTTON_TYPE: string[];
-declare const BUTTON_STATUS: string[];
-export { BUTTON_STATUS, BUTTON_TYPE, Group as ButtonGroup };
-export default ButtonComponent;
-export type { ButtonProps };

package/types/button/interface.d.ts

@@ -1,37 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, HTMLProps, ReactNode } from 'react';
-export interface BaseButtonProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    children?: ReactNode;
-    type?: 'default' | 'primary' | 'secondary' | 'dashed' | 'text' | 'text-only' | 'outline';
-    status?: 'warning' | 'danger' | 'success' | 'processing' | 'default';
-    size?: 'mini' | 'small' | 'default' | 'large';
-    shape?: 'circle' | 'round' | 'square';
-    href?: string;
-    target?: string;
-    anchorProps?: HTMLProps<HTMLAnchorElement>;
-    disabled?: boolean;
-    loading?: boolean;
-    loadingFixedWidth?: boolean;
-    icon?: ReactNode;
-    iconRight?: ReactNode;
-    iconSuffix?: ReactNode;
-    iconOnly?: boolean;
-    long?: boolean;
-    error?: boolean;
-    onClick?: (e: Event) => void;
-}
-export type AnchorButtonProps = {
-    href: string;
-    target?: string;
-    anchorProps?: HTMLProps<HTMLAnchorElement>;
-} & BaseButtonProps & Omit<AnchorHTMLAttributes<any>, 'type' | 'onClick' | 'className'>;
-export type FinalButtonProps = {
-    htmlType?: 'button' | 'submit' | 'reset';
-} & BaseButtonProps & Omit<ButtonHTMLAttributes<any>, 'type' | 'onClick' | 'className'>;
-export type ButtonProps = Partial<FinalButtonProps & AnchorButtonProps>;
-export interface ButtonGroupProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    children?: ReactNode;
-}

package/types/button/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style/index.less';
-import './index.less';

package/types/calendar/hook/useCellClassName.d.ts

@@ -1,2 +0,0 @@
-declare function useClassName(props: any): (cellDateObj: any, disabled: any) => string;
-export default useClassName;

package/types/calendar/interface.d.ts

@@ -1,41 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-import { Dayjs } from 'dayjs';
-export type CalendarValue = Dayjs | Date | string | number;
-export interface CalendarProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    allowSelect?: boolean;
-    panel?: boolean;
-    panelWidth?: number | string;
-    panelTodayBtn?: boolean;
-    panelOperations?: Array<'left' | 'double-left' | 'right' | 'double-right'>;
-    isWeek?: boolean;
-    dayStartOfWeek?: 0 | 1;
-    defaultValue?: CalendarValue;
-    value?: CalendarValue;
-    defaultPageShowDate?: CalendarValue;
-    pageShowDate?: CalendarValue;
-    defaultMode?: 'day' | 'week' | 'month' | 'year';
-    mode?: 'day' | 'week' | 'month' | 'year';
-    modes?: ('day' | 'week' | 'month' | 'year')[];
-    disabledDate?: (current: Dayjs) => boolean;
-    onChange?: (date: Dayjs) => void;
-    onPanelChange?: (date: Dayjs) => void;
-    dateRender?: (currentDate: Dayjs) => ReactNode;
-    monthRender?: (currentDate: Dayjs) => ReactNode;
-    dateInnerContent?: (currentDate: Dayjs) => ReactNode;
-    headerRender?: (props: {
-        value?: Dayjs;
-        pageShowDate?: Dayjs;
-        mode?: string;
-        onChange: any;
-        onChangePageDate: any;
-        onChangeMode: any;
-    }) => ReactNode;
-    locale?: Record<string, any>;
-    headerType?: 'button' | 'select';
-    rangeValues?: Dayjs[];
-    hoverRangeValues?: Dayjs[];
-    onMouseEnterCell?: (time: Dayjs, disabled: boolean) => void;
-    onMouseLeaveCell?: (time: Dayjs, disabled: boolean) => void;
-}

package/types/calendar/style/index.d.ts

@@ -1,4 +0,0 @@
-import '../../button/style';
-import '../../select/style';
-import '../../style/index.less';
-import './index.less';

package/types/card/interface.d.ts

@@ -1,32 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import { Omit } from '../utils/type';
-export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'className'> {
-    style?: CSSProperties;
-    className?: string | string[];
-    children?: ReactNode;
-    id?: string;
-    bordered?: boolean;
-    loading?: boolean;
-    hoverable?: boolean;
-    size?: 'default' | 'small';
-    title?: string | ReactNode;
-    extra?: string | ReactNode;
-    cover?: ReactNode;
-    actions?: ReactNode[];
-    headerStyle?: CSSProperties;
-    bodyStyle?: CSSProperties;
-}
-export interface CardMetaProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    actionList?: ReactNode[];
-    avatar?: ReactNode;
-    title?: string | ReactNode;
-    description?: string | ReactNode;
-}
-export interface CardGridProps {
-    children?: ReactNode;
-    style?: CSSProperties;
-    className?: string | string[];
-    hoverable?: boolean;
-}

package/types/card/style/index.d.ts

@@ -1,3 +0,0 @@
-import '../../spin/style';
-import '../../style/index.less';
-import './index.less';

package/types/carousel/interface.d.ts

@@ -1,52 +0,0 @@
-import { CSSProperties, MutableRefObject, ReactNode } from 'react';
-export type CarouselHandle = {
-    dom: HTMLElement;
-    goto: (options: {
-        index: number;
-        isNegative?: boolean;
-        isManual?: boolean;
-        resetAutoPlayInterval?: boolean;
-    }) => void;
-};
-export interface CarouselProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    children?: ReactNode;
-    currentIndex?: number;
-    autoPlay?: boolean | {
-        interval?: number;
-        hoverToPause?: boolean;
-    };
-    miniRender?: boolean;
-    autoPlaySpeed?: number;
-    moveSpeed?: number;
-    animation?: 'slide' | 'card' | 'fade';
-    trigger?: 'click' | 'hover';
-    direction?: 'horizontal' | 'vertical';
-    showArrow?: 'always' | 'hover' | 'never';
-    arrowClassName?: string | string[];
-    icons?: {
-        prev?: ReactNode;
-        next?: ReactNode;
-    };
-    indicatorType?: 'line' | 'dot' | 'slider' | 'never';
-    indicatorPosition?: 'bottom' | 'top' | 'left' | 'right' | 'outer';
-    indicatorClassName?: string | string[];
-    timingFunc?: string;
-    onChange?: (index: number, prevIndex: number, isManual: boolean) => void;
-    carousel?: MutableRefObject<CarouselHandle>;
-}
-export interface CarouselArrowProps extends Pick<CarouselProps, 'direction' | 'showArrow' | 'icons'> {
-    className?: string | string[];
-    prev?: (e: any) => any;
-    next?: (e: any) => any;
-}
-export interface CarouselIndicatorProps {
-    className?: string | string[];
-    count: number;
-    activeIndex?: number;
-    type?: CarouselProps['indicatorType'];
-    position?: CarouselProps['indicatorPosition'];
-    trigger?: CarouselProps['trigger'];
-    onSelectIndex?: (e: number) => void;
-}

package/types/carousel/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style/index.less';
-import './index.less';

package/types/cascader/base/node.d.ts

@@ -1,48 +0,0 @@
-import { OptionProps } from '../../cascader/interface';
-import { ConfigType } from './store';
-export interface NodeProps<T> extends OptionProps {
-    value: string;
-    label: string;
-    isLeaf?: boolean;
-    _checked: boolean;
-    _level?: number;
-    _halfChecked: boolean;
-    parent: NodeProps<T> | null;
-    pathValue: string[];
-    children?: NodeProps<T>[];
-    loading?: boolean;
-    loaded?: boolean;
-    pathLabel: string[];
-}
-declare class Node<T extends NodeProps<T>> {
-    value: string;
-    label: string;
-    disabled?: boolean;
-    _level?: number;
-    _index?: number;
-    isLeaf?: boolean;
-    disableCheckbox?: boolean;
-    _checked: boolean;
-    _halfChecked: boolean;
-    parent: Node<T> | null;
-    pathValue: string[];
-    pathLabel: string[];
-    children?: Node<T>[];
-    loading?: boolean;
-    loaded?: boolean;
-    config: ConfigType<T>;
-    _data?: NodeProps<T>;
-    constructor(data: T, config?: ConfigType<T>, parent?: Node<T>);
-    private _initNode;
-    private _isHalfChecked;
-    private _setNodeChildrenChecked;
-    getSelfChildrenValue: () => never[];
-    updateHalfState: (checked: boolean) => void;
-    setCheckedProperty: (checked: boolean) => void;
-    setCheckedState: (checked: boolean) => void;
-    setCheckedStateIgnoreDisabled: (checked: boolean) => void;
-    getPathNodes: () => Node<T>[];
-    getChildren: () => Node<T>[];
-    setLoading: (loading?: boolean) => void;
-}
-export default Node;

package/types/cascader/base/store.d.ts

@@ -1,26 +0,0 @@
-import { CascaderProps, FieldNamesType } from '../../cascader/interface';
-import Node from './node';
-export type ConfigType<T> = {
-    changeOnSelect?: boolean;
-    lazyload?: boolean;
-    showEmptyChildren?: boolean;
-    filterOption?: CascaderProps<T>['filterOption'];
-    fieldNames?: FieldNamesType;
-    showParent?: boolean;
-};
-declare class Store<T> {
-    private nodes;
-    private flatNodes;
-    private config;
-    constructor(options: T[], value?: string[][], config?: ConfigType<T>);
-    private _calcNodes;
-    private _updateFlatNodes;
-    setNodeCheckedByValue: (initValues: string[][]) => void;
-    appendOptionChildren: (node: Node<T>, children: T[]) => void;
-    findNodeByValue: (value: string[]) => Node<T> | null;
-    searchNodeByLabel: (inputStr?: string) => Node<T>[];
-    getOptions: () => Node<T>[];
-    getCheckedNodes: () => Node<T>[];
-    getCheckedParentNodes: () => Node<T>[];
-}
-export default Store;

package/types/cascader/interface.d.ts

@@ -1,105 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { SelectViewCommonProps } from '../select-view';
-import { TriggerProps } from '../trigger';
-import { VirtualListProps } from '../virtual-list/VirtualList';
-import { NodeProps } from './base/node';
-import Store from './base/store';
-export interface CascaderProps<T = any> extends Omit<SelectViewCommonProps, 'showSearch'> {
-    defaultValue?: (string | string[])[];
-    inputValue?: string;
-    value?: (string | string[])[];
-    options?: T[];
-    trigger?: TriggerProps['trigger'];
-    expandTrigger?: 'click' | 'hover';
-    changeOnSelect?: boolean;
-    showEmptyChildren?: boolean;
-    unmountOnExit?: boolean;
-    mode?: 'multiple';
-    triggerProps?: Partial<TriggerProps>;
-    showSearch?: boolean | {
-        panelMode?: 'cascader' | 'select';
-        renderOption?: (inputValue: string, option: NodeProps<T>, options: extraOptions) => ReactNode;
-        retainInputValue?: boolean;
-        retainInputValueWhileSelect?: boolean;
-    };
-    notFoundContent?: ReactNode;
-    fieldNames?: FieldNamesType;
-    popupVisible?: boolean;
-    defaultPopupVisible?: boolean;
-    checkedStrategy?: 'parent' | 'child';
-    dropdownMenuClassName?: string | string[];
-    dropdownMenuColumnStyle?: CSSProperties;
-    virtualListProps?: Pick<VirtualListProps<any>, 'threshold' | 'isStaticItemHeight'>;
-    defaultActiveFirstOption?: boolean;
-    dropdownRender?: (menu: ReactNode) => ReactNode;
-    dropdownColumnRender?: (menu: ReactNode, level: number) => ReactNode;
-    filterOption?: (inputValue: string, option: NodeProps<T>) => boolean;
-    renderOption?: (option: NodeProps<T>, level: number) => ReactNode;
-    renderFooter?: (level: number, activeOption: NodeProps<T> | null) => ReactNode;
-    renderFormat?: (valueShow: any[]) => ReactNode;
-    onSearch?: (inputValue: string, reason: InputValueChangeReason) => void;
-    onChange?: (value: (string | string[])[], selectedOptions: any, extra: {
-        dropdownVisible?: boolean;
-    }) => void;
-    onInputValueChange?: (inputValue: string, reason: InputValueChangeReason) => void;
-    getPopupContainer?: (node: HTMLElement) => Element;
-    loadMore?: (pathValue: string[], level: number) => Promise<T[]>;
-    onVisibleChange?: (visible: boolean) => void;
-    onClear?: (visible: boolean) => void;
-    icons?: {
-        loading?: ReactNode;
-        checked?: ReactNode;
-        next?: ReactNode;
-    };
-}
-export interface OptionProps {
-    value?: string;
-    label?: string;
-    disabled?: boolean;
-    children?: OptionProps[];
-    isLeaf?: boolean;
-    disableCheckbox?: boolean;
-    [key: string]: any;
-}
-export type FieldNamesType = {
-    label?: string;
-    value?: string;
-    children?: string;
-    disabled?: string;
-    isLeaf?: string;
-};
-export type InputValueChangeReason = 'manual' | 'optionListHide' | 'optionChecked';
-export interface CascaderPanelProps<T> {
-    className?: string | string[];
-    style?: CSSProperties;
-    store: Store<T>;
-    multiple?: boolean;
-    defaultValue?: string[][];
-    value?: string[][];
-    changeOnSelect?: boolean;
-    popupVisible?: boolean;
-    expandTrigger?: 'click' | 'hover';
-    trigger?: 'click';
-    prefixCls?: string;
-    rtl?: boolean;
-    showEmptyChildren?: boolean;
-    virtualListProps?: CascaderProps<T>['virtualListProps'];
-    renderOption?: (option: NodeProps<T>, level: number) => ReactNode;
-    onChange?: (value: string[][]) => void;
-    loadMore?: (activeValue: any, level: number) => void;
-    renderEmpty?: (width?: CSSProperties['width']) => ReactNode;
-    renderFooter?: (level: number, activeOption: NodeProps<T> | null) => ReactNode;
-    onDoubleClickOption?: () => void;
-    onEsc?: () => void;
-    dropdownColumnRender?: CascaderProps<T>['dropdownColumnRender'];
-    dropdownMenuColumnStyle?: CascaderProps<T>['dropdownMenuColumnStyle'];
-    getTriggerElement: () => HTMLElement;
-    icons?: {
-        loading?: ReactNode;
-        checked?: ReactNode;
-        next?: ReactNode;
-    };
-}
-export interface extraOptions {
-    checked: boolean;
-}

package/types/cascader/style/index.d.ts

@@ -1,6 +0,0 @@
-import '../../checkbox/style';
-import '../../empty/style';
-import '../../input-tag/style';
-import '../../style/index.less';
-import '../../trigger/style';
-import './index.less';

package/types/checkbox/interface.d.ts

@@ -1,36 +0,0 @@
-import { CSSProperties, HTMLAttributes, ReactNode, ReactText } from 'react';
-export interface CheckboxProps<T extends ReactText = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'> {
-    style?: CSSProperties;
-    className?: string | string[];
-    disabled?: boolean;
-    error?: boolean;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    indeterminate?: boolean;
-    onChange?: (checked: boolean, e: Event) => void;
-    value?: T;
-    icon?: ReactNode;
-    checkboxGroupValue?: T[];
-    onGroupChange?: (value: T, checked: boolean) => void;
-    isCheckboxGroup?: boolean;
-    children?: ReactNode | ((value: {
-        checked: boolean;
-        indeterminate: boolean;
-    }) => ReactNode);
-}
-export interface CheckboxGroupProps<T extends ReactText> {
-    style?: CSSProperties;
-    className?: string | string[];
-    disabled?: boolean;
-    direction?: 'horizontal' | 'vertical';
-    error?: boolean;
-    defaultValue?: T[];
-    options?: (T | {
-        label: ReactNode;
-        value: T;
-        disabled?: boolean;
-        icon?: ReactNode;
-    })[];
-    value?: T[];
-    onChange?: (value: T[], e: Event) => void;
-}

package/types/checkbox/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style/index.less';
-import './index.less';

package/types/checkbox/useCheckbox.d.ts

@@ -1,13 +0,0 @@
-export type ResultType<T> = {
-    selected: T[];
-    setSelected: (value: T[]) => void;
-    setValueSelected: (value: T | T[], selected?: boolean) => void;
-    selectAll: () => void;
-    unSelectAll: () => void;
-    isSelected: (value: T) => boolean;
-    toggle: (value?: T | T[]) => void;
-    isAllSelected: () => boolean;
-    isPartialSelected: () => boolean;
-};
-declare const useCheckbox: <T>(values: T[], defaultSelected?: T[]) => ResultType<T>;
-export default useCheckbox;

package/types/collapse/interface.d.ts

@@ -1,27 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface CollapseProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    activeKey?: string | string[];
-    defaultActiveKey?: string | string[];
-    accordion?: boolean;
-    expandIcon?: ReactNode;
-    expandIconPosition?: 'left' | 'right';
-    bordered?: boolean;
-    lazyload?: boolean;
-    destroyOnHide?: boolean;
-    triggerRegion?: 'header' | 'icon';
-    onChange?: (key: string, keys: string[], e: any) => void;
-}
-export interface CollapseItemProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    contentStyle?: CSSProperties;
-    header?: ReactNode;
-    name: string;
-    disabled?: boolean;
-    expandIcon?: ReactNode;
-    showExpandIcon?: boolean;
-    extra?: ReactNode;
-    destroyOnHide?: boolean;
-}

package/types/collapse/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style/index.less';
-import './index.less';

package/types/color-picker/hooks/useColorPicker.d.ts

@@ -1,34 +0,0 @@
-import { ColorPickerMode, GradientColor, HSV, InternalGradientColor } from '../interface';
-interface UseColorPickerProps {
-    mode?: 'single' | 'gradient' | ['single', 'gradient'];
-    value?: string | GradientColor[];
-    defaultValue?: string | GradientColor[];
-    defaultPopupVisible?: boolean;
-    disabledAlpha?: boolean;
-    popupVisible?: boolean;
-    format?: 'hex' | 'rgb';
-    onChange?: (value: string | GradientColor[]) => void;
-    onVisibleChange?: (visible: boolean) => void;
-}
-export declare const useColorPicker: (props: UseColorPickerProps) => {
-    value: any;
-    activeMode: ColorPickerMode;
-    gradientColors: InternalGradientColor[];
-    gradientColorsRef: import("react").MutableRefObject<InternalGradientColor[]>;
-    activeColorId: string;
-    activeColorIdRef: import("react").MutableRefObject<string>;
-    popupVisible: any;
-    color: {
-        hsv: HSV;
-        rgb: import("@unicom-cloud/tinycolor").Numberify<import("@unicom-cloud/tinycolor").RGBA>;
-        hex: string;
-    };
-    alpha: number;
-    onHsvChange: (_value: HSV) => void;
-    onAlphaChange: (_value: number) => void;
-    onVisibleChange: (newVisible: any) => void;
-    onActiveModeChange: (newMode: ColorPickerMode) => void;
-    onActiveColorIdChange: (newId: string) => void;
-    onGradientColorsChange: (newColors: InternalGradientColor[] | ((colors: InternalGradientColor[]) => InternalGradientColor[])) => void;
-};
-export {};