@huibo-ui/react-antd 1.0.2 → 1.0.4

package/lib/components/Button.d.ts

@@ -8,7 +8,10 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     loading?: boolean;
     disabled?: boolean;
     icon?: React.ReactNode;
+    /** antd htmlType：submit/reset/button。转发到 hb-button 内部 <button type>，触发表单提交。 */
+    htmlType?: 'button' | 'submit' | 'reset';
     children?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    [key: string]: any;
 }
-export declare function Button({ type, size, danger, block, loading, disabled, icon, children, onClick, ...rest }: ButtonProps): React.JSX.Element;
+export declare function Button({ type, size, danger, block, loading, disabled, icon, htmlType, children, onClick, ...rest }: ButtonProps): React.JSX.Element;

package/lib/components/Button.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { HbButton } from '@huibo-ui/react';
-export function Button({ type, size, danger, block, loading, disabled, icon, children, onClick, ...rest }) {
+export function Button({ type, size, danger, block, loading, disabled, icon, htmlType, children, onClick, ...rest }) {
     const huiboType = danger ? 'danger' : type || 'default';
     const huiboSize = size === 'middle' ? 'default' : size || 'default';
-    return (_jsxs(HbButton, { type: huiboType, size: huiboSize, disabled: disabled, loading: loading, onClick: onClick, children: [icon, children] }));
+    return (_jsxs(HbButton, { type: huiboType, htmlType: htmlType || 'button', size: huiboSize, disabled: disabled, loading: loading, block: block, onClick: onClick, children: [icon, children] }));
 }

package/lib/components/ConfigProvider.d.ts

@@ -19,6 +19,7 @@ export interface AntdThemeConfig {
     dark?: boolean;
 }
 export interface ConfigProviderProps {
+    [key: string]: any;
     theme?: AntdThemeConfig;
     locale?: any;
     componentSize?: 'small' | 'middle' | 'large';

package/lib/components/DatePicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface DatePickerProps {
+    [key: string]: any;
     value?: any;
     onChange?: (value: any, dateString: string) => void;
     picker?: 'date' | 'month' | 'year' | 'week' | 'quarter';
@@ -20,6 +21,7 @@ export declare namespace DatePicker {
     var RangePicker: any;
 }
 export interface RangePickerProps {
+    [key: string]: any;
     value?: any[];
     onChange?: (dates: any[], dateStrings: [string, string]) => void;
     format?: string;

package/lib/components/Form.d.ts

@@ -51,7 +51,14 @@ export interface FormProps {
     className?: string;
     [key: string]: any;
 }
-export declare const Form: React.ForwardRefExoticComponent<Omit<FormProps, "ref"> & React.RefAttributes<FormInstance>>;
+type FormType = React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormInstance>> & {
+    Item: any;
+    useForm: () => [FormInstance];
+    useWatch: (namePath: string | string[], form?: FormInstance) => any;
+    List: any;
+    Provider: any;
+};
+export declare const Form: FormType;
 export interface FormItemProps {
     name?: string | string[];
     label?: React.ReactNode;
@@ -76,3 +83,4 @@ export interface FormItemProps {
     [key: string]: any;
 }
 export declare function FormItem(props: FormItemProps): React.JSX.Element;
+export {};

package/lib/components/Input.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface InputProps {
+    [key: string]: any;
     value?: string;
     defaultValue?: string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/lib/components/Layout.d.ts

@@ -11,6 +11,7 @@ import React from 'react';
  * 且消费方的 Tailwind className（full / flex flex-col / h-full）能直接生效。
  */
 export interface LayoutProps {
+    [key: string]: any;
     children?: React.ReactNode;
     style?: React.CSSProperties;
     className?: string;

package/lib/components/Menu.d.ts

@@ -7,6 +7,7 @@ export interface MenuItemType {
     disabled?: boolean;
 }
 export interface MenuProps {
+    [key: string]: any;
     items?: MenuItemType[];
     mode?: 'horizontal' | 'vertical' | 'inline';
     selectedKeys?: string[];

package/lib/components/Modal.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface ModalProps {
+    [key: string]: any;
     open?: boolean;
     title?: React.ReactNode;
     width?: string | number;

package/lib/components/Modal.js

@@ -1,10 +1,13 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, 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] }));
+    const { open, title, width, onCancel, onOk, confirmLoading, okText, cancelText, maskClosable = true, keyboard = true, destroyOnClose, footer, children } = props;
+    // 默认 footer：OK/Cancel 按钮（对齐 antd 默认行为）。footer=null 时无底部。
+    const defaultFooter = (_jsxs("div", { style: { textAlign: 'right', marginTop: 16, display: 'flex', justifyContent: 'flex-end', gap: 8 }, children: [_jsx("button", { type: "button", onClick: (e) => onCancel?.(e), style: { padding: '4px 15px', height: 32, borderRadius: 6, border: '1px solid #d9d9d9', background: '#fff', cursor: 'pointer' }, children: cancelText || '取消' }), _jsx("button", { type: "button", disabled: confirmLoading, onClick: (e) => onOk?.(e), style: { padding: '4px 15px', height: 32, borderRadius: 6, border: 'none', background: 'var(--hb-color-primary, #ff6700)', color: '#fff', cursor: 'pointer' }, children: confirmLoading ? '加载中...' : (okText || '确定') })] }));
+    const resolvedFooter = footer === undefined ? defaultFooter : footer;
+    return (_jsxs(HbDialog, { modelValue: open || false, title: typeof title === 'string' ? title : '', width: width ? String(width) : undefined, closeOnClickModal: maskClosable, closeOnPressEscape: keyboard, destroyOnClose: destroyOnClose, showClose: true, onHbClose: () => { if (onCancel)
+            onCancel({}); }, children: [children, resolvedFooter !== null && resolvedFooter !== undefined ? resolvedFooter : null] }));
 }
 function imperative(opts) {
     const div = document.createElement('div');

package/lib/components/Select.d.ts

@@ -5,6 +5,7 @@ export interface SelectOption {
     disabled?: boolean;
 }
 export interface SelectProps {
+    [key: string]: any;
     value?: string | number | (string | number)[];
     defaultValue?: string | number | (string | number)[];
     onChange?: (value: any, option: any) => void;

package/lib/components/Tree.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface TreeProps {
+    [key: string]: any;
     treeData?: any[];
     checkable?: boolean;
     checkStrictly?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huibo-ui/react-antd",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "antd 兼容层 — 接收 antd 原生 props，内部转换为 huibo-ui，实现丝滑平替",
   "type": "module",
   "main": "lib/index.js",