diff --git a/packages/pro/search/demo/Parser.md b/packages/pro/search/demo/Parser.md
new file mode 100644
index 000000000..615e02f57
--- /dev/null
+++ b/packages/pro/search/demo/Parser.md
@@ -0,0 +1,6 @@
+---
+order: 50
+title:
+  zh: 使用 `useParser` 解析搜索值
+  en: Parse search value using `useParser`
+---
diff --git a/packages/pro/search/demo/Parser.vue b/packages/pro/search/demo/Parser.vue
new file mode 100644
index 000000000..abb040f4e
--- /dev/null
+++ b/packages/pro/search/demo/Parser.vue
@@ -0,0 +1,305 @@
+<template>
+  <IxProSearch v-model:value="value" style="width: 100%" :searchFields="searchFields"></IxProSearch>
+  <IxTable :columns="tableColums" :dataSource="tableData"></IxTable>
+</template>
+
+<script setup lang="ts">
+import type { TableColumn } from '@idux/components/table'
+
+import { computed, ref } from 'vue'
+
+import { type SearchField, type SearchValue, useParser } from '@idux/pro/search'
+
+const value = ref<SearchValue[]>([
+  {
+    key: 'level',
+    name: 'Level',
+    operator: '=',
+    value: 'level1',
+  },
+  {
+    key: 'security_state',
+    name: 'Security State',
+    value: ['high', 'low'],
+  },
+  {
+    key: 'keyword',
+    name: '',
+    value: 'custom keyword',
+  },
+])
+const searchFields = ref<SearchField[]>([
+  {
+    key: 'keyword',
+    type: 'input',
+    label: 'Keyword',
+    multiple: true,
+    placeholder: 'please input keyword',
+    fieldConfig: {
+      trim: true,
+    },
+  },
+  {
+    type: 'select',
+    label: 'Level',
+    key: 'level',
+    operators: ['=', '!='],
+    defaultOperator: '=',
+    fieldConfig: {
+      multiple: false,
+      searchable: true,
+      dataSource: [
+        {
+          key: 'level1',
+          label: 'Level 1',
+        },
+        {
+          key: 'level2',
+          label: 'Level 2',
+        },
+        {
+          key: 'level3',
+          label: 'Level 3',
+        },
+      ],
+    },
+  },
+  {
+    type: 'select',
+    label: 'Security State',
+    key: 'security_state',
+    fieldConfig: {
+      multiple: true,
+      searchable: true,
+      dataSource: [
+        {
+          key: 'fatal',
+          label: 'fatal',
+        },
+        {
+          key: 'high',
+          label: 'high',
+        },
+        {
+          key: 'mediumn',
+          label: 'mediumn',
+        },
+        {
+          key: 'low',
+          label: 'low',
+        },
+      ],
+    },
+  },
+  {
+    type: 'treeSelect',
+    label: 'Tree Data',
+    key: 'tree_data',
+    fieldConfig: {
+      multiple: true,
+      searchable: true,
+      checkable: true,
+      cascaderStrategy: 'all',
+      dataSource: [
+        {
+          label: 'Node 0',
+          key: '0',
+          children: [
+            {
+              label: 'Node 0-0',
+              key: '0-0',
+              children: [
+                {
+                  label: 'Node 0-0-0',
+                  key: '0-0-0',
+                },
+                {
+                  label: 'Node 0-0-1',
+                  key: '0-0-1',
+                },
+              ],
+            },
+            {
+              label: 'Node 0-1',
+              key: '0-1',
+              children: [
+                { label: 'Node 0-1-0', key: '0-1-0' },
+                { label: 'Node 0-1-1', key: '0-1-1' },
+              ],
+            },
+          ],
+        },
+      ],
+    },
+  },
+  {
+    type: 'cascader',
+    key: 'cascader',
+    label: 'Cascader',
+    fieldConfig: {
+      fullPath: true,
+      multiple: true,
+      searchable: true,
+      dataSource: [
+        {
+          key: 'components',
+          label: 'Components',
+          children: [
+            {
+              key: 'general',
+              label: 'General',
+              children: [
+                {
+                  key: 'button',
+                  label: 'Button',
+                },
+                {
+                  key: 'header',
+                  label: 'Header',
+                },
+                {
+                  key: 'icon',
+                  label: 'Icon',
+                },
+              ],
+            },
+            {
+              key: 'layout',
+              label: 'Layout',
+              children: [
+                {
+                  key: 'divider',
+                  label: 'Divider',
+                },
+                {
+                  key: 'grid',
+                  label: 'Grid',
+                },
+                {
+                  key: 'space',
+                  label: 'Space',
+                },
+              ],
+            },
+            {
+              key: 'navigation',
+              label: 'Navigation',
+              children: [
+                {
+                  key: 'breadcrumb',
+                  label: 'Breadcrumb',
+                },
+                {
+                  key: 'dropdown',
+                  label: 'Dropdown',
+                },
+                {
+                  key: 'menu',
+                  label: 'Menu',
+                },
+                {
+                  key: 'pagination',
+                  label: 'Pagination',
+                },
+              ],
+            },
+          ],
+        },
+        {
+          key: 'pro',
+          label: 'Pro',
+          children: [
+            {
+              key: 'pro-layout',
+              label: 'Layout',
+            },
+            {
+              key: 'pro-table',
+              label: 'Table',
+              disabled: true,
+            },
+            {
+              key: 'pro-transfer',
+              label: 'Transfer',
+            },
+          ],
+        },
+        {
+          key: 'cdk',
+          label: 'CDK',
+          disabled: true,
+          children: [
+            {
+              key: 'a11y',
+              label: 'Accessibility',
+            },
+            {
+              key: 'breakpoint',
+              label: 'Breakpoint',
+            },
+            {
+              key: 'click-outside',
+              label: 'ClickOutside',
+            },
+            {
+              key: 'clipboard',
+              label: 'Clipboard',
+            },
+            {
+              key: 'forms',
+              label: 'Forms',
+            },
+          ],
+        },
+      ],
+    },
+  },
+  {
+    type: 'datePicker',
+    label: 'Date',
+    key: 'date',
+    fieldConfig: {
+      type: 'datetime',
+    },
+  },
+  {
+    type: 'dateRangePicker',
+    label: 'Date Range',
+    key: 'date_range',
+    fieldConfig: {
+      type: 'datetime',
+    },
+  },
+])
+
+const tableColums: TableColumn[] = [
+  {
+    type: 'indexable',
+  },
+  {
+    dataKey: 'name',
+    title: 'Name',
+    width: 100,
+  },
+  {
+    dataKey: 'input',
+    title: 'Search Input',
+  },
+]
+
+const { parse } = useParser(searchFields)
+const tableData = computed(() => {
+  const parseRes = parse(value.value)
+
+  return parseRes.map(res => {
+    const { label, segments } = res
+
+    return {
+      name: label,
+      input: segments.map(seg => seg.input).join(' '),
+    }
+  })
+})
+</script>
+
+<style scoped lang="less"></style>
diff --git a/packages/pro/search/index.ts b/packages/pro/search/index.ts
index 1d0923e91..c02a66933 100644
--- a/packages/pro/search/index.ts
+++ b/packages/pro/search/index.ts
@@ -14,6 +14,7 @@ const IxProSearch = ProSearch as unknown as ProSearchComponent
 const IxProSearchShortcut = ProSearchShortcut as unknown as ProSearchShortcutComponent
 
 export { IxProSearch, IxProSearchShortcut }
