@huibo-ui/react-antd 1.0.0

package/lib/components/Form.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { HbForm, HbFormItem } from '@huibo-ui/react';
+export function Form(props) {
+    const { form, initialValues, onFinish, onFinishFailed, onValuesChange, layout, labelCol, children, style, className, } = props;
+    const labelPosition = layout === 'vertical' ? 'top' : layout === 'inline' ? 'left' : 'right';
+    // 延迟绑定：ref 回调把 CE 元素交给 form 实例
+    const refCallback = (el) => {
+        if (form)
+            form.__setRef(el);
+    };
+    return (_jsx(HbForm, { ref: refCallback, initialValues: initialValues, onFinish: onFinish, onFinishFailed: onFinishFailed ? (errors) => onFinishFailed({ errorFields: errors, values: {} }) : undefined, onValuesChange: onValuesChange
+            ? (info) => {
+                const prop = info?.prop;
+                if (!prop)
+                    return;
+                onValuesChange({ [prop]: info.value }, {});
+            }
+            : undefined, labelPosition: labelPosition, labelWidth: labelCol?.span ? `${(labelCol.span / 24) * 100}%` : '80px', style: style, className: className, children: children }));
+}
+export function FormItem(props) {
+    const { name, label, rules, required, labelCol, children, style, className } = props;
+    // name 可能是路径数组 ['a','b']，hb-form-item 的 prop 取路径字符串
+    const propName = Array.isArray(name) ? name.join('.') : name;
+    return (_jsx(HbFormItem, { prop: propName || '', label: typeof label === 'string' ? label : '', rules: rules || [], required: required, labelCol: labelCol?.span, style: style, className: className, children: children }));
+}
+Form.Item = FormItem;
+/**
+ * useForm —— 返回 antd 风格的 form 实例。
+ * 实例方法转发到 <hb-form> CE 的 @Method。CE 尚未挂载时，方法调用会被队列等待。
+ */
+Form.useForm = function useForm() {
+    let ceEl = null;
+    const pending = [];
+    const bind = (el) => {
+        ceEl = el;
+        if (el) {
+            pending.splice(0).forEach(fn => fn());
+        }
+    };
+    /** CE 挂载前排队，挂载后立即执行；返回 promise 以兼容 await */
+    const run = (fn) => {
+        if (ceEl)
+            return fn(ceEl);
+        return new Promise((resolve, reject) => {
+            pending.push(() => fn(ceEl).then(resolve, reject));
+        });
+    };
+    const instance = {
+        __setRef: bind,
+        getFieldValue: (name) => run(el => el.getFieldValue(name)),
+        getFieldsValue: (nameList) => run(el => el.getFieldsValue(nameList)),
+        setFieldValue: (name, value) => run(el => el.setFieldValueMethod(name, value)),
+        setFieldsValue: (values) => run(el => el.setFieldsValue(values)),
+        validateFields: (nameList) => run(el => el.validateFields(nameList)),
+        validate: (nameList) => run(el => (nameList ? el.validate(nameList) : el.validate())),
+        resetFields: (nameList) => run(el => el.resetFields(nameList)),
+        submit: () => {
+            // 提交由表单内 type=submit 按钮触发；此处做兜底校验
+            run(async (el) => {
+                try {
+                    await el.validateFields();
+                }
+                catch {
+                    /* 校验失败错误已由 FormItem 展示 */
+                }
+            });
+        },
+        scrollToField: () => { },
+        getFieldsError: () => [],
+        getFieldError: () => [],
+    };
+    return [instance];
+};
+Form.List = (({ children }) => children || null);
+Form.Provider = (({ children }) => children);
+/**
+ * Form.useWatch —— 监听某字段值（简易实现：挂载时从 CE 取一次值）。
+ * 用于「读初始/回填值」场景；实时联动需要外层 <Form onValuesChange> 驱动，当前项目未用到联动。
+ */
+Form.useWatch = function useWatch(namePath, form) {
+    const name = Array.isArray(namePath) ? namePath.join('.') : namePath;
+    const [val, setVal] = React.useState(undefined);
+    React.useEffect(() => {
+        if (!form)
+            return;
+        let active = true;
+        form.getFieldsValue().then((all) => {
+            if (active && all && name in all)
+                setVal(all[name]);
+        });
+        return () => {
+            active = false;
+        };
+    }, [form, name]);
+    return val;
+};

