perf(input): foucs blur 原生事件绑定

docs/docs/zh-CN/components/breadcrumb.md

@@ -52,6 +52,9 @@ export default {
 
 :::
 
+::: title 使用插槽
+:::
+
 ::: demo
 
 <template>

docs/docs/zh-CN/components/input.md

@@ -112,4 +112,6 @@ export default {
 | placeholder | 提示信息        | --              |
 | disabled    | 禁用            | `true` `false`  |
 | v-model     | 值              | --              |
-| input       | 原生 input 事件 | val : 当前值    |
+| input       | 原生 input 事件 | event : 事件对象  |
+| foucs       | 原生 foucs 事件 | event : 事件对象  |
+| blur        | 原生 blur 事件  | --  |

docs/docs/zh-CN/guide/changelog.md

@@ -17,7 +17,8 @@
 [新增] rate 评分 theme 属性, 支持自定义主题。<br>
 [新增] progress 文档, 区分 theme 与 size 使用案例。<br>
 [新增] dropdown 下拉组件 dropdown-item 点击监听, 隐藏 content 内容。<br>
-[修复] rate 评分 modelValue 属性, 双绑逻辑。<br>
+[新增] input 输入框 foucs blur 原生事件绑定。<br>
+[修复] rate 评分 modelValue 属性, 支持双向数据绑定。<br>
 </lay-timeline-item>
 <lay-timeline-item title="0.2.0">
 [新增] carousel 轮播 anim 属性, 支持 default updown 不同方向轮播。<br>

src/module/collapseItem/index.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="layui-colla-item">
     <h2 class="layui-colla-title" @click="showHandle">
-      {{ title
-      }}<i class="layui-icon layui-colla-icon">{{ isShow ? '' : '' }}</i>
+      {{ title }}<i class="layui-icon layui-colla-icon">{{ isShow ? '' : '' }}</i>
     </h2>
     <div class="layui-colla-content" :class="isShow ? 'layui-show' : ''">
       <p>

src/module/input/index.vue

@@ -7,7 +7,9 @@
     :disabled="disabled"
     class="layui-input"
     :class="{ 'layui-disabled': disabled }"
-    @input="updateValue"
+    @input="onInput"
+    @focus="onFocus"
+    @blur="onBlur"
   />
 </template>
 
@@ -23,11 +25,19 @@ const props =
     disabled?: boolean
   }>()
 
-const emit = defineEmits(['update:modelValue', 'input'])
+const emit = defineEmits(['update:modelValue', 'input', 'focus', 'blur'])
 
-const updateValue = function (event: InputEvent) {
+const onInput = function (event: InputEvent) {
   const inputElement = event.target as HTMLInputElement
   emit('update:modelValue', inputElement.value)
-  emit('input', inputElement.value)
+  emit('input', event)
+}
+
+const onFocus = function (event: FocusEvent) {
+  emit('focus', event)
+}
+
+const onBlur = function () {
+  emit('blur')
 }
 </script>