@xinghunm/compass-ui 0.7.1 → 0.8.1

package/dist/index.d.mts

@@ -515,6 +515,10 @@ interface SelectProps {
      * Custom selected icon in the dropdown menu
      */
     menuItemSelectedIcon?: React__default.ReactNode;
+    /**
+     * Custom popup content renderer. Receives default menu node.
+     */
+    popupRender?: (menu: React__default.ReactNode) => React__default.ReactNode;
 }
 interface OptionProps {
     value: string | number;
@@ -804,6 +808,108 @@ interface DropdownProps {
 
 declare const Dropdown: React__default.FC<DropdownProps>;
 
+type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+interface TooltipClassNames {
+    /**
+     * Custom class name for the trigger root.
+     */
+    root?: string;
+    /**
+     * Custom class name for the floating overlay container.
+     */
+    overlay?: string;
+    /**
+     * Custom class name for the tooltip content node.
+     */
+    content?: string;
+    /**
+     * Custom class name for the tooltip arrow node.
+     */
+    arrow?: string;
+}
+interface TooltipStyles {
+    /**
+     * Inline style applied to the trigger root.
+     */
+    root?: React__default.CSSProperties;
+    /**
+     * Inline style applied to the floating overlay container.
+     */
+    overlay?: React__default.CSSProperties;
+    /**
+     * Inline style applied to the tooltip content node.
+     */
+    content?: React__default.CSSProperties;
+    /**
+     * Inline style applied to the tooltip arrow node.
+     */
+    arrow?: React__default.CSSProperties;
+}
+interface TooltipProps {
+    /**
+     * Tooltip content
+     */
+    content?: React__default.ReactNode;
+    /**
+     * Trigger element. Fragment and non-element nodes will be wrapped with a span.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Trigger mode
+     * @default 'hover'
+     */
+    trigger?: 'hover' | 'click';
+    /**
+     * Tooltip placement
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Default open state
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the tooltip is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Mouse enter delay in ms
+     * @default 0
+     */
+    mouseEnterDelay?: number;
+    /**
+     * Mouse leave delay in ms
+     * @default 100
+     */
+    mouseLeaveDelay?: number;
+    /**
+     * Custom root element class name
+     */
+    className?: string;
+    /**
+     * Custom root element style
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Semantic class names
+     */
+    classNames?: TooltipClassNames;
+    /**
+     * Semantic styles
+     */
+    styles?: TooltipStyles;
+}
+
+declare const Tooltip: React__default.FC<TooltipProps>;
+
 interface InputFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
     /**
      * The type of input.
@@ -1318,6 +1424,7 @@ interface Theme {
         progress: ProgressTheme;
         steps: StepsTheme;
         input: InputTheme;
+        tooltip: TooltipTheme;
         dropdown: DropdownTheme;
         menu: MenuTheme;
         datePicker: DatePickerTheme;
@@ -1381,13 +1488,25 @@ interface SelectTheme {
     hoverBorderColor: string;
     activeBorderColor: string;
     placeholderColor: string;
+    dropdownBg: string;
+    dropdownBoxShadow: string;
+    dropdownPadding: string;
+    dropdownZIndex: number;
+    dropdownMaxHeight: string;
     optionSelectedBg: string;
     optionHoverBg: string;
     optionColor: string;
     optionSelectedColor: string;
+    optionPadding: string;
+    optionMinHeight: string;
+    optionFontSize: string;
     tagBg: string;
     tagColor: string;
     tagBorderColor: string;
+    tagHeight: string;
+    tagPadding: string;
+    tagFontSize: string;
+    tagBorderRadius: string;
     padding: {
         sm: string;
         md: string;
@@ -1398,6 +1517,11 @@ interface SelectTheme {
         md: string;
         lg: string;
     };
+    minHeight: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }
 interface DatePickerTheme {
     cellWidth: string;
@@ -1519,6 +1643,16 @@ interface InputTheme {
     activeBorderColor: string;
     hoverBorderColor: string;
 }
+interface TooltipTheme {
+    zIndex: number;
+    backgroundColor: string;
+    contentColor: string;
+    boxShadow: string;
+    borderRadius: string;
+    padding: string;
+    maxWidth: string;
+    fontSize: string;
+}
 interface DropdownTheme {
     zIndex: number;
     backgroundColor: string;
@@ -1707,6 +1841,7 @@ interface FieldEntity {
     onStoreChange: () => void;
     validateRules: (options?: {
         triggerName?: string;
+        validateOnly?: boolean;
     }) => Promise<string[] | null>;
     getNamePath: () => InternalNamePath;
     getErrors: () => string[];
@@ -1729,6 +1864,9 @@ interface ValidateErrorEntity<Values = Record<string, unknown>> {
     }[];
     outOfDate: boolean;
 }
+interface ValidateFieldsOptions {
+    validateOnly?: boolean;
+}
 interface InternalHooks {
     registerField: (entity: FieldEntity) => () => void;
     registerWatch: (callback: (namePath: InternalNamePath) => void) => () => void;
@@ -1749,7 +1887,7 @@ interface FormInstance<Values = Record<string, unknown>> {
     setFields: (fields: FieldData[]) => void;
     setFieldValue: (name: NamePath, value: unknown) => void;
     setFieldsValue: (values: RecursivePartial<Values>) => void;
-    validateFields: (nameList?: NamePath[]) => Promise<Values>;
+    validateFields: (nameList?: NamePath[] | ValidateFieldsOptions, options?: ValidateFieldsOptions) => Promise<Values>;
     submit: () => void;
     getInternalHooks: (secret: string) => InternalHooks | null;
 }
@@ -1928,4 +2066,4 @@ type TabsComponent = typeof Tabs & {
 };
 declare const _default: TabsComponent;
 
-export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Button, type ButtonProps, type ColumnType, ConfigProvider, type ConfigProviderProps, type DataNode, DatePicker, type DatePickerProps, type DateRangePickerProps, Dropdown, type DropdownProps, type FieldData, Form, type FormInstance, type FormItemProps, type FormProps, InputField, type InputFieldProps, InputNumber, type InputNumberProps, type ItemType, Menu, type MenuItemProps, type MenuProps, messageWithHook as Message, type MessageProps, ModalWithStatics as Modal, type ModalBaseProps as ModalProps, type NamePath, Pagination, type PaginationProps, Progress, type ProgressProps, type RowSelection, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, type TabItem, type TabPaneProps, Table, type TableProps, _default as Tabs, type TabsProps, Tree, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, type ValidateErrorEntity };
+export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Button, type ButtonProps, type ColumnType, ConfigProvider, type ConfigProviderProps, type DataNode, DatePicker, type DatePickerProps, type DateRangePickerProps, Dropdown, type DropdownProps, type FieldData, Form, type FormInstance, type FormItemProps, type FormProps, InputField, type InputFieldProps, InputNumber, type InputNumberProps, type ItemType, Menu, type MenuItemProps, type MenuProps, messageWithHook as Message, type MessageProps, ModalWithStatics as Modal, type ModalBaseProps as ModalProps, type NamePath, Pagination, type PaginationProps, Progress, type ProgressProps, type RowSelection, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, type TabItem, type TabPaneProps, Table, type TableProps, _default as Tabs, type TabsProps, Tooltip, type TooltipPlacement, type TooltipProps, Tree, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, type ValidateErrorEntity };

package/dist/index.d.ts

@@ -515,6 +515,10 @@ interface SelectProps {
      * Custom selected icon in the dropdown menu
      */
     menuItemSelectedIcon?: React__default.ReactNode;
+    /**
+     * Custom popup content renderer. Receives default menu node.
+     */
+    popupRender?: (menu: React__default.ReactNode) => React__default.ReactNode;
 }
 interface OptionProps {
     value: string | number;
@@ -804,6 +808,108 @@ interface DropdownProps {
 
 declare const Dropdown: React__default.FC<DropdownProps>;
 
+type TooltipPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+interface TooltipClassNames {
+    /**
+     * Custom class name for the trigger root.
+     */
+    root?: string;
+    /**
+     * Custom class name for the floating overlay container.
+     */
+    overlay?: string;
+    /**
+     * Custom class name for the tooltip content node.
+     */
+    content?: string;
+    /**
+     * Custom class name for the tooltip arrow node.
+     */
+    arrow?: string;
+}
+interface TooltipStyles {
+    /**
+     * Inline style applied to the trigger root.
+     */
+    root?: React__default.CSSProperties;
+    /**
+     * Inline style applied to the floating overlay container.
+     */
+    overlay?: React__default.CSSProperties;
+    /**
+     * Inline style applied to the tooltip content node.
+     */
+    content?: React__default.CSSProperties;
+    /**
+     * Inline style applied to the tooltip arrow node.
+     */
+    arrow?: React__default.CSSProperties;
+}
+interface TooltipProps {
+    /**
+     * Tooltip content
+     */
+    content?: React__default.ReactNode;
+    /**
+     * Trigger element. Fragment and non-element nodes will be wrapped with a span.
+     */
+    children: React__default.ReactNode;
+    /**
+     * Trigger mode
+     * @default 'hover'
+     */
+    trigger?: 'hover' | 'click';
+    /**
+     * Tooltip placement
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Default open state
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the tooltip is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Mouse enter delay in ms
+     * @default 0
+     */
+    mouseEnterDelay?: number;
+    /**
+     * Mouse leave delay in ms
+     * @default 100
+     */
+    mouseLeaveDelay?: number;
+    /**
+     * Custom root element class name
+     */
+    className?: string;
+    /**
+     * Custom root element style
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Semantic class names
+     */
+    classNames?: TooltipClassNames;
+    /**
+     * Semantic styles
+     */
+    styles?: TooltipStyles;
+}
+
+declare const Tooltip: React__default.FC<TooltipProps>;
+
 interface InputFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
     /**
      * The type of input.
@@ -1318,6 +1424,7 @@ interface Theme {
         progress: ProgressTheme;
         steps: StepsTheme;
         input: InputTheme;
+        tooltip: TooltipTheme;
         dropdown: DropdownTheme;
         menu: MenuTheme;
         datePicker: DatePickerTheme;
@@ -1381,13 +1488,25 @@ interface SelectTheme {
     hoverBorderColor: string;
     activeBorderColor: string;
     placeholderColor: string;
+    dropdownBg: string;
+    dropdownBoxShadow: string;
+    dropdownPadding: string;
+    dropdownZIndex: number;
+    dropdownMaxHeight: string;
     optionSelectedBg: string;
     optionHoverBg: string;
     optionColor: string;
     optionSelectedColor: string;
+    optionPadding: string;
+    optionMinHeight: string;
+    optionFontSize: string;
     tagBg: string;
     tagColor: string;
     tagBorderColor: string;
+    tagHeight: string;
+    tagPadding: string;
+    tagFontSize: string;
+    tagBorderRadius: string;
     padding: {
         sm: string;
         md: string;
@@ -1398,6 +1517,11 @@ interface SelectTheme {
         md: string;
         lg: string;
     };
+    minHeight: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }
 interface DatePickerTheme {
     cellWidth: string;
@@ -1519,6 +1643,16 @@ interface InputTheme {
     activeBorderColor: string;
     hoverBorderColor: string;
 }
+interface TooltipTheme {
+    zIndex: number;
+    backgroundColor: string;
+    contentColor: string;
+    boxShadow: string;
+    borderRadius: string;
+    padding: string;
+    maxWidth: string;
+    fontSize: string;
+}
 interface DropdownTheme {
     zIndex: number;
     backgroundColor: string;
@@ -1707,6 +1841,7 @@ interface FieldEntity {
     onStoreChange: () => void;
     validateRules: (options?: {
         triggerName?: string;
+        validateOnly?: boolean;
     }) => Promise<string[] | null>;
     getNamePath: () => InternalNamePath;
     getErrors: () => string[];
@@ -1729,6 +1864,9 @@ interface ValidateErrorEntity<Values = Record<string, unknown>> {
     }[];
     outOfDate: boolean;
 }
+interface ValidateFieldsOptions {
+    validateOnly?: boolean;
+}
 interface InternalHooks {
     registerField: (entity: FieldEntity) => () => void;
     registerWatch: (callback: (namePath: InternalNamePath) => void) => () => void;
@@ -1749,7 +1887,7 @@ interface FormInstance<Values = Record<string, unknown>> {
     setFields: (fields: FieldData[]) => void;
     setFieldValue: (name: NamePath, value: unknown) => void;
     setFieldsValue: (values: RecursivePartial<Values>) => void;
-    validateFields: (nameList?: NamePath[]) => Promise<Values>;
+    validateFields: (nameList?: NamePath[] | ValidateFieldsOptions, options?: ValidateFieldsOptions) => Promise<Values>;
     submit: () => void;
     getInternalHooks: (secret: string) => InternalHooks | null;
 }
@@ -1928,4 +2066,4 @@ type TabsComponent = typeof Tabs & {
 };
 declare const _default: TabsComponent;
 
-export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Button, type ButtonProps, type ColumnType, ConfigProvider, type ConfigProviderProps, type DataNode, DatePicker, type DatePickerProps, type DateRangePickerProps, Dropdown, type DropdownProps, type FieldData, Form, type FormInstance, type FormItemProps, type FormProps, InputField, type InputFieldProps, InputNumber, type InputNumberProps, type ItemType, Menu, type MenuItemProps, type MenuProps, messageWithHook as Message, type MessageProps, ModalWithStatics as Modal, type ModalBaseProps as ModalProps, type NamePath, Pagination, type PaginationProps, Progress, type ProgressProps, type RowSelection, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, type TabItem, type TabPaneProps, Table, type TableProps, _default as Tabs, type TabsProps, Tree, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, type ValidateErrorEntity };
+export { AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Button, type ButtonProps, type ColumnType, ConfigProvider, type ConfigProviderProps, type DataNode, DatePicker, type DatePickerProps, type DateRangePickerProps, Dropdown, type DropdownProps, type FieldData, Form, type FormInstance, type FormItemProps, type FormProps, InputField, type InputFieldProps, InputNumber, type InputNumberProps, type ItemType, Menu, type MenuItemProps, type MenuProps, messageWithHook as Message, type MessageProps, ModalWithStatics as Modal, type ModalBaseProps as ModalProps, type NamePath, Pagination, type PaginationProps, Progress, type ProgressProps, type RowSelection, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, type TabItem, type TabPaneProps, Table, type TableProps, _default as Tabs, type TabsProps, Tooltip, type TooltipPlacement, type TooltipProps, Tree, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, type ValidateErrorEntity };