diff --git a/packages/devui-vue/devui/auto-complete/src/auto-complete.scss b/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
index 4632fc8e0f..88eba5ad52 100644
--- a/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
+++ b/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
@@ -16,6 +16,12 @@
   }
 }
 
+.devui-auto-complete {
+  .devui-form-control {
+    padding: 4px 8px;
+  }
+}
+
 .devui-auto-complete,
 .devui-auto-complete-menu {
   .active {
diff --git a/packages/devui-vue/devui/auto-complete/src/composables/use-custom-template.ts b/packages/devui-vue/devui/auto-complete/src/composables/use-custom-template.ts
index 95a71660a5..0b83da0f5f 100644
--- a/packages/devui-vue/devui/auto-complete/src/composables/use-custom-template.ts
+++ b/packages/devui-vue/devui/auto-complete/src/composables/use-custom-template.ts
@@ -7,32 +7,32 @@ type CustomRenderSoltsType = {
 export default function useCustomTemplate(ctx: SetupContext,modelValue: Ref<string>): any {
   const itemTemplate = (item: any, index: number) => {
     const arr = { item, index };
-    if (ctx.slots.itemTemplate) {
-      return ctx.slots.itemTemplate(arr);
+    if (ctx.slots.item) {
+      return ctx.slots.item(arr);
     }
     return null;
   };
   const noResultItemTemplate = () => {
-    if (ctx.slots.noResultItemTemplate) {
-      return ctx.slots.noResultItemTemplate(modelValue.value);
+    if (ctx.slots.nothing) {
+      return ctx.slots.nothing(modelValue.value);
     }
     return null;
   };
   const searchingTemplate = () => {
-    if (ctx.slots.searchingTemplate) {
-      return ctx.slots.searchingTemplate(modelValue.value);
+    if (ctx.slots.searching) {
+      return ctx.slots.searching(modelValue.value);
     }
     return null;
   };
   const customRenderSolts = () => {
     const slots: CustomRenderSoltsType = {};
-    if (ctx.slots.itemTemplate) {
+    if (ctx.slots.item) {
       slots['itemTemplate'] = itemTemplate;
     }
-    if (ctx.slots.noResultItemTemplate) {
+    if (ctx.slots.nothing) {
       slots['noResultItemTemplate'] = noResultItemTemplate;
     }
-    if (ctx.slots.searchingTemplate) {
+    if (ctx.slots.searching) {
       slots['searchingTemplate'] = searchingTemplate;
     }
     return slots;
diff --git a/packages/devui-vue/docs/components/auto-complete/index.md b/packages/devui-vue/docs/components/auto-complete/index.md
index 1cdc2aa8f8..8f2f1ab5d8 100644
--- a/packages/devui-vue/docs/components/auto-complete/index.md
+++ b/packages/devui-vue/docs/components/auto-complete/index.md
@@ -17,12 +17,11 @@
     :delay="1000"
     :source="source"
     v-model="value"
-    :allowEmptyValueSearch="allowEmptyValueSearch"
-    :selectValue="selectValue"
-    :transInputFocusEmit="transInputFocusEmit"
-    :appendToBody="true"
-    :appendToBodyDirections="appendToBodyDirections"
-    :dAutoCompleteWidth="450"
+    :allow-empty-value-search="allowEmptyValueSearch"
+    :select-value="selectValue"
+    :trans-input-focus-emit="transInputFocusEmit"
+    :position="position"
+    :width="420"
   >
   </d-auto-complete>
 </template>
@@ -49,25 +48,20 @@ export default defineComponent({
       'LiveScript',
       'CoffeeScript',
     ])
-    const selectValue = ()=>{
-      console.log('selectValue')
+    const selectValue = (e)=>{
+      console.log('selectValue',e)
     }
     const transInputFocusEmit = ()=>{
       console.log('transInputFocusEmit')
     }
-    const appendToBodyDirections = ref({
-      originX: 'left',
-      originY: 'bottom',
-      overlayX: 'left',
-      overlayY: 'top',
-    })
+    const position = ref(['bottom'])
     return {
       value,
       source,
       allowEmptyValueSearch,
       transInputFocusEmit,
       selectValue,
-      appendToBodyDirections
+      position
     }
   }
 })
@@ -148,20 +142,20 @@ export default defineComponent({
 :::
 
 ### 自定义数据匹配方法
-通过 searchFn 自定义数据的匹配方法和返回的数据格式。
+通过 search-fn 自定义数据的匹配方法和返回的数据格式。
 :::demo
 
 ```vue
 <template>
   <d-auto-complete
     v-model="value"
-    :searchFn="searchFn"
-    disabledKey="disabled"
-    isSearching
+    :search-fn="searchFn"
+    disabled-key="disabled"
+    is-searching
     :delay="1000"
     :formatter="formatter"
   >
-    <template #searchingTemplate="slotProps" >
+    <template #searching="slotProps" >
       <div>
           {{`searching: ${slotProps}`}}
       </div>
@@ -250,7 +244,7 @@ export default defineComponent({
 :::
 
 ### 自定义模板展示
-通过 itemTemplate、noResultItemTemplate 自定义下拉框和无匹配提示。
+通过 item、nothing 自定义下拉框和无匹配提示。
 :::demo
 
 ```vue
@@ -259,12 +253,12 @@ export default defineComponent({
     :source="source"
     v-model="value"
   >
-    <template #itemTemplate="slotProps" >
+    <template #item="slotProps" >
       <div>
           第{{slotProps.index}}项: {{slotProps.item}}
       </div>
     </template>
-    <template #noResultItemTemplate="slotProps" >
+    <template #nothing="slotProps" >
       <div>
           {{`没有匹配项: ${slotProps}`}}
       </div>
@@ -312,7 +306,7 @@ export default defineComponent({
 
 ### 最近输入
 
-通过 latestSource 设置最近输入。
+通过 latest-source 设置最近输入。
 
 :::demo
 
@@ -321,7 +315,7 @@ export default defineComponent({
   <d-auto-complete
     :source="source"
     v-model="value"
-    :latestSource="latestSource"
+    :latest-source="latestSource"
   >
   </d-auto-complete>
 </template>
@@ -367,8 +361,8 @@ export default defineComponent({
 
 
 
-### 懒加载
-enableLazyLoad 开启懒加载
+### 启用懒加载
+enable-lazy-load 开启懒加载
 
 :::demo
 
@@ -378,8 +372,9 @@ enableLazyLoad 开启懒加载
     ref="autoCompleteRef"
     :source="source"
     v-model="value"
-    enableLazyLoad
+    enable-lazy-load
     :load-more="loadMore"
+    scene-type="select"
   >
   </d-auto-complete>
 </template>
@@ -438,44 +433,62 @@ export default defineComponent({
 :::
 
 
-### d-auto-complete
-
-d-auto-complete 参数
-
-|          参数          |                        类型                         |                       默认                       |                                                                              说明                                                                               | 跳转 Demo                              | 全局配置项 |
-| :--------------------: | :-------------------------------------------------: | :----------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------- | ---------- |
-|         source         |                    `Array<any>`                     |                        --                        |                                                              必选，有 searchFn 的情况下可以不必选                                                               | [基本用法](#基本用法)           |
-| allowEmptyValueSearch  |                      `boolean`                      |                      false                       |                                                     可选，在绑定的输入框 value 为空时，是否进行搜索提示操作                                                     | [基本用法](#基本用法)     |
-|      appendToBody      |                      `boolean`                      |                      false                       |                                                                可选，下拉弹出是否 append to body                                                                | [基本用法](#基本用法)     |
-| appendToBodyDirections | `Object as PropType<ConnectionPosition>` | `{originX: 'left',originY: 'bottom',overlayX: 'left',overlayY: 'top',}` |                               可选，指定下拉框与输入框的相对位置，ConnectionPosition 请参考 Overlay                                | [基本用法](#基本用法)    |
-|        disabled        |                      `boolean`                      |                      false                       |                                                                       可选，是否禁用指令                                                                        | [设置禁用](#设置禁用)          |
-|         delay          |                      `number`                       |                       300                        |                                                 可选，只有在 delay 时间经过后并且未输入新值，才做搜索查询（`ms`）                                                 | [基本用法](#基本用法)     |
-|      disabledKey       |                      `string`                       |                        --                        | 可选，禁用单个选项，当传入资源 source 选项类型为对象，比如设置为'disabled'，则当对象的 disable 属性为 true 时，比如{ label: xxx, disabled: true }，该选项将禁用 | [自定义数据匹配方法](#自定义数据匹配方法)          |
-|      itemTemplate      |                    `slot`                    |                        --                        |                                                                      可选，自定义展示模板。slotProps：{ index: 下标索引, item: 当前项内容 }。                                                                         | [自定义模板展示](#自定义模板展示)     |
-|  noResultItemTemplate  |                    `slot`                    |                        --                        |                                                                   可选，没有匹配项的展示结果。slotProps：输入内容。                                                                     | [自定义模板展示](#自定义模板展示)     |
-|       formatter        |               `(item: any) => string`               |     [`defaultFormatter`](#defaultFormatter)      |                                                                        可选，格式化函数                                                                         | [自定义数据匹配方法](#自定义数据匹配方法)          |
-|      isSearching       |                      `boolean`                      |                      false                       |                                                     可选，是否在搜索中，用于控制 searchingTemplate 是否显示                                                     | [自定义数据匹配方法](#自定义数据匹配方法)     |
-|   searchingTemplate    |                    `slot`                    |                        --                        |                                                                   可选，自定义搜索中显示模板。slotProps：输入内容。                                                                    | [自定义数据匹配方法](#自定义数据匹配方法)     |
-|       sceneType        |                      `string`                       |                        --                        |                                                                 可选，值为 'select'、'suggest'                                                                  | [启用懒加载](#启用懒加载)      |
-|        searchFn        |        `(term: string) => Array<any>`        |      [`defaultSearchFn`](#defaultSearchFn)       |                                                                      可选，自定义搜索过滤                                                                       | [自定义数据匹配方法](#自定义数据匹配方法) |
-|        tipsText        |                      `string`                       |                    '最近输入'                    |                                                                         可选，提示文字                                                                          | [设置禁用](#设置禁用)          |
-|      latestSource      |                    `Array<any>`                     |                        --                        |                                                                         可选， 最近输入                                                                         | [最近输入](#最近输入)           |
-|      valueParser       |                `(item: any) => any`                 |    [`defaultValueParse`](#defaultValueParse)     |                                                                   可选， 对选中后数据进行处理                                                                   | [懒加载](#懒加载)      |
-|     enableLazyLoad     |                      `boolean`                      |                      false                       |                                                                      可选，是否允许懒加载                                                                       | [懒加载](#懒加载)      |
-|   dAutoCompleteWidth   |                      `number`                       |                        --                        |                                                                     可选，调整宽度（`px`）                                                                      |[基本用法](#基本用法)
-|     showAnimation      |                      `boolean`                      |                       true                       |                                                                       可选，是否开启动画                                                                        |                                        | ✔          |      |           |
-
-d-auto-complete 事件
-
-|        参数         |                                         类型                                         |                                                                  说明                                                                  | 跳转 Demo                         |
-| :-----------------: | :----------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------- |
-|      loadMore       |               `EventEmitter<ComponentRef<AutoCompletePopupComponent>>`               | 懒加载触发事件，配合`enableLazyLoad`使用，使用`$event.loadFinish()`关闭 loading 状态，其中\$event 为 AutoCompletePopupComponent 的实例 | [懒加载](#懒加载) |
-|     selectValue     |                                 `EventEmitter<any>`                                  |                                                      可选，选择选项之后的回调函数                                                      | [基本用法](#基本用法) |
-| transInputFocusEmit | `EventEmitter<any>`  |                                                      可选，Input focus 时回调函数             | [基本用法](#基本用法)  |
-
+### AutoComplete 参数
+
+|           参数           |              类型              |                   默认                    |                                                                              说明                                                                               | 跳转 Demo                                 | 全局配置项 |
+| :----------------------: | :----------------------------: | :---------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------- | ---------- |
+|          source          |          `Array<any>`          |                    --                     |                                                              必选，有 searchFn 的情况下可以不必选                                                               | [基本用法](#基本用法)                     |
+| allow-empty-value-search |           `boolean`            |                   false                   |                                                     可选，在绑定的输入框 value 为空时，是否进行搜索提示操作                                                     | [基本用法](#基本用法)                     |
+|         position         |         `Placement[]`          |          ['bottom'](#placement)           |                                                               可选，指定下拉框与输入框的相对位置                                                                | [基本用法](#基本用法)                     |
+|         disabled         |           `boolean`            |                   false                   |                                                                       可选，是否禁用指令                                                                        | [设置禁用](#设置禁用)                     |
+|          delay           |            `number`            |                    300                    |                                                可选，只有在 delay 时间经过后并且未输入新值，才做搜索查询（`ms`）                                                | [基本用法](#基本用法)                     |
+|       disabled-key       |            `string`            |                    --                     | 可选，禁用单个选项，当传入资源 source 选项类型为对象，比如设置为'disabled'，则当对象的 disable 属性为 true 时，比如{ label: xxx, disabled: true }，该选项将禁用 | [自定义数据匹配方法](#自定义数据匹配方法) |
+|        formatter         |    `(item: any) => string`     |  [`defaultFormatter`](#defaultFormatter)  |                                                                        可选，格式化函数                                                                         | [自定义数据匹配方法](#自定义数据匹配方法) |
+|       is-searching       |           `boolean`            |                   false                   |                                                     可选，是否在搜索中，用于控制 searchingTemplate 是否显示                                                     | [自定义数据匹配方法](#自定义数据匹配方法) |
+|        scene-type        |            `string`            |                    --                     |                                                                 可选，值为 'select'、'suggest'                                                                  | [启用懒加载](#启用懒加载)                 |
+|        search-fn         | `(term: string) => Array<any>` |   [`defaultSearchFn`](#defaultSearchFn)   |                                                                      可选，自定义搜索过滤                                                                       | [自定义数据匹配方法](#自定义数据匹配方法) |
+|        tips-text         |            `string`            |                '最近输入'                 |                                                                         可选，提示文字                                                                          | [设置禁用](#设置禁用)                     |
+|      latest-source       |          `Array<any>`          |                    --                     |                                                                         可选， 最近输入                                                                         | [最近输入](#最近输入)                     |
+|       value-parser       |      `(item: any) => any`      | [`defaultValueParse`](#defaultValueParse) |                                                                   可选， 对选中后数据进行处理                                                                   | [启用懒加载](#启用懒加载)                 |
+|     enable-lazy-load     |           `boolean`            |                   false                   |                                                                      可选，是否允许懒加载                                                                       | [启用懒加载](#启用懒加载)                 |
+|          width           |            `number`            |                    400                    |                                                                     可选，调整宽度（`px`）                                                                      | [基本用法](#基本用法)                     |
+|      show-animation      |           `boolean`            |                   true                    |                                                                       可选，是否开启动画                                                                        |                                           | ✔          |  |  |
+
+### AutoComplete 事件
+
+|          参数          |       类型        |                                                                说明                                                                 | 跳转 Demo             |
+| :--------------------: | :---------------: | :---------------------------------------------------------------------------------------------------------------------------------: | :-------------------- |
+|        loadMore        |    `function`     | 懒加载触发事件，配合`enable-lazy-load`使用，使用`$event.loadFinish()`关闭 loading 状态，其中\$event 为 AutoCompleteComponent 的实例 | [懒加载](#懒加载)     |
+|      select-value      | `function(value)` |                                                    可选，选择选项之后的回调函数                                                     | [基本用法](#基本用法) |
+| trans-input-focus-emit |    `function`     |                                                    可选，Input focus 时回调函数                                                     | [基本用法](#基本用法) |
+
+### AutoComplete 插槽
+
+|  插槽名   |                                   说明                                   | 跳转 Demo                                 |
+| :-------: | :----------------------------------------------------------------------: | :---------------------------------------- |
+|   item    | 可选，自定义展示模板。slotProps：{ index: 下标索引, item: 当前项内容 }。 | [自定义模板展示](#自定义模板展示)         |
+|  nothing  |            可选，没有匹配项的展示结果。slotProps：输入内容。             | [自定义模板展示](#自定义模板展示)         |
+| searching |            可选，自定义搜索中显示模板。slotProps：输入内容。             | [自定义数据匹配方法](#自定义数据匹配方法) |
 
 # 接口 & 类型定义
 
+### Placement
+```ts
+type Placement =
+  | 'top'
+  | 'right'
+  | 'bottom'
+  | 'left'
+  | 'top-start'
+  | 'top-end'
+  | 'right-start'
+  | 'right-end'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left-start'
+  | 'left-end';
+```
+
 ### defaultSearchFn
 
 ```ts
@@ -505,4 +518,4 @@ item 为数据项。
 ```ts
 defaultValueParse = (item) => item;
 ```
-item 为数据项。
+item 为数据项。
\ No newline at end of file
diff --git a/packages/devui-vue/docs/en-US/components/auto-complete/api-en.md b/packages/devui-vue/docs/en-US/components/auto-complete/api-en.md
index 10cdc97d1a..a28fc58a09 100644
--- a/packages/devui-vue/docs/en-US/components/auto-complete/api-en.md
+++ b/packages/devui-vue/docs/en-US/components/auto-complete/api-en.md
@@ -17,12 +17,11 @@ Set source to the data source that is automatically completed.
     :delay="1000"
     :source="source"
     v-model="value"
-    :allowEmptyValueSearch="allowEmptyValueSearch"
-    :selectValue="selectValue"
-    :transInputFocusEmit="transInputFocusEmit"
-    :appendToBody="true"
-    :appendToBodyDirections="appendToBodyDirections"
-    :dAutoCompleteWidth="450"
+    :allow-empty-value-search="allowEmptyValueSearch"
+    :select-value="selectValue"
+    :trans-input-focus-emit="transInputFocusEmit"
+    :position="position"
+    :width="420"
   >
   </d-auto-complete>
 </template>
@@ -55,19 +54,14 @@ export default defineComponent({
     const transInputFocusEmit = ()=>{
       console.log('transInputFocusEmit')
     }
-    const appendToBodyDirections = ref({
-      originX: 'left',
-      originY: 'bottom',
-      overlayX: 'left',
-      overlayY: 'top',
-    })
+    const position = ref(['bottom'])
     return {
       value,
       source,
       allowEmptyValueSearch,
       transInputFocusEmit,
       selectValue,
-      appendToBodyDirections
+      position
     }
   }
 })
@@ -82,7 +76,7 @@ export default defineComponent({
 
 
 ### Disabled
-You can set the disabled parameter to disable it in the text box and disable the options in the drop-down list box by using the disabledKey parameter.
+You can set the disabled parameter to disable it in the text box and disable the options in the drop-down list box by using the disabled-key parameter.
 :::demo
 
 ```vue
@@ -148,20 +142,20 @@ export default defineComponent({
 :::
 
 ### Customized data matching method
-You can use searchFn to customize the data matching method and the returned data format.
+You can use search-fn to customize the data matching method and the returned data format.
 :::demo
 
 ```vue
 <template>
   <d-auto-complete
     v-model="value"
-    :searchFn="searchFn"
-    disabledKey="disabled"
-    isSearching
+    :search-fn="searchFn"
+    disabled-key="disabled"
+    is-searching
     :delay="1000"
     :formatter="formatter"
   >
-    <template #searchingTemplate="slotProps" >
+    <template #searching="slotProps" >
       <div>
           {{`searching: ${slotProps}`}}
       </div>
@@ -249,7 +243,7 @@ export default defineComponent({
 :::
 
 ### Customized template display
-Use itemTemplate and noResultItemTemplate to customize the drop-down list box and display no matching message.
+Use item、nothing to customize the drop-down list box and display no matching message.
 :::demo
 
 ```vue
@@ -258,12 +252,12 @@ Use itemTemplate and noResultItemTemplate to customize the drop-down list box an
     :source="source"
     v-model="value"
   >
-    <template #itemTemplate="slotProps" >
+    <template #item="slotProps" >
       <div>
           No.{{slotProps.index}}: {{slotProps.item}}
       </div>
     </template>
-    <template #noResultItemTemplate="slotProps" >
+    <template #nothing="slotProps" >
       <div>
           {{`No any results match : ${slotProps}`}}
       </div>
@@ -311,7 +305,7 @@ export default defineComponent({
 
 ### Latest input
 
-Set latestSource to the latest input.
+Set latest-source to the latest input.
 
 :::demo
 
@@ -320,7 +314,7 @@ Set latestSource to the latest input.
   <d-auto-complete
     :source="source"
     v-model="value"
-    :latestSource="latestSource"
+    :latest-source="latestSource"
   >
   </d-auto-complete>
 </template>
@@ -367,7 +361,7 @@ export default defineComponent({
 
 ### Enable lazy load
 
-enableLazyLoad: enables lazy loading.
+enable-lazy-load: enables lazy loading.
 
 :::demo
 
@@ -377,8 +371,9 @@ enableLazyLoad: enables lazy loading.
     ref="autoCompleteRef"
     :source="source"
     v-model="value"
-    enableLazyLoad
+    enable-lazy-load
     :load-more="loadMore"
+    scene-type="select"
   >
   </d-auto-complete>
 </template>
@@ -438,44 +433,62 @@ export default defineComponent({
 
 
 
-### d-auto-complete
-
-d-auto-complete Parameter
-
-|          Parameter          |                        Type                         |                       Default                       |                                                                              Description                                                                               | Jump to Demo                             | Global Config |
-| :--------------------: | :-------------------------------------------------: | :----------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------- | ---------- |
-|         source         |                    `Array<any>`                     |                        --                        |                                                              Required. This parameter is optional if searchFn is specified.                                                               | [Basic usage](#Basic-usage)           |
-| allowEmptyValueSearch  |                      `boolean`                      |                      false                       |                                                     Optional. indicates whether to display a search message when the bound text box value is empty.                                                     | [Basic usage](#Basic-usage)     |
-|      appendToBody      |                      `boolean`                      |                      false                       |                                                                Optional. Whether to append to body is displayed in the drop-down list box.                                                                | [Basic usage](#Basic-usage)     |
-| appendToBodyDirections | `Object as PropType<ConnectionPosition>` | `{originX: 'left',originY: 'bottom',overlayX: 'left',overlayY: 'top',}` |                               Optional. Specify the relative position of the drop-down box and the input box. for details about ConnectionPosition, see Overlay                              | [Basic usage](#Basic-usage)    |
-|        disabled        |                      `boolean`                      |                      false                       |                                                                       Optional. Indicating whether to disable commands.                                                                        | [Disabled](#Disabled)          |
-|         delay          |                      `number`                       |                       300                        |                                                 Optional. The search is performed only after the delay time elapses and a new value is entered. (ms)                                                 | [Basic usage](#Basic-usage)     |
-|      disabledKey       |                      `string`                       |                        --                        | Optional. Disable a single option. If the input resource source option type is an object, for example, disabled, and the disable attribute of the object is true, for example, {label: xxx, disabled: true}, this option will be disabled | [Customized data matching method](#Customized-data-matching-method)          |
-|      itemTemplate      |                    `slot`                    |                        --                        |                                                                      Optional. Customized display template                                                                       | [Customized template display](#Customized-template-display)     |
-|  noResultItemTemplate  |                    `slot`                    |                        --                        |                                                                   Optional. No matching item is displayed.                                                                    | [Customized template display](#Customized-template-display)     |
-|       formatter        |               `(item: any) => string`               |     [defaultFormatter](#defaultFormatter)      |                                                                        Optional. Formatting function                                                                         | [Customized data matching method](#Customized-data-matching-method)          |
-|      isSearching       |                      `boolean`                      |                      false                       |                                                     Optional. indicating whether the search template is displayed.                                                     | [Customized data matching method](#Customized-data-matching-method)     |
-|   searchingTemplate    |                    `slot`                    |                        --                        |                                                                   Optional. The template is displayed in customized search.                                                                    | [Customized data matching method](#Customized-data-matching-method)     |
-|       sceneType        |                      `string`                       |                        --                        |                                                                 Optional. The value can be select or suggestion.                                                                  | [Enable lazy load](#Enable-lazy-load)      |
-|        searchFn        |        `(term: string) => Array<any>`        |      [defaultSearchFn](#defaultSearchFn)       |                                                                      Optional. Customized search filtering                                                                       | [Customized data matching method](#Customized-data-matching-method) |
-|        tipsText        |                      `string`                       |                    'Latest input'                    |                                                                         Optional. prompt text                                                                          | [Disabled](#Disabled)          |
-|      latestSource      |                    `Array<any>`                     |                        --                        |                                                                         Optional. Latest input                                                                         | [Latest input](#Latest-input)           |
-|      valueParser       |                `(item: any) => any`                 |    [defaultValueParse](#defaultValueParse)     |                                                                   (optional) Process selected data                                                                   | [Enable lazy load](#Enable-lazy-load)      |
-|     enableLazyLoad     |                      `boolean`                      |                      false                       |                                                                      	Optional. Whether lazy loading is allowed                                                                      | [Enable lazy load](#Enable-lazy-load)      |
-|   dAutoCompleteWidth   |                      `number`                       |                        --                        |                                                                     Optional. Adjust the width (px)                                                                      |[Basic usage](#Basic-usage)
-|     showAnimation      |                      `boolean`                      |                       true                       |                                                                      optional. Whether to enable animation.                                                                        |                                        | ✔          |      |           |
-
-dAutoComplete Event
-
-|        Parameter         |                                         Type                                         |                                                                  Description                                                                  | Jump to Demo                         |
-| :-----------------: | :----------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------- |
-|      loadMore       |               `EventEmitter<ComponentRef<AutoCompletePopupComponent>>`               | : optional. It is a lazy loading trigger event. It is used together with enableLazyLoad. `$event.loadFinish()` is used to disable the loading status. $event is the instance of the pop-up component AutoCompletePopupComponent | [Enable lazy load](#Enable-lazy-load) |
-|     selectValue     |                                 `EventEmitter<any>`                                  |                                                      (optional), callback function after selecting an option数                                                      | [Basic usage](#Basic-usage) |
-| transInputFocusEmit | `EventEmitter<any>`  |                                                      (optional). Callback function for input focus             | [Basic usage](#Basic-usage)  |
-
+### AutoComplete Parameter
+
+|        Parameter         |              Type              |                 Default                 |                                                                                                                Description                                                                                                                | Jump to Demo                                                        | Global Config |
+| :----------------------: | :----------------------------: | :-------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------ | ------------- |
+|          source          |          `Array<any>`          |                   --                    |                                                                                      Required. This parameter is optional if searchFn is specified.                                                                                       | [Basic usage](#Basic-usage)                                         |
+| allow-empty-value-search |           `boolean`            |                  false                  |                                                                      Optional. indicates whether to display a search message when the bound text box value is empty.                                                                      | [Basic usage](#Basic-usage)                                         |
+|         position         |         `Placement[]`          |         ['bottom'](#placement)          |                                                                             Optional. Specify the relative position of the drop-down box and the input box .                                                                              | [Basic usage](#Basic-usage)                                         |
+|         disabled         |           `boolean`            |                  false                  |                                                                                             Optional. Indicating whether to disable commands.                                                                                             | [Disabled](#Disabled)                                               |
+|          delay           |            `number`            |                   300                   |                                                                   Optional. The search is performed only after the delay time elapses and a new value is entered. (ms)                                                                    | [Basic usage](#Basic-usage)                                         |
+|       disabled-key       |            `string`            |                   --                    | Optional. Disable a single option. If the input resource source option type is an object, for example, disabled, and the disable attribute of the object is true, for example, {label: xxx, disabled: true}, this option will be disabled | [Customized data matching method](#Customized-data-matching-method) |
+|        formatter         |    `(item: any) => string`     |  [defaultFormatter](#defaultFormatter)  |                                                                                                       Optional. Formatting function                                                                                                       | [Customized data matching method](#Customized-data-matching-method) |
+|       is-searching       |           `boolean`            |                  false                  |                                                                                      Optional. indicating whether the search template is displayed.                                                                                       | [Customized data matching method](#Customized-data-matching-method) |
+|        scene-type        |            `string`            |                   --                    |                                                                                             Optional. The value can be select or suggestion.                                                                                              | [Enable lazy load](#Enable-lazy-load)                               |
+|        search-fn         | `(term: string) => Array<any>` |   [defaultSearchFn](#defaultSearchFn)   |                                                                                                   Optional. Customized search filtering                                                                                                   | [Customized data matching method](#Customized-data-matching-method) |
+|        tips-text         |            `string`            |             'Latest input'              |                                                                                                           Optional. prompt text                                                                                                           | [Disabled](#Disabled)                                               |
+|      latest-source       |          `Array<any>`          |                   --                    |                                                                                                          Optional. Latest input                                                                                                           | [Latest input](#Latest-input)                                       |
+|       value-parser       |      `(item: any) => any`      | [defaultValueParse](#defaultValueParse) |                                                                                                     (optional) Process selected data                                                                                                      | [Enable lazy load](#Enable-lazy-load)                               |
+|     enable-lazy-load     |           `boolean`            |                  false                  |                                                                                                 Optional. Whether lazy loading is allowed                                                                                                 | [Enable lazy load](#Enable-lazy-load)                               |
+|          width           |            `number`            |                   400                   |                                                                                                      Optional. Adjust the width (px)                                                                                                      | [Basic usage](#Basic-usage)                                         |
+|      show-animation      |           `boolean`            |                  true                   |                                                                                                  optional. Whether to enable animation.                                                                                                   |                                                                     | ✔             |  |  |
+
+### AutoComplete Event
+
+|       Parameter        |       Type        |                                                                                                           Description                                                                                                           | Jump to Demo                          |
+| :--------------------: | :---------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------ |
+|       load-more        |    `function`     | optional. It is a lazy loading trigger event. It is used together with enable-lazy-load. `$event.loadFinish()` is used to disable the loading status. $event is the instance of the pop-up component AutoCompletePopupComponent | [Enable lazy load](#Enable-lazy-load) |
+|      select-value      | `function(value)` |                                                                                     (optional), callback function after selecting an option                                                                                     | [Basic usage](#Basic-usage)           |
+| trans-input-focus-emit |    `function`     |                                                                                          (optional). Callback function for input focus                                                                                          | [Basic usage](#Basic-usage)           |
+
+### AutoComplete slots
+
+|   Name    |                        Description                        | Jump to Demo                                                        |
+| :-------: | :-------------------------------------------------------: | :------------------------------------------------------------------ |
+|   item    |          Optional. Customized display template .          | [Customized template display](#Customized-template-display)         |
+|  nothing  |         Optional. No matching item is displayed .         | [Customized template display](#Customized-template-display)         |
+| searching | Optional. The template is displayed in customized search. | [Customized data matching method](#Customized-data-matching-method) |
 
 # Interface & Type Definition
 
+### Placement
+```ts
+type Placement =
+  | 'top'
+  | 'right'
+  | 'bottom'
+  | 'left'
+  | 'top-start'
+  | 'top-end'
+  | 'right-start'
+  | 'right-end'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left-start'
+  | 'left-end';
+```
+
 ### defaultSearchFn
 
 ```ts
@@ -505,4 +518,4 @@ item indicates a data item.
 ```ts
 defaultValueParse = (item) => item;
 ```
-item indicates a data item.
+item indicates a data item.
\ No newline at end of file