@xinghunm/compass-ui 0.2.0 → 0.4.0

package/dist/index.d.ts

@@ -177,6 +177,145 @@ interface TreeNodeProps extends Omit<DataNode, 'children'> {
 
 declare const Tree: React$1.FC<TreeProps>;
 
+type SelectValue = string | number | (string | number)[];
+interface SelectOption {
+    label: React__default.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+    [key: string]: unknown;
+}
+interface SelectProps {
+    /**
+     * Selected value(s)
+     */
+    value?: SelectValue;
+    /**
+     * Default selected value(s)
+     */
+    defaultValue?: SelectValue;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: SelectValue, option?: SelectOption | SelectOption[]) => void;
+    /**
+     * Options for data-driven rendering
+     */
+    options?: SelectOption[];
+    /**
+     * Whether to allow multiple selection
+     */
+    multiple?: boolean;
+    /**
+     * Used for setting specific mode, e.g. 'tags' (combined with multiple)
+     */
+    mode?: 'multiple' | 'tags';
+    /**
+     * Whether the select is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the select is loading
+     */
+    loading?: boolean;
+    /**
+     * Whether to show search input
+     */
+    showSearch?: boolean;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether to allow clearing the selection
+     */
+    allowClear?: boolean;
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Custom style
+     */
+    style?: React__default.CSSProperties;
+    /**
+     * Size of the select input
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Status of the select input
+     */
+    status?: 'error' | 'warning';
+    /**
+     * Custom dropdown width
+     */
+    dropdownStyle?: React__default.CSSProperties;
+    /**
+     * Custom dropdown class name
+     */
+    dropdownClassName?: string;
+    /**
+     * Children for declarative usage
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Trigger mode
+     * @default 'click'
+     */
+    trigger?: 'click' | 'hover';
+}
+interface OptionProps {
+    value: string | number;
+    children?: React__default.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    /**
+     * Internal prop to pass label if children is complex
+     */
+    label?: React__default.ReactNode;
+}
+
+declare const Option: React__default.FC<OptionProps>;
+
+declare const Select: React__default.FC<SelectProps> & {
+    Option: typeof Option;
+};
+
+interface TreeSelectProps extends Omit<SelectProps, 'options' | 'onChange'> {
+    /**
+     * Tree data
+     */
+    treeData?: DataNode[];
+    /**
+     * Whether to show checkboxes
+     */
+    treeCheckable?: boolean;
+    /**
+     * Whether treeNodes are selectable
+     * @default true
+     */
+    treeSelectable?: boolean;
+    /**
+     * Default expanded keys
+     */
+    treeDefaultExpandedKeys?: (string | number)[];
+    /**
+     * Default expand all
+     */
+    treeDefaultExpandAll?: boolean;
+    /**
+     * Callback when value changes
+     */
+    onChange?: (value: SelectValue, label: React__default.ReactNode | React__default.ReactNode[], extra?: unknown) => void;
+    /**
+     * Custom icon for selected tree node
+     */
+    treeSelectedIcon?: React__default.ReactNode;
+}
+
+declare const TreeSelect: React__default.FC<TreeSelectProps>;
+
 interface ItemType {
     /**
      * Unique key
@@ -232,6 +371,18 @@ interface MenuProps {
      * Menu click handler
      */
     onClick?: (e: React__default.MouseEvent, key?: string | number) => void;
+    /**
+     * Selected keys (controlled)
+     */
+    selectedKeys?: (string | number)[];
+    /**
+     * Default selected keys (uncontrolled)
+     */
+    defaultSelectedKeys?: (string | number)[];
+    /**
+     * Select handler
+     */
+    onSelect?: (keys: (string | number)[]) => void;
 }
 interface MenuItemProps {
     /**
@@ -262,12 +413,16 @@ interface MenuItemProps {
      * Custom style
      */
     style?: React__default.CSSProperties;
+    /**
+     * Unique key for event handling
+     */
+    eventKey?: string | number;
 }
 
-declare const MenuItem: React__default.FC<MenuItemProps>;
 declare const Menu: React__default.FC<MenuProps> & {
     Item: typeof MenuItem;
 };
+declare const MenuItem: React__default.FC<MenuItemProps>;
 
 interface DropdownProps {
     /**
@@ -312,6 +467,11 @@ interface DropdownProps {
      * Custom style
      */
     style?: React__default.CSSProperties;
+    /**
+     * Whether to close the dropdown when a menu item is selected
+     * @default true
+     */
+    closeOnSelect?: boolean;
 }
 
 declare const Dropdown: React__default.FC<DropdownProps>;
@@ -399,7 +559,7 @@ interface MessageInstance {
     destroy(key?: string): void;
 }
 
