bj-web-components 0.2.13 → 0.2.14

package/dist/web.d.ts

@@ -0,0 +1,1115 @@
+import { CSSProperties } from 'react';
+import { FocusEvent as FocusEvent_2 } from 'react';
+import { FocusEventHandler } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { Key } from 'react';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
+import { KeyboardEventHandler } from 'react';
+import { MouseEventHandler } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { Ref } from 'react';
+import { RefAttributes } from 'react';
+import { RefObject } from 'react';
+import { SVGProps } from 'react';
+import { TdHTMLAttributes } from 'react';
+
+declare interface BaseTooltipProps {
+    placement?: TooltipPlacement;
+    className?: string;
+    style?: CSSProperties;
+    /** 自定义弹层挂载容器，默认 document.body */
+    getPopupContainer?: () => HTMLElement;
+    /** Optional element used as the positioning anchor when rendered through a portal. */
+    getAnchorElement?: () => HTMLElement | null;
+}
+
+export declare const BCheckBox: typeof BCheckBox_2 & {
+    Group: typeof Group;
+    __ANT_CHECKBOX: boolean;
+};
+
+declare const BCheckBox_2: ForwardRefExoticComponent<BCheckBoxProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface BCheckBoxGroupProps {
+    className?: string;
+    style?: CSSProperties;
+    name?: string;
+    options?: Array<CheckboxOptionType | string | number>;
+    disabled?: boolean;
+    defaultValue?: CheckboxValueType[];
+    value?: CheckboxValueType[];
+    onChange?: (checkedValues: CheckboxValueType[]) => void;
+    children?: ReactNode;
+    direction?: 'ltr' | 'rtl';
+    variant?: BCheckBoxVariant;
+}
+
+export declare interface BCheckBoxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'checked' | 'children' | 'defaultChecked' | 'onChange' | 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'style' | 'type' | 'value'> {
+    className?: string;
+    style?: CSSProperties;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (event: CheckboxChangeEvent) => void;
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    onMouseEnter?: MouseEventHandler<HTMLLabelElement>;
+    onMouseLeave?: MouseEventHandler<HTMLLabelElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyPress?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
+    value?: CheckboxValueType;
+    children?: ReactNode;
+    skipGroup?: boolean;
+    direction?: 'ltr' | 'rtl';
+    variant?: BCheckBoxVariant;
+}
+
+export declare type BCheckBoxVariant = 'dark' | 'white';
+
+export declare function BDropdown({ className, style, options, value, defaultValue, multiple, optionMode, searchable, searchValue, searchPlaceholder, onSearch, filterOption, emptyText, labels, t, optionRender, onChange, footer, showReset, showConfirm, resetText, confirmText, onReset, onConfirm, }: BDropdownProps): JSX.Element;
+
+export declare interface BDropdownOption {
+    label: ReactNode;
+    /** Secondary text displayed when optionMode is "double-line". */
+    description?: ReactNode;
+    value: BDropdownValue;
+    disabled?: boolean;
+}
+
+export declare interface BDropdownProps {
+    className?: string;
+    style?: CSSProperties;
+    options: BDropdownOption[];
+    value?: BDropdownValue[];
+    defaultValue?: BDropdownValue[];
+    multiple?: boolean;
+    /** Option layout. Double-line options display label and description. */
+    optionMode?: 'single-line' | 'double-line';
+    searchable?: boolean;
+    searchValue?: string;
+    searchPlaceholder?: string;
+    onSearch?: (value: string) => void;
+    filterOption?: boolean | ((input: string, option: BDropdownOption) => boolean);
+    /** Empty-state content. Takes precedence over labels.emptyText. */
+    emptyText?: ReactNode;
+    /** Override default labels for i18n support. */
+    labels?: {
+        emptyText?: ReactNode;
+    };
+    /** Internationalization function. Defaults to returning the original text. */
+    t?: (text: string) => string;
+    optionRender?: (option: BDropdownOption) => ReactNode;
+    onChange?: (value: BDropdownValue[], option: BDropdownOption) => void;
+    footer?: boolean | ReactNode;
+    showReset?: boolean;
+    showConfirm?: boolean;
+    resetText?: ReactNode;
+    confirmText?: ReactNode;
+    onReset?: () => void;
+    onConfirm?: (value: BDropdownValue[]) => void;
+}
+
+export declare type BDropdownValue = string | number | boolean;
+
+export declare const BInput: ForwardRefExoticComponent<BInputProps & RefAttributes<BInputRef>>;
+
+export declare interface BInputFocusOptions extends FocusOptions {
+    cursor?: 'start' | 'end' | 'all';
+}
+
+export declare const BInputNumber: ForwardRefExoticComponent<BInputNumberProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface BInputNumberProps {
+    value?: number | string | null;
+    defaultValue?: number | string | null;
+    onChange?: (value: number | null) => void;
+    min?: number | string;
+    max?: number | string;
+    /** Step used by the up/down controls and ArrowUp/ArrowDown. Defaults to 1. */
+    step?: number | string;
+    /** Fixed decimal precision. When unset, inferred from the value/step. */
+    precision?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    size?: BInputNumberSize;
+    status?: BInputNumberStatus;
+    /** Set to false for a borderless input. */
+    bordered?: boolean;
+    /**
+     * Show up/down controls, or provide a custom icon. Defaults to true.
+     * The default control is a single combined up/down icon: clicking its top half increases
+     * the value, its bottom half decreases it.
+     */
+    controls?: boolean | {
+        icon?: ReactNode;
+    };
+    /** Enable ArrowUp/ArrowDown keyboard stepping. Defaults to true. */
+    keyboard?: boolean;
+    /** Step on mouse wheel while focused. Defaults to false. */
+    changeOnWheel?: boolean;
+    /** Flush the input value to onChange on blur. Defaults to true. */
+    changeOnBlur?: boolean;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    /** Custom display formatter, e.g. `(v) => \`$ ${v}\`` */
+    formatter?: (value: number | string | undefined, info: {
+        userTyping: boolean;
+        input: string;
+    }) => string;
+    /** Reverse of `formatter`: strips display-only characters before parsing. */
+    parser?: (displayValue: string) => string;
+    /** Decimal separator for both display and parsing, e.g. ',' for locales that use it. */
+    decimalSeparator?: string;
+    onStep?: (value: number, info: {
+        offset: number | string;
+        type: 'up' | 'down';
+    }) => void;
+    onPressEnter?: (event: KeyboardEvent_2<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent_2<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent_2<HTMLInputElement>) => void;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare type BInputNumberSize = 'small' | 'middle' | 'large';
+
+export declare type BInputNumberStatus = 'error' | 'warning';
+
+export declare interface BInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'value'> {
+    value?: InputHTMLAttributes<HTMLInputElement>['value'] | bigint;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    addonBefore?: ReactNode;
+    addonAfter?: ReactNode;
+    allowClear?: boolean | {
+        clearIcon?: ReactNode;
+    };
+    size?: BInputSize;
+    status?: BInputStatus;
+    bordered?: boolean;
+    htmlSize?: number;
+    onPressEnter?: KeyboardEventHandler<HTMLInputElement>;
+    onClear?: () => void;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare interface BInputRef {
+    focus: (options?: BInputFocusOptions) => void;
+    blur: () => void;
+    setSelectionRange: HTMLInputElement['setSelectionRange'];
+    select: () => void;
+    input: HTMLInputElement | null;
+    nativeElement: HTMLElement | null;
+}
+
+export declare type BInputSize = 'small' | 'middle' | 'large';
+
+export declare type BInputStatus = 'error' | 'warning';
+
+export declare function BOverlayScrollbar({ containerRef, targetRef, selector, direction, size, gap, background, showOnHover, showOnScroll, hoverSelector, horizontalInsetStart, horizontalInsetEnd, horizontalThumbLength, className, }: BOverlayScrollbarProps): JSX.Element;
+
+export declare interface BOverlayScrollbarProps {
+    containerRef: RefObject<HTMLElement | null>;
+    targetRef?: RefObject<HTMLElement | null>;
+    selector?: string;
+    direction?: OverlayScrollbarDirection;
+    size?: number;
+    gap?: number;
+    background?: CSSProperties['backgroundColor'];
+    showOnHover?: boolean;
+    showOnScroll?: boolean;
+    hoverSelector?: string;
+    horizontalInsetStart?: number;
+    horizontalInsetEnd?: number;
+    horizontalThumbLength?: number;
+    className?: string;
+}
+
+export declare type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+
+export declare const BTable: typeof BTable_2 & {
+    Column: typeof Column;
+    ColumnGroup: typeof ColumnGroup;
+};
+
+declare function BTable_2<RecordType extends object>({ columns, dataSource, rowKey, rowSelection, pagination, loading, bordered, size, showHeader, emptyText, emptyImage, emptyHeight, t, className, style, rowClassName, sortDirections, onChange, children, title, footer, summary, tableLayout, components, onRow, onHeaderRow, id, scroll, locale, }: TableProps<RecordType>): JSX.Element;
+
+export declare function BTabs({ activeKey, children, centered, className, defaultActiveKey, id, items, onChange, onTabClick, style, tabBarGutter, tabBarStyle, tabPosition, type, }: BTabsProps): JSX.Element;
+
+export declare namespace BTabs {
+    var TabPane: TabPane;
+}
+
+export declare interface BTabsItem {
+    key: string;
+    label: ReactNode;
+    children?: ReactNode;
+    disabled?: boolean;
+    forceRender?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare type BTabsPosition = 'top' | 'right' | 'bottom' | 'left';
+
+export declare interface BTabsProps {
+    activeKey?: string;
+    defaultActiveKey?: string;
+    items?: BTabsItem[];
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
+    tabPosition?: BTabsPosition;
+    type?: BTabsType;
+    centered?: boolean;
+    tabBarGutter?: number;
+    tabBarStyle?: CSSProperties;
+    onChange?: (activeKey: string) => void;
+    onTabClick?: (activeKey: string, event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+
+export declare interface BTabsTabPaneProps extends Omit<BTabsItem, 'key' | 'label'> {
+    tab: ReactNode;
+    tabKey?: Key;
+}
+
+export declare type BTabsType = 'line' | 'card';
+
+declare function BTooltip({ placement, content, variant, className, style, getPopupContainer, getAnchorElement, color, fontColor, }: ContentTooltipProps): JSX.Element;
+export { BTooltip }
+export { BTooltip as ContentTooltip }
+
+export declare function BuCategoryDropdown({ data, value, onChange, placeholder, disabled, maxVisible, className, style, getPopupContainer, dropdownStyle: customDropdownStyle, }: BuCategoryDropdownProps): JSX.Element;
+
+export declare interface BuCategoryDropdownProps {
+    /** 分类树数据 */
+    data: CategoryItem[];
+    /** 当前选中路径，数组索引对应层级 */
+    value?: string[];
+    /** 选中回调，返回新路径和对应的节点数组 */
+    onChange?: (value: string[], path: CategoryItem[]) => void;
+    /** 触发按钮占位文字 */
+    placeholder?: string;
+    /** 是否禁用整个组件 */
+    disabled?: boolean;
+    /** 每列最多显示几项，超出后出现滚动条，默认 6 */
+    maxVisible?: number;
+    className?: string;
+    style?: CSSProperties;
+    /** 自定义下拉面板挂载容器，返回目标 DOM 元素。默认挂载到 document.body */
+    getPopupContainer?: () => HTMLElement;
+    /** 追加到下拉面板（.bu-category-dropdown__portal）内联样式上，与内部计算出的定位样式（position/top/left/zIndex）合并 */
+    dropdownStyle?: CSSProperties;
+}
+
+export declare const BuEmptyInputBox: ForwardRefExoticComponent<BuEmptyInputBoxProps & RefAttributes<HTMLInputElement>>;
+
+export declare type BuEmptyInputBoxLang = 'zh' | 'en';
+
+export declare type BuEmptyInputBoxMode = 'single' | 'bilingual';
+
+export declare interface BuEmptyInputBoxProps {
+    /** 单语 / 双语模式 */
+    mode?: BuEmptyInputBoxMode;
+    /** 双语模式下当前激活的语言 */
+    activeLang?: BuEmptyInputBoxLang;
+    onLangChange?: (lang: BuEmptyInputBoxLang) => void;
+    /** 受控值，与 antd Form 兼容 */
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    maxLength?: number;
+    /** 错误状态 */
+    error?: boolean;
+    disabled?: boolean;
+    /** 点击删除按钮回调（传入时显示删除按钮） */
+    onDelete?: () => void;
+    /** Override display labels for i18n support */
+    labels?: {
+        zh?: string;
+        en?: string;
+    };
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare const BuIcon: {
+    ({ type, style, onClick, className, ...rest }: BuIconProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface BuIconProps extends Omit<SVGProps<SVGSVGElement>, 'onClick' | 'style' | 'className'> {
+    /** iconfont symbol id（不含 # 前缀），对应 <symbol id="icon-xxx"> */
+    type: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 点击事件 */
+    onClick?: MouseEventHandler<SVGSVGElement>;
+    /** 自定义类名 */
+    className?: string;
+}
+
+export declare const BuInput: ForwardRefExoticComponent<BuInputProps & RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+
+export declare type BuInputLang = 'zh' | 'en';
+
+export declare type BuInputMode = 'single' | 'bilingual';
+
+export declare interface BuInputProps {
+    /** 输入框类型：input（单行）| textarea（多行） */
+    type?: BuInputType;
+    /** 单语 / 双语模式 */
+    mode?: BuInputMode;
+    /** 双语模式下当前激活的语言 */
+    activeLang?: BuInputLang;
+    onLangChange?: (lang: BuInputLang) => void;
+    /** 受控值，与 antd Form 兼容 */
+    value?: string;
+    onChange?: (value: string) => void;
+    /** 标签文字 */
+    label?: string;
+    /** 是否必填（label 前显示红色 *） */
+    required?: boolean;
+    placeholder?: string;
+    /** 最大字符数，配合 showCount 使用 */
+    maxLength?: number;
+    /** 是否显示字符计数，双语模式下始终显示 */
+    showCount?: boolean;
+    /** 错误状态：无值时 placeholder 变红；有值时显示 errorMessage */
+    error?: boolean;
+    /** 错误提示文字（有输入值 + error=true 时显示在输入框下方） */
+    errorMessage?: string;
+    disabled?: boolean;
+    /** 数字步进器最小值（type='number' 时生效） */
+    min?: number;
+    /** 数字步进器最大值（type='number' 时生效） */
+    max?: number;
+    /** 数字步进器步长（type='number' 时生效） */
+    step?: number;
+    /** 输入框左侧 icon，如拖拽把手 */
+    leftIcon?: ReactNode;
+    /** 输入框右侧 icon，如删除按钮 */
+    rightIcon?: ReactNode;
+    /** 自定义语言切换按钮，替换内置的中文/EN 按钮，双语模式下生效 */
+    langToggle?: ReactNode;
+    /** 正在翻译中状态，显示 loading 指示器 */
+    translating?: boolean;
+    /** 翻译完成状态，显示对勾 */
+    translated?: boolean;
+    onBlur?: () => void;
+    /** Override display labels for i18n support */
+    labels?: {
+        zh?: string;
+        en?: string;
+    };
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare type BuInputType = 'input' | 'textarea' | 'number';
+
+export declare function BuModal({ open, title, mode, children, okText, cancelText, onOk, onCancel, onClose, activeLang, onLangChange, labels, hint, confirmLoading, width, className, style, }: BuModalProps): JSX.Element | null;
+
+export declare interface BuModalProps {
+    /** 是否显示弹窗 */
+    open?: boolean;
+    /** 弹窗标题 */
+    title?: string;
+    /** 弹窗模式：standard 双按钮 | bilingual 双语双按钮 | single 单按钮居中 */
+    mode?: ModalMode;
+    /** 弹窗内容 */
+    children?: ReactNode;
+    /** 确认按钮文字 */
+    okText?: string;
+    /** 取消按钮文字（standard / bilingual 模式生效） */
+    cancelText?: string;
+    /** 确认回调 */
+    onOk?: () => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+    /** 关闭回调（点击 × 或遮罩） */
+    onClose?: () => void;
+    /** bilingual 模式下当前激活语言 */
+    activeLang?: ModalLang;
+    /** bilingual 模式下语言切换回调 */
+    onLangChange?: (lang: ModalLang) => void;
+    /** 按钮上方的提示文字，12px #999 */
+    hint?: string;
+    /** Override display labels for i18n support */
+    labels?: {
+        zh?: string;
+        en?: string;
+    };
+    /** 确认按钮加载中状态 */
+    confirmLoading?: boolean;
+    /** 弹窗宽度，默认 480px，作用于内层白框 */
+    width?: number | string;
+    /** 自定义类名，挂在最外层遮罩上（整个 modal） */
+    className?: string;
+    /** 自定义样式，作用于内层白框 */
+    style?: CSSProperties;
+}
+
+export declare function BuProductField({ options, value, onChange, placeholder, emptyText, onManageField, multiple, showSearch, showSort, addButtonText, onAdd, labels, className, style, getPopupContainer, }: BuProductFieldProps): JSX.Element;
+
+export declare interface BuProductFieldProps {
+    /** 可选项列表 */
+    options?: ProductFieldOption[];
+    /** 当前选中值（受控） */
+    value?: string[];
+    /** 选中变化回调 */
+    onChange?: (values: string[]) => void;
+    /** 触发器占位文字 */
+    placeholder?: string;
+    /** 无数据主文案 */
+    emptyText?: string;
+    /** 点击"管理字段"的回调 */
+    onManageField?: () => void;
+    /** 单选模式（默认多选） */
+    multiple?: boolean;
+    /** 是否显示搜索框（默认 true） */
+    showSearch?: boolean;
+    /** 是否显示排序按钮（默认 true） */
+    showSort?: boolean;
+    /** 底部新增区域内容（字符串或 React 元素），不传则不显示 */
+    addButtonText?: ReactNode;
+    /** 点击新增按钮的回调 */
+    onAdd?: () => void;
+    /** Override display labels for i18n support */
+    labels?: {
+        searchPlaceholder?: string;
+        sortDefault?: string;
+        sortAsc?: string;
+        sortDesc?: string;
+        noMatchText?: string;
+        manageFieldPre?: string;
+        manageFieldLink?: string;
+        manageFieldPost?: string;
+    };
+    className?: string;
+    style?: CSSProperties;
+    /** 自定义下拉面板挂载容器，返回目标 DOM 元素。默认挂载到 document.body */
+    getPopupContainer?: () => HTMLElement;
+}
+
+export declare const BuSwitch: {
+    ({ checked: controlledChecked, defaultChecked, onChange, disabled, loading, checkedChildren, unCheckedChildren, theme, activeColor, inactiveColor, className, style, }: BuSwitchProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface BuSwitchProps {
+    /** 是否选中（受控） */
+    checked?: boolean;
+    /** 初始是否选中（非受控） */
+    defaultChecked?: boolean;
+    /** 变化回调 */
+    onChange?: (checked: boolean) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 加载中 */
+    loading?: boolean;
+    /** 选中时的内容（显示在开关内部右侧） */
+    checkedChildren?: ReactNode;
+    /** 未选中时的内容（显示在开关内部左侧） */
+    unCheckedChildren?: ReactNode;
+    /** 颜色主题：light=黑灰系, dark=品牌红系 */
+    theme?: BuSwitchTheme;
+    /** 自定义选中颜色，覆盖 theme 默认色 */
+    activeColor?: string;
+    /** 自定义未选中颜色，覆盖 theme 默认色 */
+    inactiveColor?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+
+/** 开关颜色主题 */
+export declare type BuSwitchTheme = 'light' | 'dark';
+
+export declare interface CategoryItem {
+    /** 唯一标识 */
+    value: string;
+    /** 显示文字 */
+    label: string;
+    /** 是否禁用（分类未创建好时不可选） */
+    disabled?: boolean;
+    /** 子分类 */
+    children?: CategoryItem[];
+}
+
+export declare interface CellType<RecordType> {
+    key?: Key;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    column?: ColumnsType<RecordType>[number];
+    colSpan?: number;
+    rowSpan?: number;
+}
+
+export declare interface CheckboxChangeEvent {
+    target: CheckboxChangeEventTarget;
+    stopPropagation: () => void;
+    preventDefault: () => void;
+    nativeEvent: Event;
+}
+
+export declare interface CheckboxChangeEventTarget extends BCheckBoxProps {
+    checked: boolean;
+}
+
+export declare interface CheckboxOptionType {
+    label: ReactNode;
+    value: CheckboxValueType;
+    style?: CSSProperties;
+    disabled?: boolean;
+    onChange?: (event: CheckboxChangeEvent) => void;
+}
+
+export declare type CheckboxValueType = string | number | boolean;
+
+export declare function Column<RecordType>(_: ColumnProps<RecordType>): null;
+
+export declare interface ColumnFilterItem {
+    text: ReactNode;
+    /** Secondary text forwarded to the built-in BDropdown in double-line mode. */
+    description?: ReactNode;
+    value: TableKey | boolean;
+    children?: ColumnFilterItem[];
+}
+
+export declare function ColumnGroup<RecordType>(_: ColumnGroupProps<RecordType>): null;
+
+export declare interface ColumnGroupProps<RecordType> extends Omit<ColumnGroupType<RecordType>, 'children'> {
+    children: ReactElement<ColumnProps<RecordType>> | Array<ReactElement<ColumnProps<RecordType>>>;
+}
+
+export declare interface ColumnGroupType<RecordType> extends ColumnSharedType<RecordType> {
+    colSpan?: number;
+    children: ColumnsType<RecordType>;
+}
+
+export declare interface ColumnProps<RecordType> extends ColumnType<RecordType> {
+    children?: null;
+}
+
+declare interface ColumnSharedType<RecordType> {
+    title?: ColumnTitle<RecordType>;
+    /** Hint badge rendered beside the column title. Accepts text, icons, or custom JSX. */
+    badge?: ReactNode;
+    key?: TableKey;
+    className?: string;
+    fixed?: FixedType;
+    width?: number | string;
+    align?: TableAlign;
+    ellipsis?: boolean | {
+        showTitle?: boolean;
+    };
+    responsive?: Breakpoint[];
+    onHeaderCell?: GetComponentProps<ColumnsType<RecordType>[number]>;
+}
+
+export declare type ColumnsType<RecordType = unknown> = readonly (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
+
+declare type ColumnTitle<RecordType> = ReactNode | ((props: ColumnTitleProps<RecordType>) => ReactNode);
+
+export declare interface ColumnTitleProps<RecordType> {
+    sortOrder?: SortOrder;
+    sortColumn?: ColumnType<RecordType>;
+    sortColumns?: Array<{
+        column: ColumnType<RecordType>;
+        order: SortOrder;
+    }>;
+    filters?: Record<string, FilterValue>;
+}
+
+export declare interface ColumnType<RecordType> extends ColumnSharedType<RecordType> {
+    colSpan?: number;
+    rowSpan?: number;
+    dataIndex?: TableDataIndex;
+    render?: (value: unknown, record: RecordType, index: number) => ReactNode | RenderedCell<RecordType>;
+    shouldCellUpdate?: (record: RecordType, previousRecord: RecordType) => boolean;
+    onCell?: GetComponentProps<RecordType>;
+    sorter?: boolean | CompareFn<RecordType> | {
+        compare?: CompareFn<RecordType>;
+        multiple?: number;
+    };
+    sortOrder?: SortOrder;
+    defaultSortOrder?: SortOrder;
+    sortDirections?: SortOrder[];
+    showSorterTooltip?: boolean | {
+        title?: ReactNode;
+    };
+    filtered?: boolean;
+    filters?: ColumnFilterItem[];
+    /** Props forwarded to BDropdown when rendering the built-in filter panel. Table-managed options, value, and callbacks take precedence. */
+    filterDropdownProps?: Partial<BDropdownProps>;
+    filterDropdown?: ReactNode | ((props: FilterDropdownProps) => ReactNode);
+    filterMultiple?: boolean;
+    filteredValue?: FilterValue | null;
+    defaultFilteredValue?: FilterValue | null;
+    filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);
+    filterMode?: 'menu' | 'tree';
+    /** Show a search input. Pass a matcher to search custom option fields. */
+    filterSearch?: FilterSearchType;
+    /** Load filter options externally after the search input's 300ms debounce. */
+    filterRequest?: FilterRequest;
+    onFilter?: (value: TableKey | boolean, record: RecordType) => boolean;
+    filterDropdownOpen?: boolean;
+    onFilterDropdownOpenChange?: (open: boolean) => void;
+    filterResetToDefaultFilteredValue?: boolean;
+    /** @deprecated Use filterDropdownOpen. */
+    filterDropdownVisible?: boolean;
+    /** @deprecated Use onFilterDropdownOpenChange. */
+    onFilterDropdownVisibleChange?: (visible: boolean) => void;
+}
+
+export declare type CompareFn<RecordType> = (first: RecordType, second: RecordType, sortOrder?: SortOrder) => number;
+
+export declare function ConfirmTooltip({ placement, title, okText, cancelText, onOk, onCancel, className, style, }: ConfirmTooltipProps): JSX.Element;
+
+export declare interface ConfirmTooltipProps extends BaseTooltipProps {
+    title?: string;
+    okText?: string;
+    cancelText?: string;
+    onOk?: () => void;
+    onCancel?: () => void;
+}
+
+declare interface ContentTooltipProps extends BaseTooltipProps {
+    content?: ReactNode;
+    variant?: TooltipVariant;
+    /** Tooltip background color, including the arrow. */
+    color?: string;
+    /** Tooltip content text color. */
+    fontColor?: string;
+}
+export { ContentTooltipProps as BTooltipProps }
+export { ContentTooltipProps }
+
+export declare interface ExpandableConfig<RecordType> {
+    expandedRowKeys?: readonly TableKey[];
+    defaultExpandedRowKeys?: readonly TableKey[];
+    expandedRowRender?: (record: RecordType, index: number, indent: number, expanded: boolean) => ReactNode;
+    columnTitle?: ReactNode;
+    expandRowByClick?: boolean;
+    expandIcon?: (props: {
+        prefixCls: string;
+        expanded: boolean;
+        record: RecordType;
+        expandable: boolean;
+        onExpand: (record: RecordType, event: React.MouseEvent<HTMLElement>) => void;
+    }) => ReactNode;
+    onExpand?: (expanded: boolean, record: RecordType) => void;
+    onExpandedRowsChange?: (expandedKeys: readonly TableKey[]) => void;
+    defaultExpandAllRows?: boolean;
+    indentSize?: number;
+    expandIconColumnIndex?: number;
+    showExpandColumn?: boolean;
+    expandedRowClassName?: RowClassName<RecordType>;
+    childrenColumnName?: string;
+    rowExpandable?: (record: RecordType) => boolean;
+    columnWidth?: number | string;
+    fixed?: FixedType;
+}
+
+export declare function FileCard(props: FileCardProps): JSX.Element;
+
+export declare interface FileCardProps {
+    /** 文件名 */
+    fileName: string;
+    /** 文件类型 */
+    fileType: FileType;
+    /** 文件 URL（image 类型可展示缩略图） */
+    fileUrl?: string;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+    /** 删除回调 */
+    onDelete?: () => void;
+    /** 修改文件名提交回调 */
+    onRename?: (newName: string) => void | Promise<void>;
+    /** 预览点击回调 */
+    onPreview?: () => void;
+}
+
+export declare type FileType = 'pdf' | 'image' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'ppt' | 'pptx' | 'zip' | 'rar' | 'txt' | 'other';
+
+export declare interface FilterDropdownProps {
+    prefixCls: string;
+    setSelectedKeys: (selectedKeys: TableKey[]) => void;
+    selectedKeys: TableKey[];
+    confirm: (options?: {
+        closeDropdown?: boolean;
+    }) => void;
+    clearFilters?: (options?: {
+        confirm?: boolean;
+        closeDropdown?: boolean;
+    }) => void;
+    filters?: ColumnFilterItem[];
+    close: () => void;
+    visible: boolean;
+}
+
+export declare type FilterRequest = (input: string) => ColumnFilterItem[] | Promise<ColumnFilterItem[]>;
+
+export declare type FilterSearchType<RecordType = ColumnFilterItem> = boolean | ((input: string, item: RecordType) => boolean);
+
+export declare type FilterValue = Array<TableKey | boolean>;
+
+export declare type FixedType = 'left' | 'right' | boolean;
+
+declare type GetComponentProps<DataType> = (data: DataType, index?: number) => HTMLAttributes<HTMLElement> | TdHTMLAttributes<HTMLTableCellElement>;
+
+export declare type GetRowKey<RecordType> = (record: RecordType, index?: number) => TableKey;
+
+declare const Group: ForwardRefExoticComponent<BCheckBoxGroupProps & RefAttributes<HTMLDivElement>>;
+
+export declare type ModalLang = 'zh' | 'en';
+
+export declare type ModalMode = 'standard' | 'bilingual' | 'single';
+
+export declare type OverlayScrollbarDirection = 'vertical' | 'horizontal' | 'both';
+
+export declare const Pagination: (props: PaginationProps) => JSX.Element | null;
+
+export declare type PaginationAlign = 'start' | 'center' | 'end';
+
+export declare interface PaginationProps {
+    /** 国际化方法，默认返回原参数 */
+    t?: (text: string) => string;
+    current?: number;
+    defaultCurrent?: number;
+    pageSize?: number;
+    defaultPageSize?: number;
+    total?: number;
+    onChange?: (page: number, pageSize: number) => void;
+    onShowSizeChange?: (current: number, size: number) => void;
+    showSizeChanger?: boolean;
+    showQuickJumper?: boolean | {
+        goButton?: ReactNode;
+    };
+    pageSizeOptions?: number[];
+    disabled?: boolean;
+    hideOnSinglePage?: boolean;
+    showTotal?: boolean | ((total: number, range: [number, number]) => ReactNode);
+    size?: PaginationSize;
+    align?: PaginationAlign;
+    simple?: boolean;
+    /** 下拉弹框弹出位置，最高优先级。默认自动检测：底部空间不足时翻转到顶部 */
+    popupPlacement?: PopupPlacement;
+    /**
+     * 自定义弹出方向判断逻辑，优先于内置的自动检测。
+     * 返回 'top' / 'bottom' 采用返回值；返回 undefined 则回退到内置的自动检测逻辑。
+     */
+    resolvePopupPlacement?: (info: {
+        /** 触发器（size changer）在视口中的位置 */
+        triggerRect: DOMRect;
+        /** 下拉面板预估高度 */
+        dropdownHeight: number;
+        /** 当前视口高度 */
+        viewportHeight: number;
+    }) => 'top' | 'bottom' | undefined;
+    /** 追加到 size changer 下拉面板（.pagination-sizer-dropdown）上的自定义 className */
+    dropdownClassName?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+
+export declare type PaginationSize = 'small' | 'medium' | 'large';
+
+declare type PopupPlacement = 'bottom' | 'top';
+
+export declare interface ProductFieldOption {
+    /** 选项唯一标识 */
+    value: string;
+    /** 选项显示内容，支持字符串或 React 元素 */
+    label: ReactNode;
+    /** 搜索匹配文本，label 为 ReactNode 时必须提供，否则该选项不参与搜索过滤 */
+    searchText?: string;
+}
+
+export declare function ProgressTooltip({ placement, title, progress, className, style, }: ProgressTooltipProps): JSX.Element;
+
+export declare interface ProgressTooltipProps extends BaseTooltipProps {
+    title?: string;
+    progress?: number;
+}
+
+export declare interface RenderedCell<RecordType> {
+    children?: ReactNode;
+    props?: CellType<RecordType>;
+}
+
+declare type RowClassName<RecordType> = (record: RecordType, index: number, indent: number) => string;
+
+declare type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
+
+export declare function SkuInputCard({ id, name, onNameChange, mode, activeLang, onLangChange, showBody, error, onDelete, onPreviewImage, onDeleteImage, onUpload, onAssociate, images, labels, inputEvents, className, style, options, optionFilterProp, onSelect, onSearch, open: controlledOpen, onDropdownVisibleChange, }: SkuInputCardProps): JSX.Element;
+
+export declare interface SkuInputCardProps {
+    /** Drag handle id, for external DnD libraries */
+    id?: string;
+    /** Product name value */
+    name?: string;
+    onNameChange?: (value: string) => void;
+    /** single: no language toggle; bilingual: show 中文/EN toggle */
+    mode?: SkuInputMode;
+    /** Active language when mode is bilingual */
+    activeLang?: SkuInputLang;
+    onLangChange?: (lang: SkuInputLang) => void;
+    /** Show/hide the body content area */
+    showBody?: boolean;
+    /** Error state — red border + tinted input */
+    error?: boolean;
+    onDelete?: () => void;
+    /** Called when user clicks the preview button on an uploaded image */
+    onPreviewImage?: (url: string) => void;
+    /** Called when user clicks the delete button on an uploaded image */
+    onDeleteImage?: (url: string) => void;
+    /**
+     * Parent-provided upload handler. Receives the selected File and should
+     * return a URL string (or Promise<string>) to display the image.
+     * If not provided the component manages uploads internally.
+     */
+    onUpload?: (file: File) => string | Promise<string>;
+    /** Called when user clicks "关联图片". Parent is responsible for providing the image URL. */
+    onAssociate?: () => void;
+    /** Externally managed image list (URLs). Controls displayed images when provided. */
+    images?: string[];
+    /** Override display labels for i18n support */
+    labels?: {
+        namePlaceholder?: string;
+        uploadLocal?: string;
+        associateImage?: string;
+        searchPlaceholder?: string;
+        notFoundContent?: string;
+    };
+    /** Input event handlers applied to the name input element */
+    inputEvents?: Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'style' | 'className'>;
+    className?: string;
+    style?: CSSProperties;
+    /** Options for the search dropdown. When provided the input shows a dropdown on focus/type. */
+    options?: SkuInputOption[];
+    /** Custom filter: receives the option and the current input value; return true to show. */
+    optionFilterProp?: (option: SkuInputOption, inputValue: string) => boolean;
+    /** Called when user selects an option from the dropdown. */
+    onSelect?: (value: string, option: SkuInputOption) => void;
+    /** Called when input value changes while dropdown is active (for remote search). */
+    onSearch?: (value: string) => void;
+    /** Whether the dropdown is visible (controlled mode). */
+    open?: boolean;
+    /** Callback when dropdown visibility changes. */
+    onDropdownVisibleChange?: (visible: boolean) => void;
+}
+
+export declare type SkuInputLang = 'zh' | 'en';
+
+export declare type SkuInputMode = 'single' | 'bilingual';
+
+export declare interface SkuInputOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+
+export declare interface SorterResult<RecordType> {
+    column?: ColumnType<RecordType>;
+    order?: SortOrder;
+    field?: TableKey | readonly TableKey[];
+    columnKey?: TableKey;
+}
+
+export declare type SortOrder = 'ascend' | 'descend' | null;
+
+declare type TableAction = 'paginate' | 'sort' | 'filter';
+
+export declare type TableAlign = 'left' | 'center' | 'right';
+
+export declare interface TableComponents<RecordType> {
+    table?: React.ElementType;
+    header?: {
+        wrapper?: React.ElementType;
+        row?: React.ElementType;
+        cell?: React.ElementType;
+    };
+    body?: {
+        wrapper?: React.ElementType;
+        row?: React.ElementType;
+        cell?: React.ElementType;
+    } | ((data: readonly RecordType[], info: {
+        scrollbarSize: number;
+        ref: Ref<{
+            scrollLeft: number;
+        }>;
+        onScroll: (info: {
+            currentTarget?: HTMLElement;
+            scrollLeft?: number;
+        }) => void;
+    }) => ReactNode);
+}
+
+declare interface TableCurrentDataSource<RecordType> {
+    currentDataSource: RecordType[];
+    action: TableAction;
+}
+
+export declare type TableDataIndex = string | number | readonly (string | number)[];
+
+export declare type TableKey = Exclude<Key, bigint>;
+
+declare type TableLayout = 'auto' | 'fixed';
+
+export declare interface TableLocale {
+    filterTitle?: string;
+    filterConfirm?: ReactNode;
+    filterReset?: ReactNode;
+    filterEmptyText?: ReactNode;
+    filterCheckall?: ReactNode;
+    filterSearchPlaceholder?: string;
+    emptyText?: ReactNode | (() => ReactNode);
+    selectAll?: ReactNode;
+    selectNone?: ReactNode;
+    selectInvert?: ReactNode;
+    selectionAll?: ReactNode;
+    sortTitle?: string;
+    expand?: string;
+    collapse?: string;
+    triggerDesc?: string;
+    triggerAsc?: string;
+    cancelSort?: string;
+}
+
+export declare interface TablePaginationConfig extends PaginationProps {
+    position?: Array<'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'none'>;
+}
+
+export declare interface TableProps<RecordType extends object> {
+    columns?: ColumnsType<RecordType>;
+    children?: ReactNode;
+    dataSource?: readonly RecordType[];
+    rowKey?: keyof RecordType | string | GetRowKey<RecordType>;
+    rowSelection?: TableRowSelection<RecordType>;
+    pagination?: false | TablePaginationConfig;
+    loading?: boolean | {
+        spinning?: boolean;
+        tip?: ReactNode;
+        indicator?: ReactNode;
+    };
+    bordered?: boolean;
+    size?: TableSize;
+    showHeader?: boolean;
+    /** Empty-state description. Defaults to `t('暂无数据')`. */
+    emptyText?: ReactNode | (() => ReactNode);
+    /** Empty-state image URL or custom image node. */
+    emptyImage?: string | ReactNode;
+    /** Empty-state body height. Defaults to 454px. */
+    emptyHeight?: number | string;
+    /** Translation function used by built-in Table text. */
+    t?: (text: string) => string;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
+    rowClassName?: string | RowClassName<RecordType>;
+    tableLayout?: TableLayout;
+    scroll?: {
+        x?: number | true | string;
+        y?: number | string;
+        scrollToFirstRowOnChange?: boolean;
+    };
+    sticky?: boolean | {
+        offsetHeader?: number;
+        offsetSummary?: number;
+        offsetScroll?: number;
+        getContainer?: () => Window | HTMLElement;
+    };
+    direction?: 'ltr' | 'rtl';
+    title?: (data: readonly RecordType[]) => ReactNode;
+    footer?: (data: readonly RecordType[]) => ReactNode;
+    summary?: (data: readonly RecordType[]) => ReactNode;
+    components?: TableComponents<RecordType>;
+    onRow?: GetComponentProps<RecordType>;
+    onHeaderRow?: GetComponentProps<readonly ColumnType<RecordType>[]>;
+    expandable?: ExpandableConfig<RecordType>;
+    locale?: TableLocale;
+    sortDirections?: SortOrder[];
+    showSorterTooltip?: boolean | {
+        title?: ReactNode;
+    };
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
+    ref?: Ref<HTMLDivElement>;
+}
+
+export declare interface TableRowSelection<RecordType> {
+    preserveSelectedRowKeys?: boolean;
+    type?: TableSelectionType;
+    selectedRowKeys?: TableKey[];
+    defaultSelectedRowKeys?: TableKey[];
+    getCheckboxProps?: (record: RecordType) => {
+        disabled?: boolean;
+        name?: string;
+    };
+    columnTitle?: ReactNode;
+    columnWidth?: number | string;
+    fixed?: FixedType;
+    hideSelectAll?: boolean;
+    checkStrictly?: boolean;
+    selections?: boolean | Array<{
+        key: string;
+        text: ReactNode;
+        onSelect?: (keys: TableKey[]) => void;
+    }>;
+    renderCell?: (checked: boolean, record: RecordType, index: number, originNode: ReactNode) => ReactNode | RenderedCell<RecordType>;
+    onChange?: (selectedRowKeys: TableKey[], selectedRows: RecordType[], info?: {
+        type: RowSelectMethod;
+    }) => void;
+    onSelect?: (record: RecordType, selected: boolean, selectedRows: RecordType[], nativeEvent?: Event) => void;
+    onSelectAll?: (selected: boolean, selectedRows: RecordType[], changeRows?: RecordType[]) => void;
+    onSelectInvert?: (selectedRowKeys: TableKey[]) => void;
+    onSelectNone?: () => void;
+    onSelectMultiple?: (selected: boolean, selectedRows: RecordType[], changeRows: RecordType[]) => void;
+}
+
+export declare type TableSelectionType = 'checkbox' | 'radio';
+
+export declare type TableSize = 'large' | 'middle' | 'small';
+
+export declare function TabPane(_: BTabsTabPaneProps): ReactElement | null;
+
+export declare namespace TabPane {
+    var displayName: string;
+}
+
+export declare type TooltipPlacement = 'auto' | 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom';
+
+export declare type TooltipVariant = 'default' | 'light' | 'bordered' | 'tinted';
+
+export declare const TooltipWrapper: ForwardRefExoticComponent<TooltipWrapperProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface TooltipWrapperProps {
+    children: React.ReactNode;
+    style?: CSSProperties;
+    className?: string;
+}
+
+export { }