package/lib/components/Image.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function Image(props: {
+    src?: string;
+    width?: number | string;
+    height?: number | string;
+    preview?: boolean;
+    alt?: string;
+    style?: React.CSSProperties;
+}): React.JSX.Element;

package/lib/components/Image.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbImage } from '@huibo-ui/react';
+export function Image(props) {
+    return _jsx(HbImage, { src: props.src || '', width: props.width ? String(props.width) : undefined, height: props.height ? String(props.height) : undefined, preview: props.preview, alt: props.alt, style: props.style });
+}

package/lib/components/Input.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export interface InputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: 'small' | 'middle' | 'large';
+    allowClear?: boolean;
+    showCount?: boolean;
+    maxLength?: number;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    type?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    id?: string;
+    name?: string;
+    autoFocus?: boolean;
+}
+export declare function Input(props: InputProps): React.JSX.Element;
+export declare namespace Input {
+    var TextArea: any;
+    var Password: any;
+    var Search: any;
+}
+export interface TextAreaProps extends InputProps {
+    rows?: number;
+    autoSize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+}
+export { Input as TextArea };

package/lib/components/Input.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HbInput } from '@huibo-ui/react';
+export function Input(props) {
+    const { value, onChange, onInput, placeholder, disabled, readOnly, size, allowClear, showCount, maxLength, prefix, suffix, addonBefore, addonAfter, type, style, className, id, name, } = props;
+    return (_jsx(HbInput, { modelValue: value ?? '', placeholder: placeholder, disabled: disabled, readonly: readOnly, size: size === 'middle' ? 'default' : size, clearable: allowClear, showWordLimit: showCount, maxlength: maxLength, type: type === 'password' ? 'password' : 'text', inputId: id, name: name, style: style, 
+        // antd onChange 接收 React.ChangeEvent，huibo hbChange 接收 CustomEvent<string>
+        onHbChange: (e) => {
+            if (onChange)
+                onChange({ target: { value: e.detail } });
+        }, onHbInput: (e) => {
+            if (onInput)
+                onInput({ target: { value: e.detail } });
+        } }));
+}
+Input.TextArea = function TextArea(props) {
+    return _jsx(Input, { ...props, type: "textarea" });
+};
+/**
+ * Input.Password —— 复用 Input，通过 type="password"（hb-input 的 showPassword 视觉由其内部决定）。
+ */
+Input.Password = function Password(props) {
+    return _jsx(Input, { ...props, type: "password" });
+};
+Input.Search = function Search(props) {
+    const { onSearch, enterButton, ...rest } = props;
+    const handleSearch = (e) => {
+        const v = (e?.target?.value ?? rest.value ?? '');
+        onSearch?.(v, e);
+    };
+    const triggerFromInput = (e) => {
+        // 维持受控值
+        rest.onChange?.(e);
+    };
+    return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', width: rest.style?.width || '100%' }, children: [_jsx(Input, { ...rest, onChange: triggerFromInput, onPressEnter: (e) => handleSearch(e) }), enterButton ? (_jsx("span", { style: { marginLeft: 8, cursor: 'pointer', color: '#1677ff' }, onClick: () => handleSearch({ target: { value: rest.value } }), children: typeof enterButton === 'boolean' ? '搜索' : enterButton })) : (_jsx("span", { style: { marginLeft: 4, cursor: 'pointer', color: '#1677ff' }, onClick: () => handleSearch({ target: { value: rest.value } }), children: "\u641C\u7D22" }))] }));
+};
+// 具名导出 TextArea（兼容 import { TextArea } from '@huibo-ui/react-antd'）
+export { Input as TextArea };

package/lib/components/InputNumber.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare function InputNumber(props: {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    disabled?: boolean;
+    size?: 'small' | 'middle' | 'large';
+    placeholder?: string;
+    style?: React.CSSProperties;
+}): React.JSX.Element;

package/lib/components/InputNumber.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbInputNumber } from '@huibo-ui/react';
+export function InputNumber(props) {
+    return _jsx(HbInputNumber, { modelValue: props.value ?? 0, min: props.min, max: props.max, step: props.step, precision: props.precision, disabled: props.disabled, size: props.size === 'middle' ? 'default' : props.size, placeholder: props.placeholder, style: props.style, onHbChange: (e) => props.onChange?.(e.detail) });
+}

