@unicom-cloud/ui 0.8.66 → 0.8.68

package/types/color-picker/Panel.d.ts

@@ -1,10 +1,15 @@
 import React, { ReactNode } from 'react';
-import { Color, HSV } from './interface';
+import { Color, ColorPickerMode, GradientColor, HSV, InternalGradientColor } from './interface';
 interface PanelProps {
+    value: string | GradientColor[];
+    mode: ColorPickerMode | ColorPickerMode[];
+    activeMode: ColorPickerMode;
+    gradientColors: InternalGradientColor[];
+    activeColorId: string;
+    activeColorIdRef: React.MutableRefObject<string>;
     color: Color;
     alpha: number;
     disabledAlpha: boolean;
-    colorString: string;
     showHistory?: boolean;
     historyColors?: string[];
     showPreset?: boolean;
@@ -15,6 +20,9 @@ interface PanelProps {
     renderFooter?: () => ReactNode;
     onHsvChange: (value: HSV) => void;
     onAlphaChange: (value: number) => void;
+    onActiveModeChange: (value: ColorPickerMode) => void;
+    onGradientColorsChange: (value: InternalGradientColor[] | ((colors: InternalGradientColor[]) => InternalGradientColor[])) => void;
+    onActiveColorIdChange: (index: string) => void;
 }
 export declare const Panel: React.FC<PanelProps>;
 export {};

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

@@ -1,32 +1,34 @@
-import TinyColor from '@unicom-cloud/tinycolor';
-import { HSV } from '../interface';
+import { ColorPickerMode, GradientColor, HSV, InternalGradientColor } from '../interface';
 interface UseColorPickerProps {
-    value?: string;
-    defaultValue?: string;
+    mode?: 'single' | 'gradient' | ['single', 'gradient'];
+    value?: string | GradientColor[];
+    defaultValue?: string | GradientColor[];
     defaultPopupVisible?: boolean;
     disabledAlpha?: boolean;
     popupVisible?: boolean;
     format?: 'hex' | 'rgb';
-    onChange?: (value: string) => void;
+    onChange?: (value: string | GradientColor[]) => void;
     onVisibleChange?: (visible: boolean) => void;
 }
 export declare const useColorPicker: (props: UseColorPickerProps) => {
-    value: string;
-    popupVisible: boolean;
+    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>;
-        rgbString: string;
         hex: string;
-        hexString: string;
-        hex8String: string;
-        string: string;
-        tiny: TinyColor;
-        alpha: number;
     };
     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 {};

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

@@ -1,8 +1,15 @@
-interface ControlBlockParams {
+interface MultiValueItem {
     value: [number, number];
-    onChange: (value: [number, number]) => void;
+    key: string;
+}
+interface ControlBlockParams {
+    value: [number, number] | MultiValueItem[];
+    multiple?: boolean;
+    onActive?: (key: string) => void;
+    onAdd?: (value: [number, number]) => void;
+    onChange: (value: [number, number], key?: string) => void;
 }
-export declare const useControlBlock: ({ value, onChange }: ControlBlockParams) => {
+export declare function useControlBlock({ value, multiple, onActive, onAdd, onChange, }: ControlBlockParams): {
     active: boolean;
     blockRef: import("react").MutableRefObject<HTMLDivElement | undefined>;
     handlerRef: import("react").MutableRefObject<HTMLDivElement | undefined>;

package/types/color-picker/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ColorPickerProps } from './interface';
+import type { ColorPickerProps } from './interface';
 declare const ColorPickerComponent: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<unknown>>;
 export default ColorPickerComponent;
 export type { ColorPickerProps };

package/types/color-picker/interface.d.ts

@@ -4,10 +4,11 @@ import { TriggerProps } from '../trigger';
 export interface ColorPickerProps {
     style?: CSSProperties;
     className?: string | string[];
-    defaultValue?: string;
-    value?: string;
+    defaultValue?: string | GradientColor[];
+    value?: string | GradientColor[];
     showText?: boolean;
     format?: 'hex' | 'rgb';
+    mode?: 'single' | 'gradient' | ['single', 'gradient'];
     disabled?: boolean;
     size?: InputProps['size'];
     defaultPopupVisible?: boolean;
@@ -23,9 +24,9 @@ export interface ColorPickerProps {
         value: string;
     }) => ReactNode);
     triggerElement?: ReactNode | ((params: {
-        value: string;
+        value: string | GradientColor[];
     }) => ReactNode);
-    onChange?: (value: string) => void;
+    onChange?: (value: string | GradientColor[]) => void;
     onVisibleChange?: (visible: boolean) => void;
     renderFooter?: () => ReactNode;
 }
@@ -43,7 +44,18 @@ export interface Color {
     hsv: HSV;
     rgb: RGB;
     hex: string;
-    hexString: string;
-    hex8String: string;
-    string: string;
+}
+export declare enum ColorPickerMode {
+    Single = "single",
+    Gradient = "gradient"
+}
+export interface GradientColor {
+    color: string;
+    percent: number;
+}
+export interface InternalGradientColor {
+    id: string;
+    color: Color;
+    alpha: number;
+    percent: number;
 }

package/types/color-picker/utils.d.ts

@@ -0,0 +1,23 @@
+import { GradientColor, HSV, InternalGradientColor, RGB } from './interface';
+interface RGBA extends RGB {
+    a: number | undefined;
+}
+export declare const sortGradientColors: (gradientColors: InternalGradientColor[]) => InternalGradientColor[];
+export declare const mix: (source: RGBA, target: RGBA, progress: number) => RGBA;
+export declare const getGradientString: (value: GradientColor[]) => string;
+export declare const renderGradientBackground: (value: GradientColor[]) => string;
+export declare const renderBackground: (value: GradientColor[] | string) => string;
+export declare const formatRgba: (r: number, g: number, b: number, a: number) => string;
+export declare const formatHex: (r: number, g: number, b: number, a: number) => string;
+export declare const getColorFromHsv: (hsv: HSV) => {
+    hsv: HSV;
+    rgb: import("@unicom-cloud/tinycolor").Numberify<import("@unicom-cloud/tinycolor").RGBA>;
+    hex: string;
+};
+export declare const getRandomId: () => string;
+export declare const mapValueToGradientColor: (value: GradientColor[], disabledAlpha: boolean) => InternalGradientColor[];
+export declare const getColorByGradients: (gradientColors: InternalGradientColor[], percent: number, id?: string) => InternalGradientColor;
+export declare const equalsHsv: (a: HSV, b: HSV) => boolean;
+export declare const equalsRgba: (a: RGBA, b: RGBA) => boolean;
+export declare const isEqualsColors: (colorA: string | GradientColor[], colorB: string | GradientColor[]) => boolean;
+export {};

package/types/form/Control.d.ts

@@ -1,7 +1,7 @@
 import React, { Component, ReactNode } from 'react';
 import type { FieldError, FormControlProps, FormItemContextProps, FormItemProps, KeyType } from './interface';
 import { NotifyType, StoreChangeInfo } from './store';
-export default class Control<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Component<FormControlProps<FormData, FieldValue, FieldKey>> {
+declare class Control<FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData> extends Component<FormControlProps<FormData, FieldValue, FieldKey>> {
     static defaultProps: {
         trigger: string;
         triggerPropName: string;
@@ -53,3 +53,4 @@ export default class Control<FormData = any, FieldValue = FormData[keyof FormDat
     getChild: () => React.ReactNode;
     render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-dev-runtime").JSX.Element | null | undefined;
 }
+export default Control;

package/types/form/FormItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormItemProps, KeyType } from './interface';
-declare const Row: React.ForwardRefExoticComponent<import("../grid").RowProps & React.RefAttributes<unknown>>;
+declare const Row: React.ForwardRefExoticComponent<import("..").RowProps & React.RefAttributes<unknown>>;
 declare const _default: <FormData = any, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(props: FormItemProps<FormData, FieldValue, FieldKey> & {
     ref?: React.Ref<(typeof Row)["prototype"]>;
 }) => React.ReactElement;

package/types/form/store.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import Control from './Control';
 import type { FieldError, FieldState, FormProps, FormValidateFn, KeyType } from './interface';
 import { SubmitStatus } from './interface';
 export type DeepPartial<T> = T extends object ? {

package/types/hooks/index.d.ts

@@ -13,9 +13,11 @@ export { default as useKeyboardEvent } from "./useKeyboardEvent";
 export { default as useMedia } from "./useMedia";
 export { default as useMergeProps } from "./useMergeProps";
 export { default as useMergeValue } from "./useMergeValue";
+export { default as useOnlineStatus } from "./useOnlineStatus";
 export { default as useOverflowHidden } from "./useOverflowHidden";
 export { default as useOverrideRef } from "./useOverrideRef";
 export { default as usePersistCallback } from "./usePersistCallback";
+export { default as usePrefersColorSchemeDark } from "./usePrefersColorSchemeDark";
 export { default as usePrevious } from "./usePrevious";
 export { default as useRefs } from "./useRefs";
 export { default as useResizeObserver } from "./useResizeObserver";

package/types/hooks/useComputedState.d.ts

@@ -1,4 +1 @@
-import { ComponentState, PropsWithoutRef } from 'react';
-type Dependency<T> = PropsWithoutRef<T> | ComponentState;
-export declare function useComputedState<T>(computed: () => any, deps: Dependency<T>[]): any;
-export default useComputedState;
+export { default } from '@unicom-cloud/ui-common/hooks/useComputedState';

package/types/hooks/useCreate.d.ts

@@ -1,2 +1 @@
-export declare function useCreate(fn: any): void;
-export default useCreate;
+export { default } from '@unicom-cloud/ui-common/hooks/useCreate';

package/types/hooks/useForceUpdate.d.ts

@@ -1,2 +1 @@
-export declare function useForceUpdate(): import("react").DispatchWithoutAction;
-export default useForceUpdate;
+export { default } from '@unicom-cloud/ui-common/hooks/useForceUpdate';

package/types/hooks/useId.d.ts

@@ -1,2 +1 @@
-export declare function useId(prefix: string): string | undefined;
-export default useId;
+export { default } from '@unicom-cloud/ui-common/hooks/useId';

package/types/hooks/useInView.d.ts

@@ -1,11 +1 @@
-interface UserInViewProps extends IntersectionObserverInit {
-    onChange?: (inView: boolean, entry: IntersectionObserverEntry) => void;
-    defaultInView?: boolean;
-    unobserverOnEnter?: boolean;
-    target?: Element;
-}
-export declare function useInView(props: UserInViewProps): {
-    inView: boolean | undefined;
-    observer: IntersectionObserver | undefined;
-};
-export default useInView;
+export { default } from '@unicom-cloud/ui-common/hooks/useInView';

package/types/hooks/useIntersectionObserver.d.ts

@@ -1,7 +1 @@
-export declare const supportIntersectionObserver: boolean;
-export declare function useIntersectionObserver(callback: IntersectionObserverCallback, options?: IntersectionObserverInit): {
-    observer: IntersectionObserver | undefined;
-    cor: (elem: Element) => void;
-    dor: () => void;
-};
-export default useIntersectionObserver;
+export { default } from '@unicom-cloud/ui-common/hooks/useIntersectionObserver';

package/types/hooks/useInterval.d.ts

@@ -1,2 +1 @@
-export declare function useInterval(callback: Function, delay: null | number): () => void;
-export default useInterval;
+export { default } from '@unicom-cloud/ui-common/hooks/useInterval';

package/types/hooks/useIsFirstRender.d.ts

@@ -1,2 +1 @@
-export declare function useIsFirstRender(): boolean;
-export default useIsFirstRender;
+export { default } from '@unicom-cloud/ui-common/hooks/useIsFirstRender';

package/types/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +1 @@
-import { useEffect } from 'react';
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
-export default useIsomorphicLayoutEffect;
+export { default } from '@unicom-cloud/ui-common/hooks/useIsomorphicLayoutEffect';

package/types/hooks/useKeyboardEvent.d.ts

@@ -1,8 +1 @@
-import { KeyboardEventHandler } from 'react';
-type CallBackEventType = 'onPressEnter' | 'onArrowUp' | 'onArrowLeft' | 'onArrowRight' | 'onArrowDown';
-export declare function useKeyboardEvent(props?: {
-    onKeyDown?: KeyboardEventHandler;
-}): (callbacks: { [key in CallBackEventType]?: (e: any) => void; }) => {
-    onKeyDown(e: any): void;
-};
-export default useKeyboardEvent;
+export { default } from '@unicom-cloud/ui-common/hooks/useKeyboardEvent';

package/types/hooks/useMedia.d.ts

@@ -1,2 +1 @@
-export declare const useMedia: (query: string, defaultState?: boolean) => boolean;
-export default useMedia;
+export { default } from '@unicom-cloud/ui-common/hooks/useMedia';

package/types/hooks/useMergeProps.d.ts

@@ -1,5 +1 @@
-export type MergePropsOptions = {
-    _ignorePropsFromGlobal?: boolean;
-};
-export declare function useMergeProps<PropsType>(componentProps: PropsType & MergePropsOptions, defaultProps: Partial<PropsType>, globalComponentConfig: Partial<PropsType> | undefined): PropsType;
-export default useMergeProps;
+export { default } from '@unicom-cloud/ui-common/hooks/useMergeProps';

package/types/hooks/useMergeValue.d.ts

@@ -1,6 +1 @@
-import React from 'react';
-export declare function useMergeValue<T>(defaultStateValue: T, props?: {
-    defaultValue?: T;
-    value?: T;
-}): [T, React.Dispatch<React.SetStateAction<T>>, T];
-export default useMergeValue;
+export { default } from '@unicom-cloud/ui-common/hooks/useMergeValue';

package/types/hooks/useOnlineStatus.d.ts

@@ -0,0 +1 @@
+export { default } from "@unicom-cloud/ui-common/hooks/useOnlineStatus";

package/types/hooks/useOverflowHidden.d.ts

@@ -1,5 +1 @@
-interface Option {
-    hidden: boolean;
-}
-export declare function useOverflowHidden(getContainer: () => HTMLElement, { hidden }: Option): (() => void)[];
-export default useOverflowHidden;
+export { default } from '@unicom-cloud/ui-common/hooks/useOverflowHidden';

package/types/hooks/useOverrideRef.d.ts

@@ -1,6 +1 @@
-import React, { ReactNode } from 'react';
-export declare function useOverrideRef<T>(): [
-    (originNode: any) => ReactNode,
-    React.MutableRefObject<T>
-];
-export default useOverrideRef;
+export { default } from '@unicom-cloud/ui-common/hooks/useOverrideRef';

package/types/hooks/usePersistCallback.d.ts

@@ -1,2 +1 @@
-export declare function usePersistCallback<T extends (...args: any[]) => any>(fn: T): T;
-export default usePersistCallback;
+export { default } from '@unicom-cloud/ui-common/hooks/usePersistCallback';

package/types/hooks/usePrefersColorSchemeDark.d.ts

@@ -0,0 +1 @@
+export { default } from "@unicom-cloud/ui-common/hooks/usePrefersColorSchemeDark";

package/types/hooks/usePrevious.d.ts

@@ -1,3 +1 @@
-import { ComponentState, PropsWithoutRef } from 'react';
-export declare function usePrevious<T>(value: PropsWithoutRef<T> | ComponentState): undefined;
-export default usePrevious;
+export { default } from '@unicom-cloud/ui-common/hooks/usePrevious';

package/types/hooks/useRefs.d.ts

@@ -1,2 +1 @@
-export declare function useRefs<T>(defaultValue?: T[]): [T[], (node: T, index?: number) => void];
-export default useRefs;
+export { default } from '@unicom-cloud/ui-common/hooks/useRefs';

package/types/hooks/useResizeObserver.d.ts

@@ -1,6 +1 @@
-export declare function useResizeObserver(onResize: (entry: ResizeObserverEntry[]) => void): {
-    currentOr: ResizeObserver | undefined;
-    cor: (elem: Element) => void;
-    dor: () => void;
-};
-export default useResizeObserver;
+export { default } from '@unicom-cloud/ui-common/hooks/useResizeObserver';

package/types/hooks/useStateCallback.d.ts

@@ -1,5 +1 @@
-import { SetStateAction } from 'react';
-type Callback<T> = (value?: T) => void;
-type DispatchWithCallback<T> = (value: T, callback?: Callback<T>) => void;
-export declare function useStateCallback<T>(initialState: T | (() => T)): [T, DispatchWithCallback<SetStateAction<T>>];
-export default useStateCallback;
+export { default } from '@unicom-cloud/ui-common/hooks/useStateCallback';

package/types/hooks/useStateWithPromise.d.ts

@@ -1,2 +1 @@
-export declare function useStateWithPromise<T>(defaultVal: T): [T, (updater: any) => Promise<T>];
-export default useStateWithPromise;
+export { default } from '@unicom-cloud/ui-common/hooks/useStateWithPromise';

package/types/hooks/useUpdateEffect.d.ts

@@ -1,3 +1 @@
-import { DependencyList } from 'react';
-export declare function useUpdateEffect(fn: () => void, deps?: DependencyList): void;
-export default useUpdateEffect;
+export { default } from '@unicom-cloud/ui-common/hooks/useUpdateEffect';

package/types/hooks/useWatch.d.ts

@@ -1,3 +1 @@
-import { ComponentState, PropsWithoutRef } from 'react';
-export declare function useWatch<T>(value: PropsWithoutRef<T> | ComponentState, callback: (value: any, prevValue: any) => void): void;
-export default useWatch;
+export { default } from '@unicom-cloud/ui-common/hooks/useWatch';

package/types/hooks/useWindowSize.d.ts

@@ -1,5 +1 @@
-export declare const useWindowSize: () => {
-    width: number;
-    height: number;
-};
-export default useWindowSize;
+export { default } from '@unicom-cloud/ui-common/hooks/useWindowSize';

package/types/image/interface.d.ts

@@ -12,6 +12,7 @@ export interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, 'c
     simple?: boolean;
     loader?: boolean | ReactNode;
     loaderClassName?: string | string[];
+    loaderTip: string;
     error?: ReactNode;
     preview?: boolean;
     previewProps?: PartialImagePreviewProps;