diff --git a/devui/input/src/input.tsx b/devui/input/src/input.tsx
index a2720754dc9072c696fb2efbac8ea04c269cbda9..0c3763e56f597e0a04a348ddb5b6efc07513510f 100644
--- a/devui/input/src/input.tsx
+++ b/devui/input/src/input.tsx
@@ -1,9 +1,18 @@
-import { defineComponent, computed, ref, watch, toRef } from 'vue';
+import { defineComponent, computed, ref, watch, nextTick, onMounted, toRefs } from 'vue';
 import { inputProps, InputType } from './use-input';
 import './input.scss'
 
 export default defineComponent({
   name: 'DInput',
+  directives: {
+    focus: {
+      mounted: function (el, binding) {
+        if (binding.value) {
+          el.focus()
+        }
+      }
+    }
+  },
   props: inputProps,
   emits: ['update:value', 'focus', 'blur', 'change', 'keydown'],
   setup(props, ctx) {
@@ -23,7 +32,7 @@ export default defineComponent({
     }, { immediate: true })
 
     watch(() => props.value, value => {
-      value && value.length > 0 ? showPwdIcon.value = true : showPwdIcon.value = false
+      (value && value.length > 0 && showPreviewIcon.value) ? showPwdIcon.value = true : showPwdIcon.value = false
     })
 
     const onInput = ($event: Event) => {
@@ -44,7 +53,6 @@ export default defineComponent({
       onChangeInputType = () => {
         inputType.value = inputType.value === 'password' ? 'text' : 'password'
       }
-
     return {
       inputCls,
       inputType,
@@ -66,6 +74,7 @@ export default defineComponent({
       inputCls,
       inputType,
       maxLength,
+      autoFocus,
       placeholder,
       disabled,
       onInput,
@@ -78,6 +87,7 @@ export default defineComponent({
     return (
       <div class="devui-input__wrap">
         <input
+          v-focus={autoFocus}
           {...{dinput: true}}
           value={value}
           disabled={disabled}
diff --git a/devui/input/src/use-input.tsx b/devui/input/src/use-input.tsx
index 980c5f13977d678f956e12b6db3c1a99bcf1d123..5706ad2774fdfe141ad03ea954b0897d7d274e41 100644
--- a/devui/input/src/use-input.tsx
+++ b/devui/input/src/use-input.tsx
@@ -9,6 +9,10 @@ export const inputProps = {
     type: Boolean,
     default: false
   },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
   maxLength: {
     type: Number,
     default: Number.MAX_SAFE_INTEGER
diff --git a/devui/search/hooks/use-search-keydown.ts b/devui/search/hooks/use-search-keydown.ts
index 76f6f281b6b6658d9c0e443eb72987f7a8d5d559..16926736c38e050c0ee7322f77b122282d9d0b4a 100644
--- a/devui/search/hooks/use-search-keydown.ts
+++ b/devui/search/hooks/use-search-keydown.ts
@@ -1,16 +1,16 @@
 /**
  * 清空按钮显示、隐藏
  */
-import { SetupContext, Ref } from 'vue'
+import { SetupContext, Ref, } from 'vue'
 import { KeydownReturnTypes } from '../src/search-types'
-
+import { debounce } from 'lodash'
 const KEYS_MAP = {
   enter: 'Enter'
 } as const
 
 type EmitProps = 'update:modelValue' | 'searchFn'
 
-export const keydownHandles = (ctx: SetupContext<(EmitProps)[]>, keywords: Ref<string>): KeydownReturnTypes => {
+export const keydownHandles = (ctx: SetupContext<(EmitProps)[]>, keywords: Ref<string>, delay: number): KeydownReturnTypes => {
   // 删除按钮显示
   const onInputKeydown = ($event: KeyboardEvent) => {
     switch ($event.key) {
@@ -24,15 +24,18 @@ export const keydownHandles = (ctx: SetupContext<(EmitProps)[]>, keywords: Ref<s
   const handleEnter = ($event: KeyboardEvent) => {
     if ($event.target instanceof HTMLInputElement) {
       const value = $event.target.value
-      ctx.emit('searchFn', value)
+      useEmitKeyword(value)
     }
   }
   const onClickHandle = () => {
-    console.log(keywords.value)
-    ctx.emit('searchFn', keywords.value)
+    useEmitKeyword(keywords.value)
   }
+  const useEmitKeyword = debounce((value: string) => {
+    ctx.emit('searchFn', value)
+  }, delay)
   return {
     onInputKeydown,
+    useEmitKeyword,
     onClickHandle
   }
 }
diff --git a/devui/search/src/search-types.ts b/devui/search/src/search-types.ts
index 0f0d5071921804a4c9bfca0499a276da6b803f03..05a97d6fe7197f5ee298997a5aaf49da084e6b3b 100644
--- a/devui/search/src/search-types.ts
+++ b/devui/search/src/search-types.ts
@@ -69,4 +69,5 @@ export interface KeywordsReturnTypes {
 export interface KeydownReturnTypes {
   onInputKeydown: (e: KeyboardEvent) => void
   onClickHandle: () => void
+  useEmitKeyword: (e: string) => void
 }
\ No newline at end of file
diff --git a/devui/search/src/search.tsx b/devui/search/src/search.tsx
index 4cded6858dd716ea5ec005dbb5552a7429cb90af..6e7385279679701fde5bda0fd4d12f26cef8f43f 100644
--- a/devui/search/src/search.tsx
+++ b/devui/search/src/search.tsx
@@ -16,10 +16,13 @@ export default defineComponent({
     const {keywords, clearIconShow, onClearHandle} = keywordsHandles(ctx, props)
 
     // 键盘回车事件
-    const { onInputKeydown, onClickHandle } = keydownHandles(ctx, keywords)
+    const { onInputKeydown, onClickHandle, useEmitKeyword } = keydownHandles(ctx, keywords, props.delay)
     
     // 双向绑定
     const onInputUpdate = (event: string) => {
+      if (props.isKeyupSearch) {
+        useEmitKeyword(event)
+      }
       keywords.value = event
       ctx.emit('update:modelValue', event)
     }
@@ -35,6 +38,7 @@ export default defineComponent({
           <DInput
             size={props.size}
             disabled={props.disabled}
+            autoFocus={props.autoFocus}
             value={keywords.value}
             maxLength={props.maxLength}
             placeholder={props.placeholder}
diff --git a/package.json b/package.json
index e1c54ce87023c9e71f5bdc7899aae2696ea49aef..07f9c716316d86a7417e727c2e374d4c8ccf4db1 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,6 @@
     "@devui-design/icons": "^1.3.0",
     "@types/lodash-es": "^4.17.4",
     "lodash-es": "^4.17.20",
-    "vitepress-theme-demoblock": "^1.0.7",
     "vue": "^3.1.1",
     "vue-router": "^4.0.3"
   },
@@ -87,6 +86,7 @@
     "vite": "^2.4.4",
     "vite-plugin-md": "^0.6.0",
     "vitepress": "^0.15.6",
+    "vitepress-theme-demoblock": "1.0.7",
     "vue-tsc": "^0.2.2",
     "yarn": "^1.22.11"
   },
diff --git a/sites/components/input/index.md b/sites/components/input/index.md
index 627d994fd993ee2e4343952dc37569d50cf54944..f6fb8aa0e948882984737773436c8e98afbfbc8b 100644
--- a/sites/components/input/index.md
+++ b/sites/components/input/index.md
@@ -14,7 +14,7 @@
 <template>
   <h4 style="margin: 10px 0">Default</h4>
 
-  <d-input placeholder="Please Enter" id="textInput"  class="dinput"></d-input>
+  <d-input placeholder="Please Enter" autoFocus id="textInput"  class="dinput"></d-input>
 
   <h4 style="margin: 10px 0">Disabled</h4>
 
@@ -23,7 +23,6 @@
   <h4 style="margin: 10px 0">Error</h4>
 
   <d-input placeholder="Please Enter" :error="true"  class="dinput"></d-input>
-
 </template>
 <style>
   .dinput {
@@ -40,7 +39,6 @@
 
 ```vue
 <template>
-  <div>
     <h4 style="margin: 10px 0">Small</h4>
 
     <d-input size="sm" class="dinput" placeholder="Please Enter" ></d-input>
@@ -52,8 +50,6 @@
     <h4 style="margin: 10px 0">Large</h4>
 
     <d-input size="lg"  placeholder="Please Enter" class="dinput"></d-input>
-
-  </div>
 </template>
 ```
 
@@ -66,9 +62,7 @@
 
 ```vue
 <template>
-  <div class="aaa" id="aaa">
-    <d-input v-model:value="searchText" class="dinput" placeholder="Please Enter" showPassword></d-input>
-  </div>
+  <d-input v-model:value="searchText" class="dinput" placeholder="Please Enter" showPassword></d-input>
 </template>
 <script>
 import { defineComponent, ref } from 'vue'
@@ -88,12 +82,15 @@ export default defineComponent({
 
 ### API
 
-|    参数     |   类型   |   默认    | 说明                     | 跳转 Demo                         | 全局配置项 |
-| :---------: | :------: | :-------: | :----------------------- | --------------------------------- | --------- |
-|    id     | `string` |    --     | 可选，文本框 id             | [基本用法](#基本用法)             ||
-|    placeholder     | `string` |  --   | 可选，文本框 placeholder     | [基本用法](#基本用法)             ||
-|    maxLength     | `number` |  Number.MAX_SAFE_INTEGER   | 可选，输入框的 max-length    |            ||
-|    disabled    | `boolean` | false | 可选，文本框是否被禁用           | [基本用法](#基本用法)             ||
-| error | `boolean` |  false   | 可选，文本框是否出现输入错误 | [基本用法](#基本用法) ||
-| size | `'sm'\|''\|'lg'` |  ''   | 可选，文本框尺寸，有三种选择`'lg'`,`''`,`'sm'` | [基本用法](#尺寸) ||
+|    参数     |   类型   |   默认    | 说明                     | 跳转 Demo                         |
+| :---------: | :------: | :-------: | :-----------------------: | :---------------------------------: |
+|    id     | `string` |    --     | 可选，文本框 id             | [基本用法](#基本用法)  |
+|    placeholder     | `string` |  --   | 可选，文本框 placeholder     | [基本用法](#基本用法) |
+|    maxLength     | `number` |  Number.MAX_SAFE_INTEGER   | 可选，输入框的 max-length    |   |
+|    disabled    | `boolean` | false | 可选，文本框是否被禁用           | [基本用法](#基本用法)  |
+| error | `boolean` |  false   | 可选，文本框是否出现输入错误 | [基本用法](#基本用法) |
+| size | `'sm'\|''\|'lg'` |  ''   | 可选，文本框尺寸，有三种选择`'lg'`,`''`,`'sm'` | [尺寸](#尺寸) |
+| cssClass | `string` |  ''  | 可选，支持传入类名到输入框上 |  |
+| showPassword | `boolean` |  false  | 可选，密码输入框 |  [密码框](#密码框)  |
+|  autoFocus   | `boolean` | false | 可选，输入框是否自动对焦 | [基本用法](#基本用法)  |
 
diff --git a/sites/components/search/index.md b/sites/components/search/index.md
index 98f934f7c653e12c82074b3191dc99159d4b8f7f..a47a8355d2bf0f0c64d3e493ef69541f3543c087 100644
--- a/sites/components/search/index.md
+++ b/sites/components/search/index.md
@@ -8,9 +8,9 @@
 <template>
   <div>
     Small
-    <d-search size="sm" style="width: 200px"></d-search>
+    <d-search size="sm" autoFocus style="width: 200px" :delay="1000"></d-search>
     Middle
-    <d-search style="width: 200px"></d-search>
+    <d-search style="width: 200px" isKeyupSearch></d-search>
     Large
     <d-search iconPosition="left" size="lg" style="width: 200px"></d-search>
     Disabled
@@ -79,7 +79,10 @@ export default defineComponent({
 |    size     | `'sm'\|''\|'lg'` |    ''     | 可选，搜索框尺寸，有三种选择 lg、''、sm  | [基本用法](#基本用法)             ||
 |    placeholder     | `string` |  --   | 可选，输入框 placeholder     | [搜索图标左置](#搜索图标左置)             ||
 |    maxLength     | `number` |  --   | 可选，输入框的 max-length    |  [双向绑定](#双向绑定)  ||
-|    disabled    | `boolean` | false | 可选，输入框是否被禁用           | [基本用法](#基本用法)             ||
+|    delay     | `number` |  300   | 可选，debounceTime 的延迟    |  [基本用法](#基本用法)  ||
+|    disabled    | `boolean` | false | 可选，输入框是否被禁用    | [基本用法](#基本用法)             ||
+|    autoFocus    | `boolean` | false | 可选，输入框是否自动对焦 | [基本用法](#基本用法)             ||
+| isKeyupSearch | `boolean` |  false   | 可选，是否支持输入值立即触发 searchFn | [基本用法](#基本用法) ||
 | iconPosition | `string` |  'right'   | 可选，搜索图标位置，有两种选择'left' / 'right' | [搜索图标左置](#搜索图标左置) ||
 | noBorder | `boolean` |  false  | 可选，是否显示边框 | [无边框](#无边框) ||
 | cssClass | `string` |  ''  | 可选，支持传入类名到输入框上 | [双向绑定](#双向绑定) ||
diff --git a/yarn.lock b/yarn.lock
index 241d93cf78647a649265659382bc8fee534aec4f..2622c2aea90860b611dab6ae727128679cf3ab78 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6993,7 +6993,7 @@ vite@^2.3.7, vite@^2.4.4:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vitepress-theme-demoblock@^1.0.7:
+vitepress-theme-demoblock@1.0.7:
   version "1.0.7"
   resolved "https://registry.nlark.com/vitepress-theme-demoblock/download/vitepress-theme-demoblock-1.0.7.tgz#03010923025a8dd6e591cb5828af15693b37d63f"
   integrity sha1-AwEJIwJajdblkctYKK8VaTs31j8=