package/lib/components/Layout.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+/**
+ * Layout 兼容层。
+ *
+ * antd Layout 基于 React Context 自动判断方向（嵌套的 Layout 变成 vertical）。
+ * 这里改用普通 div + flex 实现：外层 Layout 默认水平（sider | 右侧），
+ * 内层 Layout 通过 className（flex flex-col）或显式 hasSider=false 转垂直。
+ *
+ * 不用 hb-container：它的 ::slotted 机制在 antd 嵌套 Layout 场景下不可靠
+ * （slotted 样式、flex 方向、宽度计算都会出问题）。纯 div + flex 最可控，
+ * 且消费方的 Tailwind className（full / flex flex-col / h-full）能直接生效。
+ */
+export interface LayoutProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    /** antd hasSider：true=水平排列（sider 在左）；false/默认=由 className 决定 */
+    hasSider?: boolean;
+}
+export declare function Layout(props: LayoutProps): React.JSX.Element;
+export declare namespace Layout {
+    var Header: ({ children, style, className }: any) => React.JSX.Element;
+    var Sider: ({ children, style, className, collapsed, theme, width, collapsedWidth }: any) => React.JSX.Element;
+    var Content: ({ children, style, className }: any) => React.JSX.Element;
+    var Footer: ({ children, style, className }: any) => React.JSX.Element;
+}
+export declare function Row(props: {
+    gutter?: number | number[];
+    justify?: string;
+    align?: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}): React.JSX.Element;
+export declare function Col(props: {
+    span?: number;
+    offset?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}): React.JSX.Element;

package/lib/components/Layout.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Layout(props) {
+    const { children, style, className, hasSider } = props;
+    // 默认 flex 行布局（sider + 右侧）；若 className 含 flex-col 则尊重它（垂直）
+    const isVertical = className && /flex-col|flex-direction:\s*column/.test(className);
+    const flexStyle = {
+        display: 'flex',
+        flexDirection: isVertical ? 'column' : 'row',
+        flex: 1,
+        minHeight: 0,
+        width: '100%',
+        ...style,
+    };
+    return (_jsx("div", { style: flexStyle, className: className, children: children }));
+}
+/**
+ * Header —— 顶栏。固定高度、block，让消费方 className（flex/h-64/bg-white）生效。
+ */
+Layout.Header = function Header({ children, style, className }) {
+    return (_jsx("div", { style: { flexShrink: 0, ...style }, className: className, children: children }));
+};
+/**
+ * Sider —— 侧边栏。固定宽度（或 collapsed 宽度），block。
+ */
+Layout.Sider = function Sider({ children, style, className, collapsed, theme, width, collapsedWidth }) {
+    const w = width || (collapsed ? collapsedWidth || 60 : 200);
+    return (_jsx("div", { style: { width: typeof w === 'number' ? `${w}px` : w, flexShrink: 0, ...style }, className: className, "data-collapsed": collapsed, "data-theme": theme, children: children }));
+};
+/**
+ * Content —— 主内容区。flex:1 撑满剩余空间。
+ */
+Layout.Content = function Content({ children, style, className }) {
+    return (_jsx("div", { style: { flex: 1, minWidth: 0, minHeight: 0, ...style }, className: className, children: children }));
+};
+/**
+ * Footer —— 页脚。固定高度。
+ */
+Layout.Footer = function Footer({ children, style, className }) {
+    return (_jsx("div", { style: { flexShrink: 0, ...style }, className: className, children: children }));
+};
+export function Row(props) {
+    const gutter = Array.isArray(props.gutter) ? props.gutter[0] : props.gutter;
+    const gap = gutter ? `${gutter}px` : undefined;
+    const justifyMap = {
+        start: 'flex-start',
+        end: 'flex-end',
+        center: 'center',
+        'space-between': 'space-between',
+        'space-around': 'space-around',
+    };
+    return (_jsx("div", { style: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            gap,
+            justifyContent: props.justify ? justifyMap[props.justify] || props.justify : undefined,
+            alignItems: props.align,
+            ...props.style,
+        }, className: props.className, children: props.children }));
+}
+// Col：用 CSS 百分比宽度实现栅格，支持响应式 xl/lg/md/sm/xs
+export function Col(props) {
+    // 响应式：取当前视口匹配的最大断点（xl>lg>md>sm>xs），都没有则用 span（默认 24）
+    const resolveSpan = () => {
+        if (typeof window !== 'undefined') {
+            const w = window.innerWidth;
+            // antd 断点：xl≥1200, lg≥992, md≥768, sm≥576, xs<576
+            if (w >= 1200 && props.xl != null)
+                return props.xl;
+            if (w >= 992 && props.lg != null)
+                return props.lg;
+            if (w >= 768 && props.md != null)
+                return props.md;
+            if (w >= 576 && props.sm != null)
+                return props.sm;
+            if (w < 576 && props.xs != null)
+                return props.xs;
+        }
+        // 兜底：取最大配置过的断点（桌面端常用 xl/lg）
+        return props.xl ?? props.lg ?? props.md ?? props.sm ?? props.xs ?? props.span ?? 24;
+    };
+    const span = resolveSpan();
+    const pct = (span / 24) * 100;
+    const offsetPct = props.offset ? (props.offset / 24) * 100 : 0;
+    return (_jsx("div", { style: { width: `${pct}%`, marginLeft: offsetPct ? `${offsetPct}%` : undefined, boxSizing: 'border-box', ...props.style }, className: props.className, children: props.children }));
+}

