From 29a306da8e85360f739a3a945f7a23f257b69b6c Mon Sep 17 00:00:00 2001
From: lwl <1181102955@qq.com>
Date: Tue, 31 Aug 2021 22:16:14 +0800
Subject: [PATCH 1/6] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=20input=20?=
 =?UTF-8?q?=E8=AF=B4=E6=98=8E=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sites/components/input/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sites/components/input/index.md b/sites/components/input/index.md
index 627d994f..3379170d 100644
--- a/sites/components/input/index.md
+++ b/sites/components/input/index.md
@@ -96,4 +96,4 @@ export default defineComponent({
 |    disabled    | `boolean` | false | 可选，文本框是否被禁用           | [基本用法](#基本用法)             ||
 | error | `boolean` |  false   | 可选，文本框是否出现输入错误 | [基本用法](#基本用法) ||
 | size | `'sm'\|''\|'lg'` |  ''   | 可选，文本框尺寸，有三种选择`'lg'`,`''`,`'sm'` | [基本用法](#尺寸) ||
-
+| cssClass | `string` |  ''  | 可选，支持传入类名到输入框上 |  ||
-- 
Gitee


From 479c1d31afa238626ec7c6d094e29592d1ac77ca Mon Sep 17 00:00:00 2001
From: lwl <1181102955@qq.com>
Date: Sun, 5 Sep 2021 16:42:37 +0800
Subject: [PATCH 2/6] =?UTF-8?q?chore:=20=E5=B0=86vitepress-theme-demoblock?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E6=94=BE=E5=85=A5devDependencies=E4=B8=AD?=
 =?UTF-8?q?=E5=B9=B6=E9=94=81=E6=AD=BB1.0.7=E7=89=88=E6=9C=AC=EF=BC=8C?=
 =?UTF-8?q?=E4=BB=A5=E9=98=B2node=E5=B0=8F=E4=BA=8E14=E7=9A=84=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E4=BD=BF=E7=94=A8=E9=AB=98=E7=89=88=E6=9C=AC=E4=BA=A7?=
 =?UTF-8?q?=E7=94=9F=E6=8A=A5=E9=94=99=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 yarn.lock    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index e1c54ce8..07f9c716 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/yarn.lock b/yarn.lock
index 241d93cf..2622c2ae 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=
-- 
Gitee


From 1410bbe6266e5c4a44f9daf1af86b3146699c039 Mon Sep 17 00:00:00 2001
From: lwl <1181102955@qq.com>
Date: Sun, 5 Sep 2021 16:43:09 +0800
Subject: [PATCH 3/6] =?UTF-8?q?feat:=20input=E7=BB=84=E4=BB=B6=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Eapi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/input/src/input.tsx       | 18 +++++++++++++++---
 devui/input/src/use-input.tsx   |  4 ++++
 sites/components/input/index.md | 31 ++++++++++++++-----------------
 3 files changed, 33 insertions(+), 20 deletions(-)

diff --git a/devui/input/src/input.tsx b/devui/input/src/input.tsx
index a2720754..19f810be 100644
--- a/devui/input/src/input.tsx
+++ b/devui/input/src/input.tsx
@@ -1,12 +1,22 @@
-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) {
+    const iptDom = ref(null)
     const sizeCls = computed(() => `devui-input-${props.size}`);
     const showPwdIcon = ref(false)
     const inputType = ref<InputType>('text')
@@ -23,7 +33,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,8 +54,8 @@ export default defineComponent({
       onChangeInputType = () => {
         inputType.value = inputType.value === 'password' ? 'text' : 'password'
       }
-
     return {
+      iptDom,
       inputCls,
       inputType,
       showPreviewIcon,
@@ -66,6 +76,7 @@ export default defineComponent({
       inputCls,
       inputType,
       maxLength,
+      autoFocus,
       placeholder,
       disabled,
       onInput,
@@ -78,6 +89,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 980c5f13..5706ad27 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/sites/components/input/index.md b/sites/components/input/index.md
index 3379170d..f6fb8aa0 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'` | [基本用法](#尺寸) ||
-| cssClass | `string` |  ''  | 可选，支持传入类名到输入框上 |  ||
+|    参数     |   类型   |   默认    | 说明                     | 跳转 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 | 可选，输入框是否自动对焦 | [基本用法](#基本用法)  |
+
-- 
Gitee


From 7850ee614888731ffa153b050370b8b0dd3893a9 Mon Sep 17 00:00:00 2001
From: lwl <1181102955@qq.com>
Date: Sun, 5 Sep 2021 16:43:30 +0800
Subject: [PATCH 4/6] =?UTF-8?q?feat:=20search=E7=BB=84=E4=BB=B6=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Eapi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/search/hooks/use-search-keydown.ts | 16 ++++++++++------
 devui/search/src/search-types.ts         |  1 +
 devui/search/src/search.tsx              |  6 +++++-
 sites/components/search/index.md         |  9 ++++++---
 4 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/devui/search/hooks/use-search-keydown.ts b/devui/search/hooks/use-search-keydown.ts
index 76f6f281..3b9b6c1d 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,19 @@ 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) => {
+    console.log(value)
+    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 0f0d5071..05a97d6f 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 4cded685..6e738527 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/sites/components/search/index.md b/sites/components/search/index.md
index 98f934f7..a47a8355 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` |  ''  | 可选，支持传入类名到输入框上 | [双向绑定](#双向绑定) ||
-- 
Gitee


From 5545d82be0fd1750738845e072d5cdfbdf40add1 Mon Sep 17 00:00:00 2001
From: lwl <1181102955@qq.com>
Date: Sun, 5 Sep 2021 16:45:22 +0800
Subject: [PATCH 5/6] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E4=B8=8D=E5=BF=85?=
 =?UTF-8?q?=E8=A6=81=E7=9A=84=E5=8F=98=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/input/src/input.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/devui/input/src/input.tsx b/devui/input/src/input.tsx
index 19f810be..0c3763e5 100644
--- a/devui/input/src/input.tsx
+++ b/devui/input/src/input.tsx
@@ -16,7 +16,6 @@ export default defineComponent({
   props: inputProps,
   emits: ['update:value', 'focus', 'blur', 'change', 'keydown'],
   setup(props, ctx) {
-    const iptDom = ref(null)
     const sizeCls = computed(() => `devui-input-${props.size}`);
     const showPwdIcon = ref(false)
     const inputType = ref<InputType>('text')
@@ -55,7 +54,6 @@ export default defineComponent({
         inputType.value = inputType.value === 'password' ? 'text' : 'password'
       }
     return {
-      iptDom,
       inputCls,
       inputType,
       showPreviewIcon,
-- 
Gitee


From fc808df5767061568805b5388ca95c3de38e9940 Mon Sep 17 00:00:00 2001
From: lwl <1181102955@qq.com>
Date: Tue, 7 Sep 2021 22:12:12 +0800
Subject: [PATCH 6/6] =?UTF-8?q?fix:=20=E6=B8=85=E9=99=A4=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devui/search/hooks/use-search-keydown.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/devui/search/hooks/use-search-keydown.ts b/devui/search/hooks/use-search-keydown.ts
index 3b9b6c1d..16926736 100644
--- a/devui/search/hooks/use-search-keydown.ts
+++ b/devui/search/hooks/use-search-keydown.ts
@@ -31,7 +31,6 @@ export const keydownHandles = (ctx: SetupContext<(EmitProps)[]>, keywords: Ref<s
     useEmitKeyword(keywords.value)
   }
   const useEmitKeyword = debounce((value: string) => {
-    console.log(value)
     ctx.emit('searchFn', value)
   }, delay)
   return {
-- 
Gitee