@huibo-ui/react-antd 1.0.5 → 1.0.6

package/lib/components/Cascader.d.ts

@@ -1,12 +1,20 @@
 import React from 'react';
-export declare function Cascader(props: {
+export interface CascaderProps {
     options?: any[];
     value?: any;
-    onChange?: (value: any) => void;
+    onChange?: (value: any, selectOptions?: any) => void;
     multiple?: boolean;
     placeholder?: string;
     disabled?: boolean;
     allowClear?: boolean;
     showSearch?: boolean;
+    /** antd fieldNames：自定义节点字段名，如 { label:'name', value:'id', children:'child' } */
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        children?: string;
+    };
     style?: React.CSSProperties;
-}): React.JSX.Element;
+    [key: string]: any;
+}
+export declare function Cascader(props: CascaderProps): React.JSX.Element;

package/lib/components/Cascader.js

@@ -1,5 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { HbCascader } from '@huibo-ui/react';
+/**
+ * 按 antd fieldNames 递归把自定义节点字段映射为 hb-cascader 认的 {label,value,children}，
+ * 保留原始字段（onChange 第二参数对齐 antd 返回原始 option）。
+ */
+function mapCascader(nodes, fn) {
+    if (!nodes || nodes.length === 0)
+        return [];
+    if (!fn)
+        return nodes;
+    const ln = fn.label || 'label';
+    const vn = fn.value || 'value';
+    const cn = fn.children || 'children';
+    return nodes.map(n => {
+        const mapped = { ...n, label: n[ln], value: n[vn] };
+        if (Array.isArray(n[cn]))
+            mapped.children = mapCascader(n[cn], fn);
+        return mapped;
+    });
+}
 export function Cascader(props) {
-    return _jsx(HbCascader, { options: props.options || [], modelValue: props.value, multiple: props.multiple, placeholder: props.placeholder, disabled: props.disabled, clearable: props.allowClear, filterable: props.showSearch, onHbChange: (e) => props.onChange?.(e.detail), style: props.style });
+    const options = mapCascader(props.options, props.fieldNames);
+    return (_jsx(HbCascader, { options: options, modelValue: props.value, multiple: props.multiple, placeholder: props.placeholder, disabled: props.disabled, clearable: props.allowClear, filterable: props.showSearch, onHbChange: (e) => props.onChange?.(e.detail), style: props.style }));
 }

package/lib/components/Select.d.ts

@@ -23,6 +23,13 @@ export interface SelectProps {
     virtual?: boolean;
     onSearch?: (value: string) => void;
     onDropdownVisibleChange?: (open: boolean) => void;
+    /** antd fieldNames：自定义 option 字段名映射，如 { label:'nickName', value:'id' } */
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        disabled?: string;
+        options?: string;
+    };
 }
 export declare function Select(props: SelectProps): React.JSX.Element;
 export declare namespace Select {

package/lib/components/Select.js

@@ -30,8 +30,32 @@ export function Select(props) {
     const { value, onChange, options, mode, placeholder, disabled, size, allowClear, showSearch, virtual, style, children, } = props;
     // antd maxTagCount：多选时折叠超出数量的 tag。映射到 hb-select 的 collapseTags + maxCollapseTags
     const maxTagCount = props.maxTagCount;
-    // 优先用 options prop；否则从 <Select.Option> children 提取
-    const resolvedOptions = options && options.length > 0 ? options : optionsFromChildren(children);
+    // antd fieldNames：自定义 option 字段名（如 {label:'nickName', value:'id'}）。
+    // hb-select 只认 {value,label,disabled}，必须按 fieldNames 重映射，否则下拉项无文案、值 undefined。
+    const fieldNames = props.fieldNames;
+    function mapOptions(opts) {
+        if (!opts || opts.length === 0)
+            return [];
+        if (!fieldNames)
+            return opts;
+        const ln = fieldNames.label || 'label';
+        const vn = fieldNames.value || 'value';
+        const dn = fieldNames.disabled || 'disabled';
+        const on = fieldNames.options; // OptGroup 子选项字段
+        const out = [];
+        for (const o of opts) {
+            if (on && Array.isArray(o[on])) {
+                for (const c of o[on])
+                    out.push({ ...c, value: c[vn], label: c[ln], disabled: c[dn] });
+            }
+            else {
+                out.push({ ...o, value: o[vn], label: o[ln], disabled: o[dn] });
+            }
+        }
+        return out;
+    }
+    // 优先用 options prop；否则从 <Select.Option> children 提取；再按 fieldNames 映射
+    const resolvedOptions = mapOptions(options && options.length > 0 ? options : optionsFromChildren(children));
     // 从 options 里查出选中项（单选返回单个 option，多选返回数组），对齐 antd onChange 第二参数
     const resolveOption = (val) => {
         if (!resolvedOptions || resolvedOptions.length === 0)

package/package.json

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