-declare const _default: {
+declare const _default$1: {
     info: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
     success: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
     error: (content: React__default.ReactNode | MessageProps, duration?: number, onClose?: () => void) => void;
@@ -411,7 +571,7 @@ declare const _default: {
 
 declare function useMessage(): [MessageInstance, React__default.ReactElement];
 
-type MessageType = typeof _default & {
+type MessageType = typeof _default$1 & {
     useMessage: typeof useMessage;
 };
 declare const messageWithHook: MessageType;
@@ -554,111 +714,6 @@ interface ProgressProps {
  */
 declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
 
-type SelectValue = string | number | (string | number)[];
-interface SelectOption {
-    label: React__default.ReactNode;
-    value: string | number;
-    disabled?: boolean;
-    [key: string]: unknown;
-}
-interface SelectProps {
-    /**
-     * Selected value(s)
-     */
-    value?: SelectValue;
-    /**
-     * Default selected value(s)
-     */
-    defaultValue?: SelectValue;
-    /**
-     * Callback when value changes
-     */
-    onChange?: (value: SelectValue, option?: SelectOption | SelectOption[]) => void;
-    /**
-     * Options for data-driven rendering
-     */
-    options?: SelectOption[];
-    /**
-     * Whether to allow multiple selection
-     */
-    multiple?: boolean;
-    /**
-     * Used for setting specific mode, e.g. 'tags' (combined with multiple)
-     */
-    mode?: 'multiple' | 'tags';
-    /**
-     * Whether the select is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Whether the select is loading
-     */
-    loading?: boolean;
-    /**
-     * Whether to show search input
-     */
-    showSearch?: boolean;
-    /**
-     * Placeholder text
-     */
-    placeholder?: string;
-    /**
-     * Whether to allow clearing the selection
-     */
-    allowClear?: boolean;
-    /**
-     * Custom class name
-     */
-    className?: string;
-    /**
-     * Custom style
-     */
-    style?: React__default.CSSProperties;
-    /**
-     * Size of the select input
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Status of the select input
-     */
-    status?: 'error' | 'warning';
-    /**
-     * Custom dropdown width
-     */
-    dropdownStyle?: React__default.CSSProperties;
-    /**
-     * Custom dropdown class name
-     */
-    dropdownClassName?: string;
-    /**
-     * Children for declarative usage
-     */
-    children?: React__default.ReactNode;
-    /**
-     * Trigger mode
-     * @default 'click'
-     */
-    trigger?: 'click' | 'hover';
-}
-interface OptionProps {
-    value: string | number;
-    children?: React__default.ReactNode;
-    disabled?: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-    /**
-     * Internal prop to pass label if children is complex
-     */
-    label?: React__default.ReactNode;
-}
-
-declare const Option: React__default.FC<OptionProps>;
-
-declare const Select: React__default.FC<SelectProps> & {
-    Option: typeof Option;
-};
-
 interface PaginationProps {
     /** Current page number */
     current?: number;
@@ -847,6 +902,7 @@ interface Theme {
         pagination: PaginationTheme;
         tree: TreeTheme;
         form: FormTheme;
+        tabs: TabsTheme;
     };
 }
 interface FormTheme {
@@ -859,6 +915,21 @@ interface FormTheme {
     errorMarginTop: string;
     errorMarginBottom: string;
 }
+interface TabsTheme {
+    tabBarBorderColor: string;
+    tabBarBorderWidth: string;
+    tabBarBackgroundColor: string;
+    tabItemColor: string;
+    tabItemActiveColor: string;
+    tabItemHoverColor: string;
+    tabItemDisabledColor: string;
+    tabItemFontSize: string;
+    tabItemPadding: string;
+    tabItemHorizontalGutter: string;
+    tabItemVerticalGutter: string;
+    inkBarColor: string;
+    inkBarHeight: string;
+}
 interface TreeTheme {
     nodeSelectedBg: string;
     nodeHoverBg: string;
@@ -928,6 +999,7 @@ interface PaginationTheme {
 }
 interface MenuTheme {
     itemHoverBg: string;
+    itemSelectedBg: string;
     itemColor: string;
     itemHeight: string;
     itemPadding: string;
@@ -1168,18 +1240,24 @@ interface FieldData {
  */
 interface FieldEntity {
     onStoreChange: () => void;
-    validateRules: () => Promise<string[] | null>;
+    validateRules: (options?: {
+        triggerName?: string;
+    }) => Promise<string[] | null>;
     getName: () => string;
     getErrors: () => string[];
+    isFieldValidating: () => boolean;
+    isFieldTouched: () => boolean;
     props: {
         name?: string;
         rules?: RuleItem[];
         dependencies?: string[];
         initialValue?: unknown;
     };
+    setErrors: (errors: string[]) => void;
 }
 interface Callbacks<Values = Record<string, unknown>> {
     onValuesChange?: (changedValues: Store, values: Values) => void;
+    onFieldsChange?: (changedFields: FieldData[], allFields: FieldData[]) => void;
     onFinish?: (values: Values) => void;
     onFinishFailed?: (errorInfo: ValidateErrorEntity<Values>) => void;
 }
@@ -1193,10 +1271,12 @@ interface ValidateErrorEntity<Values = Record<string, unknown>> {
 }
 interface InternalHooks {
     registerField: (entity: FieldEntity) => () => void;
+    registerWatch: (callback: (name: string) => void) => () => void;
     setInitialValues: (values: Store, init: boolean) => void;
     setCallbacks: (callbacks: Callbacks) => void;
     dispatch: (action: ReducerAction) => void;
     getFieldValue: (name: string) => StoreValue;
+    notifyFieldChange: (name: string) => void;
 }
 interface FormInstance<Values = Record<string, unknown>> {
     getFieldValue: (name: string) => StoreValue;
@@ -1228,10 +1308,11 @@ interface FormProps<Values = Record<string, unknown>> {
     onFinish?: (values: Values) => void;
     onFinishFailed?: (errorInfo: ValidateErrorEntity<Values>) => void;
     onValuesChange?: (changedValues: Store, values: Values) => void;
+    onFieldsChange?: (changedFields: FieldData[], allFields: FieldData[]) => void;
     className?: string;
     style?: React__default.CSSProperties;
 }
-declare const Form$1: <Values extends Record<string, unknown> = Record<string, unknown>>({ form, initialValues, children, onFinish, onFinishFailed, onValuesChange, className, style, }: FormProps<Values>) => react_jsx_runtime.JSX.Element;
+declare const Form$1: <Values extends Record<string, unknown> = Record<string, unknown>>({ form, initialValues, children, onFinish, onFinishFailed, onValuesChange, onFieldsChange, className, style, }: FormProps<Values>) => react_jsx_runtime.JSX.Element;
 
 interface FormItemProps {
     name?: string;
@@ -1247,14 +1328,77 @@ declare const FormItem: React__default.FC<FormItemProps>;
 
 declare const useForm: <Values extends Record<string, unknown> = Record<string, unknown>>(form?: FormInstance<Values>) => [FormInstance<Values>];
 
+declare const useWatch: <T = unknown>(name: string | string[], form?: FormInstance) => T;
+
 type InternalFormType = typeof Form$1;
 interface FormInterface extends InternalFormType {
     Item: typeof FormItem;
     useForm: typeof useForm;
+    useWatch: typeof useWatch;
 }
 declare const Form: FormInterface & {
     Item: typeof FormItem;
     useForm: typeof useForm;
+    useWatch: typeof useWatch;
+};
+
+interface TabsProps {
+    /** Current active tab key */
+    activeKey?: string;
+    /** Default active tab key */
+    defaultActiveKey?: string;
+    /** Callback when active tab changes */
+    onChange?: (activeKey: string) => void;
+    /** Tab items */
+    items?: TabItem[];
+    /** Tab bar extra content */
+    tabBarExtraContent?: React__default.ReactNode;
+    /** Tab position */
+    tabPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /** Tab type */
+    type?: 'line' | 'card' | 'editable-card';
+    /** Tab size */
+    size?: 'small' | 'default' | 'large';
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React__default.CSSProperties;
+    /** Children (TabPane components) */
+    children?: React__default.ReactNode;
+    /** Callback when tab is edited */
+    onEdit?: (targetKey: string, action: 'add' | 'remove') => void;
+}
+interface TabItem {
+    key: string;
+    label: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    disabled?: boolean;
+    closable?: boolean;
+    icon?: React__default.ReactNode;
+}
+interface TabPaneProps {
+    /** Key of the tab pane */
+    key?: string;
+    /** Label of the tab pane */
+    tab: React__default.ReactNode;
+    /** Content of the tab pane */
+    children?: React__default.ReactNode;
+    /** Whether the tab pane is disabled */
+    disabled?: boolean;
+    /** Whether the tab pane is active (internal use) */
+    active?: boolean;
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React__default.CSSProperties;
+}
+
+declare const TabPane: React__default.ForwardRefExoticComponent<TabPaneProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const Tabs: React__default.ForwardRefExoticComponent<TabsProps & React__default.RefAttributes<HTMLDivElement>>;
+type TabsComponent = typeof Tabs & {
+    TabPane: typeof TabPane;
 };
+declare const _default: TabsComponent;
 
-export { Button, type ButtonProps, 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, Pagination, type PaginationProps, Progress, type ProgressProps, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, Tree, type TreeNodeProps, type TreeProps, type ValidateErrorEntity };
+export { Button, type ButtonProps, 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, Pagination, type PaginationProps, Progress, type ProgressProps, Select, type SelectOption, type SelectProps, type SelectValue, Steps, type StepsProps, type TabItem, type TabPaneProps, _default as Tabs, type TabsProps, Tree, type TreeNodeProps, type TreeProps, TreeSelect, type TreeSelectProps, type ValidateErrorEntity };