From 825f38fe5f6ffee6572cc51a9b0dbe54937f8070 Mon Sep 17 00:00:00 2001
From: xiamiao <xiamiao@xiaomi.com>
Date: Fri, 14 Jun 2024 14:16:21 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat(search):=20=E6=94=AF=E6=8C=81=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=AD=97=E6=AE=B5=E5=88=AB=E5=90=8D(#2885)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/breadcrumb/src/Breadcrumb.tsx | 13 ++++++++++-
 packages/ui/breadcrumb/src/util.ts        | 28 +++++++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 packages/ui/breadcrumb/src/util.ts

diff --git a/packages/ui/breadcrumb/src/Breadcrumb.tsx b/packages/ui/breadcrumb/src/Breadcrumb.tsx
index d12f18f2c..f3f6a47a3 100644
--- a/packages/ui/breadcrumb/src/Breadcrumb.tsx
+++ b/packages/ui/breadcrumb/src/Breadcrumb.tsx
@@ -1,8 +1,9 @@
-import React, { forwardRef } from 'react'
+import React, { forwardRef, useMemo } from 'react'
 import { cx, getPrefixCls } from '@hi-ui/classname'
 import { __DEV__ } from '@hi-ui/env'
 import { BreadcrumbDataItem, BreadcrumbSizeEnum } from './types'
 import { HiBaseHTMLProps } from '@hi-ui/core'
+import { transformData } from './util'
 
 const _role = 'breadcrumb'
 const _prefix = getPrefixCls(_role)
@@ -17,6 +18,7 @@ export const Breadcrumb = forwardRef<HTMLUListElement | null, BreadcrumbProps>(
       role = _role,
       className,
       data,
+      fieldNames,
       separator = '/',
       onClick,
       size = 'md',
@@ -26,6 +28,11 @@ export const Breadcrumb = forwardRef<HTMLUListElement | null, BreadcrumbProps>(
   ) => {
     const cls = cx(prefixCls, `${prefixCls}--${size}`, className)
 
+    data = useMemo((): BreadcrumbDataItem[] | undefined => {
+      if (data) return transformData(data, fieldNames)
+      return data
+    }, [data, fieldNames])
+
     return (
       <ul ref={ref} role={role} className={cls} {...rest}>
         {data?.map((item, index) => (
@@ -79,6 +86,10 @@ export interface BreadcrumbProps extends Omit<HiBaseHTMLProps<'ul'>, 'onClick'>
    * 面包屑数据项
    */
   data?: BreadcrumbDataItem[]
+  /**
+   * 设置 data 中 title, href, target, icon  对应的 key
+   */
+  fieldNames?: Record<string, string>
   /**
    * 面包屑尺寸
    */
diff --git a/packages/ui/breadcrumb/src/util.ts b/packages/ui/breadcrumb/src/util.ts
new file mode 100644
index 000000000..a7047501e
--- /dev/null
+++ b/packages/ui/breadcrumb/src/util.ts
@@ -0,0 +1,28 @@
+import { BreadcrumbDataItem } from './types'
+
+export const transformData = (
+  data: BreadcrumbDataItem[],
+  fieldNames: Record<string, string> | undefined
+): BreadcrumbDataItem[] => {
+  /**
+   * 转换对象
+   */
+  const getKeyFields = (node: any, key: any) => {
+    if (fieldNames) {
+      return node[(fieldNames as any)[key] || key]
+    }
+    return node[key]
+  }
+
+  const traverseTreeNode = (node: BreadcrumbDataItem): BreadcrumbDataItem => {
+    const newNode: BreadcrumbDataItem = { ...node }
+
+    newNode.title = getKeyFields(newNode, 'title')
+    newNode.href = getKeyFields(newNode, 'href')
+    newNode.icon = getKeyFields(newNode, 'icon')
+    newNode.target = getKeyFields(newNode, 'target')
+    return newNode
+  }
+
+  return data.map(traverseTreeNode)
+}

From 883f17874d6c09d1422e65ca0720f3745d3b1699 Mon Sep 17 00:00:00 2001
From: xiamiao <xiamiao@xiaomi.com>
Date: Fri, 14 Jun 2024 14:28:24 +0800
Subject: [PATCH 2/4] =?UTF-8?q?chore:=20=E7=94=9F=E6=88=90=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=E8=AE=B0=E5=BD=95=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/four-pets-sparkle.md | 5 +++++
 .changeset/soft-spies-march.md  | 5 +++++
 2 files changed, 10 insertions(+)
 create mode 100644 .changeset/four-pets-sparkle.md
 create mode 100644 .changeset/soft-spies-march.md

diff --git a/.changeset/four-pets-sparkle.md b/.changeset/four-pets-sparkle.md
new file mode 100644
index 000000000..e0e473375
--- /dev/null
+++ b/.changeset/four-pets-sparkle.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+feat(search): 支持配置字段别名
diff --git a/.changeset/soft-spies-march.md b/.changeset/soft-spies-march.md
new file mode 100644
index 000000000..f75d8ba02
--- /dev/null
+++ b/.changeset/soft-spies-march.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/breadcrumb": minor
+---
+
+feat: 支持配置字段别名

From 7f51c57ea955c0a94aeadf137abfffa61a1a5f80 Mon Sep 17 00:00:00 2001
From: xiamiao <xiamiao@xiaomi.com>
Date: Tue, 25 Jun 2024 14:27:59 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat(breadcrumb):=20=E4=BF=AE=E6=94=B9field?=
 =?UTF-8?q?Names=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/breadcrumb/src/Breadcrumb.tsx | 4 ++--
 packages/ui/breadcrumb/src/util.ts        | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/ui/breadcrumb/src/Breadcrumb.tsx b/packages/ui/breadcrumb/src/Breadcrumb.tsx
index f3f6a47a3..e5c453cb8 100644
--- a/packages/ui/breadcrumb/src/Breadcrumb.tsx
+++ b/packages/ui/breadcrumb/src/Breadcrumb.tsx
@@ -2,7 +2,7 @@ import React, { forwardRef, useMemo } from 'react'
 import { cx, getPrefixCls } from '@hi-ui/classname'
 import { __DEV__ } from '@hi-ui/env'
 import { BreadcrumbDataItem, BreadcrumbSizeEnum } from './types'
-import { HiBaseHTMLProps } from '@hi-ui/core'
+import { HiBaseFieldNames, HiBaseHTMLProps } from '@hi-ui/core'
 import { transformData } from './util'
 
 const _role = 'breadcrumb'
@@ -89,7 +89,7 @@ export interface BreadcrumbProps extends Omit<HiBaseHTMLProps<'ul'>, 'onClick'>
   /**
    * 设置 data 中 title, href, target, icon  对应的 key
    */
-  fieldNames?: Record<string, string>
+  fieldNames?: HiBaseFieldNames
   /**
    * 面包屑尺寸
    */
diff --git a/packages/ui/breadcrumb/src/util.ts b/packages/ui/breadcrumb/src/util.ts
index a7047501e..5033dfba3 100644
--- a/packages/ui/breadcrumb/src/util.ts
+++ b/packages/ui/breadcrumb/src/util.ts
@@ -1,8 +1,9 @@
+import { HiBaseFieldNames } from '@hi-ui/core'
 import { BreadcrumbDataItem } from './types'
 
 export const transformData = (
   data: BreadcrumbDataItem[],
-  fieldNames: Record<string, string> | undefined
+  fieldNames?: HiBaseFieldNames
 ): BreadcrumbDataItem[] => {
   /**
    * 转换对象

From 16cf0788f88ff0e6da9a4144e3bd32ffbe56565d Mon Sep 17 00:00:00 2001
From: xiamiao <xiamiao@xiaomi.com>
Date: Thu, 27 Jun 2024 10:06:16 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat(breadcrumb):=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/breadcrumb/src/Breadcrumb.tsx | 10 ++++-----
 packages/ui/breadcrumb/src/util.ts        | 25 ++++++++++++++---------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/packages/ui/breadcrumb/src/Breadcrumb.tsx b/packages/ui/breadcrumb/src/Breadcrumb.tsx
index e5c453cb8..e19c8f34e 100644
--- a/packages/ui/breadcrumb/src/Breadcrumb.tsx
+++ b/packages/ui/breadcrumb/src/Breadcrumb.tsx
@@ -28,16 +28,16 @@ export const Breadcrumb = forwardRef<HTMLUListElement | null, BreadcrumbProps>(
   ) => {
     const cls = cx(prefixCls, `${prefixCls}--${size}`, className)
 
-    data = useMemo((): BreadcrumbDataItem[] | undefined => {
+    const transformedData = useMemo((): BreadcrumbDataItem[] | undefined => {
       if (data) return transformData(data, fieldNames)
       return data
     }, [data, fieldNames])
 
     return (
       <ul ref={ref} role={role} className={cls} {...rest}>
-        {data?.map((item, index) => (
+        {transformedData?.map((item, index) => (
           <li key={index} className={`${prefixCls}__item`}>
-            {item.href && index !== data.length - 1 ? (
+            {item.href && index !== transformedData.length - 1 ? (
               <a
                 href={item.href}
                 target={item.target}
@@ -47,7 +47,7 @@ export const Breadcrumb = forwardRef<HTMLUListElement | null, BreadcrumbProps>(
                   }
                 }}
                 className={cx(`${prefixCls}__content`, {
-                  [`${prefixCls}__content--active`]: index === data.length - 1,
+                  [`${prefixCls}__content--active`]: index === transformedData.length - 1,
                 })}
               >
                 {item.icon}
@@ -56,7 +56,7 @@ export const Breadcrumb = forwardRef<HTMLUListElement | null, BreadcrumbProps>(
             ) : (
               <span
                 className={cx(`${prefixCls}__content`, {
-                  [`${prefixCls}__content--active`]: index === data.length - 1,
+                  [`${prefixCls}__content--active`]: index === transformedData.length - 1,
                 })}
                 onClick={(e) => {
                   if (onClick) {
diff --git a/packages/ui/breadcrumb/src/util.ts b/packages/ui/breadcrumb/src/util.ts
index 5033dfba3..5ffcb2f56 100644
--- a/packages/ui/breadcrumb/src/util.ts
+++ b/packages/ui/breadcrumb/src/util.ts
@@ -1,5 +1,6 @@
-import { HiBaseFieldNames } from '@hi-ui/core'
-import { BreadcrumbDataItem } from './types'
+import { HiBaseFieldNameKeys, HiBaseFieldNames } from '@hi-ui/core'
+import { BreadcrumbDataItem, BreadcrumbDataItemTargetEnum } from './types'
+import React from 'react'
 
 export const transformData = (
   data: BreadcrumbDataItem[],
@@ -8,22 +9,26 @@ export const transformData = (
   /**
    * 转换对象
    */
-  const getKeyFields = (node: any, key: any) => {
+  const getKeyFields = (node: BreadcrumbDataItem, key: HiBaseFieldNameKeys) => {
     if (fieldNames) {
-      return node[(fieldNames as any)[key] || key]
+      return node[(fieldNames[key] || key) as keyof BreadcrumbDataItem]
     }
-    return node[key]
+    return node[key as keyof BreadcrumbDataItem]
   }
 
-  const traverseTreeNode = (node: BreadcrumbDataItem): BreadcrumbDataItem => {
+  const traverseNode = (node: BreadcrumbDataItem): BreadcrumbDataItem => {
     const newNode: BreadcrumbDataItem = { ...node }
 
     newNode.title = getKeyFields(newNode, 'title')
-    newNode.href = getKeyFields(newNode, 'href')
-    newNode.icon = getKeyFields(newNode, 'icon')
-    newNode.target = getKeyFields(newNode, 'target')
+    newNode.href = getKeyFields(newNode, 'href' as HiBaseFieldNameKeys) as string
+    newNode.icon = getKeyFields(newNode, 'icon' as HiBaseFieldNameKeys) as React.ReactNode
+    newNode.target = getKeyFields(
+      newNode,
+      'target' as HiBaseFieldNameKeys
+    ) as BreadcrumbDataItemTargetEnum
+
     return newNode
   }
 
-  return data.map(traverseTreeNode)
+  return data.map(traverseNode)
 }