+export { useParser } from './src/useParser'
 
 export type {
   ProSearchSize,
@@ -29,3 +30,5 @@ export type {
   SearchItemCreateContext,
   SearchItemConfirmContext,
 } from './src/types'
+
+export type { ParserContext, ParseResult } from './src/useParser'
diff --git a/packages/pro/search/src/ProSearch.tsx b/packages/pro/search/src/ProSearch.tsx
index 1ef249e49..74cc0948c 100644
--- a/packages/pro/search/src/ProSearch.tsx
+++ b/packages/pro/search/src/ProSearch.tsx
@@ -46,6 +46,7 @@ export default defineComponent({
       () => !!props.searchFields?.some(field => !!field.quickSelect && !field.multiple),
     )
 
+    const searchFields = computed(() => props.searchFields ?? [])
     const quickSelectOverlayOpened = computed(() => quickSelectActive.value && overlayOpened.value)
 
     const elementRef = ref<HTMLElement | undefined>()
@@ -54,7 +55,7 @@ export default defineComponent({
 
     const searchValueContext = useSearchValues(props)
     const { searchValues } = searchValueContext
-    const resolvedSearchFieldsContext = useResolvedSearchFields(props, mergedPrefixCls, dateConfig)
+    const resolvedSearchFieldsContext = useResolvedSearchFields(searchFields, mergedPrefixCls, dateConfig)
     const { fieldKeyMap } = resolvedSearchFieldsContext
     const searchStateContext = useSearchStates(props, fieldKeyMap, searchValueContext)
     const { searchStates, initSearchStates, clearSearchState, updateSearchValues, isSegmentVisible } =
diff --git a/packages/pro/search/src/composables/useResolvedSearchFields.ts b/packages/pro/search/src/composables/useResolvedSearchFields.ts
index 36170c902..12de6ef76 100644
--- a/packages/pro/search/src/composables/useResolvedSearchFields.ts
+++ b/packages/pro/search/src/composables/useResolvedSearchFields.ts
@@ -5,7 +5,7 @@
  * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
  */
 
-import type { ProSearchProps, ResolvedSearchField, SearchField, Segment } from '../types'
+import type { ResolvedSearchField, SearchField, Segment } from '../types'
 import type { VKey } from '@idux/cdk/utils'
 import type { DateConfig } from '@idux/components/config'
 
@@ -26,13 +26,13 @@ export interface ResolvedSearchFieldsContext {
 }
 
 export function useResolvedSearchFields(
-  props: ProSearchProps,
+  searchFields: ComputedRef<SearchField[]>,
   mergedPrefixCls: ComputedRef<string>,
   dateConfig: DateConfig,
 ): ResolvedSearchFieldsContext {
   const resolvedSearchFields = computed(
     () =>
-      props.searchFields?.map(searchField => {
+      searchFields.value.map(searchField => {
         return {
           ...searchField,
           segments: [
diff --git a/packages/pro/search/src/composables/useSearchStates.ts b/packages/pro/search/src/composables/useSearchStates.ts
index 99dbed69b..9a6321697 100644
--- a/packages/pro/search/src/composables/useSearchStates.ts
+++ b/packages/pro/search/src/composables/useSearchStates.ts
@@ -12,7 +12,9 @@ import { type ComputedRef, type Ref, computed, ref, toRaw } from 'vue'
 
 import { isEqual, isNil } from 'lodash-es'
 
-import { type VKey, callEmit, convertArray } from '@idux/cdk/utils'
+import { type VKey, callEmit } from '@idux/cdk/utils'
+
+import { generateSegmentStates } from '../utils'
 
 export interface SearchState {
   key: VKey
@@ -443,24 +445,6 @@ function createStateKeyGetter() {
   }
 }
 
-function generateSegmentStates(
-  searchField: ResolvedSearchField,
-  searchValue?: Omit<SearchValue, 'key'>,
-): SegmentState[] {
-  const segments = searchField.segments
-  const hasOperators = searchField.operators && searchField.operators.length > 0
-  const operator = searchValue?.operator ?? searchField.operators?.find(op => op === searchField.defaultOperator)
-  const value = searchValue?.value ?? searchField.defaultValue
-  const valueArr = segments.length > (hasOperators ? 2 : 1) ? convertArray(value) : [value]
-  const segmentValues = hasOperators ? [operator, ...valueArr] : valueArr
-
-  return segments.map((segment, idx) => ({
-    name: segment.name,
-    value: segmentValues[idx],
-    input: segment.format(segmentValues[idx], []),
-  }))
-}
-
 function compareSearchValues(newSearchValues: SearchValue[] | undefined, oldSearchValues: SearchValue[] | undefined) {
   if (!newSearchValues && !oldSearchValues) {
     return true
diff --git a/packages/pro/search/src/useParser.ts b/packages/pro/search/src/useParser.ts
new file mode 100644
index 000000000..7adec45d0
--- /dev/null
+++ b/packages/pro/search/src/useParser.ts
@@ -0,0 +1,57 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
+ */
+
+import type { SearchField, SearchValue, SegmentState } from './types'
+import type { VKey } from '@idux/cdk/utils'
+
+import { type Ref, computed } from 'vue'
+
+import { useDateConfig } from '@idux/components/config'
+
+import { useResolvedSearchFields } from './composables/useResolvedSearchFields'
+import { generateSegmentStates } from './utils'
+
+export interface ParseResult {
+  key: VKey
+  label?: string
+  segments: SegmentState[]
+}
+
+export interface ParserContext {
+  parse: (searchValues: SearchValue[]) => ParseResult[]
+}
+
+export function useParser(searchFields: Ref<SearchField[]> | SearchField[]): ParserContext {
+  const dateConfig = useDateConfig()
+  const { fieldKeyMap } = useResolvedSearchFields(
+    computed(() => ('value' in searchFields ? searchFields.value : searchFields)),
+    computed(() => '__pro-search-parser__'),
+    dateConfig,
+  )
+
+  const parse = (searchValues: SearchValue[]) => {
+    return searchValues
+      .map(value => {
+        const field = fieldKeyMap.value.get(value.key)
+
+        if (field) {
+          return {
+            key: value.key,
+            label: field.label,
+            segments: generateSegmentStates(field, value),
+          }
+        }
+
+        return
+      })
+      .filter(Boolean) as ParseResult[]
+  }
+
+  return {
+    parse,
+  }
+}
diff --git a/packages/pro/search/src/utils/generateSegmentStates.ts b/packages/pro/search/src/utils/generateSegmentStates.ts
new file mode 100644
index 000000000..3e3202689
--- /dev/null
+++ b/packages/pro/search/src/utils/generateSegmentStates.ts
@@ -0,0 +1,28 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/IDuxFE/idux/blob/main/LICENSE
+ */
+
+import type { ResolvedSearchField, SearchValue, SegmentState } from '../types'
+
+import { convertArray } from '@idux/cdk/utils'
+
+export function generateSegmentStates(
+  searchField: ResolvedSearchField,
+  searchValue?: Omit<SearchValue, 'key'>,
+): SegmentState[] {
+  const segments = searchField.segments
+  const hasOperators = searchField.operators && searchField.operators.length > 0
+  const operator = searchValue?.operator ?? searchField.operators?.find(op => op === searchField.defaultOperator)
+  const value = searchValue?.value ?? searchField.defaultValue
+  const valueArr = segments.length > (hasOperators ? 2 : 1) ? convertArray(value) : [value]
+  const segmentValues = hasOperators ? [operator, ...valueArr] : valueArr
+
+  return segments.map((segment, idx) => ({
+    name: segment.name,
+    value: segmentValues[idx],
+    input: segment.format(segmentValues[idx], []),
+  }))
+}
diff --git a/packages/pro/search/src/utils/index.ts b/packages/pro/search/src/utils/index.ts
index be026cd43..650831d08 100644
--- a/packages/pro/search/src/utils/index.ts
+++ b/packages/pro/search/src/utils/index.ts
@@ -9,3 +9,4 @@ export * from './getSelectableCommonParams'
 export * from './RenderIcon'
 export * from './selectData'
 export * from './measureTextWidth'
+export * from './generateSegmentStates'