@huibo-ui/react-antd 1.0.15 → 1.0.17

package/lib/components/ConfigProvider.js

@@ -1,5 +1,6 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { HbConfigProvider } from '@huibo-ui/react';
 /**
  * 把 antd 的 ThemeConfig.token 映射到 huibo-ui 的 --hb-* 设计令牌。
  * 写在 document.documentElement(:root) 上，custom property 会穿透 shadow DOM，
@@ -75,22 +76,5 @@ export function ConfigProvider(props) {
     React.useEffect(() => {
         applyThemeToken(theme?.token);
     }, [theme?.token]);
-    // 设置 data-size / data-locale / data-theme 到 documentElement
-    // （原 hb-config-provider 的 applyConfig 逻辑，改为直接写 :root，避免额外 DOM 层）
-    React.useEffect(() => {
-        const root = document.documentElement;
-        root.setAttribute('data-size', props.componentSize === 'middle' ? 'default' : (props.componentSize || 'default'));
-        root.setAttribute('data-locale', props.locale ? 'zh-CN' : 'en-US');
-        if (theme?.dark) {
-            root.setAttribute('data-theme', 'dark');
-        }
-        else {
-            root.removeAttribute('data-theme');
-        }
-    }, [theme?.dark, props.componentSize, props.locale]);
-    // 直接返回 children，不包裹任何 DOM 元素 —— 对齐 antd ConfigProvider
-    // （antd 用 React Context + CSS-in-JS，零 DOM 层）。
-    // 之前渲染 hb-config-provider（display:contents）会改变 #root 子元素结构，
-    // 导致 #root { height:100% } 在某些高度链下解析失效（全屏背景图场景）。
-    return _jsx(_Fragment, { children: children });
+    return (_jsx(HbConfigProvider, { theme: theme?.dark ? 'dark' : 'light', size: props.componentSize === 'middle' ? 'default' : props.componentSize, locale: props.locale ? 'zh-CN' : 'en-US', children: _jsx("div", { style: { display: 'contents' }, children: children }) }));
 }

package/lib/components/Form.js

@@ -262,7 +262,13 @@ export function FormItem(props) {
     const [localErrors, setLocalErrors] = React.useState([]);
     const errors = (ctx?.errors[propName] ?? localErrors) || [];
     const isRequired = required || rules?.some((r) => r.required);
-    const child = React.Children.only(children);
+    // 对齐 antd FormItem 的容错：antd 不会因 children 为空/数组而崩溃。
+    // React.Children.only 在 children 为 undefined/null/数组时会抛错，
+    // 业务代码（尤其条件渲染场景）可能传入 0 个或多个子元素，这里做兼容：
+    // - undefined/null/0 元素 → child 为 undefined（渲染空 FormItem）
+    // - 多个元素 → 取第一个（与 antd 单控件包裹语义一致）
+    const childArr = React.Children.toArray(children);
+    const child = (childArr.length > 0 ? childArr[0] : undefined);
     const labelColSpan = labelCol?.span ?? ctx?.labelColSpan;
     // wrapperCol 支持 { span, offset }：offset 在 wrapper 左侧留出与 labelCol 等比的空间。
     // 注意：|| 与 ?? 不可直接混用（babel parser 报错），用显式括号 + 层级判断。

package/package.json

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