package/lib/components/Menu.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+export interface MenuItemType {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    children?: MenuItemType[];
+    disabled?: boolean;
+}
+export interface MenuProps {
+    items?: MenuItemType[];
+    mode?: 'horizontal' | 'vertical' | 'inline';
+    selectedKeys?: string[];
+    openKeys?: string[];
+    theme?: 'light' | 'dark';
+    inlineCollapsed?: boolean;
+    onClick?: (info: {
+        key: string;
+        keyPath: string[];
+    }) => void;
+    onOpenChange?: (openKeys: string[]) => void;
+    onSelect?: (info: {
+        key: string;
+        keyPath: string[];
+    }) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * antd Menu 兼容层。
+ *
+ * 关键：hb-menu 的 `items` 是数组，React 包装层（createReactComponent）只在
+ * componentDidUpdate 时把数组同步为 DOM 属性，首渲染(componentDidLoad)时 items 为
+ * undefined → hb-menu 走 <slot/> 分支渲染空。因此这里用 ref 在挂载时立即同步 items。
+ */
+export declare function Menu(props: MenuProps): React.JSX.Element;
+export declare namespace Menu {
+    var Item: any;
+}

package/lib/components/Menu.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { HbMenu, HbMenuItem } from '@huibo-ui/react';
+/**
+ * antd Menu 兼容层。
+ *
+ * 关键：hb-menu 的 `items` 是数组，React 包装层（createReactComponent）只在
+ * componentDidUpdate 时把数组同步为 DOM 属性，首渲染(componentDidLoad)时 items 为
+ * undefined → hb-menu 走 <slot/> 分支渲染空。因此这里用 ref 在挂载时立即同步 items。
+ */
+export function Menu(props) {
+    const { items, mode, selectedKeys, openKeys, theme, inlineCollapsed, onClick, onOpenChange, style, className, children } = props;
+    const refCallback = (el) => {
+        // 立即把 items 数组同步到 CE（绕过 Stencil 只把 string/bool/number 设为 attribute 的限制）
+        if (el && items) {
+            el.items = items;
+        }
+    };
+    return (_jsx(HbMenu, { ref: refCallback, items: items, mode: (mode === 'inline' ? 'vertical' : mode), selectedKeys: selectedKeys, openKeys: openKeys, theme: theme, collapsed: inlineCollapsed, style: style, className: className, onHbSelect: (e) => {
+            const key = e?.detail;
+            if (onClick)
+                onClick({ key, keyPath: [key] });
+            if (props.onSelect)
+                props.onSelect({ key, keyPath: [key] });
+        }, onHbOpenChange: (e) => {
+            if (onOpenChange)
+                onOpenChange(e?.detail || []);
+        }, children: children }));
+}
+Menu.Item = function MenuItem({ children, key: itemKey, disabled, onClick }) {
+    return React.createElement(HbMenuItem, { itemKey, disabled, onClick }, children);
+};

package/lib/components/Modal.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface ModalProps {
+    open?: boolean;
+    title?: React.ReactNode;
+    width?: string | number;
+    onCancel?: (e: React.MouseEvent) => void;
+    onOk?: (e: React.MouseEvent) => void;
+    confirmLoading?: boolean;
+    okText?: string;
+    cancelText?: string;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    destroyOnClose?: boolean;
+    footer?: React.ReactNode | null;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare function Modal(props: ModalProps): React.JSX.Element;
+export declare namespace Modal {
+    var confirm: any;
+    var info: any;
+    var warning: any;
+    var success: any;
+    var error: any;
+    var useModal: any;
+}

package/lib/components/Modal.js

@@ -0,0 +1,76 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { HbDialog } from '@huibo-ui/react';
+export function Modal(props) {
+    const { open, title, width, onCancel, maskClosable = true, keyboard = true, children } = props;
+    return (_jsxs(HbDialog, { modelValue: open || false, title: typeof title === 'string' ? title : '', width: width ? String(width) : undefined, closeOnClickModal: maskClosable, closeOnPressEscape: keyboard, showClose: true, onHbClose: () => { if (onCancel)
+            onCancel({}); }, children: [children, props.footer !== null && props.footer !== undefined ? props.footer : null] }));
+}
+function imperative(opts) {
+    const div = document.createElement('div');
+    document.body.appendChild(div);
+    let destroyed = false;
+    const destroy = () => {
+        if (destroyed)
+            return;
+        destroyed = true;
+        if (!root) {
+            // createRoot 尚未就绪（import 未完成），直接移除容器
+            div.remove();
+            return;
+        }
+        root.render(React.createElement(Modal, { open: false, title: opts.title }, opts.content));
+        setTimeout(() => {
+            root.unmount();
+            div.remove();
+        }, 200);
+    };
+    let root;
+    // 动态拿到 createRoot
+    import('react-dom/client').then(({ createRoot }) => {
+        root = createRoot(div);
+        const showCancel = opts.okCancel !== false; // 默认 confirm 两按钮，其余单按钮
+        root.render(React.createElement(Modal, {
+            open: true,
+            title: opts.title,
+            okText: opts.okText || (showCancel ? '确定' : '知道了'),
+            cancelText: opts.cancelText || '取消',
+            onCancel: () => {
+                opts.onCancel?.();
+                destroy();
+            },
+            onOk: async () => {
+                try {
+                    await opts.onOk?.();
+                }
+                finally {
+                    destroy();
+                }
+            },
+            footer: null, // hb-dialog footer 受限，交由 content 自行渲染按钮或使用默认
+        }, opts.content));
+    });
+    return { destroy };
+}
+Modal.confirm = ((p) => imperative({ ...p, type: 'confirm', okCancel: true }));
+Modal.info = ((p) => imperative({ ...p, type: 'info', okCancel: false }));
+Modal.warning = ((p) => imperative({ ...p, type: 'warning', okCancel: false }));
+Modal.success = ((p) => imperative({ ...p, type: 'success', okCancel: false }));
+Modal.error = ((p) => imperative({ ...p, type: 'error', okCancel: false }));
+/**
+ * useModal —— 返回 [modal, contextHolder]。
+ * contextHolder 需渲染在组件树里（占位用，当前实现命令式调用走 body 挂载，holder 可不渲染内容）。
+ * modal 实例提供 confirm/info/warning/success/error，与静态方法同义。
+ */
+Modal.useModal = function useModal() {
+    const api = React.useMemo(() => ({
+        confirm: (p) => imperative({ ...p, type: 'confirm', okCancel: true }),
+        info: (p) => imperative({ ...p, type: 'info', okCancel: false }),
+        warning: (p) => imperative({ ...p, type: 'warning', okCancel: false }),
+        success: (p) => imperative({ ...p, type: 'success', okCancel: false }),
+        error: (p) => imperative({ ...p, type: 'error', okCancel: false }),
+    }), []);
+    // holder：命令式调用自己挂 body，这里返回空占位以满足 antd 的解构用法
+    const holder = React.createElement(React.Fragment, null);
+    return [api, holder];
+};

package/lib/components/PageHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare function PageHeader(props: {
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    extra?: React.ReactNode;
+    onBack?: () => void;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/lib/components/PageHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbPageHeader } from '@huibo-ui/react';
+export function PageHeader(props) {
+    return _jsx(HbPageHeader, { title: typeof props.title === 'string' ? props.title : '', subtitle: typeof props.subTitle === 'string' ? props.subTitle : '', extra: props.extra, showBack: !!props.onBack });
+}

package/lib/components/Pagination.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare function Pagination(props: {
+    current?: number;
+    pageSize?: number;
+    total?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: string[];
+    onChange?: (page: number, pageSize: number) => void;
+    showTotal?: (total: number) => React.ReactNode;
+    style?: React.CSSProperties;
+}): React.JSX.Element;

package/lib/components/Pagination.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbPagination } from '@huibo-ui/react';
+export function Pagination(props) {
+    return _jsx(HbPagination, { "current-page": props.current ?? 1, "page-size": props.pageSize ?? 10, total: props.total ?? 0, "show-page-size": props.showSizeChanger, "page-sizes": props.pageSizeOptions?.map(Number), onHbCurrentChange: (e) => props.onChange?.(e.detail, props.pageSize ?? 10), style: props.style });
+}

package/lib/components/Popconfirm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare function Popconfirm(props: {
+    title?: React.ReactNode;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    okText?: string;
+    cancelText?: string;
+    placement?: string;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/lib/components/Popconfirm.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbPopconfirm } from '@huibo-ui/react';
+export function Popconfirm(props) {
+    return _jsx(HbPopconfirm, { title: typeof props.title === 'string' ? props.title : '', confirmText: props.okText, cancelText: props.cancelText, position: (props.placement || 'top'), onHbConfirm: () => props.onConfirm?.(), onHbCancel: () => props.onCancel?.(), children: props.children });
+}

package/lib/components/Popover.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare function Popover(props: {
+    content?: React.ReactNode;
+    title?: React.ReactNode;
+    placement?: string;
+    trigger?: string;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/lib/components/Popover.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbPopover } from '@huibo-ui/react';
+export function Popover(props) {
+    return _jsx(HbPopover, { content: props.content, title: typeof props.title === 'string' ? props.title : '', position: (props.placement || 'top'), trigger: (props.trigger || 'hover'), children: props.children });
+}

package/lib/components/Progress.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare function Progress(props: {
+    percent?: number;
+    type?: 'line' | 'circle';
+    status?: 'success' | 'exception' | 'active';
+    showInfo?: boolean;
+    strokeColor?: string;
+    strokeWidth?: number;
+    style?: React.CSSProperties;
+}): React.JSX.Element;

package/lib/components/Progress.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { HbProgress } from '@huibo-ui/react';
+export function Progress(props) {
+    return _jsx(HbProgress, { percentage: props.percent ?? 0, type: props.type, status: props.status, showText: props.showInfo ?? true, strokeColor: props.strokeColor, strokeWidth: props.strokeWidth, style: props.style });
+}

package/lib/components/QRCode.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare function QRCode(props: {
+    value?: string;
+    size?: number;
+    icon?: string;
+    color?: string;
+    style?: React.CSSProperties;
+}): React.DetailedReactHTMLElement<{
+    src: string;
+    width: number;
+    height: number;
+    style: React.CSSProperties | undefined;
+    alt: string;
+}, HTMLElement>;

package/lib/components/QRCode.js

@@ -0,0 +1,10 @@
+import React from 'react';
+// QRCode：antd 有此组件，huibo-ui 暂无。
+// 提供占位实现（使用第三方 qrcode 库或 canvas 绘制）。
+// 如果项目依赖此功能，请安装 qrcode 包或接入在线生成 API。
+export function QRCode(props) {
+    const { value = '', size = 160 } = props;
+    // 使用在线 QR 生成 API 作为临时方案
+    const src = `https://api.qrserver.com/v1/create-qr-code/?size=${size}x${size}&data=${encodeURIComponent(value)}`;
+    return React.createElement('img', { src, width: size, height: size, style: props.style, alt: 'QR Code' });
+}