zy-react-library 1.0.164 → 1.0.166

package/components/FormBuilder/FormItemsRenderer.d.ts

@@ -31,7 +31,7 @@ export interface itemsFieldConfig {
   /** 值字段的键名，默认为 'bianma' */
   valueKey?: string;
   /** 标签字段的键名，默认为 'name' */
-  labelKey?: string;
+  labelKey?: string | ((item: Record<string, any>) => ReactNode);
 }
 
 /**

package/components/FormBuilder/FormItemsRenderer.js

@@ -253,7 +253,7 @@ const FormItemsRenderer = ({
           <Select placeholder={placeholder} showSearch allowClear optionFilterProp="children" {...componentProps}>
             {(option.items || []).map((item) => {
               const value = item[itemsFieldKey.valueKey];
-              const label = item[itemsFieldKey.labelKey];
+              const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
               return (
                 <Select.Option key={value} value={value}>
                   {label}
@@ -268,7 +268,7 @@ const FormItemsRenderer = ({
           <Radio.Group {...componentProps}>
             {(option.items || []).map((item) => {
               const value = item[itemsFieldKey.valueKey];
-              const label = item[itemsFieldKey.labelKey];
+              const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
               return (
                 <Radio key={value} value={value}>
                   {label}
@@ -283,7 +283,7 @@ const FormItemsRenderer = ({
           <Checkbox.Group {...componentProps}>
             {(option.items || []).map((item) => {
               const value = item[itemsFieldKey.valueKey];
-              const label = item[itemsFieldKey.labelKey];
+              const label = item[typeof itemsFieldKey.labelKey === "function" ? itemsFieldKey.labelKey(item) : itemsFieldKey.labelKey];
               return (
                 <Checkbox key={value} value={value}>
                   {label}

package/components/Select/Basic/index.d.ts

@@ -1,5 +1,5 @@
 import type { SelectProps } from "antd/es/select";
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 
 /**
  * 组件属性
@@ -19,11 +19,13 @@ export interface BasicSelectProps extends SelectProps {
   onGetOption?: (option: Record<string, any> | Record<string, any>[]) => void;
   /** 获取数据 */
   onGetData?: (data: Record<string, any>[]) => void;
+  /** 自定义 label 的渲染函数 */
+  labelRender?: (item: Record<string, any>) => ReactNode;
 }
 
 /**
  * 基础下拉组件（不建议直接使用此组件，二次继承使用）
  */
-declare const BasicSelectTree: FC<BasicSelectProps>;
+declare const BasicSelect: FC<BasicSelectProps>;
 
-export default BasicSelectTree;
+export default BasicSelect;

package/components/Select/Basic/index.js

@@ -14,6 +14,7 @@ function BasicSelect(props) {
     data = [],
     nameKey = "name",
     idKey = "id",
+    labelRender,
     ...restProps
   } = props;
 
@@ -59,7 +60,7 @@ function BasicSelect(props) {
     <Select placeholder={`请选择${placeholder}`} showSearch allowClear optionFilterProp="children" onChange={handleChange} {...restProps}>
       {data.map((item) => {
         const value = item[idKey];
-        const label = item[nameKey];
+        const label = labelRender ? labelRender(item) : item[nameKey];
         return (
           <Select.Option key={value} value={value}>
             {label}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zy-react-library",
   "private": false,
-  "version": "1.0.164",
+  "version": "1.0.166",
   "type": "module",
   "description": "",
   "author": "LiuJiaNan",