@huibo-ui/react-antd 1.0.0

package/lib/index.js

@@ -0,0 +1,123 @@
+/**
+ * @huibo-ui/react-antd — antd 兼容层
+ *
+ * 接收 antd 原生 props（value/onChange/allowClear/dataSource 等），
+ * 内部自动转换为 huibo-ui props（modelValue/hbChange/clearable/data 等）。
+ * 业务代码保持 antd 写法不变，实现「零改写」迁移。
+ *
+ * 三层结构：本层（兼容） → @huibo-ui/react（React 包装） → hb-* 自定义元素（Stencil WC）
+ *
+ * ⚠️ 消费方（应用入口）必须自行：
+ *   1. import 'huibo-ui/styles.css'           —— 注入 --hb-* 设计令牌
+ *   2. import 'huibo-ui/components/hb-xxx'     —— 注册用到的自定义元素
+ * 否则 hb-* 是 HTMLUnknownElement、令牌为空，导致白屏。
+ * （@huibo-ui/react 只造代理组件，不调用 customElements.define。）
+ *
+ * 用法：
+ *   import { Button, Input, Select, Table, Form, message } from '@huibo-ui/react-antd';
+ *   // 与 antd 完全相同的 API，无需改任何 prop
+ *
+ * 已支持的实例/静态/子 API（详见 docs/guide/migration.md 方案 B 支持矩阵）：
+ *   Form.useForm（转发 hb-form @Method）/ Form.useWatch / useWatch
+ *   Modal.useModal / Modal.confirm/info/warning/success/error
+ *   message.* / Empty.PRESENTED_IMAGE_* / DatePicker.RangePicker
+ *   Input.{TextArea,Search,Password} / Select.{Option,OptGroup}
+ *   Radio.{Group,Button} / Checkbox.Group / Descriptions.Item / Space.Compact
+ *   Upload.Dragger / Skeleton.{Input,Button} / Layout.{Header,Sider,Content}
+ *   类型：ColumnsType / TableProps / TableRowSelection / Rule / RuleObject / TreeDataNode ...
+ */
+/** antd size → huibo-ui size（middle → default） */
+export function mapSize(size) {
+    if (size === 'middle')
+        return 'default';
+    return size || 'default';
+}
+/** 通用 antd 事件 → huibo-ui 事件适配器 */
+export function adaptOnChange(onChange) {
+    return onChange ? (e) => onChange(e.detail) : undefined;
+}
+// === 组件导出 ===
+export { Button } from './components/Button';
+export { Input, TextArea } from './components/Input';
+export { InputNumber } from './components/InputNumber';
+export { Select } from './components/Select';
+export { Switch } from './components/Switch';
+export { Checkbox, CheckboxGroup } from './components/Checkbox';
+export { Radio, RadioGroup } from './components/Radio';
+export { Table } from './components/Table';
+export { Form, FormItem } from './components/Form';
+export { Modal } from './components/Modal';
+export { Drawer } from './components/Drawer';
+export { Menu } from './components/Menu';
+export { Tabs } from './components/Tabs';
+export { Steps } from './components/Steps';
+export { DatePicker } from './components/DatePicker';
+export { Upload } from './components/Upload';
+export { Tooltip } from './components/Tooltip';
+export { Popover } from './components/Popover';
+export { Popconfirm } from './components/Popconfirm';
+export { Dropdown } from './components/Dropdown';
+export { Tag } from './components/Tag';
+export { Badge } from './components/Badge';
+export { Avatar } from './components/Avatar';
+export { Card } from './components/Card';
+export { Alert } from './components/Alert';
+export { Divider } from './components/Divider';
+export { Empty } from './components/Empty';
+export { Spin } from './components/Spin';
+export { Space } from './components/Space';
+export { Pagination } from './components/Pagination';
+export { Progress } from './components/Progress';
+export { Descriptions } from './components/Descriptions';
+export { Collapse } from './components/Collapse';
+export { Rate } from './components/Rate';
+export { Slider } from './components/Slider';
+export { Image } from './components/Image';
+export { Tree } from './components/Tree';
+export { TreeSelect } from './components/TreeSelect';
+export { Cascader } from './components/Cascader';
+export { ConfigProvider } from './components/ConfigProvider';
+export { Layout, Row, Col } from './components/Layout';
+export { message } from './components/message';
+export { notification } from './components/notification';
+// 兼容 antd/locale/zh_CN（返回一个标记对象）
+export const zhCN = { locale: 'zh-CN' };
+// useWatch 顶层导出：转发到 Form.useWatch（同语义：从给定 form 实例读取字段值）。
+import React from 'react';
+export function useWatch(namePath, form) {
+    const [val, setVal] = React.useState(undefined);
+    React.useEffect(() => {
+        if (!form)
+            return;
+        let active = true;
+        const name = Array.isArray(namePath) ? namePath.join('.') : namePath;
+        form.getFieldsValue?.().then((all) => {
+            if (active && all && name in all)
+                setVal(all[name]);
+        });
+        return () => {
+            active = false;
+        };
+    }, [form, namePath]);
+    return val;
+}
+// TextArea 由 ./components/Input 导出（见上方 export { Input, TextArea }）
+// === antd App 组件（Context Provider）===
+export { App } from './components/App';
+// === 剩余组件（简单透传 + 关键 prop 映射）===
+export { Skeleton } from './components/Skeleton';
+export { Statistic } from './components/Statistic';
+export { Result } from './components/Result';
+export { Timeline } from './components/Timeline';
+export { PageHeader } from './components/PageHeader';
+export { Segmented } from './components/Segmented';
+export { FloatButton } from './components/FloatButton';
+export { Anchor } from './components/Anchor';
+export { Tour } from './components/Tour';
+export { Watermark } from './components/Watermark';
+export { Affix } from './components/Affix';
+export { BackTop } from './components/BackTop';
+export { Breadcrumb } from './components/Breadcrumb';
+export { Typography } from './components/Typography';
+export { QRCode } from './components/QRCode';
+export { TimePicker } from './components/TimePicker';

package/lib/utils.d.ts

@@ -0,0 +1 @@
+export type SizeType = 'small' | 'middle' | 'large';

package/lib/utils.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@huibo-ui/react-antd",
+  "version": "1.0.0",
+  "description": "antd 兼容层 — 接收 antd 原生 props，内部转换为 huibo-ui，实现丝滑平替",
+  "type": "module",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "build": "tsc --outDir lib || true",
+    "prepublishOnly": "pnpm run build"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "@huibo-ui/react": ">=0.4.8",
+    "huibo-ui": ">=1.0.0"
+  },
+  "dependencies": {
+    "@huibo-ui/react": "*",
+    "huibo-ui": "*"
+  },
+  "devDependencies": {
+    "typescript": "^5.2.2",
+    "@types/react": "^18.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}